\n \n

App Settings

\n \n

Appearance

Theme

\n \n \n Auto\n \n \n \n Light\n \n \n \n Dark\n \n

Font

\n \n

\n \n Monospace\n

The quick brown fox jumps over the lazy dog.

\n \n \n

\n \n Sans-serif\n

The quick brown fox jumps over the lazy dog.

\n \n \n

\n \n Serif\n

The quick brown fox jumps over the lazy dog.

\n \n

Data

\n \n \n \n \n

Presets

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

\n name\n \n \n

\n system prompt\n \n

\n model\n

\n \n

\n temperature\n \n

\n \n

\n max tokens\n \n

\n \n

\n reasoning\n \n

\n \n \n browser search\n \n \n \n code interpreter\n \n \n \n stream\n \n \n \n json mode\n \n

\n \n

No presets yet.

\n\n\n",[],[274,280,287],{"_103":296,"_95":297,"_152":298,"_154":281,"_155":137,"_156":299,"_158":159,"_105":300,"_100":301,"_161":291,"_163":302,"_164":22,"_165":-5,"_166":303,"_98":304},"8047bfb8-93da-11f0-9258-0224a6c84d84","chatControls.html","e16237b4-804e-11f0-a930-0224a6c84d84",188,["D",1758122711271],10,"

\n \n

\n Settings\n

\n \n Save Changes\n ⏳ Saving...\n \n \n

\n \n

\n API Key (get key)\n

\n \n \n

\n API Key (get key)\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 jobs mode\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",[],[274,280,297],{"_103":306,"_95":307,"_152":308,"_154":281,"_155":137,"_156":309,"_158":159,"_105":310,"_100":311,"_161":291,"_163":312,"_164":22,"_165":-5,"_166":313,"_98":314},"804d8754-93da-11f0-9b83-0224a6c84d84","chatWindow.html","e2268db2-804e-11f0-990e-0224a6c84d84",189,["D",1758122711281],9,"

\n \n

\n \n \n

\n\n \n

Chatter

General-purpose AI assistant

\n \n

\n\n \n

\n \n \n

\n\n\n",[],[274,280,307],{"_103":316,"_95":317,"_152":318,"_154":281,"_155":137,"_156":319,"_158":159,"_105":320,"_100":32,"_161":291,"_163":321,"_164":22,"_165":-5,"_166":322,"_98":323},"cd73756e-931e-11f0-9474-0224a6c84d84","globalMenu.html","cd737636-931e-11f0-9474-0224a6c84d84",182,["D",1758042095358],"\n

\n \n

\n Tools\n \n

\n \n

Notes

\n\n \n

\n \n \n

\n\n \n

\n \n \n

\n\n \n

\n \n

\n No notes yet. Create your first note above!\n

\n\n

\n \n

\n\n\n

\n \n

\n Tools\n \n

\n \n

Notes

\n\n \n

\n \n \n

\n\n \n

\n \n \n

\n\n \n

\n \n

\n No notes yet. Create your first note above!\n

\n \n

\n",[],[274,280,317],{"_103":325,"_95":326,"_152":327,"_154":281,"_155":137,"_156":328,"_158":159,"_105":329,"_100":220,"_161":291,"_163":330,"_164":22,"_165":-5,"_166":331,"_98":332},"3899d112-86ae-11f0-bc44-0224a6c84d84","sidebarDesktop.html","e1c45174-804e-11f0-a248-0224a6c84d84",140,["D",1756674328045],"\n\n\n",[],[274,280,326],{"_103":334,"_95":335,"_152":336,"_154":281,"_155":137,"_156":337,"_158":159,"_105":338,"_100":181,"_161":291,"_163":339,"_164":22,"_165":-5,"_166":340,"_98":341},"38b1f422-86ae-11f0-b7f3-0224a6c84d84","sidebarMobile.html","e16bcc48-804e-11f0-a93f-0224a6c84d84",143,["D",1756674328198],"

\n \n

\n Chatter\n

\n \n \n

\n \n

\n \n \n

\n \n

\n\n\n",[],[274,280,335],[274,280],{"_103":344,"_95":345,"_152":346,"_154":275,"_155":137,"_156":347,"_158":159,"_105":348,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":349,"_98":369},"8fdb7f04-78f1-11f0-bbe7-0224a6c84d84","core","8fdb7fc2-78f1-11f0-bbe7-0224a6c84d84",43,["D",1755163934439],[350,360],{"_103":351,"_95":352,"_152":353,"_154":346,"_155":137,"_156":354,"_158":159,"_105":355,"_100":356,"_161":182,"_163":357,"_164":22,"_165":-5,"_166":358,"_98":359},"cd80e12c-931e-11f0-8949-0224a6c84d84","chatCore.js","8feeae30-78f1-11f0-aafe-0224a6c84d84",183,["D",1758042095445],11,"// Core chat + DB helpers extracted from chatterApp\n\nexport async function initDb(state) {\n try {\n state.db = new window.Dexie('chat_db');\n state.db.version(1).stores({ chats: '++id,title,createdAt' });\n state.db.version(2).stores({ chats: '++id,title,createdAt', messages: '++id,chatId,createdAt,role,content' });\n state.db.version(3).stores({ chats: '++id,title,createdAt,folderId', messages: '++id,chatId,createdAt,role,content', folders: '++id,name,createdAt,order,collapsed' });\n // v4: add stable slug support to chats\n state.db.version(4).stores({ chats: '++id,title,slug,createdAt,folderId', messages: '++id,chatId,createdAt,role,content', folders: '++id,name,createdAt,order,collapsed' });\n // v5: add per-chat prompt fields and systemPrompts library\n state.db.version(5).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText',\n messages: '++id,chatId,createdAt,role,content',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,createdAt,updatedAt'\n });\n // v6: add settings field to chats for per-chat overrides\n state.db.version(6).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,createdAt,updatedAt'\n });\n // v7: add settings field to systemPrompts for preset configurations\n state.db.version(7).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt'\n });\n // v8: re-affirm model index for messages (safe bump for existing users)\n state.db.version(8).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt'\n });\n // v9: support dual-mode settings with activeSettingsSource and customPromptText\n state.db.version(9).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings,activeSettingsSource,customPromptText',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt'\n });\n // v10: add notes table for global notes plugin\n state.db.version(10).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings,activeSettingsSource,customPromptText',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt',\n notes: '++id,title,content,createdAt,updatedAt'\n });\n try { state.db.on('versionchange', () => { try { state.db.close(); } catch (_) { /* ignore */ } }); } catch (_) { /* ignore */ }\n } catch (e) {\n console.error('Dexie init error', e);\n }\n}\n\nexport async function loadChats(state) {\n try {\n const rows = await state.db.chats.orderBy('createdAt').reverse().toArray();\n state.chats = rows.map(r => ({ id: r.id, title: r.title, slug: r.slug || null, createdAt: r.createdAt, folderId: r.folderId || null }));\n } catch (_) { state.chats = []; }\n}\n\nexport async function loadFolders(state) {\n try {\n const rows = await state.db.folders.orderBy('order').toArray();\n state.folders = rows.map(r => ({ id: r.id, name: r.name || 'folder', createdAt: r.createdAt || Date.now(), order: r.order ?? r.id, collapsed: !!r.collapsed }));\n } catch (_) { state.folders = []; }\n}\n\nexport async function createFolder(state) {\n try {\n const createdAt = Date.now();\n const name = 'folder';\n const order = (state.folders[state.folders.length - 1]?.order || 0) + 1;\n const id = await state.db.folders.add({ name, createdAt, order, collapsed: false });\n await loadFolders(state);\n // Immediately enter rename mode\n startEditingFolder(state, id, name);\n } catch (_) { /* ignore */ }\n}\n\nexport function startEditingFolder(state, id, currentName) {\n state.editingFolderId = id;\n state.editingFolderName = currentName || '';\n setTimeout(() => {\n try {\n const el = document.querySelector('input[data-folder-id=\"' + id + '\"]');\n if (el) { el.focus(); el.select(); }\n } catch (_) {}\n }, 30);\n}\n\nexport async function commitEditingFolder(state) {\n const rawId = state.editingFolderId;\n const id = typeof rawId === 'string' ? Number(rawId) : rawId;\n if (!id) return cancelEditingFolder(state);\n const name = (state.editingFolderName || '').trim() || 'folder';\n try {\n const prev = await state.db.folders.get(id);\n await state.db.folders.put({ id, name, createdAt: prev?.createdAt || Date.now(), order: prev?.order ?? id, collapsed: !!prev?.collapsed });\n await loadFolders(state);\n } catch (_) { /* ignore */ }\n state.editingFolderId = null;\n state.editingFolderName = '';\n}\n\nexport function cancelEditingFolder(state) {\n state.editingFolderId = null;\n state.editingFolderName = '';\n}\n\nexport async function toggleFolderCollapsed(state, id) {\n try {\n const f = await state.db.folders.get(id);\n if (!f) return;\n await state.db.folders.put({ ...f, collapsed: !f.collapsed });\n await loadFolders(state);\n } catch (_) { /* ignore */ }\n}\n\nexport async function moveChatToFolder(state, chatId, folderId) {\n try {\n if (!chatId) return;\n const prev = await state.db.chats.get(chatId);\n if (!prev) return;\n const next = { ...prev, id: chatId, folderId: folderId ?? null };\n await state.db.chats.put(next);\n await loadChats(state);\n } catch (_) { /* ignore */ }\n}\n\nexport function baseChats(state) {\n try {\n const list = (state.chats || []).filter(c => !c.folderId);\n return [{ id: state.ephemeralChatId, title: 'New chat', createdAt: 0, folderId: null, isEphemeral: true }, ...list];\n } catch (_) { return state.chats || []; }\n}\n\nexport function chatsInFolder(state, folderId) {\n try { return (state.chats || []).filter(c => c.folderId === folderId); } catch (_) { return []; }\n}\n\nexport async function createNewChat(state) {\n const input = (state.chatInput || '').trim();\n // If no content, do NOT create a persisted chat. Switch to ephemeral new chat.\n if (!input) {\n state.currentChatId = null;\n state.activeSearchId = state.ephemeralChatId;\n const promptLabel = (() => {\n try {\n const raw = state.chatPromptId;\n const id = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n if (id != null && Number.isFinite(id)) {\n const list = Array.isArray(state.presets) ? state.presets : [];\n const match = list.find(p => Number(p.id) === id);\n return (match && match.name) ? String(match.name) : 'preset';\n }\n return 'custom';\n } catch (_) { return 'custom'; }\n })();\n state.messages = [{ role: 'assistant', content: 'Hi! How can I help you today?', createdAt: Date.now(), model: state.selectedModel || null, promptLabel }];\n return;\n }\n const base = input;\n const title = base.substring(0, 60);\n const slug = slugifyTitle(title);\n const createdAt = Date.now();\n const id = await state.db.chats.add({ title, slug, createdAt, folderId: null });\n await loadChats(state);\n await selectChat(state, id);\n}\n\nexport async function selectChat(state, id) {\n if (id === state.ephemeralChatId) {\n state.currentChatId = null;\n state.activeSearchId = state.ephemeralChatId;\n const promptLabel = (() => {\n try {\n const raw = state.chatPromptId;\n const pid = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n if (pid != null && Number.isFinite(pid)) {\n const list = Array.isArray(state.presets) ? state.presets : [];\n const match = list.find(p => Number(p.id) === pid);\n return (match && match.name) ? String(match.name) : 'preset';\n }\n return 'custom';\n } catch (_) { return 'custom'; }\n })();\n state.messages = [{ role: 'assistant', content: 'Hi! How can I help you today?', createdAt: Date.now(), model: state.selectedModel || null, promptLabel }];\n // Clear per-chat prompt state when ephemeral\n state.chatPromptId = null;\n state.chatPromptText = '';\n \n // Reset to default/global settings for ephemeral chat\n try {\n const storedModel = localStorage.getItem('groq_model');\n if (storedModel && typeof storedModel === 'string') {\n state.selectedModel = storedModel;\n } else {\n state.selectedModel = 'openai/gpt-oss-120b';\n }\n const storedBase = localStorage.getItem('chat_base_url');\n state.customChatBaseUrl = (storedBase && typeof storedBase === 'string') ? storedBase : '';\n const storedUse = localStorage.getItem('use_browser_search');\n if (storedUse === '0') state.useBrowserSearch = false;\n else if (storedUse === '1') state.useBrowserSearch = true;\n else state.useBrowserSearch = true; // default\n const storedCI = localStorage.getItem('use_code_interpreter');\n if (storedCI === '1') state.useCodeInterpreter = true;\n else if (storedCI === '0') state.useCodeInterpreter = false;\n else state.useCodeInterpreter = false; // default\n const t = localStorage.getItem('temperature');\n if (t != null && t !== '' && !Number.isNaN(Number(t))) state.temperature = Math.max(0, Math.min(2, Number(t)));\n else state.temperature = 1; // default\n const mt = localStorage.getItem('max_tokens');\n if (mt != null && mt !== '' && !Number.isNaN(Number(mt))) state.maxTokens = Math.max(1, Number(mt));\n else state.maxTokens = 8192; // default\n const re = localStorage.getItem('reasoning_effort');\n if (re === 'low' || re === 'medium' || re === 'high') state.reasoningEffort = re;\n else state.reasoningEffort = 'medium'; // default\n const se = localStorage.getItem('stream_enabled');\n if (se === '0') state.streamEnabled = false;\n else if (se === '1') state.streamEnabled = true;\n else state.streamEnabled = true; // default\n const jm = localStorage.getItem('json_mode');\n if (jm === '1') state.jsonMode = true;\n else if (jm === '0') state.jsonMode = false;\n else state.jsonMode = false; // default\n } catch (_) { /* ignore */ }\n \n // Clear preset linking status for ephemeral chat\n if (state.updatePresetLinkingStatus) {\n try {\n state.chatIsLinkedToPreset = false;\n state.chatHasCustomSettingsStored = false;\n } catch (_) { /* ignore */ }\n }\n state.sidebarOpen = false;\n state.$nextTick && state.$nextTick(() => state.scrollToBottom && state.scrollToBottom());\n return;\n }\n state.currentChatId = id;\n state.activeSearchId = id;\n try {\n const rows = await state.db.messages.where('chatId').equals(id).sortBy('createdAt');\n state.messages = rows.map(r => ({ id: r.id, chatId: r.chatId, role: r.role, content: r.content, reasoning: r.reasoning, createdAt: r.createdAt, model: r.model || null, promptLabel: r.promptLabel || null }));\n // Load per-chat prompt metadata and settings\n try {\n const meta = await state.db.chats.get(id);\n console.log('🔄 selectChat: Loading chat meta for chatId =', id, 'meta =', meta);\n \n // Determine which prompt text to surface and how to reflect selection based on activeSettingsSource\n const activeSource = meta?.activeSettingsSource || null;\n // Drive the dropdown by active source: show 'custom' when using custom, otherwise show linked preset id\n if (activeSource === 'custom') {\n state.chatPromptId = null;\n } else if (meta?.systemPromptId != null) {\n state.chatPromptId = String(meta.systemPromptId);\n } else {\n state.chatPromptId = null;\n }\n state.chatPromptText = (activeSource === 'custom') ? (meta?.customPromptText || '') : (meta?.systemPromptText || '');\n \n // Reset settings change tracking when switching chats\n if (state.settingsChanged !== undefined) {\n state.settingsChanged = false;\n }\n \n console.log('🔄 selectChat: Chat prompt setup - chatPromptId =', state.chatPromptId, 'chatPromptText =', state.chatPromptText?.length + ' chars');\n \n // Apply settings - linked preset vs custom settings\n try {\n let settingsToApply = null;\n const activeSource = meta?.activeSettingsSource || null;\n // Treat legacy chats (no activeSettingsSource and no custom settings) as preset-linked\n const isPresetLinked = !!(state.chatPromptId) && (activeSource === 'preset' || (activeSource == null && !meta?.settings));\n if (isPresetLinked) {\n // Chat is linked to a preset and has no custom settings - load from preset\n console.log('🔗 selectChat: Chat is linked to preset', state.chatPromptId, '- loading settings from preset');\n try {\n const preset = await state.db.systemPrompts.get(Number(state.chatPromptId));\n console.log('🔗 selectChat: Retrieved preset =', preset);\n if (preset && preset.settings) {\n settingsToApply = preset.settings;\n console.log('✅ selectChat: Using preset settings =', settingsToApply);\n // Always set chatPromptText from preset when linked to preset\n const presetText = (typeof (preset.systemPrompt != null ? preset.systemPrompt : preset.content) === 'string')\n ? (preset.systemPrompt != null ? preset.systemPrompt : preset.content)\n : '';\n state.chatPromptText = presetText;\n // Opportunistically upgrade legacy chats to explicit 'preset' source and refresh stored systemPromptText\n try {\n if (activeSource == null) {\n await state.db.chats.update(id, { activeSettingsSource: 'preset', systemPromptText: presetText });\n } else if (meta?.systemPromptText !== presetText) {\n await state.db.chats.update(id, { systemPromptText: presetText });\n }\n } catch (_) { /* ignore */ }\n } else {\n console.log('⚠️ selectChat: Preset exists but has no settings');\n }\n } catch (error) {\n console.error('❌ selectChat: Error loading preset', error);\n }\n } else if (activeSource === 'custom' && meta?.settings) {\n // Chat has custom settings (either standalone or delinked from preset)\n settingsToApply = meta.settings;\n console.log('🎛️ selectChat: Chat has custom settings =', settingsToApply);\n } else {\n console.log('🏠 selectChat: No preset link and no custom settings - will use defaults');\n }\n \n // Apply the settings\n if (settingsToApply) {\n if (settingsToApply.selectedModel != null) state.selectedModel = settingsToApply.selectedModel;\n if (settingsToApply.customChatBaseUrl != null) state.customChatBaseUrl = settingsToApply.customChatBaseUrl;\n if (settingsToApply.temperature != null) {\n const v = Number(settingsToApply.temperature);\n state.temperature = Number.isFinite(v) ? Math.max(0, Math.min(2, v)) : state.temperature;\n }\n if (settingsToApply.maxTokens != null) {\n const v2 = Number(settingsToApply.maxTokens);\n state.maxTokens = Number.isFinite(v2) ? Math.max(1, Math.floor(v2)) : state.maxTokens;\n }\n if (settingsToApply.reasoningEffort) state.reasoningEffort = settingsToApply.reasoningEffort;\n if (settingsToApply.streamEnabled != null) state.streamEnabled = !!settingsToApply.streamEnabled;\n if (settingsToApply.jsonMode != null) state.jsonMode = !!settingsToApply.jsonMode;\n if (settingsToApply.useBrowserSearch != null) state.useBrowserSearch = !!settingsToApply.useBrowserSearch;\n if (settingsToApply.useCodeInterpreter != null) state.useCodeInterpreter = !!settingsToApply.useCodeInterpreter;\n } else {\n // No settings to apply - reset to defaults (load from localStorage)\n try {\n const storedModel = localStorage.getItem('groq_model');\n if (storedModel && typeof storedModel === 'string') {\n state.selectedModel = storedModel;\n } else {\n state.selectedModel = 'openai/gpt-oss-120b';\n }\n const storedBase = localStorage.getItem('chat_base_url');\n state.customChatBaseUrl = (storedBase && typeof storedBase === 'string') ? storedBase : '';\n const storedUse = localStorage.getItem('use_browser_search');\n if (storedUse === '0') state.useBrowserSearch = false;\n else if (storedUse === '1') state.useBrowserSearch = true;\n else state.useBrowserSearch = true; // default\n const storedCI = localStorage.getItem('use_code_interpreter');\n if (storedCI === '1') state.useCodeInterpreter = true;\n else if (storedCI === '0') state.useCodeInterpreter = false;\n else state.useCodeInterpreter = false; // default\n const t = localStorage.getItem('temperature');\n if (t != null && t !== '' && !Number.isNaN(Number(t))) state.temperature = Math.max(0, Math.min(2, Number(t)));\n else state.temperature = 1; // default\n const mt = localStorage.getItem('max_tokens');\n if (mt != null && mt !== '' && !Number.isNaN(Number(mt))) state.maxTokens = Math.max(1, Number(mt));\n else state.maxTokens = 8192; // default\n const re = localStorage.getItem('reasoning_effort');\n if (re === 'low' || re === 'medium' || re === 'high') state.reasoningEffort = re;\n else state.reasoningEffort = 'medium'; // default\n const se = localStorage.getItem('stream_enabled');\n if (se === '0') state.streamEnabled = false;\n else if (se === '1') state.streamEnabled = true;\n else state.streamEnabled = true; // default\n const jm = localStorage.getItem('json_mode');\n if (jm === '1') state.jsonMode = true;\n else if (jm === '0') state.jsonMode = false;\n else state.jsonMode = false; // default\n } catch (_) { /* ignore */ }\n }\n } catch (_) { /* ignore */ }\n } catch (_) { /* ignore */ }\n // Fallback: if no explicit per-chat settings were applied, use the last assistant message's model\n try {\n const lastWithModel = Array.isArray(rows) ? [...rows].reverse().find(r => r && r.role === 'assistant' && r.model) : null;\n if (lastWithModel && typeof lastWithModel.model === 'string' && lastWithModel.model.trim()) {\n state.selectedModel = lastWithModel.model;\n }\n } catch (_) { /* ignore */ }\n for (const row of rows) {\n if (row.id != null && row.reasoning && !state.messageReasoningMap[row.id]) {\n state.messageReasoningMap[row.id] = row.reasoning;\n }\n }\n } catch (_) {\n state.messages = [];\n }\n if (!state.messages.length) {\n const createdAt = Date.now();\n const promptLabel = (() => {\n try {\n const raw = state.chatPromptId;\n const id = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n if (id != null && Number.isFinite(id)) {\n const list = Array.isArray(state.presets) ? state.presets : [];\n const match = list.find(p => Number(p.id) === id);\n return (match && match.name) ? String(match.name) : 'preset';\n }\n return 'custom';\n } catch (_) { return 'custom'; }\n })();\n const greeting = { role: 'assistant', content: 'Hi! How can I help you today?', createdAt, model: state.selectedModel || null, promptLabel };\n state.messages = [greeting];\n try {\n const chatId = await ensureChatExistsForEdits(state, { force: false });\n if (chatId && state.db) {\n const newId = await state.db.messages.add({ chatId, createdAt, role: 'assistant', content: greeting.content, reasoning: '', model: state.selectedModel || null, promptLabel });\n state.messages[0].id = newId;\n state.messages[0].chatId = chatId;\n }\n } catch (_) { /* ignore */ }\n }\n state.sidebarOpen = false;\n state.$nextTick && state.$nextTick(() => state.scrollToBottom && state.scrollToBottom());\n try { typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle(); } catch (_) { /* ignore */ }\n}\n\nexport function startEditingChat(state, id, currentTitle) {\n state.editingChatId = id;\n state.editingChatTitle = currentTitle || '';\n try {\n setTimeout(() => {\n const el = document.querySelector('input[data-chat-id=\"' + id + '\"]');\n if (el) { el.focus(); el.select(); }\n }, 50);\n } catch (_) {}\n}\n\nexport async function commitEditingChat(state) {\n const rawId = state.editingChatId;\n const id = typeof rawId === 'string' ? Number(rawId) : rawId;\n if (!id) return cancelEditingChat(state);\n const title = (state.editingChatTitle || '').trim() || 'New chat';\n try {\n if (state.db) {\n const prev = await state.db.chats.get(id);\n const slug = prev?.slug || slugifyTitle(title);\n const next = { ...prev, id, title, slug, createdAt: prev?.createdAt || Date.now() };\n await state.db.chats.put(next);\n }\n await loadChats(state);\n state.activeSearchId = id;\n } catch (_) { /* no-op */ }\n state.editingChatId = null;\n state.editingChatTitle = '';\n try { typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle(); } catch (_) { /* ignore */ }\n}\n\nexport function cancelEditingChat(state) {\n state.editingChatId = null;\n state.editingChatTitle = '';\n}\n\nexport async function deleteChat(state, id) {\n try {\n if (!state.db) return;\n const chatId = typeof id === 'string' ? Number(id) : id;\n try { await state.db.messages.where('chatId').equals(chatId).delete(); } catch (_) {\n try { await state.db.messages.filter(m => m.chatId === chatId).delete(); } catch (_) { /* ignore */ }\n }\n try { await state.db.chats.delete(chatId); } catch (_) { /* ignore */ }\n await loadChats(state);\n if (state.currentChatId === chatId) {\n const next = state.chats[0]?.id;\n if (next) {\n await selectChat(state, next);\n } else {\n await createNewChat(state);\n }\n }\n } catch (_) { /* ignore */ }\n}\n\nexport async function duplicateChat(state, id) {\n try {\n if (!state || !state.db) return;\n const chatId = typeof id === 'string' ? Number(id) : id;\n if (!Number.isFinite(chatId)) return;\n const orig = await state.db.chats.get(chatId);\n if (!orig) return;\n const title = String(orig.title || 'New chat') + ' (copy)';\n const createdAt = Date.now();\n const folderId = orig.folderId ?? null;\n const slug = (orig.slug && String(orig.slug)) || slugifyTitle(title);\n const newChatId = await state.db.chats.add({ title, slug, createdAt, folderId });\n try {\n const msgs = await state.db.messages.where('chatId').equals(chatId).sortBy('createdAt');\n if (Array.isArray(msgs) && msgs.length) {\n const rows = msgs.map(m => ({ chatId: newChatId, createdAt: m.createdAt, role: m.role, content: m.content, reasoning: m.reasoning || '', model: m.model || null, promptLabel: m.promptLabel || null }));\n try { await state.db.messages.bulkAdd(rows); } catch (_) {\n for (const row of rows) { try { await state.db.messages.add(row); } catch (_) { /* ignore single add */ } }\n }\n }\n } catch (_) { /* ignore */ }\n await loadChats(state);\n } catch (_) { /* ignore */ }\n}\n\nexport async function ensureChatExistsForEdits(state, opts = {}) {\n try {\n const force = !!opts.force;\n if (state.currentChatId && state.db) return state.currentChatId;\n if (!state.db) return null;\n // Only create a chat if there is some user-origin content or forced by the caller\n const hasUserInput = !!(state.chatInput && state.chatInput.trim());\n const hasUserMessage = Array.isArray(state.messages) && state.messages.some(m => m && m.role === 'user' && String(m.content || '').trim());\n if (!force && !hasUserInput && !hasUserMessage) return null;\n const base = (state.chatInput && state.chatInput.trim()) || 'New chat';\n const title = base.substring(0, 60);\n const slug = slugifyTitle(title);\n const createdAt = Date.now();\n const id = await state.db.chats.add({ title, slug, createdAt });\n await loadChats(state);\n state.currentChatId = id;\n state.activeSearchId = id;\n try { typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle(); } catch (_) { /* ignore */ }\n // Initialize per-chat prompt defaults\n try { await state.db.chats.update(id, { systemPromptId: null, systemPromptText: '' }); } catch (_) { /* ignore */ }\n return id;\n } catch (_) { return null; }\n}\n\nexport async function ensureMessagePersisted(state, idx) {\n try {\n const m = state.messages?.[idx];\n if (!m) return null;\n if (m.id && state.db) return m.id;\n const chatId = await ensureChatExistsForEdits(state, { force: true });\n if (!chatId || !state.db) return null;\n const createdAt = m.createdAt || Date.now();\n const role = m.role || 'assistant';\n const content = String(m.content || '');\n const reasoning = String(m.reasoning || '');\n const model = (m && m.model != null) ? m.model : null;\n const promptLabel = (m && Object.prototype.hasOwnProperty.call(m, 'promptLabel')) ? (m.promptLabel ?? null) : (() => {\n try {\n if (role !== 'assistant') return null;\n const raw = state.chatPromptId;\n const pid = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n if (pid != null && Number.isFinite(pid)) {\n const list = Array.isArray(state.presets) ? state.presets : [];\n const match = list.find(p => Number(p.id) === pid);\n return (match && match.name) ? String(match.name) : 'preset';\n }\n return 'custom';\n } catch (_) { return 'custom'; }\n })();\n const newId = await state.db.messages.add({ chatId, createdAt, role, content, reasoning, model, promptLabel });\n state.messages[idx].id = newId;\n state.messages[idx].chatId = chatId;\n state.messages[idx].createdAt = createdAt;\n return newId;\n } catch (_) { return null; }\n}\n\nexport async function persistMessageAtIndex(state, idx) {\n try {\n const m = state.messages?.[idx];\n if (!m || !state.db) return null;\n let chatId = state.currentChatId;\n if (!chatId) chatId = await ensureChatExistsForEdits(state, { force: true });\n if (!chatId) return null;\n const createdAt = m.createdAt || Date.now();\n const role = m.role || 'assistant';\n const content = String(m.content || '');\n const reasoning = String(m.reasoning || '');\n const row = { id: m.id, chatId, createdAt, role, content, reasoning, model: (m && m.model != null) ? m.model : null, promptLabel: (Object.prototype.hasOwnProperty.call(m, 'promptLabel') ? (m.promptLabel ?? null) : null) };\n const newId = await state.db.messages.put(row);\n if (!m.id) { state.messages[idx].id = newId; }\n state.messages[idx].chatId = chatId;\n state.messages[idx].createdAt = createdAt;\n return newId || m.id || null;\n } catch (_) { return null; }\n}\n\nexport async function deleteMessage(state, idx) {\n try {\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages.length) return;\n const msg = state.messages[idx];\n const messageId = msg && msg.id != null ? msg.id : null;\n try {\n if (state.db && messageId != null) {\n await state.db.messages.delete(messageId);\n }\n } catch (_) { /* ignore */ }\n try {\n if (messageId != null) {\n if (state.messageReasoningMap && state.messageReasoningMap[messageId] != null) delete state.messageReasoningMap[messageId];\n if (state.expandedReasoningMap && state.expandedReasoningMap[messageId] != null) delete state.expandedReasoningMap[messageId];\n }\n } catch (_) { /* ignore */ }\n try {\n state.messages.splice(idx, 1);\n if (state.copiedMap && state.copiedMap[idx]) delete state.copiedMap[idx];\n } catch (_) { /* ignore */ }\n if (state.editingMessageIdx === idx) {\n state.editingMessageIdx = null;\n state.editingMessageId = null;\n state.editingMessageText = '';\n state.editingMessageOriginal = '';\n } else if (typeof state.editingMessageIdx === 'number' && state.editingMessageIdx > idx) {\n state.editingMessageIdx = state.editingMessageIdx - 1;\n }\n } catch (_) { /* ignore */ }\n}\n\nexport async function deleteMessagesBelow(state, idx) {\n try {\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages.length) return;\n const thisChatId = state.currentChatId;\n const toRemove = (state.messages || []).slice(idx + 1);\n try {\n if (state.db) {\n for (const msg of toRemove) {\n const messageId = msg && msg.id != null ? msg.id : null;\n if (messageId != null) {\n try { await state.db.messages.delete(messageId); } catch (_) { /* ignore */ }\n }\n if (messageId != null) {\n if (state.messageReasoningMap && state.messageReasoningMap[messageId] != null) delete state.messageReasoningMap[messageId];\n if (state.expandedReasoningMap && state.expandedReasoningMap[messageId] != null) delete state.expandedReasoningMap[messageId];\n }\n }\n }\n } catch (_) { /* ignore */ }\n try {\n state.messages = (state.messages || []).slice(0, idx + 1);\n if (state.copiedMap) {\n try {\n const keys = Object.keys(state.copiedMap);\n for (const k of keys) {\n const i = Number(k);\n if (Number.isFinite(i) && i > idx) delete state.copiedMap[i];\n }\n } catch (_) { /* ignore */ }\n }\n } catch (_) { /* ignore */ }\n if (typeof state.editingMessageIdx === 'number' && state.editingMessageIdx > idx) {\n state.editingMessageIdx = null;\n state.editingMessageId = null;\n state.editingMessageText = '';\n state.editingMessageOriginal = '';\n }\n try {\n if (state.streamingChats && thisChatId && state.streamingChats[thisChatId]) {\n delete state.streamingChats[thisChatId];\n }\n } catch (_) { /* ignore */ }\n state.scrollToBottom && state.scrollToBottom();\n } catch (_) { /* ignore */ }\n}\n\nexport async function rerunFromUser(state, idx) {\n try {\n if (state.isStreamingForCurrent) return;\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages.length) return;\n const m = state.messages[idx];\n if (!m || m.role !== 'user') return;\n const text = String(m.content || '').trim();\n if (!text) return;\n try {\n const toRemove = (state.messages || []).slice(idx + 1);\n if (state.db) {\n for (const msg of toRemove) {\n if (msg && msg.id != null) { try { await state.db.messages.delete(msg.id); } catch (_) { /* ignore */ } }\n }\n }\n } catch (_) { /* ignore */ }\n state.messages = (state.messages || []).slice(0, idx + 1);\n if (!state.currentChatId) {\n try {\n const base = text || 'New chat';\n const title = base.substring(0, 60);\n const slug = slugifyTitle(title);\n const createdAt = Date.now();\n const id = await state.db.chats.add({ title, slug, createdAt });\n await loadChats(state);\n state.currentChatId = id;\n state.activeSearchId = id;\n } catch (_) { /* ignore */ }\n }\n state.scrollToBottom && state.scrollToBottom();\n state.streamAssistant && state.streamAssistant();\n } catch (_) { /* ignore */ }\n}\n\nexport async function sendMessage(state) {\n const text = (state.chatInput || '').trim();\n if (!text) return;\n state.errorMessage = '';\n if (!state.hasServerKey && !state.userApiKey) {\n state.errorMessage = 'please add api key';\n return;\n }\n if (!state.currentChatId) {\n try {\n const base = (state.chatInput && state.chatInput.trim()) || 'New chat';\n const title = base.substring(0, 60);\n const slug = slugifyTitle(title);\n const createdAt = Date.now();\n const id = await state.db.chats.add({ title, slug, createdAt });\n await loadChats(state);\n state.currentChatId = id;\n state.activeSearchId = id;\n } catch (_) { /* ignore */ }\n }\n const createdAt = Date.now();\n const userIndex = state.messages.push({ role: 'user', content: text, createdAt, chatId: state.currentChatId, model: null }) - 1;\n try {\n if (state.currentChatId && state.db) {\n const newId = await state.db.messages.add({ chatId: state.currentChatId, createdAt, role: 'user', content: text, model: null });\n state.messages[userIndex].id = newId;\n }\n } catch (_) {}\n state.chatInput = '';\n try { const ta = document.querySelector('textarea'); if (ta) { ta.style.height = 'auto'; ta.rows = 1; } } catch (_) {}\n state.scrollToBottom && state.scrollToBottom();\n state.streamAssistant && state.streamAssistant();\n}\n\nfunction slugifyTitle(title) {\n try {\n const s = String(title || '').toLowerCase();\n let out = s.replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '').replace(/-{2,}/g, '-');\n if (out.length > 60) out = out.slice(0, 60).replace(/-+$/g, '');\n return out;\n } catch (_) { return ''; }\n}\n\n\n// --- Data export/import helpers ---\n\nexport async function exportAllData(state) {\n try {\n if (!state || !state.db) {\n return { meta: { type: 'chatter-export', schemaVersion: 0, exportedAt: Date.now() }, data: { chats: [], messages: [], folders: [] } };\n }\n const [chats, messages, folders, systemPrompts, notes] = await Promise.all([\n state.db.chats.toArray().catch(() => []),\n state.db.messages.toArray().catch(() => []),\n state.db.folders.toArray().catch(() => []),\n state.db.systemPrompts.toArray().catch(() => []),\n state.db.notes.toArray().catch(() => []),\n ]);\n return {\n meta: {\n type: 'chatter-export',\n schemaVersion: Number(state.db.verno || 0),\n exportedAt: Date.now(),\n },\n data: { chats, messages, folders, systemPrompts, notes },\n };\n } catch (_) {\n return { meta: { type: 'chatter-export', schemaVersion: 0, exportedAt: Date.now() }, data: { chats: [], messages: [], folders: [] } };\n }\n}\n\nexport async function importDataReplace(state, input) {\n const parsed = (() => {\n try {\n if (!input) return {};\n if (typeof input === 'string') return JSON.parse(input);\n return input;\n } catch (_) { return {}; }\n })();\n const data = parsed && parsed.data ? parsed.data : parsed;\n const folders = Array.isArray(data?.folders) ? data.folders : [];\n const chats = Array.isArray(data?.chats) ? data.chats : [];\n const messages = Array.isArray(data?.messages) ? data.messages : [];\n const systemPrompts = Array.isArray(data?.systemPrompts) ? data.systemPrompts : [];\n const notes = Array.isArray(data?.notes) ? data.notes : [];\n let counts = { foldersAdded: 0, chatsAdded: 0, messagesAdded: 0 };\n try {\n if (!state || !state.db) return counts;\n await state.db.transaction('rw', state.db.folders, state.db.chats, state.db.messages, state.db.systemPrompts, state.db.notes, async () => {\n await state.db.messages.clear();\n await state.db.chats.clear();\n await state.db.folders.clear();\n await state.db.systemPrompts.clear();\n await state.db.notes.clear();\n if (folders.length) {\n try { await state.db.folders.bulkAdd(folders); counts.foldersAdded = folders.length; } catch (_) {\n for (const f of folders) { try { await state.db.folders.add(f); counts.foldersAdded += 1; } catch (_) {} }\n }\n }\n if (chats.length) {\n try { await state.db.chats.bulkAdd(chats); counts.chatsAdded = chats.length; } catch (_) {\n for (const c of chats) { try { await state.db.chats.add(c); counts.chatsAdded += 1; } catch (_) {} }\n }\n }\n if (messages.length) {\n try { await state.db.messages.bulkAdd(messages); counts.messagesAdded = messages.length; } catch (_) {\n for (const m of messages) { try { await state.db.messages.add(m); counts.messagesAdded += 1; } catch (_) {} }\n }\n }\n if (systemPrompts.length) {\n try { await state.db.systemPrompts.bulkAdd(systemPrompts); } catch (_) {\n for (const sp of systemPrompts) { try { await state.db.systemPrompts.add(sp); } catch (_) {} }\n }\n }\n if (notes.length) {\n try { await state.db.notes.bulkAdd(notes); } catch (_) {\n for (const n of notes) { try { await state.db.notes.add(n); } catch (_) {} }\n }\n }\n });\n } catch (_) { /* ignore */ }\n return counts;\n}\n\nexport async function importDataAppend(state, input) {\n const parsed = (() => {\n try {\n if (!input) return {};\n if (typeof input === 'string') return JSON.parse(input);\n return input;\n } catch (_) { return {}; }\n })();\n const data = parsed && parsed.data ? parsed.data : parsed;\n const folders = Array.isArray(data?.folders) ? data.folders : [];\n const chats = Array.isArray(data?.chats) ? data.chats : [];\n const messages = Array.isArray(data?.messages) ? data.messages : [];\n const systemPrompts = Array.isArray(data?.systemPrompts) ? data.systemPrompts : [];\n const notes = Array.isArray(data?.notes) ? data.notes : [];\n let counts = { foldersAdded: 0, chatsAdded: 0, messagesAdded: 0 };\n const folderIdMap = {};\n const chatIdMap = {};\n try {\n if (!state || !state.db) return counts;\n await state.db.transaction('rw', state.db.folders, state.db.chats, state.db.messages, state.db.systemPrompts, state.db.notes, async () => {\n // Append folders, remapping IDs\n for (const f of folders) {\n try {\n const row = {\n name: f?.name || 'folder',\n createdAt: Number(f?.createdAt) || Date.now(),\n order: (typeof f?.order === 'number') ? f.order : undefined,\n collapsed: !!f?.collapsed,\n };\n const newId = await state.db.folders.add(row);\n if (f && f.id != null) folderIdMap[String(f.id)] = newId;\n counts.foldersAdded += 1;\n } catch (_) { /* ignore single add */ }\n }\n // Append chats, remapping folderId\n for (const c of chats) {\n try {\n const title = (c?.title && String(c.title)) || 'New chat';\n const slug = (c?.slug && String(c.slug)) || slugifyTitle(title);\n const oldFolderId = (c && c.folderId != null) ? String(c.folderId) : null;\n const newFolderId = oldFolderId != null ? (folderIdMap[oldFolderId] ?? null) : null;\n const row = {\n title,\n slug,\n createdAt: Number(c?.createdAt) || Date.now(),\n folderId: newFolderId ?? null,\n };\n const newId = await state.db.chats.add(row);\n if (c && c.id != null) chatIdMap[String(c.id)] = newId;\n counts.chatsAdded += 1;\n } catch (_) { /* ignore */ }\n }\n // Append messages, remapping chatId\n for (const m of messages) {\n try {\n const oldChatId = m && m.chatId != null ? String(m.chatId) : null;\n if (oldChatId == null) continue;\n const newChatId = chatIdMap[oldChatId];\n if (!newChatId) continue;\n const row = {\n chatId: newChatId,\n createdAt: Number(m?.createdAt) || Date.now(),\n role: m?.role || 'assistant',\n content: String(m?.content || ''),\n reasoning: String(m?.reasoning || ''),\n model: (m && m.model != null) ? m.model : null,\n };\n await state.db.messages.add(row);\n counts.messagesAdded += 1;\n } catch (_) { /* ignore */ }\n }\n // Append system prompts\n for (const sp of systemPrompts) {\n try {\n const row = {\n name: sp?.name || 'Preset',\n content: String(sp?.content || ''),\n systemPrompt: String(sp?.systemPrompt || sp?.content || ''),\n settings: sp?.settings || null,\n createdAt: Number(sp?.createdAt) || Date.now(),\n updatedAt: Number(sp?.updatedAt) || Date.now(),\n };\n await state.db.systemPrompts.add(row);\n } catch (_) { /* ignore */ }\n }\n // Append notes\n for (const n of notes) {\n try {\n const row = {\n title: String(n?.title || ''),\n content: String(n?.content || ''),\n createdAt: Number(n?.createdAt) || Date.now(),\n updatedAt: Number(n?.updatedAt) || Date.now(),\n };\n await state.db.notes.add(row);\n } catch (_) { /* ignore */ }\n }\n });\n } catch (_) { /* ignore */ }\n return counts;\n}\n\n\n",[],[274,345,352],{"_103":361,"_95":362,"_152":363,"_154":346,"_155":137,"_156":364,"_158":159,"_105":365,"_100":32,"_161":182,"_163":366,"_164":22,"_165":-5,"_166":367,"_98":368},"b713b42e-86b1-11f0-96d1-0224a6c84d84","jobManager.js","b713b53c-86b1-11f0-96d1-0224a6c84d84",150,["D",1756675828723],"// Minimal frontend JobManager to orchestrate chat jobs via SSE\n// Provides per-job isolation, lifecycle, and integration points for chat UI\n\nimport { createJob as apiCreateJob, streamJob as apiStreamJob, cancelJob as apiCancelJob } from '../apiClient.js';\n\nexport class JobManager {\n constructor() {\n this.jobs = new Map(); // jobId -> { id, type, status, createdAt, updatedAt, data, reader, token }\n }\n\n async startChatJob(state, { messages, userApiKey, model, base_url, temperature, top_p, stop, max_tokens, response_format, reasoning_effort, tools, query, dateRange, source, language, offset }) {\n const input = { messages, userApiKey, model, base_url, temperature, top_p, stop, max_tokens, response_format, reasoning_effort, tools, query, dateRange, source, language, offset };\n const { id } = await apiCreateJob({ type: 'chat', input });\n const token = String(Date.now()) + '-' + Math.random();\n this.jobs.set(id, { id, type: 'chat', status: 'pending', createdAt: Date.now(), updatedAt: Date.now(), data: {}, token });\n const res = await apiStreamJob(id);\n if (!res.ok || !res.body) throw new Error('Failed to stream job');\n const reader = res.body.getReader();\n this.jobs.get(id).reader = reader;\n this._pumpSse(state, id);\n return id;\n }\n\n async cancel(id) {\n try { await apiCancelJob(id); } catch (_) { /* ignore */ }\n const item = this.jobs.get(id);\n if (item && item.reader) { try { item.reader.cancel(); } catch (_) {} }\n this.jobs.delete(id);\n }\n\n async _pumpSse(state, id) {\n const item = this.jobs.get(id);\n if (!item || !item.reader) return;\n const reader = item.reader;\n const decoder = new TextDecoder();\n let buffer = '';\n try {\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n buffer += decoder.decode(value, { stream: true });\n const events = buffer.split('\\n\\n');\n buffer = events.pop() || '';\n for (const evt of events) {\n if (!evt.trim()) continue;\n let eventName = 'message';\n const lines = evt.split('\\n');\n for (const line of lines) {\n if (line.startsWith('event: ')) { eventName = line.slice(7).trim(); continue; }\n if (!line.startsWith('data: ')) continue;\n const data = line.slice(6);\n if (data === '[DONE]') continue;\n let parsed = null; try { parsed = JSON.parse(data); } catch (_) { parsed = null; }\n if (eventName === 'job' && parsed) {\n const cur = this.jobs.get(id); if (!cur) continue;\n cur.status = parsed.status || cur.status;\n cur.updatedAt = Date.now();\n if (state && state.handleJobEvent) {\n try { state.handleJobEvent(id, parsed); } catch (_) { /* ignore */ }\n }\n } else if (eventName === 'data' && parsed) {\n if (state && state.applyJobDelta) {\n try { state.applyJobDelta(id, parsed); } catch (_) { /* ignore */ }\n }\n } else if (eventName === 'results' && parsed) {\n if (state && state.applyJobResults) {\n try { state.applyJobResults(id, parsed); } catch (_) { /* ignore */ }\n }\n }\n }\n }\n }\n } catch (_) { /* end */ }\n }\n}\n\n\n",[],[274,345,362],[274,345],{"_103":371,"_95":372,"_152":373,"_154":275,"_155":137,"_156":374,"_158":159,"_105":375,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":376,"_98":387},"8fcad05a-78f1-11f0-831a-0224a6c84d84","experimental","8fcad140-78f1-11f0-831a-0224a6c84d84",42,["D",1755163934328],[377],{"_103":378,"_95":379,"_152":380,"_154":373,"_155":137,"_156":381,"_158":159,"_105":382,"_100":383,"_161":182,"_163":384,"_164":22,"_165":-5,"_166":385,"_98":386},"1cc6320a-86b3-11f0-acc6-0224a6c84d84","streaming.js","8ff7d352-78f1-11f0-89f1-0224a6c84d84",156,["D",1756676428837],7,"// Experimental streaming-related helpers extracted from chatterApp\n\nexport function isStreamingForCurrent(state) {\n const cid = state.currentChatId; if (!cid) return false;\n return !!(state.streamingChats && state.streamingChats[cid]);\n}\n\nexport function registerStream(state, chatId, token) {\n state.currentStreamToken = token;\n state.streamChatId = chatId;\n state.streamingChats[chatId] = { token, startedAt: Date.now() };\n}\n\nexport function unregisterStream(state, chatId, token) {\n const active = state.streamingChats[chatId];\n if (active && active.token === token) delete state.streamingChats[chatId];\n}\n\nimport { postChatStreamSSE, postChatStream, postGroqChat } from '../apiClient.js';\nimport { persistMessageAtIndex as corePersistMessageAtIndex } from '../core/chatCore.js';\n\n// Main streaming routine extracted from chatterApp\nexport async function streamAssistant(state) {\n const thisChatId = state.currentChatId; if (!thisChatId) return;\n if (state.streamingChats[thisChatId]) return;\n if (state.selectedModel === 'custom') {\n const url = (state.customChatBaseUrl || '').trim();\n if (!url) { state.errorMessage = 'please set custom endpoint url'; return; }\n }\n const token = String(Date.now()) + '-' + Math.random();\n registerStream(state, thisChatId, token);\n const assistantCreatedAt = Date.now();\n const promptLabel = (() => { try { return state.computeCurrentPromptLabel ? state.computeCurrentPromptLabel() : (state.currentTemplateLabel || 'custom'); } catch (_) { return 'custom'; } })();\n const assistantIndex = state.messages.push({ role: 'assistant', content: '', createdAt: assistantCreatedAt, chatId: thisChatId, model: state.selectedModel || null, promptLabel }) - 1;\n try {\n const id = await corePersistMessageAtIndex(state, assistantIndex);\n if (id) state.messages[assistantIndex].id = id;\n } catch (_) {}\n const assistantMessageId = state.messages?.[assistantIndex]?.id || null;\n let fullAssistantContent = '';\n let fullReasoningContent = '';\n if (assistantMessageId != null) {\n state.messageReasoningMap[assistantMessageId] = state.messageReasoningMap[assistantMessageId] || '';\n state.expandedReasoningMap[assistantMessageId] = state.expandedReasoningMap[assistantMessageId] || false;\n }\n try {\n const payload = {\n userApiKey: state.userApiKey,\n model: state.selectedModel,\n messages: (() => {\n const chatMessages = state.messages.map(m => ({ role: m.role, content: m.content }));\n // Priority: per-chat override > selected template in chat > global default\n const perChat = (state.chatPromptText || '').trim();\n const fromTemplate = (() => {\n // If a template was selected and no perChat override, use the stored text\n if (!perChat && state.chatPromptId && state.chatPromptText) return String(state.chatPromptText).trim();\n return '';\n })();\n const globalDefault = (state.systemPrompt || '').trim();\n const sp = perChat || fromTemplate || globalDefault;\n return sp ? [{ role: 'system', content: sp }, ...chatMessages] : chatMessages;\n })(),\n tools: (() => {\n const list = [];\n const isOss = !!(state.selectedModel && state.selectedModel.startsWith('openai/gpt-oss'));\n if (isOss) {\n if (state.useBrowserSearch) list.push({ type: 'browser_search' });\n if (state.useCodeInterpreter) list.push({ type: 'code_interpreter' });\n }\n return list;\n })(),\n stream: state.streamEnabled,\n temperature: state.temperature,\n ...(state.maxTokens ? { max_tokens: state.maxTokens } : {}),\n reasoning_effort: state.reasoningEffort,\n ...(state.jsonMode ? { response_format: { type: 'json_object' } } : {}),\n ...((state.selectedModel === 'custom' && state.customChatBaseUrl) ? { base_url: state.customChatBaseUrl } : {})\n };\n const response = await postChatStreamSSE(payload);\n if (!response.ok || !response.body) {\n let txt = ''; try { txt = await response.text(); } catch (_) {}\n throw new Error(txt || response.statusText);\n }\n const reader = response.body.getReader();\n const decoder = new TextDecoder();\n let buffer = '';\n while (true) {\n const { done, value } = await reader.read(); if (done) break;\n const active = state.streamingChats[thisChatId];\n if (!active || active.token !== token) { break; }\n buffer += decoder.decode(value, { stream: true });\n const chunks = buffer.split('\\n\\n'); buffer = chunks.pop() || '';\n for (const chunk of chunks) {\n if (!chunk.trim()) continue;\n const lines = chunk.split('\\n'); let currentEvent = 'message';\n for (const line of lines) {\n if (line.startsWith('event: ')) { currentEvent = line.slice(7).trim(); continue; }\n if (!line.startsWith('data: ')) continue;\n const data = line.slice(6);\n if (data === '[DONE]') continue;\n let parsed = null; try { parsed = JSON.parse(data); } catch (_) { parsed = null; }\n if (!parsed) continue;\n if (currentEvent === 'results') continue;\n const stillActive = state.streamingChats[thisChatId];\n if (!stillActive || stillActive.token !== token) { break; }\n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null;\n const delta = choice && choice.delta ? choice.delta : {};\n if (delta.content) {\n fullAssistantContent += delta.content;\n if (assistantMessageId && state.db) {\n try {\n await state.db.messages.put({ id: assistantMessageId, chatId: thisChatId, createdAt: assistantCreatedAt, role: 'assistant', content: fullAssistantContent, reasoning: fullReasoningContent, model: state.selectedModel || null, promptLabel });\n } catch (_) {}\n }\n if (state.currentChatId === thisChatId) {\n const idx = (state.messages || []).findIndex(m => m && m.id === assistantMessageId);\n if (idx >= 0) state.messages[idx].content = fullAssistantContent;\n }\n }\n if (delta.reasoning) {\n const addition = String(delta.reasoning || '');\n fullReasoningContent += addition;\n if (assistantMessageId && state.db) {\n try {\n await state.db.messages.put({ id: assistantMessageId, chatId: thisChatId, createdAt: assistantCreatedAt, role: 'assistant', content: fullAssistantContent, reasoning: fullReasoningContent, model: state.selectedModel || null, promptLabel });\n } catch (_) {}\n }\n if (state.currentChatId === thisChatId && assistantMessageId != null) {\n const prev = state.messageReasoningMap[assistantMessageId] || '';\n state.messageReasoningMap[assistantMessageId] = prev + addition;\n state.queueScrollReasoningById && state.queueScrollReasoningById(assistantMessageId);\n }\n }\n const appendToolEvent = async (prefix, t) => {\n try {\n const name = t?.name || t?.tool || t?.function?.name || 'tool';\n const args = t?.arguments ?? t?.input ?? t?.params ?? null;\n const output = t?.output ?? t?.result ?? t?.content ?? null;\n const argsStr = args ? (typeof args === 'string' ? args : JSON.stringify(args)) : '';\n const outStr = output ? (typeof output === 'string' ? output : JSON.stringify(output)) : '';\n const maxLen = 400;\n const trimmedArgs = argsStr.length > maxLen ? (argsStr.slice(0, maxLen) + '…') : argsStr;\n const trimmedOut = outStr.length > maxLen ? (outStr.slice(0, maxLen) + '…') : outStr;\n const line = `[${prefix}] ${name}` + (trimmedArgs ? ` args: ${trimmedArgs}` : '') + (trimmedOut ? `\\n→ ${trimmedOut}` : '') + '\\n';\n fullReasoningContent += line;\n if (assistantMessageId && state.db) {\n try {\n await state.db.messages.put({ id: assistantMessageId, chatId: thisChatId, createdAt: assistantCreatedAt, role: 'assistant', content: fullAssistantContent, reasoning: fullReasoningContent, model: state.selectedModel || null, promptLabel });\n } catch (_) {}\n }\n if (state.currentChatId === thisChatId && assistantMessageId != null) {\n const prev = state.messageReasoningMap[assistantMessageId] || '';\n state.messageReasoningMap[assistantMessageId] = prev + line;\n state.queueScrollReasoningById && state.queueScrollReasoningById(assistantMessageId);\n }\n } catch (_) { /* ignore */ }\n };\n if (Array.isArray(delta.executed_tools)) { for (const t of delta.executed_tools) appendToolEvent('executed', t); }\n if (Array.isArray(delta.tool_calls)) { for (const t of delta.tool_calls) appendToolEvent('call', t); }\n }\n }\n }\n } catch (e) {\n state.errorMessage = e.message || String(e);\n } finally {\n unregisterStream(state, thisChatId, token);\n const stillActive = state.streamingChats[thisChatId];\n if (stillActive && stillActive.token !== token) return;\n try {\n const finalContent = String(fullAssistantContent || '').trim();\n const finalReasoning = String(fullReasoningContent || '');\n if (!finalContent) {\n state.errorMessage = state.errorMessage || 'no response from model';\n if (assistantMessageId && state.db) { try { await state.db.messages.delete(assistantMessageId); } catch (_) {} }\n try { const idx = (state.messages || []).findIndex(m => m && m.id === assistantMessageId); if (idx >= 0) state.messages.splice(idx, 1); } catch (_) {}\n return;\n }\n if (state.db && assistantMessageId) {\n await state.db.messages.update(assistantMessageId, { content: finalContent, reasoning: finalReasoning, promptLabel });\n }\n if (state.currentChatId === thisChatId) {\n const idx = (state.messages || []).findIndex(m => m && m.id === assistantMessageId);\n if (idx >= 0) {\n state.messages[idx].content = finalContent;\n const prev = state.messageReasoningMap[idx] || '';\n if (!prev || finalReasoning.length > prev.length) state.messageReasoningMap[assistantMessageId] = finalReasoning;\n }\n }\n } catch (_) {}\n try {\n const chatMeta = thisChatId ? await state.db.chats.get(thisChatId) : null;\n const hasDefault = !chatMeta?.title || /^new chat$/i.test(chatMeta.title);\n if (hasDefault) {\n const apiKey = state.userApiKey || null;\n const titlePrompt = (state.messages || []).slice(0, 8).map((m) => `${m.role}: ${m.content}`).join('\\n').slice(0, 1000);\n if (apiKey && titlePrompt.trim()) {\n let generated = '';\n try {\n const res = await postChatStream({\n userApiKey: apiKey,\n model: 'llama-3.1-8b-instant',\n stream: false,\n ...((state.selectedModel === 'custom' && state.customChatBaseUrl) ? { base_url: state.customChatBaseUrl } : {}),\n messages: [\n { role: 'system', content: 'Return ONLY a chat title of 2-3 words. No punctuation, no quotes, no emojis.' },\n { role: 'user', content: titlePrompt }\n ]\n });\n if (res.ok) {\n const data = await res.json();\n generated = (data?.collapsed?.content || '').trim();\n }\n } catch (_) { /* fall back to direct */ }\n if (!generated) {\n try {\n const res2 = await postGroqChat({\n apiKey,\n body: {\n model: 'llama-3.1-8b-instant',\n stream: false,\n messages: [\n { role: 'system', content: 'Return ONLY a chat title of 2-3 words. No punctuation, no quotes, no emojis.' },\n { role: 'user', content: titlePrompt }\n ]\n }\n });\n if (res2.ok) {\n const json2 = await res2.json();\n generated = (json2?.choices?.[0]?.message?.content || '').trim();\n }\n } catch (_) { /* ignore */ }\n }\n if (generated) {\n const cleaned = generated.replace(/^[\"'\\s]+|[\"'\\s]+$/g, '').split(/\\s+/).slice(0, 3).join(' ') || 'New chat';\n const id = thisChatId;\n const prev = id ? await state.db.chats.get(id) : null;\n if (id) {\n const defaultNewSlug = (typeof state.slugifyTitle === 'function') ? state.slugifyTitle('New chat') : 'new-chat';\n const prevSlug = prev?.slug ? String(prev.slug) : '';\n const computedSlug = (typeof state.slugifyTitle === 'function') ? state.slugifyTitle(cleaned) : cleaned.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '').replace(/-{2,}/g, '-');\n const slug = (!prevSlug || prevSlug === defaultNewSlug) ? computedSlug : prevSlug;\n const next = { ...prev, id, title: cleaned, slug, createdAt: prev?.createdAt || Date.now() };\n await state.db.chats.put(next);\n await (state.loadChats ? state.loadChats() : Promise.resolve());\n state.activeSearchId = id;\n try { state.navigateToChatPath && state.navigateToChatPath(id, true); } catch (_) { /* ignore */ }\n try { typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle(); } catch (_) { /* ignore */ }\n }\n }\n }\n }\n } catch (_) {}\n state.scrollToBottom && state.scrollToBottom();\n }\n}\n\n\n",[],[274,372,379],[274,372],{"_103":389,"_95":390,"_152":391,"_154":275,"_155":137,"_156":392,"_158":159,"_105":393,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":394,"_98":439},"bb01de58-8526-11f0-b189-0224a6c84d84","styles","bb01df34-8526-11f0-b189-0224a6c84d84",109,["D",1756506184078],[395,421,430],{"_103":396,"_95":397,"_152":398,"_154":391,"_155":137,"_156":399,"_158":159,"_105":400,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":401,"_98":420},"bb16b4b8-8526-11f0-87ed-0224a6c84d84","themes","bb16b58a-8526-11f0-87ed-0224a6c84d84",110,["D",1756506184252],[402,411],{"_103":403,"_95":404,"_152":405,"_154":398,"_155":137,"_156":406,"_158":159,"_105":407,"_100":201,"_161":291,"_163":408,"_164":22,"_165":-5,"_166":409,"_98":410},"388bf448-86ae-11f0-bb02-0224a6c84d84","_dark.scss","bb31f7aa-8526-11f0-a62c-0224a6c84d84",138,["D",1756674327933],"/* Dark theme variables and helpers */\n[data-theme=\"dark\"],\n.theme-dark {\n --color-bg: #0b0f19;\n --color-bg-elev: #0f172a;\n --color-text: #e5e7eb; /* gray-200 */\n --color-muted: #94a3b8; /* slate-400 */\n --color-border: #1f2937; /* gray-800 */\n}\n\n@media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n --color-bg: #0b0f19;\n --color-bg-elev: #0f172a;\n --color-text: #e5e7eb;\n --color-muted: #94a3b8;\n --color-border: #1f2937;\n }\n}\n\n/* (removed erroneous debug style) */\n\n/* Sidebar hover/tool popovers and text/icon contrast inside surfaces */\n.surface .group-hover\\:bg-white\\/80 { background-color: rgba(255,255,255,0.06) !important; }\n.surface .hover\\:bg-gray-50:hover { background-color: rgba(255,255,255,0.06) !important; }\n.surface .hover\\:bg-gray-100:hover { background-color: rgba(255,255,255,0.08) !important; }\n.surface .text-gray-600 dark:text-gray-800 { color: #e5e7eb !important; }\n.surface .text-gray-700 { color: #cbd5e1 !important; }\n.surface .text-gray-600 { color: var(--color-muted) !important; }\n.surface .text-gray-500 { color: var(--color-muted) !important; }\n.surface .text-gray-400 { color: #9aa5b1 !important; }\n.surface .iconify { color: var(--color-muted) !important; }\n.surface .iconify.bg-dark { color: #e5e7eb !important; }\n.surface .bg-white { background-color: rgba(255, 255, 255, 0.06) !important; }\n// .surface .bg-gray-100 { background-color: rgba(255, 255, 255, 0.08) !important; }\n.surface .border-gray-300 { border-color: var(--color-border) !important; }\n.surface .border { border-color: var(--color-border) !important; }\n\n/* Sidebar item hover & active pills */\n.surface .hover\\:bg-gray-50:hover > span,\n.surface .hover\\:bg-gray-100:hover > span { color: var(--color-text) !important; }\n.surface .bg-gray-100.font-medium { background-color: rgba(255,255,255,0.10) !important; color: var(--color-text) !important; }\n\n/* User bubble styling to match elevated controls */\n.user-bubble {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border: 1px solid var(--color-border);\n}\n\n/* Chat header title subtle lift */\n.chat-title { opacity: 0.96; }\n\n/* Message action buttons */\n.msg-actions .btn {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n\n/* Controls in the top chat bar */\n.chat-controls .ctrl-select,\n.chat-controls .ctrl-button {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n\n/* Sidebar header (Chatter) and header buttons */\n.surface .font-semibold, .surface .font-semibold a { color: var(--color-text) !important; }\n.surface .inline-flex button { border-color: var(--color-border) !important; }\n.surface .inline-flex button:hover { background-color: rgba(255,255,255,0.06) !important; }\n\n/* Composer/system prompt inputs */\n.composer textarea,\ntextarea[x-model=\"chatPromptText\"],\ntextarea[x-model=\"systemPrompt\"],\ntextarea[placeholder=\"Enter system prompt for this chat...\"],\ntextarea[placeholder=\"Enter a system prompt...\"],\ntextarea[placeholder=\"Type a message...\"] {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n.composer .send-btn { border-color: var(--color-border); }\n\n/* Settings header button */\n.token-button {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n.token-button:hover { filter: brightness(1.08); }\n\n/* Sidebar edit inputs (folder/chat rename) */\n.surface input[type=\"text\"] {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n caret-color: var(--color-text);\n}\n\n.surface input[type=\"text\"]::placeholder {\n color: var(--color-muted);\n opacity: 0.7;\n}\n\n.surface input[type=\"text\"]:focus {\n outline: none;\n border-color: #60a5fa; /* blue-400 focus to match the app */\n box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.35);\n}\n\n/* Chat reasoning toggle + block */\n.reasoning-container > button {\n color: var(--color-muted);\n}\n.reasoning-container > button:hover { color: #cbd5e1; }\n.reasoning-container > div {\n background-color: var(--color-bg-elev) !important;\n color: var(--color-text) !important;\n border-color: var(--color-border) !important;\n}\n.reasoning-container pre { color: var(--color-text); }",[],[274,390,397,404],{"_103":412,"_95":413,"_152":414,"_154":398,"_155":137,"_156":415,"_158":159,"_105":416,"_100":32,"_161":291,"_163":417,"_164":22,"_165":-5,"_166":418,"_98":419},"bb29b982-8526-11f0-bbb8-0224a6c84d84","_light.scss","bb29ba2c-8526-11f0-bbb8-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",[],[274,390,397,413],[274,390,397],{"_103":422,"_95":423,"_152":424,"_154":391,"_155":137,"_156":425,"_158":159,"_105":426,"_100":201,"_161":291,"_163":427,"_164":22,"_165":-5,"_166":428,"_98":429},"3880cadc-86ae-11f0-9f42-0224a6c84d84","app.css","bb2eb9c8-8526-11f0-aad3-0224a6c84d84",136,["D",1756674327844]," \n/* Tailwind CDN is used for utilities; this file just provides tokens and light theming hooks */\n/* the app.css file is GENERATED; edit the app/scss file!! */\n\n/* Base tokens */\n:root {\n --font-body: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;\n --font-headings: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n --color-bg: #f9fafb; /* gray-50 */\n --color-bg-elev: #ffffff;\n --color-text: #111827; /* gray-900 */\n --color-muted: #6b7280; /* gray-500 */\n --color-border: #e5e7eb; /* gray-200 */\n}\n\n \n\n/* Light theme helper (explicit) */\n[data-theme=\"light\"],\n.theme-light {\n --color-bg: #f9fafb;\n --color-bg-elev: #ffffff;\n --color-text: #111827;\n --color-muted: #6b7280;\n --color-border: #e5e7eb;\n}\n\n/* Apply tokens to base */\nhtml, body { background-color: var(--color-bg); color: var(--color-text); }\n\n/* Optional helpers (opt-in in markup) */\n.surface { background-color: var(--color-bg-elev); border: 1px solid var(--color-border); }\n.muted { color: var(--color-muted); }\n.dark-surface { background-color: var(--color-bg-elev); }\n.page-surface { background-color: var(--color-bg); }\n.card-washed-shadow {\n box-shadow:\n 0 2px 28px 0 rgba(60, 60, 60, 0.06),\n 0 8px 28px 0 rgba(60, 60, 60, 0.08),\n 0 16px 62px 0 rgba(60, 60, 60, 0.09);\n border: 1px solid var(--color-border);\n}\n\n/* Prose niceties */\n.prose a { color: #2563eb; }\n.prose a:hover { color: #1d4ed8; }\n.prose-tight-last p:last-child { margin-bottom: 0; }\n\n/* Chat header title subtle theming */\n.chat-title { color: var(--color-text); opacity: 0.92; }\n\n/* Contrast helpers for surfaces (light theme defaults live here; dark in _dark.scss) */\n/* Action buttons under messages */\n.msg-actions button { display: inline-flex; align-items: center; }\n\n\n/* Chat controls theming without forcing a bar surface */\n.chat-controls .ctrl-select {\n background-color: #ffffff;\n color: #111827;\n border-color: #e5e7eb;\n}\n\n.chat-controls .ctrl-button {\n background-color: #ffffff;\n color: #374151;\n border-color: #e5e7eb;\n}\n\n/* Composer and system prompt textareas */\n.composer textarea,\ntextarea[x-model=\"chatPromptText\"],\ntextarea[x-model=\"systemPrompt\"],\ntextarea[placeholder=\"Enter system prompt for this chat...\"],\ntextarea[placeholder=\"Enter a system prompt...\"],\ntextarea[placeholder=\"Type a message...\"] {\n background-color: #ffffff;\n color: #111827;\n border-color: #e5e7eb;\n}\n\n/* Composer send button outline to match input border */\n.composer .send-btn { border-color: #e5e7eb; }\n\n/* Settings header theming */\n.settings-header .settings-title { color: var(--color-text); }\n.settings-header .settings-icon { color: var(--color-text); opacity: 0.9; }\n.token-button { background-color: #ffffff; color: #374151; border-color: #e5e7eb; }\n.token-button:hover { background-color: #f9fafb; }\n \n\n\n\n\n/* === light theme === */\n/* Light theme variables and helpers */\n:root,\n[data-theme=\"light\"],\n.theme-light {\n --color-bg: #f9fafb; /* gray-50 */\n --color-bg-elev: #ffffff;\n --color-text: #111827; /* gray-900 */\n --color-muted: #6b7280; /* gray-500 */\n --color-border: #e5e7eb; /* gray-200 */\n}\n\n\n\n\n/* === dark theme === */\n/* Dark theme variables and helpers */\n[data-theme=\"dark\"],\n.theme-dark {\n --color-bg: #0b0f19;\n --color-bg-elev: #0f172a;\n --color-text: #e5e7eb; /* gray-200 */\n --color-muted: #94a3b8; /* slate-400 */\n --color-border: #1f2937; /* gray-800 */\n}\n\n@media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n --color-bg: #0b0f19;\n --color-bg-elev: #0f172a;\n --color-text: #e5e7eb;\n --color-muted: #94a3b8;\n --color-border: #1f2937;\n }\n}\n\n/* (removed erroneous debug style) */\n\n/* Sidebar hover/tool popovers and text/icon contrast inside surfaces */\n.surface .group-hover\\:bg-white\\/80 { background-color: rgba(255,255,255,0.06) !important; }\n.surface .hover\\:bg-gray-50:hover { background-color: rgba(255,255,255,0.06) !important; }\n.surface .hover\\:bg-gray-100:hover { background-color: rgba(255,255,255,0.08) !important; }\n.surface .text-gray-600 dark:text-gray-800 { color: #e5e7eb !important; }\n.surface .text-gray-700 { color: #cbd5e1 !important; }\n.surface .text-gray-600 { color: var(--color-muted) !important; }\n.surface .text-gray-500 { color: var(--color-muted) !important; }\n.surface .text-gray-400 { color: #9aa5b1 !important; }\n.surface .iconify { color: var(--color-muted) !important; }\n.surface .iconify.bg-dark { color: #e5e7eb !important; }\n.surface .bg-white { background-color: rgba(255, 255, 255, 0.06) !important; }\n// .surface .bg-gray-100 { background-color: rgba(255, 255, 255, 0.08) !important; }\n.surface .border-gray-300 { border-color: var(--color-border) !important; }\n.surface .border { border-color: var(--color-border) !important; }\n\n/* Sidebar item hover & active pills */\n.surface .hover\\:bg-gray-50:hover > span,\n.surface .hover\\:bg-gray-100:hover > span { color: var(--color-text) !important; }\n.surface .bg-gray-100.font-medium { background-color: rgba(255,255,255,0.10) !important; color: var(--color-text) !important; }\n\n/* User bubble styling to match elevated controls */\n.user-bubble {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border: 1px solid var(--color-border);\n}\n\n/* Chat header title subtle lift */\n.chat-title { opacity: 0.96; }\n\n/* Message action buttons */\n.msg-actions .btn {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n\n/* Controls in the top chat bar */\n.chat-controls .ctrl-select,\n.chat-controls .ctrl-button {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n\n/* Sidebar header (Chatter) and header buttons */\n.surface .font-semibold, .surface .font-semibold a { color: var(--color-text) !important; }\n.surface .inline-flex button { border-color: var(--color-border) !important; }\n.surface .inline-flex button:hover { background-color: rgba(255,255,255,0.06) !important; }\n\n/* Composer/system prompt inputs */\n.composer textarea,\ntextarea[x-model=\"chatPromptText\"],\ntextarea[x-model=\"systemPrompt\"],\ntextarea[placeholder=\"Enter system prompt for this chat...\"],\ntextarea[placeholder=\"Enter a system prompt...\"],\ntextarea[placeholder=\"Type a message...\"] {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n.composer .send-btn { border-color: var(--color-border); }\n\n/* Settings header button */\n.token-button {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n.token-button:hover { filter: brightness(1.08); }\n\n/* Sidebar edit inputs (folder/chat rename) */\n.surface input[type=\"text\"] {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n caret-color: var(--color-text);\n}\n\n.surface input[type=\"text\"]::placeholder {\n color: var(--color-muted);\n opacity: 0.7;\n}\n\n.surface input[type=\"text\"]:focus {\n outline: none;\n border-color: #60a5fa; /* blue-400 focus to match the app */\n box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.35);\n}\n\n/* Chat reasoning toggle + block */\n.reasoning-container > button {\n color: var(--color-muted);\n}\n.reasoning-container > button:hover { color: #cbd5e1; }\n.reasoning-container > div {\n background-color: var(--color-bg-elev) !important;\n color: var(--color-text) !important;\n border-color: var(--color-border) !important;\n}\n.reasoning-container pre { color: var(--color-text); }\n",[],[274,390,423],{"_103":431,"_95":432,"_152":433,"_154":391,"_155":137,"_156":434,"_158":159,"_105":435,"_100":201,"_161":291,"_163":436,"_164":22,"_165":-5,"_166":437,"_98":438},"3884f67a-86ae-11f0-9f42-0224a6c84d84","app.scss","bb2bd118-8526-11f0-9320-0224a6c84d84",137,["D",1756674327892]," \n/* Tailwind CDN is used for utilities; this file just provides tokens and light theming hooks */\n/* the app.css file is GENERATED; edit the app/scss file!! */\n\n/* Base tokens */\n:root {\n --font-body: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;\n --font-headings: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n --color-bg: #f9fafb; /* gray-50 */\n --color-bg-elev: #ffffff;\n --color-text: #111827; /* gray-900 */\n --color-muted: #6b7280; /* gray-500 */\n --color-border: #e5e7eb; /* gray-200 */\n}\n\n \n\n/* Light theme helper (explicit) */\n[data-theme=\"light\"],\n.theme-light {\n --color-bg: #f9fafb;\n --color-bg-elev: #ffffff;\n --color-text: #111827;\n --color-muted: #6b7280;\n --color-border: #e5e7eb;\n}\n\n/* Apply tokens to base */\nhtml, body { background-color: var(--color-bg); color: var(--color-text); }\n\n/* Optional helpers (opt-in in markup) */\n.surface { background-color: var(--color-bg-elev); border: 1px solid var(--color-border); }\n.muted { color: var(--color-muted); }\n.dark-surface { background-color: var(--color-bg-elev); }\n.page-surface { background-color: var(--color-bg); }\n.card-washed-shadow {\n box-shadow:\n 0 2px 28px 0 rgba(60, 60, 60, 0.06),\n 0 8px 28px 0 rgba(60, 60, 60, 0.08),\n 0 16px 62px 0 rgba(60, 60, 60, 0.09);\n border: 1px solid var(--color-border);\n}\n\n/* Prose niceties */\n.prose a { color: #2563eb; }\n.prose a:hover { color: #1d4ed8; }\n.prose-tight-last p:last-child { margin-bottom: 0; }\n\n/* Chat header title subtle theming */\n.chat-title { color: var(--color-text); opacity: 0.92; }\n\n/* Contrast helpers for surfaces (light theme defaults live here; dark in _dark.scss) */\n/* Action buttons under messages */\n.msg-actions button { display: inline-flex; align-items: center; }\n\n\n/* Chat controls theming without forcing a bar surface */\n.chat-controls .ctrl-select {\n background-color: #ffffff;\n color: #111827;\n border-color: #e5e7eb;\n}\n\n.chat-controls .ctrl-button {\n background-color: #ffffff;\n color: #374151;\n border-color: #e5e7eb;\n}\n\n/* Composer and system prompt textareas */\n.composer textarea,\ntextarea[x-model=\"chatPromptText\"],\ntextarea[x-model=\"systemPrompt\"],\ntextarea[placeholder=\"Enter system prompt for this chat...\"],\ntextarea[placeholder=\"Enter a system prompt...\"],\ntextarea[placeholder=\"Type a message...\"] {\n background-color: #ffffff;\n color: #111827;\n border-color: #e5e7eb;\n}\n\n/* Composer send button outline to match input border */\n.composer .send-btn { border-color: #e5e7eb; }\n\n/* Settings header theming */\n.settings-header .settings-title { color: var(--color-text); }\n.settings-header .settings-icon { color: var(--color-text); opacity: 0.9; }\n.token-button { background-color: #ffffff; color: #374151; border-color: #e5e7eb; }\n.token-button:hover { background-color: #f9fafb; }\n \n\n\n",[],[274,390,432],[274,390],{"_103":441,"_95":442,"_152":443,"_154":275,"_155":137,"_156":444,"_158":159,"_105":445,"_100":181,"_161":182,"_163":446,"_164":22,"_165":-5,"_166":447,"_98":448},"b720bc32-86b1-11f0-a4e8-0224a6c84d84","apiClient.js","8feabba4-78f1-11f0-b1f8-0224a6c84d84",153,["D",1756675828734],"// Centralized API client for frontend calls used by chatterApp\n\nexport async function checkServerKey() {\n const res = await fetch('/api/check-key');\n if (!res.ok) throw new Error('Failed to check server key');\n return res.json();\n}\n\nexport async function summarizePaper({ url, title, language, userApiKey }) {\n const res = await fetch('/api/search', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ url, title, language, userApiKey })\n });\n if (!res.ok) throw new Error('Summary failed: ' + res.statusText);\n return res.json();\n}\n\nexport async function postChatStreamSSE(payload) {\n // Returns the raw Response so caller can stream\n return fetch('/api/chatStreamSSE', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload)\n });\n}\n\nexport async function postChatStream(payload) {\n const res = await fetch('/api/chatStream', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload)\n });\n return res;\n}\n\nexport async function postGroqChat({ apiKey, body }) {\n const res = await fetch('https://api.groq.com/openai/v1/chat/completions', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + apiKey },\n body: JSON.stringify(body)\n });\n return res;\n}\n\n// Jobs API\nexport async function createJob({ type, input }) {\n const res = await fetch('/api/jobs', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ type, input })\n });\n if (!res.ok) throw new Error('Failed to create job');\n return res.json();\n}\n\nexport async function getJob(id) {\n const res = await fetch('/api/jobs/' + encodeURIComponent(String(id)));\n if (!res.ok) throw new Error('Failed to get job');\n return res.json();\n}\n\nexport async function listJobs({ status } = {}) {\n const url = status ? ('/api/jobs?status=' + encodeURIComponent(status)) : '/api/jobs';\n const res = await fetch(url);\n if (!res.ok) throw new Error('Failed to list jobs');\n return res.json();\n}\n\nexport async function cancelJob(id) {\n const res = await fetch('/api/jobs/' + encodeURIComponent(String(id)) + '/cancel', { method: 'POST' });\n if (!res.ok) throw new Error('Failed to cancel job');\n return res.json();\n}\n\nexport function streamJob(id) {\n // returns Response (SSE) similar to postChatStreamSSE\n return fetch('/api/jobs/' + encodeURIComponent(String(id)) + '/stream');\n}\n\n\n",[],[274,442],{"_103":450,"_95":451,"_152":452,"_154":275,"_155":137,"_156":453,"_158":159,"_105":454,"_100":455,"_161":182,"_163":456,"_164":22,"_165":-5,"_166":457,"_98":458},"cd9243e0-931e-11f0-9474-0224a6c84d84","chatterApp.js","f6940d20-7616-11f0-a338-0224a6c84d84",186,["D",1758042095556],16,"import { getI18n, getDateRangeText as i18nDateRangeText } from './i18n.js';\nimport { getDisplaySourceName, getActualSearchSource, getActualSearchSourceName } from './chatterLib.js';\nimport { checkServerKey as apiCheckServerKey, summarizePaper as apiSummarizePaper, postChatStreamSSE, postChatStream, postGroqChat } from './apiClient.js';\nimport {\n initDb,\n loadChats as coreLoadChats,\n loadFolders as coreLoadFolders,\n createFolder as coreCreateFolder,\n startEditingFolder as coreStartEditingFolder,\n commitEditingFolder as coreCommitEditingFolder,\n cancelEditingFolder as coreCancelEditingFolder,\n toggleFolderCollapsed as coreToggleFolderCollapsed,\n moveChatToFolder as coreMoveChatToFolder,\n baseChats as coreBaseChats,\n chatsInFolder as coreChatsInFolder,\n createNewChat as coreCreateNewChat,\n selectChat as coreSelectChat,\n startEditingChat as coreStartEditingChat,\n commitEditingChat as coreCommitEditingChat,\n cancelEditingChat as coreCancelEditingChat,\n deleteChat as coreDeleteChat,\n duplicateChat as coreDuplicateChat,\n ensureChatExistsForEdits as coreEnsureChatExistsForEdits,\n ensureMessagePersisted as coreEnsureMessagePersisted,\n persistMessageAtIndex as corePersistMessageAtIndex,\n deleteMessage as coreDeleteMessage,\n deleteMessagesBelow as coreDeleteMessagesBelow,\n rerunFromUser as coreRerunFromUser,\n sendMessage as coreSendMessage,\n exportAllData as coreExportAllData,\n importDataAppend as coreImportDataAppend,\n importDataReplace as coreImportDataReplace\n} from './core/chatCore.js';\nimport { isStreamingForCurrent as expIsStreamingForCurrent, streamAssistant as expStreamAssistant } from './experimental/streaming.js';\nimport { JobManager } from './core/jobManager.js';\nimport {\n isChatLinkedToPreset as presetsIsChatLinkedToPreset,\n chatHasCustomSettings as presetsChatHasCustomSettings,\n updatePresetLinkingStatus as presetsUpdatePresetLinkingStatus,\n snapshotCurrentChatSettings as presetsSnapshotCurrentChatSettings,\n applyPresetSettings as presetsApplyPresetSettings,\n saveCurrentChatSettings as presetsSaveCurrentChatSettings,\n loadPresets as presetsLoadPresets,\n generatePresetShortId as presetsGeneratePresetShortId,\n createPreset as presetsCreatePreset,\n updatePreset as presetsUpdatePreset,\n deletePreset as presetsDeletePreset,\n onPresetSelectFocus as presetsOnPresetSelectFocus,\n onPresetChange as presetsOnPresetChange,\n doApplyPresetChange as presetsDoApplyPresetChange,\n confirmPresetChange as presetsConfirmPresetChange,\n cancelPresetChange as presetsCancelPresetChange,\n onChatPromptTextInput as presetsOnChatPromptTextInput,\n resetChatPromptToPreset as presetsResetChatPromptToPreset,\n saveCurrentSettingsToChat as presetsSaveCurrentSettingsToChat,\n updateCurrentPresetFromChat as presetsUpdateCurrentPresetFromChat,\n saveAsPresetFromChat as presetsSaveAsPresetFromChat,\n startEditingPreset as presetsStartEditingPreset,\n cancelEditingPreset as presetsCancelEditingPreset,\n commitEditingPreset as presetsCommitEditingPreset,\n clonePreset as presetsClonePreset\n} from './presets.js';\nimport {\n applyAppFont as uiApplyAppFont,\n applyThemePreference as uiApplyThemePreference,\n initSystemPromptAutosize as uiInitSystemPromptAutosize,\n autoResize as uiAutoResize,\n queueScrollToBottom as uiQueueScrollToBottom,\n queueScrollReasoningById as uiQueueScrollReasoningById,\n renderMarkdown as uiRenderMarkdown\n} from './uiTools.js';\nimport {\n getDisplayTimerText as timerGetDisplayTimerText,\n startTimer as timerStart,\n stopTimer as timerStop\n} from './timerUtils.js';\nimport * as dataIO from './dataIO.js';\nimport * as prefs from './preferences.js';\nimport {\n startEditingMessage as msgEditStart,\n onEditingInput as msgEditOnInput,\n commitEditingMessage as msgEditCommit,\n cancelEditingMessage as msgEditCancel\n} from './messageEditing.js';\nimport * as dnd from './dragDrop.js';\nimport * as trace from './traceUI.js';\nimport {\n formatAssistantContent as contentFormat,\n renderAssistantContent as contentRender\n} from './contentRenderers.js';\n\nexport default function chatterApp() {\n return {\n // Page routing\n activePage: 'chat', // 'chat' | 'appSettings'\n searchQuery: '',\n dateRange: '',\n selectedSource: '',\n customSource: '',\n selectedLanguage: 'english',\n results: [],\n assistantContent: '',\n route: 'links',\n isSearching: false,\n isLoadingMore: false,\n hasSearched: false,\n currentOffset: 0,\n hasMoreResults: true,\n errorMessage: '',\n summaryStates: {},\n hasServerKey: true,\n userApiKey: '',\n apiKeyInput: '',\n // Model selection\n selectedModel: 'openai/gpt-oss-120b',\n // Browser search tool toggle\n useBrowserSearch: true,\n useCodeInterpreter: false,\n // System prompt state\n systemPrompt: '', // global default template editor (App Settings)\n chatPromptId: null, // selected template id for current chat\n chatPromptText: '', // per-chat active text (preset or custom based on activeSettingsSource)\n systemPromptOpen: false,\n systemPromptDebounceId: null,\n // Generation settings\n temperature: 1,\n maxTokens: 8192,\n reasoningEffort: 'medium',\n streamEnabled: true,\n jsonMode: false,\n // Presets\n presets: [],\n editingPresetId: null,\n editingPresetName: '',\n editingPresetContent: '',\n editingPresetSettings: {},\n chatPromptDebounceId: null,\n newPresetName: '',\n newPresetContent: '',\n // Data export/import status\n dataStatusText: '',\n pendingImportMode: null, // 'replace' | 'append' | null\n // Preset linking status\n chatIsLinkedToPreset: false, // computed based on current chat state\n chatHasCustomSettingsStored: false, // computed based on current chat state\n // Preset change confirm modal\n showPresetChangeConfirm: false,\n pendingPresetId: null,\n lastChatPromptId: null,\n // Settings save state\n settingsChanged: false, // tracks if current settings have been modified\n savingSettings: false, // tracks if save is in progress\n // App settings\n appFontChoice: 'mono', // 'mono' | 'sans' | 'serif'\n themePreference: 'auto', // 'auto' | 'light' | 'dark'\n // Custom chat completions endpoint (e.g., http://localhost:11434 or http://localhost:1234)\n customChatBaseUrl: '',\n // Stream test state\n streamPrompt: '',\n isStreaming: false,\n streamError: '',\n streamAggregates: null,\n streamOpen: true,\n eventsOpen: false,\n // Trace log state\n traceEvents: [],\n traceExpanded: false,\n expandedToolMap: {},\n copyEventsText: 'copy json',\n copyChatText: 'copy json',\n copyEventsTimeoutId: null,\n copyChatTimeoutId: null,\n \n // Timer state\n timerStartMs: null,\n timerIntervalId: null,\n timerFrozenText: '',\n timerElapsedMs: 0,\n \n // Chat state\n messages: [],\n chatInput: '',\n // Jobs system\n useJobs: true,\n jobManager: null,\n currentJobId: null,\n _jobCtx: {}, // jobId -> { chatId, assistantMessageId, assistantCreatedAt }\n // Streaming session guards to prevent cross-chat bleed and allow concurrency by chat\n currentStreamToken: null,\n streamChatId: null,\n streamingChats: {}, // chatId -> { token, startedAt }\n // Streaming reasoning state per assistant message\n messageReasoningMap: {},\n expandedReasoningMap: {},\n // UI ephemeral state\n copiedMap: {}, // idx -> boolean\n _copiedTimeouts: {},\n \n // Inline message editing state\n editingMessageIdx: null,\n editingMessageId: null,\n editingMessageText: '',\n editingMessageOriginal: '',\n editingDebounceId: null,\n\n // (removed) confirmation modal state\n \n // Typewriter effect variables\n hasUserInteracted: false,\n typewriterActive: false,\n typewriterTimeouts: [],\n currentLanguageIndex: 0,\n currentCharIndex: 0,\n isTyping: false,\n lastTypewriterText: '',\n \n // Testing override - if set to a string, will replace typewriter effect\n testOverride: '', // Set to null or '' to disable override\n\n // Global Notes plugin state\n notes: [], // { id, title, content, createdAt, updatedAt }\n editingNoteId: null,\n editingNoteTitle: '',\n editingNoteContent: '',\n newNoteTitle: '',\n newNoteContent: '',\n expandedNotes: {}, // noteId -> boolean\n editingNoteIds: {}, // noteId -> { title, content } for per-note editing\n\n // Sidebar + chats (Dexie-backed)\n sidebarOpen: false, // mobile overlay\n sidebarCollapsed: false, // desktop collapse\n sidebarTransitioning: false,\n sidebarAnimMs: 300,\n // Right settings panel (nested inside main)\n settingsOpen: false, // visibility toggle\n settingsOpenedAt: 0,\n settingsWidth: 340,\n minSettingsWidth: 260,\n maxSettingsWidth: 560,\n // Global tools menu (right sidebar)\n globalMenuOpen: false, // visibility toggle\n globalMenuOpenedAt: 0,\n globalMenuWidth: 320,\n minGlobalMenuWidth: 240,\n maxGlobalMenuWidth: 480,\n isResizingSettings: false,\n settingsResizeStartX: 0,\n settingsResizeStartWidth: 340,\n // Resizable sidebar\n sidebarWidth: 256,\n minSidebarWidth: 180,\n maxSidebarWidth: 520,\n isResizingSidebar: false,\n resizeStartX: 0,\n resizeStartWidth: 256,\n activeSearchId: null,\n ephemeralChatId: '__ephemeral__',\n chats: [], // { id, title, createdAt, folderId? }\n currentChatId: null,\n db: null,\n editingChatId: null,\n editingChatTitle: '',\n // Folders state\n folders: [], // { id, name, createdAt, order, collapsed }\n editingFolderId: null,\n editingFolderName: '',\n // Drag & drop state\n draggingChatId: null,\n dragOverFolderId: null,\n dragOverBase: false,\n\n // Generalized key bindings registry (normalize to 'mod+[shift+]')\n keyBindings: {},\n\n async init() {\n console.log('🔧 Chat app initializing...');\n // Initialize JobManager\n try { this.jobManager = new JobManager(); } catch (_) { /* ignore */ }\n \n // Load API key from localStorage\n const storedApiKey = localStorage.getItem('groq_api_key');\n if (storedApiKey) {\n this.userApiKey = storedApiKey;\n }\n // Load preferred model\n try {\n const storedModel = localStorage.getItem('groq_model');\n if (storedModel && typeof storedModel === 'string') {\n this.selectedModel = storedModel;\n }\n const storedBase = localStorage.getItem('chat_base_url');\n if (storedBase && typeof storedBase === 'string') {\n this.customChatBaseUrl = storedBase;\n }\n const storedUse = localStorage.getItem('use_browser_search');\n if (storedUse === '0') this.useBrowserSearch = false;\n if (storedUse === '1') this.useBrowserSearch = true;\n const storedCI = localStorage.getItem('use_code_interpreter');\n if (storedCI === '1') this.useCodeInterpreter = true;\n if (storedCI === '0') this.useCodeInterpreter = false;\n const sp = localStorage.getItem('system_prompt');\n if (typeof sp === 'string') this.systemPrompt = sp;\n const spOpen = localStorage.getItem('system_prompt_open');\n if (spOpen === '1') this.systemPromptOpen = true;\n const t = localStorage.getItem('temperature');\n if (t != null && t !== '' && !Number.isNaN(Number(t))) this.temperature = Math.max(0, Math.min(2, Number(t)));\n const mt = localStorage.getItem('max_tokens');\n if (mt != null && mt !== '' && !Number.isNaN(Number(mt))) this.maxTokens = Math.max(1, Number(mt));\n const re = localStorage.getItem('reasoning_effort');\n if (re === 'low' || re === 'medium' || re === 'high') this.reasoningEffort = re;\n const se = localStorage.getItem('stream_enabled');\n if (se === '0') this.streamEnabled = false; if (se === '1') this.streamEnabled = true;\n const jm = localStorage.getItem('json_mode');\n if (jm === '1') this.jsonMode = true; if (jm === '0') this.jsonMode = false;\n const af = localStorage.getItem('app_font');\n if (af === 'mono' || af === 'sans' || af === 'serif') this.appFontChoice = af;\n const tp = localStorage.getItem('theme');\n if (tp === 'light' || tp === 'dark' || tp === 'auto') this.themePreference = tp;\n } catch (_) { /* ignore */ }\n // Apply app-level styles that depend on persisted settings\n try { this.applyAppFont(); } catch (_) { /* ignore */ }\n try { this.applyThemePreference(); } catch (_) { /* ignore */ }\n \n // Check if server has API key\n await this.checkServerKey();\n \n await initDb(this);\n // Load Presets\n try { await this.loadPresets(); } catch (_) { /* ignore */ }\n await this.loadFolders();\n await this.loadChats();\n await this.loadNotes();\n // Start with an ephemeral chat; persist if/when content is edited or a message is sent\n this.currentChatId = null;\n this.activeSearchId = this.ephemeralChatId;\n this.messages = [{ role: 'assistant', content: 'Hi! How can I help you today?', createdAt: Date.now(), model: this.selectedModel || null }];\n this.sidebarOpen = false;\n // Load persisted sidebar width\n try {\n const sw = Number(localStorage.getItem('sidebar_width'));\n if (Number.isFinite(sw) && sw >= 120 && sw <= 800) this.sidebarWidth = sw;\n const rw = Number(localStorage.getItem('settings_width'));\n if (Number.isFinite(rw) && rw >= 200 && rw <= 800) this.settingsWidth = rw;\n const so = localStorage.getItem('settings_open');\n if (so === '1') this.settingsOpen = true;\n const gmo = localStorage.getItem('global_menu_open');\n if (gmo === '1') this.globalMenuOpen = true;\n } catch (_) { /* ignore */ }\n this.$nextTick(() => this.scrollToBottom());\n console.log('✅ Chat app initialized');\n // If settings panel is restored open, ensure system prompt autosize initializes\n try { if (this.settingsOpen) this.$nextTick(() => this.initSystemPromptAutosize()); } catch (_) { /* ignore */ }\n // Initialize document title\n try { this.updateDocumentTitle && this.updateDocumentTitle(); } catch (_) { /* ignore */ }\n // Initialize default key bindings\n try {\n this.keyBindings = {\n 'mod+b': (ctx) => ctx.toggleSidebarShortcut(),\n 'mod+shift+b': (ctx) => ctx.toggleChatSettings(),\n 'mod+shift+g': (ctx) => ctx.toggleGlobalMenu(),\n 'mod+shift+p': (ctx) => ctx.togglePresetList(),\n 'mod+shift+arrowdown': (ctx) => ctx.cyclePresetNext(),\n 'mod+shift+arrowup': (ctx) => ctx.cyclePresetPrev(),\n 'mod+n': (ctx) => ctx.focusNewChat(),\n 'mod+alt+n': (ctx) => ctx.focusNewChat(),\n 'mod+alt+r': (ctx) => ctx.onShortcutGenerateOrRerun(),\n };\n } catch (_) { /* ignore */ }\n // If loaded at /new or /:id, ensure page reflects it; also wire popstate\n try {\n if (typeof window !== 'undefined' && window.location) {\n const path = window.location.pathname || '';\n if (path === '/settings') {\n this.activePage = 'appSettings';\n this.settingsOpen = false;\n } else if (path === '/new') {\n this.$nextTick(() => this.focusNewChat());\n } else {\n // Support /123 or /some-slug-123\n const mId = path.match(/^\\/(\\d+)$/);\n const mSlug = path.match(/^\\/.+-(\\d+)$/);\n const idStr = (mId && mId[1]) || (mSlug && mSlug[1]) || '';\n const idNum = Number(idStr);\n if (Number.isFinite(idNum)) {\n this.selectChat(idNum, false);\n }\n }\n // Handle back/forward navigation to /new or /:slug-:id\n try {\n this._onPopState = () => {\n try {\n const p = window.location.pathname || '';\n if (p === '/settings') { this.activePage = 'appSettings'; this.settingsOpen = false; return; }\n if (p === '/new') { this.openChatPage(); this.focusNewChat(); try { this.updateDocumentTitle && this.updateDocumentTitle(); } catch (_) { /* ignore */ } return; }\n const mmId = p.match(/^\\/(\\d+)$/);\n const mmSlug = p.match(/^\\/.+-(\\d+)$/);\n const idStr2 = (mmId && mmId[1]) || (mmSlug && mmSlug[1]) || '';\n const cid = Number(idStr2);\n if (Number.isFinite(cid)) { this.openChatPage(); this.selectChat(cid, false); }\n else { this.openChatPage(); try { this.updateDocumentTitle && this.updateDocumentTitle(); } catch (_) { /* ignore */ } }\n } catch (_) { /* ignore */ }\n };\n window.addEventListener('popstate', this._onPopState);\n } catch (_) { /* ignore */ }\n }\n } catch (_) { /* ignore */ }\n // Listen for presets updates to refresh local list and apply to current chat if selected\n try {\n this._onPresetsUpdated = async (e) => {\n try {\n await this.loadPresets();\n const payload = e && e.detail ? e.detail : {};\n const updatedId = payload && payload.id != null ? Number(payload.id) : null;\n \n if (updatedId && this.db) {\n const preset = await this.db.systemPrompts.get(updatedId);\n if (preset) {\n const sys = (typeof preset.systemPrompt === 'string' ? preset.systemPrompt : preset.content) || '';\n \n // Update ALL chats linked to this preset (not just the current one)\n try {\n const linkedChats = await this.db.chats.where('systemPromptId').equals(updatedId).toArray();\n for (const chat of linkedChats) {\n // Only update chats that don't have custom settings (still linked)\n if (!chat.settings) {\n try {\n await this.db.transaction('rw', this.db.chats, async () => {\n const meta = await this.db.chats.get(chat.id);\n if (!meta) return;\n await this.db.chats.put({ ...meta, systemPromptText: sys });\n });\n } catch (_) { /* ignore */ }\n }\n }\n } catch (_) { /* ignore */ }\n \n // If current chat is linked to this preset, update UI immediately\n if (this.chatPromptId && Number(this.chatPromptId) === updatedId) {\n // Apply preset settings to UI immediately \n if (preset.settings) {\n this.applyPresetSettings(preset.settings);\n }\n // Update system prompt text in UI\n this.chatPromptText = sys;\n \n // Update UI status to reflect any changes\n await this.updatePresetLinkingStatus();\n }\n }\n }\n } catch (_) { /* ignore */ }\n };\n window.addEventListener('presets-updated', this._onPresetsUpdated);\n } catch (_) { /* ignore */ }\n },\n\n // Sidebar helpers\n toggleSidebar() { this.sidebarOpen = !this.sidebarOpen; },\n // Settings panel helpers\n toggleSettingsPanel() {\n this.settingsOpen = !this.settingsOpen;\n try { localStorage.setItem('settings_open', this.settingsOpen ? '1' : '0'); } catch (_) { /* ignore */ }\n if (this.settingsOpen) {\n try { this.$nextTick(() => this.initSystemPromptAutosize()); } catch (_) { /* ignore */ }\n }\n },\n // Global menu helpers\n toggleGlobalMenu() {\n this.globalMenuOpen = !this.globalMenuOpen;\n this.globalMenuOpenedAt = Date.now();\n try { localStorage.setItem('global_menu_open', this.globalMenuOpen ? '1' : '0'); } catch (_) { /* ignore */ }\n },\n closeGlobalMenu() {\n this.globalMenuOpen = false;\n try { localStorage.setItem('global_menu_open', '0'); } catch (_) { /* ignore */ }\n },\n maybeCloseGlobalMenu() {\n const since = Date.now() - (this.globalMenuOpenedAt || 0);\n if (since < 120) return; // guard against same-event open->outside\n this.closeGlobalMenu();\n },\n // Toggle/focus the current preset list (settings panel if open, otherwise header control)\n togglePresetList() {\n try {\n // Prefer settings panel select when visible\n if (this.settingsOpen) {\n try {\n const el = document.querySelector('aside select[x-model=\"chatPromptId\"]');\n if (el) {\n el.focus();\n el.click();\n return;\n }\n } catch (_) { /* ignore */ }\n }\n // Fallback to the top control bar select\n try {\n const el2 = document.querySelector('.chat-controls select[x-model=\"chatPromptId\"]');\n if (el2) {\n el2.focus();\n el2.click();\n return;\n }\n } catch (_) { /* ignore */ }\n } catch (_) { /* ignore */ }\n },\n // Cycle presets (Cmd/Ctrl+Shift+ArrowUp/ArrowDown)\n cyclePresetNext() {\n try {\n const list = Array.isArray(this.presets) ? this.presets : [];\n const ids = list.map(p => String(p.id));\n const current = (this.chatPromptId != null && this.chatPromptId !== '' && this.chatPromptId !== 'null') ? String(this.chatPromptId) : null;\n // Build a virtual list with 'custom' represented by null at index -1\n if (ids.length === 0) return;\n let idx = current == null ? -1 : ids.indexOf(String(current));\n idx = (idx + 1);\n if (idx >= ids.length) idx = -1; // wrap to custom\n this.chatPromptId = (idx === -1) ? null : String(ids[idx]);\n // Apply change\n this.onPresetChange();\n } catch (_) { /* ignore */ }\n },\n cyclePresetPrev() {\n try {\n const list = Array.isArray(this.presets) ? this.presets : [];\n const ids = list.map(p => String(p.id));\n const current = (this.chatPromptId != null && this.chatPromptId !== '' && this.chatPromptId !== 'null') ? String(this.chatPromptId) : null;\n if (ids.length === 0) return;\n let idx = current == null ? -1 : ids.indexOf(String(current));\n idx = (idx - 1);\n if (idx < -1) idx = ids.length - 1; // wrap from custom to last preset\n this.chatPromptId = (idx === -1) ? null : String(ids[idx]);\n this.onPresetChange();\n } catch (_) { /* ignore */ }\n },\n openChatSettings() {\n this.openChatPage();\n this.settingsOpen = true;\n this.settingsOpenedAt = Date.now();\n try { localStorage.setItem('settings_open', '1'); } catch (_) { /* ignore */ }\n try { this.$nextTick(() => this.initSystemPromptAutosize()); } catch (_) { /* ignore */ }\n },\n closeChatSettings() {\n this.settingsOpen = false;\n try { localStorage.setItem('settings_open', '0'); } catch (_) { /* ignore */ }\n },\n maybeCloseChatSettings() {\n const since = Date.now() - (this.settingsOpenedAt || 0);\n if (since < 120) return; // guard against same-event open->outside\n this.closeChatSettings();\n },\n toggleChatSettings() {\n if (this.activePage !== 'chat') {\n this.openChatSettings();\n return;\n }\n if (this.settingsOpen) {\n this.closeChatSettings();\n } else {\n this.openChatSettings();\n }\n },\n // App settings page helpers\n openAppSettingsPage() {\n this.activePage = 'appSettings';\n this.settingsOpen = false;\n try {\n if (typeof window !== 'undefined' && window.history) {\n const current = window.location.pathname || '';\n if (current !== '/settings') window.history.pushState({}, '', '/settings');\n }\n } catch (_) { /* ignore */ }\n },\n openChatPage() {\n this.activePage = 'chat';\n try { if (this.settingsOpen) this.$nextTick(() => this.initSystemPromptAutosize()); } catch (_) { /* ignore */ }\n },\n // Global key handler for shortcuts\n onGlobalKeyDown(e) {\n try {\n if (!e) return;\n // Handle Escape globally before ignoring editable fields\n const rawKey = String(e.key || '');\n const keyLower = rawKey.toLowerCase();\n const codeLower = String(e.code || '').toLowerCase();\n // Special-case: intercept Cmd/Ctrl+Alt+R anywhere to run generate/rerun (leave Cmd/Ctrl+R for reload)\n const isModNow = !!(e.metaKey || e.ctrlKey);\n if (isModNow && e.altKey && (keyLower === 'r' || codeLower === 'keyr')) {\n e.preventDefault();\n try { e.stopPropagation(); } catch (_) { /* ignore */ }\n this.onShortcutGenerateOrRerun();\n return;\n }\n if (keyLower === 'escape' || keyLower === 'esc') {\n // If on App Settings page, Esc should return to a new chat\n if (this.activePage === 'appSettings') {\n e.preventDefault();\n // focusNewChat() opens chat page, selects ephemeral chat, and updates URL\n this.focusNewChat();\n return;\n }\n // If on Chat page and the chat settings panel is open, close it\n if (this.activePage === 'chat' && this.settingsOpen) {\n e.preventDefault();\n this.closeChatSettings();\n return;\n }\n }\n // Ignore when typing in inputs, textareas, selects, or contenteditable\n const target = e.target;\n const tag = target && target.tagName;\n const isEditable = !!(target && (target.isContentEditable || tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT'));\n if (isEditable) return;\n if (e.repeat) return;\n const isMod = !!(e.metaKey || e.ctrlKey);\n if (!isMod) return;\n // Normalize the key for letter combos so Option/Alt doesn't change it (e.g., Option+R -> ®)\n const rawCode = String(e.code || '');\n let key = String(e.key || '').toLowerCase();\n if (rawCode && rawCode.startsWith('Key')) key = rawCode.slice(3).toLowerCase();\n const parts = ['mod'];\n if (e.shiftKey) parts.push('shift');\n if (e.altKey) parts.push('alt');\n parts.push(key);\n const combo = parts.join('+');\n const handler = this.keyBindings && this.keyBindings[combo];\n if (typeof handler === 'function') {\n e.preventDefault();\n handler(this);\n }\n } catch (_) { /* ignore */ }\n },\n\n // Programmatically trigger a registered key binding (e.g., from clicks)\n triggerKeyBinding(combo) {\n try {\n const handler = this.keyBindings && this.keyBindings[combo];\n if (typeof handler === 'function') handler(this);\n else if (combo === 'mod+shift+b') this.toggleChatSettings();\n } catch (_) { /* ignore */ }\n },\n\n // Shortcut: Generate or re-run the latest AI result\n onShortcutGenerateOrRerun() {\n try {\n if (this.isStreamingForCurrent) return;\n this.openChatPage();\n const msgs = Array.isArray(this.messages) ? this.messages : [];\n const len = msgs.length;\n if (len <= 0) return;\n const lastIdx = len - 1;\n const last = msgs[lastIdx];\n if (!last) return;\n if (last.role === 'assistant') {\n // Regenerate the last assistant reply\n this.rerunAssistant(lastIdx);\n return;\n }\n if (last.role === 'user') {\n const text = String(last.content || '').trim();\n if (!text) return;\n // Re-run starting from the last user message\n this.rerunFromUser(lastIdx);\n return;\n }\n } catch (_) { /* ignore */ }\n },\n\n // Sidebar toggle aware of desktop vs mobile\n toggleSidebarShortcut() {\n try {\n const isDesktop = !!(window.matchMedia && window.matchMedia('(min-width: 768px)').matches);\n if (isDesktop) {\n if (this.sidebarCollapsed) this.expandSidebar(); else this.collapseSidebar();\n } else {\n this.sidebarOpen = !this.sidebarOpen;\n }\n } catch (_) { /* ignore */ }\n },\n\n // Focus the ephemeral New Chat entry\n async focusNewChat() {\n try {\n this.openChatPage();\n await this.selectChat(this.ephemeralChatId, false);\n this.navigateToChatPath(this.ephemeralChatId, true);\n // Focus composer textarea\n try {\n this.$nextTick(() => {\n try {\n const el = document.querySelector('textarea');\n if (el && typeof el.focus === 'function') {\n el.focus();\n // Put caret at end\n try {\n const len = el.value ? el.value.length : 0;\n el.setSelectionRange && el.setSelectionRange(len, len);\n } catch (_) { /* ignore */ }\n }\n } catch (_) { /* ignore */ }\n });\n } catch (_) { /* ignore */ }\n } catch (_) { /* ignore */ }\n },\n onAppFontChange() { return prefs.onAppFontChange(this); },\n onThemePreferenceChange() { return prefs.onThemePreferenceChange(this); },\n applyAppFont() { try { uiApplyAppFont(this); } catch (_) { /* ignore */ } },\n applyThemePreference() { try { uiApplyThemePreference(this); } catch (_) { /* ignore */ } },\n get themeClass() {\n const pref = this.themePreference || 'auto';\n if (pref === 'light') return 'theme-light';\n if (pref === 'dark') return 'theme-dark';\n return '';\n },\n startSettingsResize(e) {\n if (!this.settingsOpen) return;\n this.isResizingSettings = true;\n this.settingsResizeStartX = e.clientX || 0;\n this.settingsResizeStartWidth = this.settingsWidth;\n try { document.body.classList.add('select-none'); } catch (_) {}\n try {\n window.addEventListener('mousemove', this.onSettingsResizeMove);\n window.addEventListener('mouseup', this.stopSettingsResize, { once: true });\n } catch (_) {}\n },\n onSettingsResizeMove(e) {\n if (!this.isResizingSettings) return;\n const dx = (this.settingsResizeStartX || 0) - (e.clientX || 0);\n let next = Math.round((this.settingsResizeStartWidth || 0) + dx);\n next = Math.max(this.minSettingsWidth, Math.min(this.maxSettingsWidth, next));\n this.settingsWidth = next;\n },\n stopSettingsResize() {\n if (!this.isResizingSettings) return;\n this.isResizingSettings = false;\n try { localStorage.setItem('settings_width', String(this.settingsWidth)); } catch (_) {}\n try { document.body.classList.remove('select-none'); } catch (_) {}\n try { window.removeEventListener('mousemove', this.onSettingsResizeMove); } catch (_) {}\n },\n collapseSidebar() {\n // Trigger width animation immediately but delay the expand-control reveal\n this.sidebarTransitioning = true;\n this.sidebarCollapsed = true;\n setTimeout(() => { this.sidebarTransitioning = false; }, this.sidebarAnimMs);\n },\n expandSidebar() {\n // Trigger width animation immediately and hide expand-control during transition\n this.sidebarTransitioning = true;\n this.sidebarCollapsed = false;\n setTimeout(() => { this.sidebarTransitioning = false; }, this.sidebarAnimMs);\n },\n // Sidebar resizing handlers (desktop)\n startSidebarResize(e) {\n if (this.sidebarCollapsed) return;\n this.isResizingSidebar = true;\n this.resizeStartX = e.clientX || 0;\n this.resizeStartWidth = this.sidebarWidth;\n // Disable text selection while resizing\n try { document.body.classList.add('select-none'); } catch (_) {}\n // Attach move/up listeners as a fallback in case global Alpine listeners miss events\n try {\n window.addEventListener('mousemove', this.onSidebarResizeMove);\n window.addEventListener('mouseup', this.stopSidebarResize, { once: true });\n } catch (_) {}\n },\n onSidebarResizeMove(e) {\n if (!this.isResizingSidebar) return;\n const dx = (e.clientX || 0) - this.resizeStartX;\n let next = Math.round(this.resizeStartWidth + dx);\n next = Math.max(this.minSidebarWidth, Math.min(this.maxSidebarWidth, next));\n this.sidebarWidth = next;\n },\n stopSidebarResize() {\n if (!this.isResizingSidebar) return;\n this.isResizingSidebar = false;\n try { localStorage.setItem('sidebar_width', String(this.sidebarWidth)); } catch (_) {}\n try { document.body.classList.remove('select-none'); } catch (_) {}\n try {\n window.removeEventListener('mousemove', this.onSidebarResizeMove);\n } catch (_) {}\n },\n async loadChats() { await coreLoadChats(this); },\n async loadFolders() { await coreLoadFolders(this); },\n async createFolder() { await coreCreateFolder(this); },\n startEditingFolder(id, currentName) { coreStartEditingFolder(this, id, currentName); },\n async commitEditingFolder() { await coreCommitEditingFolder(this); },\n cancelEditingFolder() { coreCancelEditingFolder(this); },\n async toggleFolderCollapsed(id) { await coreToggleFolderCollapsed(this, id); },\n // Drag & drop helpers\n onChatDragStart(e, chatId) { return dnd.onChatDragStart(this, e, chatId); },\n onChatDragEnd() { return dnd.onChatDragEnd(this); },\n onFolderDragOver(e, folderId) { return dnd.onFolderDragOver(this, e, folderId); },\n onFolderDragLeave(e, folderId) { return dnd.onFolderDragLeave(this, e, folderId); },\n async onFolderDrop(e, folderId) { return dnd.onFolderDrop(this, e, folderId); },\n onBaseDragOver(e) { return dnd.onBaseDragOver(this, e); },\n onBaseDragLeave() { return dnd.onBaseDragLeave(this); },\n async onBaseDrop(e) { return dnd.onBaseDrop(this, e); },\n async moveChatToFolder(chatId, folderId) { await coreMoveChatToFolder(this, chatId, folderId); },\n baseChats() { return coreBaseChats(this); },\n chatsInFolder(folderId) { return coreChatsInFolder(this, folderId); },\n async createNewChat() { await coreCreateNewChat(this); try { this.navigateToChatPath(this.currentChatId ?? this.ephemeralChatId, !this.currentChatId); } catch (_) { /* ignore */ } },\n async selectChat(id) { await coreSelectChat(this, id); try { this.navigateToChatPath(id); } catch (_) { /* ignore */ } },\n startEditingChat(id, currentTitle) { coreStartEditingChat(this, id, currentTitle); },\n async commitEditingChat() { await coreCommitEditingChat(this); try { this.updateDocumentTitle && this.updateDocumentTitle(); } catch (_) { /* ignore */ } },\n cancelEditingChat() { coreCancelEditingChat(this); },\n async deleteChat(id) { await coreDeleteChat(this, id); },\n async onDeleteChat(id) { try { const chatId = typeof id === 'string' ? Number(id) : id; await this.deleteChat(chatId); } catch (_) {} },\n async duplicateChat(id) { await coreDuplicateChat(this, id); },\n async onDuplicateChat(id) { try { const chatId = typeof id === 'string' ? Number(id) : id; await this.duplicateChat(chatId); } catch (_) {} },\n\n async checkServerKey() {\n try {\n const data = await apiCheckServerKey();\n this.hasServerKey = !!data.hasServerKey;\n } catch (error) {\n console.error('Error checking server key:', error);\n this.hasServerKey = false;\n }\n },\n\n setApiKey() {\n if (this.apiKeyInput.trim()) {\n this.userApiKey = this.apiKeyInput.trim();\n localStorage.setItem('groq_api_key', this.userApiKey);\n this.apiKeyInput = '';\n }\n },\n\n changeApiKey() {\n this.userApiKey = '';\n },\n\n clearApiKey() {\n this.userApiKey = '';\n localStorage.removeItem('groq_api_key');\n },\n\n onModelChange() { return prefs.onModelChange(this); },\n onUseBrowserSearchChange() { return prefs.onUseBrowserSearchChange(this); },\n onUseCodeInterpreterChange() { return prefs.onUseCodeInterpreterChange(this); },\n\n toggleSystemPromptOpen() {\n this.systemPromptOpen = !this.systemPromptOpen;\n try { localStorage.setItem('system_prompt_open', this.systemPromptOpen ? '1' : '0'); } catch (_) { /* ignore */ }\n if (this.systemPromptOpen) {\n try { this.$nextTick(() => this.initSystemPromptAutosize()); } catch (_) { /* ignore */ }\n }\n },\n\n // Record current selection before the user changes it, so we can revert on cancel\n onPresetSelectFocus() {\n try { this.lastChatPromptId = this.chatPromptId; } catch (_) { /* ignore */ }\n },\n onSystemPromptInput(e) {\n try {\n const el = e && e.target; if (el) this.autoResize({ target: el });\n } catch (_) { /* ignore */ }\n const text = typeof this.systemPrompt === 'string' ? this.systemPrompt : '';\n if (this.systemPromptDebounceId) clearTimeout(this.systemPromptDebounceId);\n this.systemPromptDebounceId = setTimeout(() => {\n try { localStorage.setItem('system_prompt', text); } catch (_) { /* ignore */ }\n this.systemPromptDebounceId = null;\n }, 300);\n },\n\n // Ensure the system prompt textarea height fits content when shown\n initSystemPromptAutosize() { try { uiInitSystemPromptAutosize(this); } catch (_) { /* ignore */ } },\n\n onTemperatureChange() { return prefs.onTemperatureChange(this); },\n onMaxTokensChange() { return prefs.onMaxTokensChange(this); },\n onReasoningChange() { return prefs.onReasoningChange(this); },\n onStreamToggle() { return prefs.onStreamToggle(this); },\n onJsonModeToggle() { return prefs.onJsonModeToggle(this); },\n onCustomChatBaseUrlChange() { return prefs.onCustomChatBaseUrlChange(this); },\n\n // --- Presets: CRUD + chat selection/override ---\n \n // Check if current chat is linked to a preset (vs having custom settings)\n async isChatLinkedToPreset() { return presetsIsChatLinkedToPreset(this); },\n \n // Check if current chat has custom settings (delinked or standalone)\n async chatHasCustomSettings() { return presetsChatHasCustomSettings(this); },\n \n // Update the UI state variables for preset linking status\n async updatePresetLinkingStatus() { return presetsUpdatePresetLinkingStatus(this); },\n \n snapshotCurrentChatSettings() { return presetsSnapshotCurrentChatSettings(this); },\n applyPresetSettings(settings) { return presetsApplyPresetSettings(this, settings); },\n async saveCurrentChatSettings() { return presetsSaveCurrentChatSettings(this); },\n async loadPresets() { return presetsLoadPresets(this); },\n async generatePresetShortId() { return presetsGeneratePresetShortId(this); },\n async createPreset(name, systemPrompt, settings) { return presetsCreatePreset(this, name, systemPrompt, settings); },\n async updatePreset(id, fields) { return presetsUpdatePreset(this, id, fields); },\n async deletePreset(id) { return presetsDeletePreset(this, id); },\n // Link current chat to selected preset (or clear association)\n async onPresetChange() { return presetsOnPresetChange(this); },\n\n async doApplyPresetChange(id) { return presetsDoApplyPresetChange(this, id); },\n\n confirmPresetChange() { return presetsConfirmPresetChange(this); },\n cancelPresetChange() { return presetsCancelPresetChange(this); },\n // Mark system prompt text changes as needing save\n onChatPromptTextInput(e) { return presetsOnChatPromptTextInput(this, e); },\n async resetChatPromptToPreset() { return presetsResetChatPromptToPreset(this); },\n \n // Save current settings as custom settings (delink from preset)\n async saveCurrentSettingsToChat() { return presetsSaveCurrentSettingsToChat(this); },\n async updateCurrentPresetFromChat() { return presetsUpdateCurrentPresetFromChat(this); },\n async saveAsPresetFromChat(name) { return presetsSaveAsPresetFromChat(this, name); },\n startEditingPreset(preset) { return presetsStartEditingPreset(this, preset); },\n cancelEditingPreset() { return presetsCancelEditingPreset(this); },\n async commitEditingPreset() { return presetsCommitEditingPreset(this); },\n async clonePreset(preset) { return presetsClonePreset(this, preset); },\n\n // --- Notes Plugin ---\n async loadNotes() {\n try {\n if (!this.db) return;\n const rawNotes = await this.db.notes.orderBy('updatedAt').reverse().toArray() || [];\n // Ensure content is always a string\n this.notes = rawNotes.map(note => ({\n ...note,\n content: String(note.content || ''),\n title: String(note.title || '')\n }));\n // Initialize expanded state for all notes (collapsed by default)\n this.notes.forEach(note => {\n if (this.expandedNotes[note.id] === undefined) {\n this.expandedNotes[note.id] = false;\n }\n });\n } catch (error) {\n console.error('Error loading notes:', error);\n this.notes = [];\n }\n },\n\n async saveNote(note) {\n try {\n if (!this.db) return;\n const now = Date.now();\n const noteData = {\n ...note,\n title: (note.title || '').trim(),\n content: (note.content || '').trim(),\n updatedAt: now,\n createdAt: note.createdAt || now\n };\n\n if (note.id) {\n await this.db.notes.put(noteData);\n } else {\n const id = await this.db.notes.add(noteData);\n noteData.id = id;\n }\n\n await this.loadNotes();\n return noteData;\n } catch (error) {\n console.error('Error saving note:', error);\n throw error;\n }\n },\n\n async deleteNote(noteId) {\n try {\n if (!this.db) return;\n await this.db.notes.delete(noteId);\n await this.loadNotes();\n } catch (error) {\n console.error('Error deleting note:', error);\n throw error;\n }\n },\n\n createNewNote() {\n this.newNoteTitle = '';\n this.newNoteContent = '';\n this.editingNoteId = null;\n this.editingNoteTitle = '';\n this.editingNoteContent = '';\n },\n\n startEditingNote(note) {\n this.editingNoteId = note.id;\n this.editingNoteTitle = note.title || '';\n this.editingNoteContent = note.content || '';\n },\n\n async commitEditingNote() {\n try {\n // Handle creating new notes\n if (!this.editingNoteId) {\n if (!this.newNoteTitle.trim() && !this.newNoteContent.trim()) return;\n\n // Generate title from content if no title provided\n let title = this.newNoteTitle.trim();\n if (!title && this.newNoteContent.trim()) {\n title = this.generateTitleFromContent(this.newNoteContent.trim());\n }\n if (!title) return; // Still require some title\n\n const noteData = {\n id: undefined,\n title: title,\n content: this.newNoteContent.trim(),\n createdAt: Date.now(),\n updatedAt: Date.now()\n };\n\n await this.saveNote(noteData);\n\n // Reset form\n this.newNoteTitle = '';\n this.newNoteContent = '';\n }\n // Handle editing existing notes in top form\n else {\n if (!this.editingNoteTitle.trim()) return; // Require title for existing notes\n\n const noteData = {\n id: this.editingNoteId,\n title: this.editingNoteTitle.trim(),\n content: this.editingNoteContent.trim(),\n updatedAt: Date.now()\n };\n\n await this.saveNote(noteData);\n\n // Reset editing state\n this.editingNoteId = null;\n this.editingNoteTitle = '';\n this.editingNoteContent = '';\n }\n } catch (error) {\n console.error('Error committing note edit:', error);\n }\n },\n\n cancelEditingNote() {\n this.editingNoteId = null;\n this.editingNoteTitle = '';\n this.editingNoteContent = '';\n this.newNoteTitle = '';\n this.newNoteContent = '';\n },\n\n toggleNoteExpanded(noteId) {\n // Ensure the property exists first\n if (this.expandedNotes[noteId] === undefined) {\n this.expandedNotes[noteId] = false;\n }\n this.expandedNotes[noteId] = !this.expandedNotes[noteId];\n },\n\n startEditingNoteInline(note) {\n this.editingNoteIds[note.id] = {\n title: String(note.title || ''),\n content: String(note.content || '')\n };\n },\n\n async commitEditingNoteInline(noteId) {\n try {\n const editData = this.editingNoteIds[noteId];\n if (!editData) return;\n\n // Allow saving if there's either a title or content\n if (!editData.title.trim() && !editData.content.trim()) return;\n\n // Generate title from content if no title provided\n let title = editData.title.trim();\n if (!title && editData.content.trim()) {\n title = this.generateTitleFromContent(editData.content.trim());\n }\n if (!title) return;\n\n const noteData = {\n id: noteId,\n title: title,\n content: editData.content.trim(),\n };\n\n await this.saveNote(noteData);\n delete this.editingNoteIds[noteId];\n } catch (error) {\n console.error('Error committing inline note edit:', error);\n }\n },\n\n cancelEditingNoteInline(noteId) {\n delete this.editingNoteIds[noteId];\n },\n\n isEditingNoteInline(noteId) {\n return !!this.editingNoteIds[noteId];\n },\n\n isNoteExpanded(noteId) {\n return !!this.expandedNotes[noteId];\n },\n\n async copyNoteContent(note) {\n try {\n const content = note.content || '';\n await navigator.clipboard.writeText(content);\n // Could add a temporary success indicator here\n console.log('Note content copied to clipboard');\n } catch (error) {\n console.error('Failed to copy note content:', error);\n }\n },\n\n generateTitleFromContent(content) {\n if (!content) return '';\n // Take first line or first 50 characters, whichever is shorter\n const firstLine = content.split('\\n')[0];\n const title = firstLine.length <= 50 ? firstLine : content.substring(0, 47) + '...';\n return title.trim();\n },\n\n // --- Data export/import ---\n async onExportData() { return dataIO.onExportData(this); },\n async copyCurrentChatJson() { return dataIO.copyCurrentChatJson(this); },\n onClickImportReplace() { return dataIO.onClickImportReplace(this); },\n onClickImportAppend() { return dataIO.onClickImportAppend(this); },\n async onImportFileChange(e) { return dataIO.onImportFileChange(this, e); },\n\n get maskedApiKey() {\n if (!this.userApiKey) return '';\n const key = String(this.userApiKey || '').trim();\n if (key.length <= 8) {\n // Very short keys: show minimal hint\n const start = key.slice(0, 2);\n const end = key.slice(-2);\n return `${start}******${end}`;\n }\n const prefix = key.slice(0, 4);\n const suffix = key.slice(-4);\n // Fixed number of stars to keep the display compact\n return `${prefix}******${suffix}`;\n },\n\n get displaySourceName() {\n return getDisplaySourceName(this.selectedSource, this.customSource);\n },\n\n // Internationalization system\n get i18n() {\n return getI18n(this.selectedLanguage);\n },\n\n // Current template label for UI (preset name or \"custom\")\n get currentTemplateLabel() {\n try {\n const raw = this.chatPromptId;\n const id = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n if (id != null && Number.isFinite(id)) {\n const list = Array.isArray(this.presets) ? this.presets : [];\n const match = list.find(p => Number(p.id) === id);\n return (match && match.name) ? String(match.name) : 'preset';\n }\n return 'custom';\n } catch (_) { return 'custom'; }\n },\n computeCurrentPromptLabel() {\n try { return this.currentTemplateLabel || 'custom'; } catch (_) { return 'custom'; }\n },\n\n getSummaryTitle() {\n return this.i18n.summary;\n },\n\n getSearchButtonText() {\n return `${this.i18n.search} ${this.displaySourceName}`;\n },\n\n getSearchingButtonText() {\n return `${this.i18n.searching} ${this.displaySourceName}...`;\n },\n\n get loadingMessage() {\n // Use the last typewriter text if available, otherwise fall back to current searchQuery\n const queryText = this.lastTypewriterText || this.searchQuery;\n const dateRangeText = this.dateRange ? this.getDateRangeText() : '';\n \n // Get the actual source being searched (matches backend logic)\n const actualSource = this.getActualSearchSourceName();\n \n // Use language-specific template\n const template = this.isLoadingMore ? this.i18n.loadingMoreTemplate : this.i18n.searchingTemplate;\n return template(actualSource, queryText, dateRangeText);\n },\n\n // Timer computed display\n get displayTimerText() { try { return timerGetDisplayTimerText(this); } catch (_) { return ''; } },\n\n getDateRangeText() {\n return i18nDateRangeText(this.dateRange, this.i18n);\n },\n\n getActualSearchSource() {\n return getActualSearchSource(this.selectedSource, this.customSource);\n },\n\n getActualSearchSourceName() {\n return getActualSearchSourceName(this.selectedSource, this.customSource);\n },\n\n handleSourceChange() {},\n\n startTypewriter() {},\n\n typewriterCycle() {},\n\n typeText() {},\n\n clearAllTimeouts() {\n this.typewriterTimeouts.forEach(timeout => clearTimeout(timeout));\n this.typewriterTimeouts = [];\n },\n\n stopTypewriter() {},\n\n // Timer controls\n startTimer() { try { timerStart(this); } catch (_) { /* ignore */ } },\n stopTimer() { try { timerStop(this); } catch (_) { /* ignore */ } },\n\n handleSearchClick() {},\n \n async searchResearch() {},\n\n async summarizePaper(url, title, index) {\n console.log('📄 Summary triggered for:', title, 'at index:', index);\n // Initialize summary state for this paper\n if (!this.summaryStates[index]) {\n this.summaryStates[index] = {};\n }\n \n this.summaryStates[index].loading = true;\n this.summaryStates[index].summary = '';\n\n try {\n const data = await apiSummarizePaper({ url, title, language: this.selectedLanguage, userApiKey: this.userApiKey });\n \n if (data.error) {\n this.summaryStates[index].summary = 'Error: ' + data.error;\n } else {\n this.summaryStates[index].summary = data.summary;\n }\n } catch (error) {\n this.summaryStates[index].summary = 'Error analyzing paper: ' + error.message;\n } finally {\n this.summaryStates[index].loading = false;\n }\n },\n async runStreamTest() {},\n // Pretty-print assistant content if it's valid JSON, else return as-is\n formatAssistantContent() { try { return contentFormat(this.assistantContent || ''); } catch (_) { return this.assistantContent || ''; } },\n // Render assistant content as HTML using marked + DOMPurify (safe markdown rendering)\n renderAssistantContent() { try { return contentRender(this); } catch (_) { return this.assistantContent || ''; } },\n // Trace helpers\n computeTraceMaxHeight() { return trace.computeTraceMaxHeight(this); },\n toggleTool(idx) { return trace.toggleTool(this, idx); },\n toggleReasoning(messageId) { return trace.toggleReasoning(this, messageId); },\n prettify(obj) { return trace.prettify(obj); },\n async copyEventsJson() { return trace.copyEventsJson(this); },\n // Smoothly ensure the trace scroller is at bottom after DOM updates\n queueScrollToBottom() { try { uiQueueScrollToBottom(this); } catch (_) { /* ignore */ } },\n // Smoothly keep the per-message reasoning panel scrolled to bottom\n queueScrollReasoningById(messageId) { try { uiQueueScrollReasoningById(this, messageId); } catch (_) { /* ignore */ } },\n\n // Chat helpers\n renderMarkdown(text) { try { return uiRenderMarkdown(text); } catch (_) { return String(text || ''); } },\n async copyMessage(idx) {\n try {\n if (!Array.isArray(this.messages) || idx == null || idx < 0 || idx >= this.messages.length) return;\n const m = this.messages[idx];\n const text = String(m?.content || '');\n await navigator.clipboard.writeText(text);\n // transient copied state per-index\n this.copiedMap[idx] = true;\n if (this._copiedTimeouts == null) this._copiedTimeouts = {};\n if (this._copiedTimeouts[idx]) clearTimeout(this._copiedTimeouts[idx]);\n this._copiedTimeouts[idx] = setTimeout(() => {\n this.copiedMap[idx] = false;\n delete this._copiedTimeouts[idx];\n }, 2000);\n } catch (_) { /* ignore */ }\n },\n async deleteMessage(idx) {\n try {\n if (!Array.isArray(this.messages) || idx == null || idx < 0 || idx >= this.messages.length) return;\n const msg = this.messages[idx];\n const messageId = msg && msg.id != null ? msg.id : null;\n // Remove from DB first (if persisted)\n try {\n if (this.db && messageId != null) {\n await this.db.messages.delete(messageId);\n }\n } catch (_) { /* ignore */ }\n // Clear assistant reasoning state if present\n try {\n if (messageId != null) {\n if (this.messageReasoningMap && this.messageReasoningMap[messageId] != null) {\n delete this.messageReasoningMap[messageId];\n }\n if (this.expandedReasoningMap && this.expandedReasoningMap[messageId] != null) {\n delete this.expandedReasoningMap[messageId];\n }\n }\n } catch (_) { /* ignore */ }\n // Remove from local array and clean up transient UI state\n try {\n this.messages.splice(idx, 1);\n if (this.copiedMap && this.copiedMap[idx]) delete this.copiedMap[idx];\n } catch (_) { /* ignore */ }\n // Adjust editing state if necessary\n if (this.editingMessageIdx === idx) {\n this.editingMessageIdx = null;\n this.editingMessageId = null;\n this.editingMessageText = '';\n this.editingMessageOriginal = '';\n } else if (typeof this.editingMessageIdx === 'number' && this.editingMessageIdx > idx) {\n this.editingMessageIdx = this.editingMessageIdx - 1;\n }\n } catch (_) { /* ignore */ }\n },\n async deleteMessagesBelow(idx) {\n try {\n if (!Array.isArray(this.messages) || idx == null || idx < 0 || idx >= this.messages.length) return;\n const thisChatId = this.currentChatId;\n const toRemove = (this.messages || []).slice(idx + 1);\n // Remove from DB first (if persisted)\n try {\n if (this.db) {\n for (const msg of toRemove) {\n const messageId = msg && msg.id != null ? msg.id : null;\n if (messageId != null) {\n try { await this.db.messages.delete(messageId); } catch (_) { /* ignore */ }\n }\n if (messageId != null) {\n if (this.messageReasoningMap && this.messageReasoningMap[messageId] != null) {\n delete this.messageReasoningMap[messageId];\n }\n if (this.expandedReasoningMap && this.expandedReasoningMap[messageId] != null) {\n delete this.expandedReasoningMap[messageId];\n }\n }\n }\n }\n } catch (_) { /* ignore */ }\n // Truncate in-memory messages and clean up transient UI state\n try {\n this.messages = (this.messages || []).slice(0, idx + 1);\n if (this.copiedMap) {\n try {\n const keys = Object.keys(this.copiedMap);\n for (const k of keys) {\n const i = Number(k);\n if (Number.isFinite(i) && i > idx) delete this.copiedMap[i];\n }\n } catch (_) { /* ignore */ }\n }\n } catch (_) { /* ignore */ }\n // Reset editing state if it pointed to a deleted index\n if (typeof this.editingMessageIdx === 'number' && this.editingMessageIdx > idx) {\n this.editingMessageIdx = null;\n this.editingMessageId = null;\n this.editingMessageText = '';\n this.editingMessageOriginal = '';\n }\n // If a stream is active for this chat, cancel it\n try {\n if (this.streamingChats && thisChatId && this.streamingChats[thisChatId]) {\n delete this.streamingChats[thisChatId];\n }\n } catch (_) { /* ignore */ }\n this.scrollToBottom();\n } catch (_) { /* ignore */ }\n },\n async rerunFromUser(idx) {\n try {\n if (!this.useJobs && this.isStreamingForCurrent) return;\n if (!Array.isArray(this.messages) || idx == null || idx < 0 || idx >= this.messages.length) return;\n const m = this.messages[idx];\n if (!m || m.role !== 'user') return;\n const text = String(m.content || '').trim();\n if (!text) return;\n // Remove messages after this user message (truncate thread)\n if (this.db) {\n try {\n const toRemove = (this.messages || []).slice(idx + 1);\n for (const msg of toRemove) { if (msg && msg.id != null) { try { await this.db.messages.delete(msg.id); } catch (_) {} } }\n } catch (_) {}\n }\n this.messages = (this.messages || []).slice(0, idx + 1);\n // Ensure chat exists\n if (!this.currentChatId) {\n try {\n const base = text || 'New chat';\n const title = base.substring(0, 60);\n const createdAt = Date.now();\n const id = await this.db.chats.add({ title, createdAt });\n await this.loadChats();\n this.currentChatId = id;\n this.activeSearchId = id;\n } catch (_) {}\n }\n this.scrollToBottom();\n if (!this.useJobs) { this.streamAssistant(); return; }\n // Jobs path: add assistant placeholder and start a job\n const assistantCreatedAt = Date.now();\n const assistantIndex = this.messages.push({ role: 'assistant', content: '', createdAt: assistantCreatedAt, chatId: this.currentChatId, model: this.selectedModel || null, promptLabel: this.computeCurrentPromptLabel ? this.computeCurrentPromptLabel() : (this.currentTemplateLabel || 'custom') }) - 1;\n try { const id = await this.persistMessageAtIndex(assistantIndex); if (id) this.messages[assistantIndex].id = id; } catch (_) {}\n const assistantMessageId = this.messages?.[assistantIndex]?.id || null;\n if (assistantMessageId != null) {\n this.messageReasoningMap[assistantMessageId] = this.messageReasoningMap[assistantMessageId] || '';\n this.expandedReasoningMap[assistantMessageId] = this.expandedReasoningMap[assistantMessageId] || false;\n }\n const payload = {\n messages: (() => {\n const chatMessages = this.messages.map(mm => ({ role: mm.role, content: mm.content }));\n const perChat = (this.chatPromptText || '').trim();\n const fromTemplate = (!perChat && this.chatPromptId && this.chatPromptText) ? String(this.chatPromptText).trim() : '';\n const globalDefault = (this.systemPrompt || '').trim();\n const sp = perChat || fromTemplate || globalDefault;\n return sp ? [{ role: 'system', content: sp }, ...chatMessages] : chatMessages;\n })(),\n userApiKey: this.userApiKey,\n model: this.selectedModel,\n reasoning_effort: this.reasoningEffort,\n tools: (() => { const list = []; const isOss = !!(this.selectedModel && this.selectedModel.startsWith('openai/gpt-oss')); if (isOss) { if (this.useBrowserSearch) list.push({ type: 'browser_search' }); if (this.useCodeInterpreter) list.push({ type: 'code_interpreter' }); } return list; })(),\n temperature: this.temperature,\n ...(this.maxTokens ? { max_tokens: this.maxTokens } : {}),\n ...(this.jsonMode ? { response_format: { type: 'json_object' } } : {}),\n ...((this.selectedModel === 'custom' && this.customChatBaseUrl) ? { base_url: this.customChatBaseUrl } : {})\n };\n const jobId = await this.jobManager.startChatJob(this, payload);\n this._jobCtx = this._jobCtx || {}; this._jobCtx[jobId] = { chatId: this.currentChatId, assistantMessageId, assistantCreatedAt };\n this.currentJobId = jobId;\n this.applyJobDelta = async (jid, parsed) => {\n const ctx = (this._jobCtx || {})[jid]; if (!ctx) return;\n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null; const delta = choice && choice.delta ? choice.delta : {};\n if (delta.content) {\n if (ctx.chatId === this.currentChatId) {\n const ii = (this.messages || []).findIndex(mm => mm && mm.id === ctx.assistantMessageId);\n if (ii >= 0) { const prev = String(this.messages[ii].content || ''); this.messages[ii].content = prev + String(delta.content || ''); }\n }\n try {\n if (ctx.assistantMessageId && this.db) {\n const persisted = await this.db.messages.get(ctx.assistantMessageId);\n const prev = String(persisted?.content || '');\n const pl = (() => { try { const msg = this.messages.find(mm => mm && mm.id === ctx.assistantMessageId); return msg && msg.promptLabel ? String(msg.promptLabel) : (this.computeCurrentPromptLabel ? this.computeCurrentPromptLabel() : (this.currentTemplateLabel || null)); } catch (_) { return this.currentTemplateLabel || null; } })();\n await this.db.messages.put({ id: ctx.assistantMessageId, chatId: ctx.chatId, createdAt: ctx.assistantCreatedAt, role: 'assistant', content: prev + String(delta.content || ''), reasoning: String(this.messageReasoningMap[ctx.assistantMessageId] || ''), model: this.selectedModel || null, promptLabel: pl });\n }\n } catch (_) {}\n }\n if (delta.reasoning && ctx.assistantMessageId != null) {\n const prevR = this.messageReasoningMap[ctx.assistantMessageId] || ''; const addition = String(delta.reasoning || ''); this.messageReasoningMap[ctx.assistantMessageId] = prevR + addition;\n if (ctx.chatId === this.currentChatId) this.queueScrollReasoningById && this.queueScrollReasoningById(ctx.assistantMessageId);\n try {\n if (ctx.assistantMessageId && this.db) {\n const row = await this.db.messages.get(ctx.assistantMessageId);\n const pl = (() => { try { const msg = this.messages.find(mm => mm && mm.id === ctx.assistantMessageId); return msg && msg.promptLabel ? String(msg.promptLabel) : (this.computeCurrentPromptLabel ? this.computeCurrentPromptLabel() : (this.currentTemplateLabel || null)); } catch (_) { return this.currentTemplateLabel || null; } })();\n await this.db.messages.put({ id: ctx.assistantMessageId, chatId: ctx.chatId, createdAt: ctx.assistantCreatedAt, role: 'assistant', content: String(row?.content || ''), reasoning: this.messageReasoningMap[ctx.assistantMessageId], model: this.selectedModel || null, promptLabel: pl });\n }\n } catch (_) {}\n }\n };\n this.applyJobResults = async (jid, evt) => { try { this.route = evt?.route || this.route; } catch (_) {} };\n this.handleJobEvent = async (jid, evt) => { const ctx = (this._jobCtx || {})[jid]; if (!ctx) return; if (evt && (evt.status === 'completed' || evt.status === 'error' || evt.status === 'cancelled')) { try { if (ctx.chatId === this.currentChatId) this.scrollToBottom && this.scrollToBottom(); } catch (_) {} if (jid === this.currentJobId) this.currentJobId = null; try { delete this._jobCtx[jid]; } catch (_) {} } };\n } catch (_) { /* ignore */ }\n },\n // Find the nearest previous user message index before the given message index\n findPrevUserIndex(idx) {\n try {\n const n = Number(idx);\n if (!Number.isFinite(n)) return -1;\n for (let i = n - 1; i >= 0; i--) {\n const m = this.messages && this.messages[i];\n if (m && m.role === 'user' && String(m.content || '').trim()) return i;\n }\n return -1;\n } catch (_) { return -1; }\n },\n // Rerun starting from the previous user message to regenerate this assistant reply\n async rerunAssistant(idx) {\n try {\n if (!this.useJobs && this.isStreamingForCurrent) return;\n if (!Array.isArray(this.messages) || idx == null || idx < 0 || idx >= this.messages.length) return;\n const m = this.messages[idx];\n if (!m || m.role !== 'assistant') return;\n const userIdx = this.findPrevUserIndex(idx);\n if (userIdx < 0) return;\n await this.rerunFromUser(userIdx);\n } catch (_) { /* ignore */ }\n },\n autoResize(e) { try { uiAutoResize(this, e); } catch (_) {} },\n async ensureChatExistsForEdits() { return coreEnsureChatExistsForEdits(this); },\n async ensureChatExistsForEditsForce() { return coreEnsureChatExistsForEdits(this, { force: true }); },\n async ensureMessagePersisted(idx) { return coreEnsureMessagePersisted(this, idx); },\n async persistMessageAtIndex(idx) { return corePersistMessageAtIndex(this, idx); },\n // Inline editing\n async startEditingMessage(idx) { return msgEditStart(this, idx); },\n async onEditingInput(e) { return msgEditOnInput(this, e); },\n async commitEditingMessage() { return msgEditCommit(this); },\n async cancelEditingMessage() { return msgEditCancel(this); },\n maybeSendOnEnter(e) {\n if (e.shiftKey) {\n try {\n const el = e.target;\n const start = el.selectionStart;\n const end = el.selectionEnd;\n const value = el.value;\n el.value = value.slice(0, start) + '\\n' + value.slice(end);\n this.chatInput = el.value;\n el.selectionStart = el.selectionEnd = start + 1;\n this.$nextTick(() => this.autoResize({ target: el }));\n } catch (_) {}\n return;\n }\n this.sendMessage();\n },\n scrollToBottom() {\n try {\n const scrollerEl = (this.$refs && (this.$refs.messagesScroller || this.$refs.mainScroller));\n const msgsEl = this.$refs && this.$refs.messagesContainer;\n const doScroll = () => {\n try {\n if (scrollerEl && typeof scrollerEl.scrollTo === 'function') {\n scrollerEl.scrollTop = scrollerEl.scrollHeight;\n } else if (scrollerEl) {\n scrollerEl.scrollTop = scrollerEl.scrollHeight;\n }\n } catch (_) {}\n try {\n if (msgsEl) msgsEl.scrollIntoView && msgsEl.scrollIntoView({ block: 'end' });\n } catch (_) {}\n };\n if (typeof this.$nextTick === 'function') this.$nextTick(doScroll); else requestAnimationFrame(doScroll);\n } catch (_) {}\n },\n async sendMessage() {\n if (!this.useJobs) { await coreSendMessage(this); return; }\n const text = (this.chatInput || '').trim(); if (!text) return;\n this.errorMessage = '';\n if (!this.hasServerKey && !this.userApiKey) { this.errorMessage = 'please add api key'; return; }\n if (!this.currentChatId) { try { await coreEnsureChatExistsForEdits(this, { force: true }); } catch (_) {} }\n const createdAt = Date.now();\n const userIndex = this.messages.push({ role: 'user', content: text, createdAt, chatId: this.currentChatId, model: null }) - 1;\n try { if (this.currentChatId && this.db) { const newId = await this.db.messages.add({ chatId: this.currentChatId, createdAt, role: 'user', content: text, model: null }); this.messages[userIndex].id = newId; } } catch (_) {}\n this.chatInput = '';\n try { const ta = document.querySelector('textarea'); if (ta) { ta.style.height = 'auto'; ta.rows = 1; } } catch (_) {}\n this.scrollToBottom && this.scrollToBottom();\n // Start assistant message placeholder\n const assistantCreatedAt = Date.now();\n const assistantIndex = this.messages.push({ role: 'assistant', content: '', createdAt: assistantCreatedAt, chatId: this.currentChatId, model: this.selectedModel || null, promptLabel: this.computeCurrentPromptLabel ? this.computeCurrentPromptLabel() : (this.currentTemplateLabel || 'custom') }) - 1;\n try { const id = await this.persistMessageAtIndex(assistantIndex); if (id) this.messages[assistantIndex].id = id; } catch (_) {}\n const assistantMessageId = this.messages?.[assistantIndex]?.id || null;\n if (assistantMessageId != null) {\n this.messageReasoningMap[assistantMessageId] = this.messageReasoningMap[assistantMessageId] || '';\n this.expandedReasoningMap[assistantMessageId] = this.expandedReasoningMap[assistantMessageId] || false;\n }\n // Kick off job\n const payload = {\n messages: (() => {\n const chatMessages = this.messages.map(m => ({ role: m.role, content: m.content }));\n const perChat = (this.chatPromptText || '').trim();\n const fromTemplate = (!perChat && this.chatPromptId && this.chatPromptText) ? String(this.chatPromptText).trim() : '';\n const globalDefault = (this.systemPrompt || '').trim();\n const sp = perChat || fromTemplate || globalDefault;\n return sp ? [{ role: 'system', content: sp }, ...chatMessages] : chatMessages;\n })(),\n userApiKey: this.userApiKey,\n model: this.selectedModel,\n reasoning_effort: this.reasoningEffort,\n tools: (() => { const list = []; const isOss = !!(this.selectedModel && this.selectedModel.startsWith('openai/gpt-oss')); if (isOss) { if (this.useBrowserSearch) list.push({ type: 'browser_search' }); if (this.useCodeInterpreter) list.push({ type: 'code_interpreter' }); } return list; })(),\n temperature: this.temperature,\n ...(this.maxTokens ? { max_tokens: this.maxTokens } : {}),\n ...(this.jsonMode ? { response_format: { type: 'json_object' } } : {}),\n ...((this.selectedModel === 'custom' && this.customChatBaseUrl) ? { base_url: this.customChatBaseUrl } : {})\n };\n try {\n const id = await this.jobManager.startChatJob(this, payload);\n this.currentJobId = id;\n this._jobCtx = this._jobCtx || {};\n this._jobCtx[id] = { chatId: this.currentChatId, assistantMessageId, assistantCreatedAt };\n // Provide handlers for streaming\n this.applyJobDelta = async (jobId, parsed) => {\n const ctx = (this._jobCtx || {})[jobId]; if (!ctx) return;\n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null;\n const delta = choice && choice.delta ? choice.delta : {};\n if (delta.content) {\n if (ctx.chatId === this.currentChatId) {\n const idx = (this.messages || []).findIndex(m => m && m.id === ctx.assistantMessageId);\n if (idx >= 0) {\n const prev = String(this.messages[idx].content || '');\n const next = prev + String(delta.content || '');\n this.messages[idx].content = next;\n }\n }\n try {\n if (ctx.assistantMessageId && this.db) await this.db.messages.put({ id: ctx.assistantMessageId, chatId: ctx.chatId, createdAt: ctx.assistantCreatedAt, role: 'assistant', content: await (async () => {\n if (ctx.chatId === this.currentChatId) {\n const idx2 = (this.messages || []).findIndex(m => m && m.id === ctx.assistantMessageId);\n return idx2 >= 0 ? String(this.messages[idx2].content || '') : undefined;\n }\n // For inactive chats, read previous persisted content and append\n try { const prevRow = await this.db.messages.get(ctx.assistantMessageId); const prev = String(prevRow?.content || ''); return prev + String(delta.content || ''); } catch { return String(delta.content || ''); }\n })(), reasoning: String(this.messageReasoningMap[ctx.assistantMessageId] || ''), model: this.selectedModel || null });\n } catch (_) {}\n }\n if (delta.reasoning && ctx.assistantMessageId != null) {\n const prevR = this.messageReasoningMap[ctx.assistantMessageId] || '';\n const addition = String(delta.reasoning || '');\n this.messageReasoningMap[ctx.assistantMessageId] = prevR + addition;\n if (ctx.chatId === this.currentChatId) this.queueScrollReasoningById && this.queueScrollReasoningById(ctx.assistantMessageId);\n try { if (ctx.assistantMessageId && this.db) await this.db.messages.put({ id: ctx.assistantMessageId, chatId: ctx.chatId, createdAt: ctx.assistantCreatedAt, role: 'assistant', content: await (async () => { try { const row = await this.db.messages.get(ctx.assistantMessageId); return String(row?.content || ''); } catch { return ''; } })(), reasoning: this.messageReasoningMap[ctx.assistantMessageId], model: this.selectedModel || null }); } catch (_) {}\n }\n };\n this.applyJobResults = async (jobId, evt) => {\n const ctx = (this._jobCtx || {})[jobId]; if (!ctx) return;\n try { this.route = evt?.route || this.route; } catch (_) {}\n // No-op here; UI can use evt.results from trace pane if desired\n };\n this.handleJobEvent = async (jobId, evt) => {\n const ctx = (this._jobCtx || {})[jobId]; if (!ctx) return;\n if (evt && (evt.status === 'completed' || evt.status === 'error' || evt.status === 'cancelled')) {\n // finalize message\n try { if (ctx.chatId === this.currentChatId) this.scrollToBottom && this.scrollToBottom(); } catch (_) {}\n if (jobId === this.currentJobId) this.currentJobId = null;\n try { delete this._jobCtx[jobId]; } catch (_) {}\n }\n };\n } catch (e) {\n this.errorMessage = e.message || String(e);\n }\n },\n get isStreamingForCurrent() { return expIsStreamingForCurrent(this); },\n\n // URL sync helpers and overrides\n updateDocumentTitle() {\n try {\n if (typeof document === 'undefined') return;\n let titleText = 'Chatter';\n if (this.activePage === 'chat') {\n if (this.currentChatId != null) {\n const match = (this.chats || []).find(c => Number(c.id) === Number(this.currentChatId));\n const t = match && typeof match.title === 'string' ? match.title.trim() : '';\n titleText = t || 'New chat';\n } else {\n titleText = 'New chat';\n }\n }\n document.title = titleText;\n } catch (_) { /* ignore */ }\n },\n navigateToChatPath(id, replace = false) {\n try {\n if (typeof window === 'undefined' || !window.history) return;\n let path = '/';\n if (id === this.ephemeralChatId || id === '__ephemeral__') {\n path = '/new';\n } else if (Number.isFinite(Number(id))) {\n const chatId = Number(id);\n let title = '';\n let persistedSlug = '';\n try {\n const match = (this.chats || []).find(c => Number(c.id) === chatId);\n title = match && typeof match.title === 'string' ? match.title : '';\n persistedSlug = match && typeof match.slug === 'string' ? match.slug : '';\n } catch (_) { /* ignore */ }\n const slug = persistedSlug || this.slugifyTitle(title);\n path = slug ? ('/' + slug + '-' + String(chatId)) : ('/' + String(chatId));\n } else {\n path = '/';\n }\n const fn = replace ? 'replaceState' : 'pushState';\n window.history[fn]({}, '', path);\n // Keep the in sync with the current chat name\n this.updateDocumentTitle();\n } catch (_) { /* ignore */ }\n },\n slugifyTitle(title) {\n try {\n const s = String(title || '').toLowerCase();\n // Replace non-alphanumeric with hyphens, collapse repeats, trim edges\n let out = s.replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '').replace(/-{2,}/g, '-');\n if (out.length > 60) out = out.slice(0, 60).replace(/-+$/g, '');\n return out;\n } catch (_) { return ''; }\n },\n async selectChat(id, updateUrl = true) {\n this.openChatPage();\n await coreSelectChat(this, id);\n // Update preset linking status after chat is loaded\n await this.updatePresetLinkingStatus();\n try { if (updateUrl) this.navigateToChatPath(id); } catch (_) { /* ignore */ }\n try { this.updateDocumentTitle(); } catch (_) { /* ignore */ }\n },\n async createNewChat() {\n this.openChatPage();\n await coreCreateNewChat(this);\n // Update preset linking status after chat is created/selected\n await this.updatePresetLinkingStatus();\n try { if (this.currentChatId != null) this.navigateToChatPath(this.currentChatId); } catch (_) { /* ignore */ }\n try { this.updateDocumentTitle(); } catch (_) { /* ignore */ }\n },\n\n async streamAssistant() { await expStreamAssistant(this); }\n };\n}\n\n\n",[],[274,451],{"_103":460,"_95":461,"_152":462,"_154":275,"_155":137,"_156":463,"_158":159,"_105":464,"_100":201,"_161":182,"_163":465,"_164":22,"_165":-5,"_166":466,"_98":467},"384de18a-86ae-11f0-8644-0224a6c84d84","chatterLib.js","8ff2c63c-78f1-11f0-82b8-0224a6c84d84",129,["D",1756674327544],"// Research utilities extracted from chatterApp\n\nexport function getDisplaySourceName(selectedSource, customSource) {\n const sourceMap = {\n 'pubmed': 'PubMed',\n 'biorxiv': 'bioRxiv',\n 'arxiv': 'arXiv',\n 'medrxiv': 'medRxiv',\n 'researchgate': 'ResearchGate',\n 'google scholar': 'Google Scholar',\n 'hacker news': 'Hacker News',\n 'reddit': 'Reddit',\n 'news': 'News'\n };\n if (selectedSource === 'custom' && customSource) return customSource;\n return sourceMap[selectedSource] || selectedSource || '';\n}\n\nexport function getActualSearchSource(selectedSource, customSource) {\n if (selectedSource === 'custom' && customSource) return `on ${customSource}`;\n if (selectedSource === 'pubmed') return 'PubMed';\n if (selectedSource === 'biorxiv') return 'bioRxiv';\n if (selectedSource === 'arxiv') return 'arXiv';\n if (selectedSource === 'medrxiv') return 'medRxiv';\n if (selectedSource === 'researchgate') return 'ResearchGate';\n if (selectedSource === 'google scholar') return 'Google Scholar';\n return '';\n}\n\nexport function getActualSearchSourceName(selectedSource, customSource) {\n if (selectedSource === 'custom' && customSource) return customSource;\n if (selectedSource === 'pubmed') return 'PubMed';\n if (selectedSource === 'biorxiv') return 'bioRxiv';\n if (selectedSource === 'arxiv') return 'arXiv';\n if (selectedSource === 'medrxiv') return 'medRxiv';\n if (selectedSource === 'researchgate') return 'ResearchGate';\n if (selectedSource === 'google scholar') return 'Google Scholar';\n if (selectedSource === 'hacker news') return 'Hacker News';\n if (selectedSource === 'reddit') return 'Reddit';\n if (selectedSource === 'news') return 'News';\n return '';\n}\n\n\n",[],[274,461],{"_103":469,"_95":470,"_152":471,"_154":275,"_155":137,"_156":472,"_158":159,"_105":473,"_100":32,"_161":182,"_163":474,"_164":22,"_165":-5,"_166":475,"_98":476},"c7cf742e-88ff-11f0-b038-0224a6c84d84","contentRenderers.js","c7cf7640-88ff-11f0-b038-0224a6c84d84",173,["D",1756929259794],"// Assistant content rendering helpers\n\nexport function formatAssistantContent(text) {\n const rawText = text || '';\n if (!rawText) return '';\n const trimmed = rawText.trim();\n if ((trimmed.startsWith('{') || trimmed.startsWith('['))) {\n try {\n const obj = JSON.parse(trimmed);\n return JSON.stringify(obj, null, 2);\n } catch (_) {\n return rawText;\n }\n }\n return rawText;\n}\n\nexport function renderAssistantContent(ctx) {\n const raw = formatAssistantContent(ctx.assistantContent || '');\n try {\n if (raw && (raw.trim().startsWith('{') || raw.trim().startsWith('['))) {\n const escaped = raw.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');\n return `<pre class=\"whitespace-pre-wrap\">${escaped}</pre>`;\n }\n const html = (window.marked ? window.marked.parse(raw) : raw);\n return (window.DOMPurify ? window.DOMPurify.sanitize(html) : html);\n } catch (_) {\n return raw;\n }\n}\n\n\n",[],[274,470],{"_103":478,"_95":479,"_152":480,"_154":275,"_155":137,"_156":481,"_158":159,"_105":482,"_100":201,"_161":182,"_163":483,"_164":22,"_165":-5,"_166":484,"_98":485},"cd99dd76-931e-11f0-9841-0224a6c84d84","dataIO.js","b60376a8-8906-11f0-be44-0224a6c84d84",187,["D",1758042095450],"// Data export/import & clipboard helpers extracted from chatterApp.js\n\nimport {\n exportAllData as coreExportAllData,\n importDataAppend as coreImportDataAppend,\n importDataReplace as coreImportDataReplace\n} from './core/chatCore.js';\n\nexport async function onExportData(ctx) {\n try {\n ctx.dataStatusText = 'preparing export...';\n const payload = await coreExportAllData(ctx);\n const json = JSON.stringify(payload, null, 2);\n const blob = new Blob([json], { type: 'application/json' });\n const url = URL.createObjectURL(blob);\n const pad = (n) => String(n).padStart(2, '0');\n const d = new Date();\n const name = `chatter-export-${d.getFullYear()}${pad(d.getMonth()+1)}${pad(d.getDate())}-${pad(d.getHours())}${pad(d.getMinutes())}${pad(d.getSeconds())}.json`;\n const a = document.createElement('a');\n a.href = url;\n a.download = name;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n ctx.dataStatusText = 'exported current data to JSON file';\n } catch (e) {\n console.error('export error', e);\n ctx.dataStatusText = 'export failed';\n }\n}\n\nexport async function copyCurrentChatJson(ctx) {\n try {\n if (!ctx.db) return;\n const payload = await coreExportAllData(ctx);\n const cid = ctx.currentChatId;\n const all = payload && payload.data ? payload.data : { chats: [], messages: [], folders: [] };\n let out = { meta: payload.meta || {}, data: { chats: [], messages: [], folders: [] } };\n if (cid && Number.isFinite(Number(cid))) {\n const chatId = Number(cid);\n out.data.chats = (all.chats || []).filter(c => Number(c.id) === chatId);\n out.data.messages = (all.messages || []).filter(m => Number(m.chatId) === chatId);\n out.data.folders = (all.folders || []).filter(f => {\n try { return out.data.chats.some(c => c.folderId != null && Number(c.folderId) === Number(f.id)); } catch (_) { return false; }\n });\n } else {\n out = { meta: { ...payload.meta, note: 'ephemeral chat (not yet saved)' }, data: { chats: [], messages: (ctx.messages || []).map(m => ({ role: m.role, content: m.content, createdAt: m.createdAt, model: m.model ?? null })), folders: [] } };\n }\n const json = JSON.stringify(out, null, 2);\n await navigator.clipboard.writeText(json);\n ctx.copyChatText = 'copied';\n if (ctx.copyChatTimeoutId) clearTimeout(ctx.copyChatTimeoutId);\n ctx.copyChatTimeoutId = setTimeout(() => {\n ctx.copyChatText = 'copy json';\n ctx.copyChatTimeoutId = null;\n }, 3000);\n } catch (_) { /* no-op */ }\n}\n\nexport function onClickImportReplace(ctx) {\n try {\n ctx.pendingImportMode = 'replace';\n const el = ctx.$refs && ctx.$refs.importFileInput;\n if (el) el.click();\n } catch (_) { /* ignore */ }\n}\n\nexport function onClickImportAppend(ctx) {\n try {\n ctx.pendingImportMode = 'append';\n const el = ctx.$refs && ctx.$refs.importFileInput;\n if (el) el.click();\n } catch (_) { /* ignore */ }\n}\n\nexport async function onImportFileChange(ctx, e) {\n try {\n const files = e && e.target && e.target.files ? e.target.files : null;\n const file = files && files[0];\n if (!file) return;\n ctx.dataStatusText = (ctx.pendingImportMode === 'replace') ? 'importing (replace)...' : 'importing (append)...';\n const text = await new Promise((resolve, reject) => {\n try {\n const reader = new FileReader();\n reader.onload = () => resolve(String(reader.result || ''));\n reader.onerror = (err) => reject(err);\n reader.readAsText(file);\n } catch (err) { reject(err); }\n });\n let counts = { foldersAdded: 0, chatsAdded: 0, messagesAdded: 0 };\n if (ctx.pendingImportMode === 'replace') {\n counts = await coreImportDataReplace(ctx, text);\n } else {\n counts = await coreImportDataAppend(ctx, text);\n }\n await ctx.loadFolders();\n await ctx.loadChats();\n await ctx.loadNotes();\n await ctx.loadPresets();\n if (ctx.pendingImportMode === 'replace') {\n ctx.currentChatId = null;\n ctx.activeSearchId = ctx.ephemeralChatId;\n ctx.messages = [{ role: 'assistant', content: 'Hi! How can I help you today?', createdAt: Date.now(), model: ctx.selectedModel || null }];\n try { ctx.navigateToChatPath(ctx.ephemeralChatId, true); } catch (_) { /* ignore */ }\n }\n ctx.dataStatusText = `${ctx.pendingImportMode === 'replace' ? 'replaced' : 'appended'}: ${counts.foldersAdded} folders, ${counts.chatsAdded} chats, ${counts.messagesAdded} messages`;\n } catch (err) {\n console.error('import error', err);\n ctx.dataStatusText = 'import failed';\n } finally {\n try { if (e && e.target) e.target.value = ''; } catch (_) {}\n ctx.pendingImportMode = null;\n }\n}\n\n\n",[],[274,479],{"_103":487,"_95":488,"_152":489,"_154":275,"_155":137,"_156":490,"_158":159,"_105":491,"_100":32,"_161":182,"_163":492,"_164":22,"_165":-5,"_166":493,"_98":494},"c7c3807e-88ff-11f0-9373-0224a6c84d84","dragDrop.js","c7c3813c-88ff-11f0-9373-0224a6c84d84",171,["D",1756929259791],"// Drag & Drop helpers for chats and folders\n\nexport function onChatDragStart(ctx, e, chatId) {\n try {\n if (e && e.dataTransfer) {\n e.dataTransfer.setData('text/plain', String(chatId));\n e.dataTransfer.effectAllowed = 'move';\n }\n } catch (_) {}\n ctx.draggingChatId = chatId;\n}\n\nexport function onChatDragEnd(ctx) {\n ctx.draggingChatId = null;\n ctx.dragOverFolderId = null;\n ctx.dragOverBase = false;\n}\n\nexport function onFolderDragOver(ctx, e, folderId) {\n e.preventDefault();\n ctx.dragOverFolderId = folderId;\n ctx.dragOverBase = false;\n}\n\nexport function onFolderDragLeave(ctx, e, folderId) {\n if (ctx.dragOverFolderId === folderId) ctx.dragOverFolderId = null;\n}\n\nexport async function onFolderDrop(ctx, e, folderId) {\n e.preventDefault();\n const raw = (() => { try { return e.dataTransfer?.getData('text/plain'); } catch { return null; } })();\n const id = Number(raw || ctx.draggingChatId);\n await ctx.moveChatToFolder(id, folderId);\n ctx.dragOverFolderId = null;\n ctx.dragOverBase = false;\n}\n\nexport function onBaseDragOver(ctx, e) {\n e.preventDefault();\n ctx.dragOverBase = true;\n ctx.dragOverFolderId = null;\n}\n\nexport function onBaseDragLeave(ctx) {\n ctx.dragOverBase = false;\n}\n\nexport async function onBaseDrop(ctx, e) {\n e.preventDefault();\n const raw = (() => { try { return e.dataTransfer?.getData('text/plain'); } catch { return null; } })();\n const id = Number(raw || ctx.draggingChatId);\n await ctx.moveChatToFolder(id, null);\n ctx.dragOverBase = false;\n ctx.dragOverFolderId = null;\n}\n\n\n",[],[274,488],{"_103":496,"_95":497,"_152":498,"_154":275,"_155":137,"_156":499,"_158":159,"_105":500,"_100":201,"_161":182,"_163":501,"_164":22,"_165":-5,"_166":502,"_98":503},"38bae44c-86ae-11f0-b401-0224a6c84d84","i18n.js","900be31a-78f1-11f0-a5a1-0224a6c84d84",144,["D",1756674328258],"// Internationalization utilities extracted from chatterApp\n// Exports a single function getI18n(selectedLanguage) returning the language pack\n\nexport function getI18n(selectedLanguage) {\n const translations = {\n 'english': {\n title: '(re)Search',\n subtitle: 'Search the web and academic sources with multilingual summaries',\n apiKey: 'API Key:',\n change: 'Change',\n clear: 'Clear',\n getKeyHere: 'Get your free key here',\n language: 'language',\n researchQuery: 'search query',\n dateRange: 'Choose a date range (optional)',\n source: 'Choose a source (optional)',\n enterTopic: 'Enter your research topic...',\n customSource: 'e.g., Nature, Science, Cell, Hacker News...',\n customSourceOption: 'Custom source...',\n chooseDateRange: 'Choose a date range (optional)',\n chooseSource: 'Choose a source (optional)',\n lastMonth: 'Last month',\n last3Months: 'Last 3 months',\n last6Months: 'Last 6 months',\n lastYear: 'Last year',\n allTime: 'All time',\n search: 'Search',\n searching: 'Searching',\n streaming: 'Streaming...',\n searchMore: '(Re)(Re)Search',\n summarize: 'Summarize',\n analyzing: 'Analyzing...',\n openPaper: 'Open',\n foundResults: 'Found',\n results: 'results',\n loading: 'Searching',\n loadingMore: 'Loading more results',\n aiAnalyzing: 'AI is analyzing the paper...',\n analysisTime: 'This may take 10-30 seconds depending on paper length',\n noResultsOrError: 'No results found or a server error occurred.',\n searchingTemplate: (source, query, dateRange) => {\n let msg = `Searching ${source}`;\n if (query) msg += ` for \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n loadingMoreTemplate: (source, query, dateRange) => {\n let msg = `Loading more results from ${source}`;\n if (query) msg += ` for \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n pleaseAddApiKey: 'please add api key',\n pleaseEnterQuery: 'please enter a search query',\n summary: 'Summary:'\n },\n 'french': {\n title: '(re)Recherche',\n subtitle: 'Rechercher dans plusieurs bases de données académiques avec des résumés multilingues',\n apiKey: 'Clé API :',\n change: 'Modifier',\n clear: 'Effacer',\n getKeyHere: 'Obtenez votre clé gratuite ici',\n language: 'langue',\n researchQuery: 'requête de recherche',\n dateRange: 'Choisir une plage de dates (facultative)',\n source: 'Choisir une source (facultative)',\n enterTopic: 'Entrez votre sujet de recherche...',\n customSource: 'ex. Nature, Science, Cell...',\n customSourceOption: 'Source personnalisée...',\n chooseDateRange: 'Choisir une plage de dates (facultative)',\n chooseSource: 'Choisir une source (facultative)',\n lastMonth: 'Le mois dernier',\n last3Months: 'Les 3 derniers mois',\n last6Months: 'Les 6 derniers mois',\n lastYear: 'La dernière année',\n allTime: 'Tout le temps',\n search: '(re)Rechercher',\n searching: '(re)Recherche',\n streaming: 'Diffusion...',\n searchMore: '(Re)(Re)Recherche',\n summarize: 'Résumer',\n analyzing: 'Analyse...',\n openPaper: 'Ouvrir',\n foundResults: 'Trouvé',\n results: 'résultats',\n loading: 'Recherche',\n loadingMore: 'Chargement de plus de résultats',\n aiAnalyzing: 'L\\'IA analyse l\\'article...',\n analysisTime: 'Cela peut prendre 10 à 30 secondes selon la longueur de l\\'article',\n noResultsOrError: 'Aucun résultat trouvé ou une erreur du serveur s\\'est produite.',\n searchingTemplate: (source, query, dateRange) => {\n let msg = `Recherche sur ${source}`;\n if (query) msg += ` pour \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n loadingMoreTemplate: (source, query, dateRange) => {\n let msg = `Chargement de plus de résultats de ${source}`;\n if (query) msg += ` pour \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n pleaseAddApiKey: 'veuillez ajouter la clé api',\n pleaseEnterQuery: 'veuillez entrer une requête de recherche',\n summary: 'Résumé :'\n },\n 'spanish': {\n title: '(re)Buscar',\n subtitle: 'Buscar en múltiples bases de datos académicas con resúmenes multilingües',\n apiKey: 'Clave API:',\n change: 'Cambiar',\n clear: 'Limpiar',\n getKeyHere: 'Obtén tu clave gratuita aquí',\n language: 'idioma',\n researchQuery: 'consulta de investigación',\n dateRange: 'Elegir un rango de fechas (opcional)',\n source: 'Elegir una fuente (opcional)',\n enterTopic: 'Ingresa tu tema de investigación...',\n customSource: 'ej. Nature, Science, Cell...',\n customSourceOption: 'Fuente personalizada...',\n chooseDateRange: 'Elegir un rango de fechas (opcional)',\n chooseSource: 'Elegir una fuente (opcional)',\n lastMonth: 'Último mes',\n last3Months: 'Últimos 3 meses',\n last6Months: 'Últimos 6 meses',\n lastYear: 'Último año',\n allTime: 'Todo el tiempo',\n search: '(re)Buscar',\n searching: '(re)Buscando',\n streaming: 'Transmitiendo...',\n searchMore: '(Re)(Re)Buscar',\n summarize: 'Resumir',\n analyzing: 'Analizando...',\n openPaper: 'Abrir',\n foundResults: 'Encontrado',\n results: 'resultados',\n loading: 'Buscando',\n loadingMore: 'Cargando más resultados',\n aiAnalyzing: 'La IA está analizando el artículo...',\n analysisTime: 'Esto puede tomar 10-30 segundos dependiendo de la longitud del artículo',\n noResultsOrError: 'No se encontraron resultados o ocurrió un error del servidor.',\n searchingTemplate: (source, query, dateRange) => {\n let msg = `Buscando en ${source}`;\n if (query) msg += ` por \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n loadingMoreTemplate: (source, query, dateRange) => {\n let msg = `Cargando más resultados de ${source}`;\n if (query) msg += ` por \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n pleaseAddApiKey: 'por favor agrega clave api',\n pleaseEnterQuery: 'por favor ingresa una consulta de búsqueda',\n summary: 'Resumen:'\n },\n 'german': {\n title: '(re)Suchen',\n subtitle: 'Durchsuchen Sie mehrere akademische Datenbanken mit mehrsprachigen Zusammenfassungen',\n apiKey: 'API-Schlüssel:',\n change: 'Ändern',\n clear: 'Löschen',\n getKeyHere: 'Holen Sie sich Ihren kostenlosen Schlüssel hier',\n language: 'sprache',\n researchQuery: 'suchanfrage',\n dateRange: 'Datumsbereich wählen (optional)',\n source: 'Quelle wählen (optional)',\n enterTopic: 'Geben Sie Ihr Forschungsthema ein...',\n customSource: 'z.B. Nature, Science, Cell...',\n customSourceOption: 'Benutzerdefinierte Quelle...',\n chooseDateRange: 'Datumsbereich wählen (optional)',\n chooseSource: 'Quelle wählen (optional)',\n lastMonth: 'Letzter Monat',\n last3Months: 'Letzte 3 Monate',\n last6Months: 'Letzte 6 Monate',\n lastYear: 'Letztes Jahr',\n allTime: 'Alle Zeit',\n search: '(re)Suchen',\n searching: '(re)Suchen',\n streaming: 'Streaming...',\n searchMore: '(Re)(Re)Suchen',\n summarize: 'Zusammenfassen',\n analyzing: 'Analysiere...',\n openPaper: 'Öffnen',\n foundResults: 'Gefunden',\n results: 'ergebnisse',\n loading: 'Suchen',\n loadingMore: 'Lade weitere Ergebnisse',\n aiAnalyzing: 'KI analysiert den Artikel...',\n analysisTime: 'Dies kann 10-30 Sekunden dauern, abhängig von der Artikellänge',\n noResultsOrError: 'Keine Ergebnisse gefunden oder ein Serverfehler ist aufgetreten.',\n searchingTemplate: (source, query, dateRange) => {\n let msg = `Suche in ${source}`;\n if (query) msg += ` nach \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n loadingMoreTemplate: (source, query, dateRange) => {\n let msg = `Lade weitere Ergebnisse von ${source}`;\n if (query) msg += ` nach \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n pleaseAddApiKey: 'bitte api-schlüssel hinzufügen',\n pleaseEnterQuery: 'bitte suchanfrage eingeben',\n summary: 'Zusammenfassung:'\n },\n 'japanese': {\n title: '(re)検索',\n subtitle: '多言語要約付きの複数の学術データベースを検索',\n apiKey: 'APIキー:',\n change: '変更',\n clear: 'クリア',\n getKeyHere: '無料キーを取得する',\n language: '言語',\n researchQuery: '研究クエリ',\n dateRange: '日付範囲を選択 (任意)',\n source: 'ソースを選択 (任意)',\n enterTopic: '研究トピックを入力...',\n customSource: '例：Nature、Science、Cell...',\n customSourceOption: 'カスタムソース...',\n chooseDateRange: '日付範囲を選択 (任意)',\n chooseSource: 'ソースを選択 (任意)',\n lastMonth: '先月',\n last3Months: '過去3ヶ月',\n last6Months: '過去6ヶ月',\n lastYear: '昨年',\n allTime: '全期間',\n search: '(re)検索',\n searching: '(re)検索中',\n streaming: 'ストリーミング中...',\n searchMore: '(再)(再)検索',\n summarize: '要約',\n analyzing: '分析中...',\n openPaper: '開く',\n foundResults: '見つかった',\n results: '件の結果',\n loading: '検索中',\n loadingMore: 'より多くの結果を読み込み中',\n aiAnalyzing: 'AIが論文を分析中...',\n analysisTime: '論文の長さによって10〜30秒かかることがあります',\n noResultsOrError: '結果が見つからないか、サーバーエラーが発生しました。',\n searchingTemplate: (source, query, dateRange) => {\n let msg = `${source}で検索中`;\n if (query) msg += `「${query}」`;\n if (dateRange) msg += `(${dateRange})`;\n return msg + '...';\n },\n loadingMoreTemplate: (source, query, dateRange) => {\n let msg = `${source}からさらに結果を読み込み中`;\n if (query) msg += `「${query}」`;\n if (dateRange) msg += `(${dateRange})`;\n return msg + '...';\n },\n pleaseAddApiKey: 'apiキーを追加してください',\n pleaseEnterQuery: '検索クエリを入力してください',\n summary: '要約:'\n },\n 'korean': {\n title: '(re)검색',\n subtitle: '다국어 요약과 함께 여러 학술 데이터베이스 검색',\n apiKey: 'API 키:',\n change: '변경',\n clear: '지우기',\n getKeyHere: '여기서 무료 키 받기',\n language: '언어',\n researchQuery: '연구 쿼리',\n dateRange: '날짜 범위 선택 (선택 사항)',\n source: '소스 선택 (선택 사항)',\n enterTopic: '연구 주제를 입력하세요...',\n customSource: '예: Nature, Science, Cell...',\n customSourceOption: '사용자 정의 소스...',\n chooseDateRange: '날짜 범위 선택 (선택 사항)',\n chooseSource: '소스 선택 (선택 사항)',\n lastMonth: '지난 달',\n last3Months: '지난 3개월',\n last6Months: '지난 6개월',\n lastYear: '작년',\n allTime: '전체 기간',\n search: '(re)검색',\n searching: '(re)검색 중',\n streaming: '스트리밍 중...',\n searchMore: '(재)(재)검색',\n summarize: '요약',\n analyzing: '분석 중...',\n openPaper: '열기',\n foundResults: '발견된',\n results: '개 결과',\n loading: '검색 중',\n loadingMore: '더 많은 결과 로딩 중',\n aiAnalyzing: 'AI가 논문을 분석 중...',\n analysisTime: '논문 길이에 따라 10-30초가 걸릴 수 있습니다',\n noResultsOrError: '결과가 없거나 서버 오류가 발생했습니다.',\n searchingTemplate: (source, query, dateRange) => {\n let msg = `${source}에서 검색 중`;\n if (query) msg += ` \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n loadingMoreTemplate: (source, query, dateRange) => {\n let msg = `${source}에서 더 많은 결과 로딩 중`;\n if (query) msg += ` \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n pleaseAddApiKey: 'api 키를 추가해 주세요',\n pleaseEnterQuery: '검색 쿼리를 입력해 주세요',\n summary: '요약:'\n },\n 'chinese': {\n title: '(re)搜索',\n subtitle: '搜索多个学术数据库并提供多语言摘要',\n apiKey: 'API密钥:',\n change: '更改',\n clear: '清除',\n getKeyHere: '在此获取免费密钥',\n language: '语言',\n researchQuery: '研究查询',\n dateRange: '选择日期范围 (可选)',\n source: '选择来源 (可选)',\n enterTopic: '输入您的研究主题...',\n customSource: '例如：Nature、Science、Cell...',\n customSourceOption: '自定义来源...',\n chooseDateRange: '选择日期范围 (可选)',\n chooseSource: '选择来源 (可选)',\n lastMonth: '上个月',\n last3Months: '最近3个月',\n last6Months: '最近6个月',\n lastYear: '去年',\n allTime: '全部时间',\n search: '(re)搜索',\n searching: '(re)搜索中',\n streaming: '流式传输中...',\n searchMore: '(再)(再)搜索',\n summarize: '总结',\n analyzing: '分析中...',\n openPaper: '打开',\n foundResults: '找到',\n results: '个结果',\n loading: '搜索中',\n loadingMore: '加载更多结果',\n aiAnalyzing: 'AI正在分析论文...',\n analysisTime: '根据论文长度，这可能需要10-30秒',\n noResultsOrError: '未找到结果或发生服务器错误。',\n searchingTemplate: (source, query, dateRange) => {\n let msg = `正在${source}中搜索`;\n if (query) msg += `“${query}”`;\n if (dateRange) msg += `(${dateRange})`;\n return msg + '...';\n },\n loadingMoreTemplate: (source, query, dateRange) => {\n let msg = `正在从${source}加载更多结果`;\n if (query) msg += `“${query}”`;\n if (dateRange) msg += `(${dateRange})`;\n return msg + '...';\n },\n pleaseAddApiKey: '请添加api密钥',\n pleaseEnterQuery: '请输入搜索查询',\n summary: '摘要:'\n },\n 'portuguese': {\n title: '(re)Pesquisar',\n subtitle: 'Pesquise em múltiplas bases de dados acadêmicas com resumos multilíngues',\n apiKey: 'Chave API:',\n change: 'Alterar',\n clear: 'Limpar',\n getKeyHere: 'Obtenha sua chave gratuita aqui',\n language: 'idioma',\n researchQuery: 'consulta de pesquisa',\n dateRange: 'Escolher intervalo de datas (opcional)',\n source: 'Escolher fonte (opcional)',\n enterTopic: 'Digite seu tópico de pesquisa...',\n customSource: 'ex. Nature, Science, Cell...',\n customSourceOption: 'Fonte personalizada...',\n chooseDateRange: 'Escolher intervalo de datas (opcional)',\n chooseSource: 'Escolher fonte (opcional)',\n lastMonth: 'Último mês',\n last3Months: 'Últimos 3 meses',\n last6Months: 'Últimos 6 meses',\n lastYear: 'Último ano',\n allTime: 'Todo o tempo',\n search: '(re)Pesquisar',\n searching: '(re)Pesquisando',\n streaming: 'Transmitindo...',\n searchMore: '(Re)(Re)Pesquisar',\n summarize: 'Resumir',\n analyzing: 'Analisando...',\n openPaper: 'Abrir',\n foundResults: 'Encontrado',\n results: 'resultados',\n loading: 'Pesquisando',\n loadingMore: 'Carregando mais resultados',\n aiAnalyzing: 'IA está analisando o artigo...',\n analysisTime: 'Isso pode levar 10-30 segundos dependendo do comprimento do artigo',\n noResultsOrError: 'Nenhum resultado encontrado ou ocorreu um erro no servidor.',\n searchingTemplate: (source, query, dateRange) => {\n let msg = `Pesquisando no ${source}`;\n if (query) msg += ` por \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n loadingMoreTemplate: (source, query, dateRange) => {\n let msg = `Carregando mais resultados do ${source}`;\n if (query) msg += ` por \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n pleaseAddApiKey: 'por favor adicione chave api',\n pleaseEnterQuery: 'por favor digite uma consulta de pesquisa',\n summary: 'Resumo:'\n }\n };\n\n return translations[selectedLanguage] || translations['english'];\n}\n\nexport function getDateRangeText(dateRange, i18n) {\n const map = {\n '1month': (i18n.lastMonth || '').toLowerCase(),\n '3months': (i18n.last3Months || '').toLowerCase(),\n '6months': (i18n.last6Months || '').toLowerCase(),\n '1year': (i18n.lastYear || '').toLowerCase()\n };\n return map[dateRange] || '';\n}\n\n\n",[],[274,497],{"_103":505,"_95":506,"_152":507,"_154":275,"_155":137,"_156":508,"_158":159,"_105":509,"_100":510,"_161":182,"_163":511,"_164":22,"_165":-5,"_166":512,"_98":513},"387ab566-86ae-11f0-98f2-0224a6c84d84","init.js","f6847112-7616-11f0-9927-0224a6c84d84",135,["D",1756674327836],5,"import chatterApp from './chatterApp.js';\n\n// Lightweight presets panel Alpine data for App Settings\nfunction presetsPanel() {\n return {\n db: null,\n renderNonce: 0,\n // list\n presets: [],\n // create/new form visibility\n showNewPresetForm: false,\n // create/new\n newPresetName: '',\n newPresetSystemPrompt: '',\n newPresetSettings: null,\n // edit state\n editingPresetId: null,\n editingPresetName: '',\n editingPresetSystemPrompt: '',\n editingPresetSettings: {},\n // export/import presets\n presetsDataStatus: '',\n presetsImportMode: null, // 'replace' | 'append'\n\n init() {\n try { this.initDb(); } catch (_) { /* no-op */ }\n try { this.newPresetSettings = this.defaultSettings(); } catch (_) { this.newPresetSettings = this.defaultSettings(); }\n this.loadPresets();\n this.renderNonce = Date.now();\n },\n initDb() {\n if (!window.Dexie) return;\n this.db = new window.Dexie('chat_db');\n try {\n this.db.version(1).stores({ chats: '++id,title,createdAt' });\n this.db.version(2).stores({ chats: '++id,title,createdAt', messages: '++id,chatId,createdAt,role,content' });\n this.db.version(3).stores({ chats: '++id,title,createdAt,folderId', messages: '++id,chatId,createdAt,role,content', folders: '++id,name,createdAt,order,collapsed' });\n this.db.version(4).stores({ chats: '++id,title,slug,createdAt,folderId', messages: '++id,chatId,createdAt,role,content', folders: '++id,name,createdAt,order,collapsed' });\n this.db.version(5).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText',\n messages: '++id,chatId,createdAt,role,content',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,createdAt,updatedAt'\n });\n this.db.version(6).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,createdAt,updatedAt'\n });\n // Match chatCore.js v7 schema to avoid cross-connection version conflicts\n this.db.version(7).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt'\n });\n try { this.db.on('versionchange', () => { try { this.db.close(); } catch (_) { /* no-op */ } }); } catch (_) { /* no-op */ }\n } catch (_) { /* no-op */ }\n },\n defaultSettings() {\n return {\n selectedModel: 'openai/gpt-oss-120b',\n customChatBaseUrl: '',\n temperature: 1,\n maxTokens: 8192,\n reasoningEffort: 'medium',\n streamEnabled: true,\n jsonMode: false,\n useBrowserSearch: true,\n useCodeInterpreter: false,\n };\n },\n async loadPresets() {\n try {\n console.log('🔄 loadPresets: starting...');\n if (!this.db) { this.presets = []; return; }\n const rows = await this.db.systemPrompts.orderBy('updatedAt').reverse().toArray();\n console.log('🔄 loadPresets: got', rows.length, 'rows from DB');\n // Force fresh object identities for Alpine reactivity\n this.presets = Array.isArray(rows) ? rows.map(r => ({ ...r })) : [];\n this.renderNonce = Date.now();\n console.log('🔄 loadPresets: set presets array length', this.presets.length, 'renderNonce', this.renderNonce);\n } catch (_) { this.presets = []; }\n },\n async generatePresetShortId() {\n const alphabet = '23456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz';\n const make = () => Array.from({ length: 6 }, () => alphabet[Math.floor(Math.random() * alphabet.length)]).join('');\n try {\n const existing = await (this.db ? this.db.systemPrompts.toArray() : Promise.resolve([]));\n const set = new Set((existing || []).map(p => String(p.shortId || '')));\n for (let i = 0; i < 20; i++) {\n const id = make();\n if (!set.has(id)) return id;\n }\n return (Date.now().toString(36) + Math.random().toString(36).slice(2, 6)).slice(0, 8);\n } catch (_) { return (Date.now().toString(36) + Math.random().toString(36).slice(2, 6)).slice(0, 8); }\n },\n toPlain(value) {\n try { return JSON.parse(JSON.stringify(value)); } catch (_) { return undefined; }\n },\n notifyUpdated(type, id) {\n try { this.$dispatch && this.$dispatch('presets-updated', { type: type || 'update', id: id ?? null }); } catch (_) { /* no-op */ }\n },\n getPresetSystemPrompt(preset) {\n try { return String(((preset && preset.systemPrompt != null) ? preset.systemPrompt : (preset && preset.content)) || ''); } catch (_) { return ''; }\n },\n systemPromptPreview(preset, max = 40) {\n try {\n const s = this.getPresetSystemPrompt(preset).trim();\n if (!s) return '';\n return s.length > max ? (s.slice(0, max) + '…') : s;\n } catch (_) { return ''; }\n },\n paramSummary(preset) {\n try {\n const s = (preset && preset.settings) ? preset.settings : {};\n const parts = [];\n const model = s.selectedModel || '';\n if (model) parts.push(model);\n if (s.temperature != null && Number.isFinite(Number(s.temperature))) parts.push('temp ' + Number(s.temperature).toFixed(1));\n if (s.maxTokens != null && Number.isFinite(Number(s.maxTokens))) parts.push('max ' + Number(s.maxTokens));\n if (s.reasoningEffort) parts.push('reasoning ' + s.reasoningEffort);\n const flags = [];\n if (s.streamEnabled) flags.push('stream');\n if (s.jsonMode) flags.push('json');\n if (s.useBrowserSearch) flags.push('browser');\n if (s.useCodeInterpreter) flags.push('code');\n if (flags.length) parts.push(flags.join(' · '));\n return parts.join(' · ');\n } catch (_) { return ''; }\n },\n async createPreset(name, systemPrompt, settings) {\n try {\n if (!this.db) return null;\n const now = Date.now();\n const shortId = await this.generatePresetShortId();\n const sp = String(systemPrompt || '');\n const row = {\n name: (name || 'Preset'),\n systemPrompt: sp,\n content: sp,\n settings: (settings && typeof settings === 'object') ? this.toPlain(settings) : undefined,\n shortId,\n createdAt: now,\n updatedAt: now,\n };\n const id = await this.db.systemPrompts.add(row);\n await this.loadPresets();\n try { this.presets = [...this.presets]; } catch (_) { /* no-op */ }\n this.renderNonce = Date.now();\n this.notifyUpdated('create', id);\n return id;\n } catch (_) { return null; }\n },\n async updatePreset(id, fields) {\n try {\n console.log('💾 updatePreset: starting with id', id, 'fields', fields);\n if (!this.db) {\n console.log('💾 updatePreset: no db, returning false');\n return false;\n }\n const key = Number(id);\n if (!Number.isFinite(key)) {\n console.log('💾 updatePreset: invalid key', key, 'returning false');\n return false;\n }\n \n // Build patch outside transaction\n const patch = { updatedAt: Date.now() };\n if (fields && Object.prototype.hasOwnProperty.call(fields, 'name')) patch.name = String(fields.name || 'Preset');\n if (fields && Object.prototype.hasOwnProperty.call(fields, 'systemPrompt')) {\n patch.systemPrompt = String(fields.systemPrompt || '');\n patch.content = String(fields.systemPrompt || '');\n }\n if (fields && Object.prototype.hasOwnProperty.call(fields, 'settings')) {\n patch.settings = (fields.settings && typeof fields.settings === 'object') ? this.toPlain(fields.settings) : undefined;\n }\n console.log('💾 updatePreset: patch to apply', patch);\n \n // Check if record exists first, outside transaction\n const existing = await this.db.systemPrompts.get(key);\n if (!existing) {\n console.log('💾 updatePreset: no record found for key', key, 'returning false');\n return false;\n }\n \n // Perform transaction with minimal scope\n const next = this.toPlain({ ...existing, ...patch });\n console.log('💾 updatePreset: updating record', next);\n await this.db.systemPrompts.put(next);\n console.log('💾 updatePreset: put completed successfully');\n \n // Post-update operations - separate from transaction to avoid conflicts\n this.refreshPresetsUI();\n this.notifyUpdated('update', key);\n console.log('💾 updatePreset: returning true');\n return true;\n \n } catch (err) { \n console.error('💾 updatePreset: caught error', err);\n // Still try to refresh UI in case the update succeeded but reactivity failed\n try { this.refreshPresetsUI(); } catch (_) { /* no-op */ }\n return false; \n }\n },\n\n // Export/import presets only\n async exportPresetsJson() {\n try {\n this.presetsDataStatus = 'preparing export...';\n const rows = await (this.db ? this.db.systemPrompts.orderBy('updatedAt').reverse().toArray() : []);\n const payload = { meta: { type: 'chatter-presets', exportedAt: Date.now() }, presets: rows };\n const json = JSON.stringify(payload, null, 2);\n const blob = new Blob([json], { type: 'application/json' });\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = 'chatter-presets.json';\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n this.presetsDataStatus = 'exported presets JSON';\n } catch (e) { this.presetsDataStatus = 'export failed'; }\n },\n onClickImportPresetsReplace() { this.presetsImportMode = 'replace'; try { this.$refs.presetsImportFile?.click(); } catch (_) {} },\n onClickImportPresetsAppend() { this.presetsImportMode = 'append'; try { this.$refs.presetsImportFile?.click(); } catch (_) {} },\n async onImportPresetsFileChange(e) {\n try {\n const file = e?.target?.files?.[0]; if (!file) return;\n this.presetsDataStatus = this.presetsImportMode === 'replace' ? 'importing (replace)...' : 'importing (append)...';\n const text = await file.text();\n const parsed = JSON.parse(text);\n const presets = Array.isArray(parsed?.presets) ? parsed.presets : [];\n if (!this.db) return;\n await this.db.transaction('rw', this.db.systemPrompts, async () => {\n if (this.presetsImportMode === 'replace') {\n await this.db.systemPrompts.clear();\n }\n for (const p of presets) {\n try {\n // Keep only supported fields\n const row = {\n name: String(p?.name || 'Preset'),\n systemPrompt: String(p?.systemPrompt ?? p?.content ?? ''),\n content: String(p?.systemPrompt ?? p?.content ?? ''),\n settings: (p && p.settings && typeof p.settings === 'object') ? this.toPlain(p.settings) : undefined,\n shortId: p?.shortId || await this.generatePresetShortId(),\n createdAt: Number(p?.createdAt) || Date.now(),\n updatedAt: Number(p?.updatedAt) || Date.now(),\n };\n await this.db.systemPrompts.add(row);\n } catch (_) { /* ignore single */ }\n }\n });\n await this.loadPresets();\n this.presetsDataStatus = `${this.presetsImportMode === 'replace' ? 'replaced' : 'appended'} ${presets.length} presets`;\n } catch (err) { this.presetsDataStatus = 'import failed'; }\n finally { try { if (e?.target) e.target.value = ''; } catch (_) {} this.presetsImportMode = null; }\n },\n \n // Simplified method for refreshing presets UI\n refreshPresetsUI() {\n try {\n console.log('🔄 refreshPresetsUI: starting...');\n // Reload presets from database\n this.loadPresets().then(() => {\n console.log('🔄 refreshPresetsUI: loadPresets completed');\n // Update render nonce to trigger template re-evaluation\n this.renderNonce = Date.now();\n \n // Force Alpine to detect changes by ensuring reference changes\n if (Array.isArray(this.presets)) {\n this.presets = [...this.presets];\n }\n \n console.log('🔄 refreshPresetsUI: renderNonce updated to', this.renderNonce, 'presets length:', this.presets.length);\n }).catch((err) => {\n console.error('🔄 refreshPresetsUI: loadPresets failed', err);\n });\n } catch (err) {\n console.error('🔄 refreshPresetsUI: error', err);\n }\n },\n async deletePreset(id) {\n try {\n if (!this.db || !id) return false;\n await this.db.systemPrompts.delete(id);\n await this.loadPresets();\n try { this.presets = [...this.presets]; } catch (_) { /* no-op */ }\n this.renderNonce = Date.now();\n this.notifyUpdated('delete', id);\n return true;\n } catch (_) { return false; }\n },\n startEditingPreset(preset) {\n try {\n const id = preset && preset.id != null ? preset.id : null;\n if (id == null) return;\n this.editingPresetId = id;\n this.editingPresetName = String(preset.name || 'Preset');\n this.editingPresetSystemPrompt = String((preset && (preset.systemPrompt != null ? preset.systemPrompt : preset.content)) || '');\n const base = (preset && preset.settings && typeof preset.settings === 'object') ? preset.settings : this.defaultSettings();\n // Deep clone settings to avoid mutating list item before save\n this.editingPresetSettings = JSON.parse(JSON.stringify(base));\n } catch (_) { /* no-op */ }\n },\n cancelEditingPreset() {\n this.editingPresetId = null;\n this.editingPresetName = '';\n this.editingPresetSystemPrompt = '';\n this.editingPresetSettings = {};\n },\n async commitEditingPreset() {\n try {\n console.log('✅ commitEditingPreset: starting with id', this.editingPresetId);\n const id = this.editingPresetId;\n if (!id || !Number.isFinite(Number(id))) { \n this.cancelEditingPreset(); \n return false; \n }\n const name = (this.editingPresetName || '').trim() || 'Preset';\n const systemPrompt = String(this.editingPresetSystemPrompt || '');\n const settings = (this.editingPresetSettings && typeof this.editingPresetSettings === 'object') ? this.editingPresetSettings : undefined;\n console.log('✅ commitEditingPreset: calling updatePreset with', { name, systemPrompt, settings });\n \n const ok = await this.updatePreset(Number(id), { name, systemPrompt, settings });\n console.log('✅ commitEditingPreset: updatePreset returned', ok);\n \n // Always clear editing state, regardless of success/failure\n // This ensures UI transitions back to view mode\n this.cancelEditingPreset();\n \n if (ok) {\n console.log('✅ commitEditingPreset: save successful, UI should update');\n } else {\n console.warn('✅ commitEditingPreset: save failed, but UI cleared editing state');\n }\n \n return ok;\n } catch (err) {\n console.error('✅ commitEditingPreset: error', err);\n // Still clear editing state even on error\n this.cancelEditingPreset();\n return false;\n }\n },\n async clonePreset(preset) {\n try {\n if (!preset) return null;\n const name = String(preset.name || 'Preset') + ' (copy)';\n const id = await this.createPreset(name, String((preset && (preset.systemPrompt != null ? preset.systemPrompt : preset.content)) || ''), (preset && preset.settings) ? this.toPlain(preset.settings) : undefined);\n try { await this.loadPresets(); } catch (_) { /* no-op */ }\n return id;\n } catch (_) { return null; }\n },\n };\n}\n\n// Expose globally so existing x-data=\"chatterApp()\" continues to work\nwindow.chatterApp = chatterApp;\n\n// Register with Alpine when ready\nif (window.Alpine && typeof window.Alpine.data === 'function') {\n window.Alpine.data('chatterApp', chatterApp);\n try { window.Alpine.data('presetsPanel', presetsPanel); } catch (_) { /* no-op */ }\n} else {\n document.addEventListener('alpine:init', () => {\n try {\n if (window.Alpine && typeof window.Alpine.data === 'function') {\n window.Alpine.data('chatterApp', chatterApp);\n try { window.Alpine.data('presetsPanel', presetsPanel); } catch (_) { /* no-op */ }\n }\n // Register a lightweight autosize directive for textareas\n if (window.Alpine && typeof window.Alpine.directive === 'function') {\n window.Alpine.directive('autosize', (el, _binding, { cleanup }) => {\n if (!el || el.tagName !== 'TEXTAREA') return;\n const resize = () => {\n try {\n el.style.height = 'auto';\n el.style.overflowY = 'hidden';\n // Use scrollHeight to fit content\n el.style.height = `${el.scrollHeight}px`;\n } catch (_) { /* no-op */ }\n };\n // Store reference for cleanup\n el.__autosize__ = resize;\n // Initial and queued resizes for cases when content is set after init\n const scheduleInitialResizes = () => {\n resize();\n try { requestAnimationFrame(resize); } catch (_) {}\n setTimeout(resize, 0);\n setTimeout(resize, 50);\n if (window.Alpine && typeof window.Alpine.nextTick === 'function') {\n try { window.Alpine.nextTick(resize); } catch (_) {}\n }\n // Keep adjusting for a short burst to catch async model hydration\n let attempts = 0;\n const maxAttempts = 20; // ~1s @ 50ms\n const initialInterval = setInterval(() => {\n attempts += 1;\n resize();\n if (attempts >= maxAttempts) {\n clearInterval(initialInterval);\n }\n }, 50);\n // Store for cleanup\n el.__autosizeInterval__ = initialInterval;\n };\n scheduleInitialResizes();\n // Recalculate on input and when x-show reveals the element\n el.addEventListener('input', resize);\n el.addEventListener('alpine:show', resize);\n // Also on window load to catch late-filled values\n const onWindowLoad = () => resize();\n window.addEventListener('load', onWindowLoad, { once: true });\n // In case Alpine finishes initializing after this directive\n const onAlpineInitialized = () => resize();\n document.addEventListener('alpine:initialized', onAlpineInitialized, { once: true });\n const onWindowResize = () => resize();\n window.addEventListener('resize', onWindowResize, { passive: true });\n cleanup(() => {\n el.removeEventListener('input', resize);\n el.removeEventListener('alpine:show', resize);\n window.removeEventListener('load', onWindowLoad);\n document.removeEventListener('alpine:initialized', onAlpineInitialized);\n window.removeEventListener('resize', onWindowResize);\n delete el.__autosize__;\n try { if (el.__autosizeInterval__) clearInterval(el.__autosizeInterval__); } catch (_) {}\n delete el.__autosizeInterval__;\n });\n });\n\n // Lightweight include directive to fetch & hydrate external HTML fragments\n window.Alpine.directive('include', (el, { expression }, { cleanup, evaluate }) => {\n let loaded = false;\n let controller = null;\n let aborted = false;\n const load = async (url) => {\n if (!url || aborted) return;\n try {\n if (controller) {\n try { controller.abort(); } catch (_) { /* no-op */ }\n }\n controller = new AbortController();\n const res = await fetch(url, { signal: controller.signal, credentials: 'same-origin' });\n const html = await res.text();\n // Replace content without re-initializing the directive on the container\n // Create a template to safely parse and insert children\n const tpl = document.createElement('template');\n tpl.innerHTML = html;\n // Clear existing content and insert new nodes\n el.innerHTML = '';\n el.appendChild(tpl.content.cloneNode(true));\n loaded = true;\n try {\n if (window.Alpine && typeof window.Alpine.initTree === 'function') {\n // Initialize only the newly inserted children to avoid re-running this directive\n const children = Array.from(el.children || []);\n for (const child of children) {\n try { window.Alpine.initTree(child); } catch (_) { /* no-op */ }\n }\n }\n } catch (_) { /* no-op */ }\n } catch (_) { /* no-op */ }\n };\n let url = '';\n try { url = String(evaluate(expression)); } catch (_) { url = ''; }\n if (url) load(url);\n const onShow = () => { if (!loaded) load(url); };\n el.addEventListener('alpine:show', onShow);\n cleanup(() => {\n aborted = true;\n try { if (controller) controller.abort(); } catch (_) { /* no-op */ }\n el.removeEventListener('alpine:show', onShow);\n });\n });\n\n // Reusable clickaway directive for closing popups/modals when clicking outside\n window.Alpine.directive('clickaway', (el, { expression }, { cleanup, evaluate }) => {\n let isListening = false;\n \n const handleClickAway = (e) => {\n // Check if the click was outside this element\n if (!el.contains(e.target)) {\n try {\n evaluate(expression);\n } catch (_) { /* no-op */ }\n }\n };\n\n const startListening = () => {\n if (isListening) return;\n isListening = true;\n // Use a small delay to avoid immediate triggering when the element appears\n setTimeout(() => {\n document.addEventListener('click', handleClickAway, true);\n }, 50);\n };\n\n const stopListening = () => {\n if (!isListening) return;\n isListening = false;\n document.removeEventListener('click', handleClickAway, true);\n };\n\n // Start listening when element becomes visible\n const observer = new MutationObserver(() => {\n const isVisible = el.offsetParent !== null && !el.hidden;\n if (isVisible) {\n startListening();\n } else {\n stopListening();\n }\n });\n\n // Watch for changes in visibility\n observer.observe(el, { attributes: true, attributeFilter: ['style', 'hidden'] });\n \n // Also listen for Alpine show/hide events\n el.addEventListener('alpine:show', startListening);\n el.addEventListener('alpine:hide', stopListening);\n\n cleanup(() => {\n stopListening();\n observer.disconnect();\n el.removeEventListener('alpine:show', startListening);\n el.removeEventListener('alpine:hide', stopListening);\n });\n });\n }\n } catch (_) { /* no-op */ }\n });\n}\n\n// If Alpine was deferred via window.deferLoadingAlpine, start it now\ntry { if (typeof window._startAlpine === 'function') window._startAlpine(); } catch (_) {}\n\n\n",[],[274,506],{"_103":515,"_95":516,"_152":517,"_154":275,"_155":137,"_156":518,"_158":159,"_105":519,"_100":32,"_161":182,"_163":520,"_164":22,"_165":-5,"_166":521,"_98":522},"c7dc2318-88ff-11f0-95ab-0224a6c84d84","messageEditing.js","c7dc23d6-88ff-11f0-95ab-0224a6c84d84",175,["D",1756929259796],"// Message editing utilities extracted from chatterApp.js\n\nexport async function startEditingMessage(ctx, idx) {\n try {\n if (!Array.isArray(ctx.messages) || idx < 0 || idx >= ctx.messages.length) return;\n const m = ctx.messages[idx] || {};\n ctx.editingMessageIdx = idx;\n ctx.editingMessageId = m.id || null;\n ctx.editingMessageOriginal = String(m.content || '');\n ctx.editingMessageText = ctx.editingMessageOriginal;\n try {\n const ensured = await ctx.ensureMessagePersisted(idx);\n if (ensured) ctx.editingMessageId = ensured;\n } catch (_) { /* ignore */ }\n setTimeout(() => {\n try {\n const el = document.querySelector('[data-editing-idx=\"' + idx + '\"]');\n if (el) {\n if (el.getAttribute && el.getAttribute('contenteditable') === 'true') {\n el.textContent = ctx.editingMessageText || '';\n el.focus();\n try {\n const sel = window.getSelection && window.getSelection();\n const range = document.createRange && document.createRange();\n if (sel && range) {\n range.selectNodeContents(el);\n range.collapse(false);\n sel.removeAllRanges();\n sel.addRange(range);\n }\n } catch (_) { /* ignore */ }\n } else {\n try { el.value = ctx.editingMessageText || ''; } catch (_) { /* ignore */ }\n el.focus();\n ctx.autoResize && ctx.autoResize({ target: el });\n el.select && el.select();\n }\n }\n } catch (_) { /* ignore */ }\n }, 30);\n } catch (_) { /* no-op */ }\n}\n\nexport async function onEditingInput(ctx, e) {\n try {\n const text = typeof ctx.editingMessageText === 'string' ? ctx.editingMessageText : '';\n const i = ctx.editingMessageIdx;\n if (i != null && i >= 0 && i < ctx.messages.length) {\n ctx.messages[i].content = text;\n }\n if (ctx.editingDebounceId) clearTimeout(ctx.editingDebounceId);\n ctx.editingDebounceId = setTimeout(async () => {\n try {\n const id = await ctx.persistMessageAtIndex(i);\n if (id) ctx.editingMessageId = id;\n } catch (_) { /* ignore */ }\n }, 400);\n } catch (_) { /* ignore */ }\n}\n\nexport async function commitEditingMessage(ctx) {\n try {\n if (ctx.editingDebounceId) { clearTimeout(ctx.editingDebounceId); ctx.editingDebounceId = null; }\n const text = (ctx.editingMessageText || '').trim();\n const i = ctx.editingMessageIdx;\n if (i != null && i >= 0 && i < ctx.messages.length) {\n ctx.messages[i].content = text;\n }\n try { await ctx.persistMessageAtIndex(i); } catch (_) { /* ignore */ }\n } finally {\n ctx.editingMessageIdx = null;\n ctx.editingMessageId = null;\n ctx.editingMessageText = '';\n ctx.editingMessageOriginal = '';\n }\n}\n\nexport async function cancelEditingMessage(ctx) {\n try {\n if (ctx.editingDebounceId) { clearTimeout(ctx.editingDebounceId); ctx.editingDebounceId = null; }\n const original = String(ctx.editingMessageOriginal || '');\n const i = ctx.editingMessageIdx;\n if (i != null && i >= 0 && i < ctx.messages.length) {\n ctx.messages[i].content = original;\n }\n const id = ctx.editingMessageId;\n try {\n if (id && ctx.db) {\n await ctx.db.messages.update(id, { content: original });\n }\n } catch (_) { /* ignore */ }\n } finally {\n ctx.editingMessageIdx = null;\n ctx.editingMessageId = null;\n ctx.editingMessageText = '';\n ctx.editingMessageOriginal = '';\n }\n}\n\n\n",[],[274,516],{"_103":524,"_95":525,"_152":526,"_154":275,"_155":137,"_156":527,"_158":159,"_105":528,"_100":32,"_161":182,"_163":529,"_164":22,"_165":-5,"_166":530,"_98":531},"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",[],[274,525],{"_103":533,"_95":534,"_152":535,"_154":275,"_155":137,"_156":536,"_158":159,"_105":537,"_100":258,"_161":182,"_163":538,"_164":22,"_165":-5,"_166":539,"_98":540},"b6a8211a-86c9-11f0-8832-0224a6c84d84","presets.js","cc2097b6-8129-11f0-810c-0224a6c84d84",161,["D",1756686135935],"// Presets and per-chat settings helpers for chatterApp\n// Each function receives `ctx` which is the Alpine data object (this)\n\nexport async function isChatLinkedToPreset(ctx) {\n try {\n if (!ctx.currentChatId || !ctx.db) return false;\n const meta = await ctx.db.chats.get(ctx.currentChatId);\n // Consider chat linked if it has a preset id and the active source is preset (or legacy: no explicit active source and no custom settings)\n const active = meta?.activeSettingsSource || null;\n if (meta?.systemPromptId != null && (active === 'preset' || (active == null && !meta?.settings))) {\n const preset = await ctx.db.systemPrompts.get(Number(meta.systemPromptId));\n return !!preset;\n }\n return false;\n } catch (_) { return false; }\n}\n\nexport async function chatHasCustomSettings(ctx) {\n try {\n if (!ctx.currentChatId || !ctx.db) return false;\n const meta = await ctx.db.chats.get(ctx.currentChatId);\n return !!(meta?.settings);\n } catch (_) { return false; }\n}\n\nexport async function updatePresetLinkingStatus(ctx) {\n try {\n ctx.chatIsLinkedToPreset = await isChatLinkedToPreset(ctx);\n ctx.chatHasCustomSettingsStored = await chatHasCustomSettings(ctx);\n } catch (_) {\n ctx.chatIsLinkedToPreset = false;\n ctx.chatHasCustomSettingsStored = false;\n }\n}\n\nexport function snapshotCurrentChatSettings(ctx) {\n try {\n return {\n selectedModel: ctx.selectedModel,\n customChatBaseUrl: ctx.customChatBaseUrl,\n temperature: Number(ctx.temperature),\n maxTokens: Number(ctx.maxTokens),\n reasoningEffort: ctx.reasoningEffort,\n streamEnabled: !!ctx.streamEnabled,\n jsonMode: !!ctx.jsonMode,\n useBrowserSearch: !!ctx.useBrowserSearch,\n useCodeInterpreter: !!ctx.useCodeInterpreter,\n };\n } catch (_) {\n return {};\n }\n}\n\nexport function applyPresetSettings(ctx, settings) {\n try {\n if (!settings || typeof settings !== 'object') return;\n if (settings.selectedModel != null) ctx.selectedModel = settings.selectedModel;\n if (settings.customChatBaseUrl != null) ctx.customChatBaseUrl = settings.customChatBaseUrl;\n if (settings.temperature != null) ctx.temperature = Math.max(0, Math.min(2, Number(settings.temperature)));\n if (settings.maxTokens != null) ctx.maxTokens = Math.max(1, Number(settings.maxTokens));\n if (settings.reasoningEffort) ctx.reasoningEffort = settings.reasoningEffort;\n if (settings.streamEnabled != null) ctx.streamEnabled = !!settings.streamEnabled;\n if (settings.jsonMode != null) ctx.jsonMode = !!settings.jsonMode;\n if (settings.useBrowserSearch != null) ctx.useBrowserSearch = !!settings.useBrowserSearch;\n if (settings.useCodeInterpreter != null) ctx.useCodeInterpreter = !!settings.useCodeInterpreter;\n } catch (_) { /* ignore */ }\n}\n\nexport async function saveCurrentChatSettings(ctx) {\n // Explicit save using single put/add to avoid transaction scope issues\n console.log('🔧 saveCurrentChatSettings: Starting save process...');\n if (ctx.savingSettings) return false;\n ctx.savingSettings = true;\n try {\n if (!ctx.db) {\n console.error('❌ saveCurrentChatSettings: No database connection');\n return false;\n }\n\n const settings = snapshotCurrentChatSettings(ctx);\n console.log('🔧 saveCurrentChatSettings: settings snapshot =', settings);\n\n const updateData = {\n // Persist custom settings without delinking preset\n settings,\n customPromptText: typeof ctx.chatPromptText === 'string' ? ctx.chatPromptText : '',\n activeSettingsSource: 'custom'\n };\n console.log('🔧 saveCurrentChatSettings: preparing to save =', updateData);\n\n if (!ctx._chatWriteQueue) ctx._chatWriteQueue = Promise.resolve();\n let chatId = ctx.currentChatId;\n let savedId = chatId;\n const updateDataCopy = JSON.parse(JSON.stringify(updateData));\n\n const run = async () => {\n if (!chatId) {\n const base = (ctx.chatInput && ctx.chatInput.trim()) || 'New chat';\n const title = base.substring(0, 60);\n const slug = ctx.slugifyTitle ? ctx.slugifyTitle(title) : '';\n const createdAt = Date.now();\n const row = { title, slug, createdAt, ...updateDataCopy };\n savedId = await ctx.db.chats.put(row);\n console.log('🔧 saveCurrentChatSettings(queue): Created new chat =', savedId);\n } else {\n await ctx.db.transaction('rw', ctx.db.chats, async () => {\n const meta = await ctx.db.chats.get(chatId);\n if (!meta) return;\n const next = { ...meta, ...updateDataCopy };\n await ctx.db.chats.put(next);\n });\n console.log('🔧 saveCurrentChatSettings(queue): Updated existing chat via put =', chatId);\n }\n };\n ctx._chatWriteQueue = ctx._chatWriteQueue.then(run).catch(() => {}).then(() => undefined);\n await ctx._chatWriteQueue;\n\n console.log('✅ saveCurrentChatSettings: Successfully saved to DB');\n\n // Switch UI to custom mode\n ctx.chatPromptId = null;\n ctx.settingsChanged = false;\n\n if (!ctx.currentChatId && savedId) {\n ctx.currentChatId = savedId;\n ctx.activeSearchId = savedId;\n setTimeout(() => { try { ctx.loadChats(); } catch (_) {} }, 0);\n try { if (typeof ctx.navigateToChatPath === 'function') ctx.navigateToChatPath(savedId); } catch (_) { /* ignore */ }\n } else {\n setTimeout(() => { try { ctx.loadChats(); } catch (_) {} }, 0);\n }\n\n try { await updatePresetLinkingStatus(ctx); } catch (_) { /* ignore */ }\n console.log('✅ saveCurrentChatSettings: Save complete!');\n return true;\n } catch (error) {\n console.error('❌ saveCurrentChatSettings: Error saving settings', error);\n console.error('❌ Error details:', error.name, error.message, error.stack);\n return false;\n } finally {\n ctx.savingSettings = false;\n }\n}\n\nexport async function loadPresets(ctx) {\n try {\n if (!ctx.db) { ctx.presets = []; return; }\n const rows = await ctx.db.systemPrompts.orderBy('updatedAt').reverse().toArray();\n ctx.presets = Array.isArray(rows) ? rows : [];\n } catch (_) { ctx.presets = []; }\n}\n\nexport async function generatePresetShortId(ctx) {\n const alphabet = '23456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz';\n const make = () => Array.from({ length: 6 }, () => alphabet[Math.floor(Math.random() * alphabet.length)]).join('');\n try {\n const existing = await (ctx.db ? ctx.db.systemPrompts.toArray() : Promise.resolve([]));\n const set = new Set((existing || []).map(p => String(p.shortId || '')));\n for (let i = 0; i < 20; i++) {\n const id = make();\n if (!set.has(id)) return id;\n }\n return (Date.now().toString(36) + Math.random().toString(36).slice(2, 6)).slice(0, 8);\n } catch (_) {\n return (Date.now().toString(36) + Math.random().toString(36).slice(2, 6)).slice(0, 8);\n }\n}\n\nexport async function createPreset(ctx, name, systemPrompt, settings) {\n try {\n if (!ctx.db) return null;\n const now = Date.now();\n const shortId = await generatePresetShortId(ctx);\n const sp = String(systemPrompt || '');\n const row = {\n name: (name || 'Preset'),\n systemPrompt: sp,\n content: sp,\n settings: (settings && typeof settings === 'object') ? settings : undefined,\n shortId,\n createdAt: now,\n updatedAt: now\n };\n const id = await ctx.db.systemPrompts.add(row);\n await loadPresets(ctx);\n try {\n if (typeof window !== 'undefined' && window.dispatchEvent) {\n const event = new CustomEvent('presets-updated', { detail: { id, action: 'create' } });\n window.dispatchEvent(event);\n }\n } catch (_) { /* ignore */ }\n return id;\n } catch (_) { return null; }\n}\n\nexport async function updatePreset(ctx, id, fields) {\n try {\n if (!ctx.db || !id) return false;\n const prev = await ctx.db.systemPrompts.get(id);\n if (!prev) return false;\n const patch = { ...fields };\n if (Object.prototype.hasOwnProperty.call(fields || {}, 'systemPrompt')) {\n patch.content = String(fields.systemPrompt || '');\n }\n const next = { ...prev, ...patch, updatedAt: Date.now() };\n await ctx.db.systemPrompts.put(next);\n await loadPresets(ctx);\n try {\n if (typeof window !== 'undefined' && window.dispatchEvent) {\n const event = new CustomEvent('presets-updated', { detail: { id } });\n window.dispatchEvent(event);\n }\n } catch (_) { /* ignore */ }\n return true;\n } catch (_) { return false; }\n}\n\nexport async function deletePreset(ctx, id) {\n try {\n if (!ctx.db || !id) return false;\n try {\n const linkedChats = await ctx.db.chats.where('systemPromptId').equals(id).toArray();\n for (const chat of linkedChats) {\n await ctx.db.chats.update(chat.id, { systemPromptId: null });\n }\n } catch (_) { /* ignore */ }\n await ctx.db.systemPrompts.delete(id);\n await loadPresets(ctx);\n if (ctx.chatPromptId === id) {\n ctx.chatPromptId = null;\n await updatePresetLinkingStatus(ctx);\n }\n return true;\n } catch (_) { return false; }\n}\n\nexport function onPresetSelectFocus(ctx) {\n try { ctx.lastChatPromptId = ctx.chatPromptId; } catch (_) { /* ignore */ }\n}\n\nexport async function onPresetChange(ctx) {\n try {\n const raw = ctx.chatPromptId;\n const nextId = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n // Guard: when presets haven't populated yet, the browser may default the select to the first option (\"custom\")\n // and fire change. If the chat is actually linked to a preset, ignore this spurious switch.\n try {\n if (nextId == null && ctx.currentChatId && ctx.db) {\n const meta = await ctx.db.chats.get(ctx.currentChatId);\n const active = meta?.activeSettingsSource || null;\n const linkedToPreset = (meta?.systemPromptId != null) && (active === 'preset' || (active == null && !meta?.settings));\n if (linkedToPreset) {\n ctx.chatPromptId = String(meta.systemPromptId);\n return;\n }\n }\n } catch (_) { /* ignore */ }\n try { await updatePresetLinkingStatus(ctx); } catch (_) { /* ignore */ }\n // New model: switching between custom and preset is non-destructive for saved data.\n // We no longer block with a confirmation; unsaved UI edits may be overridden\n // visually, but saved custom settings/text are preserved for toggling back.\n await doApplyPresetChange(ctx, nextId);\n } catch (_) { /* ignore */ }\n}\n\nexport async function doApplyPresetChange(ctx, id) {\n try {\n const chatId = await ctx.ensureChatExistsForEditsForce();\n if (id == null || !Number.isFinite(id)) {\n // Switch to custom mode, do not delete preset link or custom settings\n ctx.chatPromptId = null;\n if (chatId && ctx.db) {\n const meta = await ctx.db.chats.get(chatId);\n const customText = meta?.customPromptText || meta?.systemPromptText || '';\n const customSettings = meta?.settings || null;\n if (customSettings) applyPresetSettings(ctx, customSettings);\n ctx.chatPromptText = customText;\n await ctx.db.chats.update(chatId, { activeSettingsSource: 'custom' });\n }\n ctx.settingsChanged = false;\n await updatePresetLinkingStatus(ctx);\n ctx.lastChatPromptId = null;\n return;\n }\n const preset = await (ctx.db ? ctx.db.systemPrompts.get(Number(id)) : null);\n const text = (preset && typeof (preset.systemPrompt != null ? preset.systemPrompt : preset.content) === 'string') ? (preset.systemPrompt != null ? preset.systemPrompt : preset.content) : '';\n ctx.chatPromptId = String(id);\n ctx.chatPromptText = text;\n if (preset && preset.settings) applyPresetSettings(ctx, preset.settings);\n if (chatId && ctx.db) {\n await ctx.db.transaction('rw', ctx.db.chats, async () => {\n const meta = await ctx.db.chats.get(chatId);\n if (!meta) return;\n // Preserve any saved custom settings/text; only switch active source and preset linkage\n const next = { ...meta, systemPromptId: id, systemPromptText: text, activeSettingsSource: 'preset' };\n await ctx.db.chats.put(next);\n });\n try { if (typeof ctx.navigateToChatPath === 'function') ctx.navigateToChatPath(chatId); } catch (_) { /* ignore */ }\n }\n ctx.settingsChanged = false;\n await updatePresetLinkingStatus(ctx);\n ctx.lastChatPromptId = String(id);\n } catch (_) { /* ignore */ }\n}\n\nexport function confirmPresetChange(ctx) {\n try {\n const id = ctx.pendingPresetId;\n ctx.showPresetChangeConfirm = false;\n ctx.pendingPresetId = null;\n doApplyPresetChange(ctx, id);\n } catch (_) { /* ignore */ }\n}\n\nexport function cancelPresetChange(ctx) {\n try {\n ctx.showPresetChangeConfirm = false;\n ctx.pendingPresetId = null;\n ctx.chatPromptId = ctx.lastChatPromptId ?? null;\n } catch (_) { /* ignore */ }\n}\n\nexport function onChatPromptTextInput(ctx, e) {\n try { const el = e && e.target; if (el) ctx.autoResize({ target: el }); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport async function resetChatPromptToPreset(ctx) {\n try {\n const id = ctx.chatPromptId;\n if (!id || !Number.isFinite(Number(id))) return;\n const preset = await (ctx.db ? ctx.db.systemPrompts.get(Number(id)) : null);\n const text = (preset && typeof (preset.systemPrompt != null ? preset.systemPrompt : preset.content) === 'string') ? (preset.systemPrompt != null ? preset.systemPrompt : preset.content) : '';\n ctx.chatPromptText = text;\n if (preset && preset.settings) applyPresetSettings(ctx, preset.settings);\n const chatId = await ctx.ensureChatExistsForEdits();\n if (chatId && ctx.db) { try { await ctx.db.chats.update(chatId, { systemPromptText: text, activeSettingsSource: 'preset' }); } catch (_) { /* ignore */ } }\n } catch (_) { /* ignore */ }\n}\n\nexport async function saveCurrentSettingsToChat(ctx) {\n try {\n const chatId = await ctx.ensureChatExistsForEdits();\n if (!chatId || !ctx.db) return false;\n const settings = snapshotCurrentChatSettings(ctx);\n const text = typeof ctx.chatPromptText === 'string' ? ctx.chatPromptText : '';\n await ctx.db.chats.update(chatId, { settings, customPromptText: text, activeSettingsSource: 'custom' });\n ctx.chatPromptId = null;\n await updatePresetLinkingStatus(ctx);\n return true;\n } catch (_) { return false; }\n}\n\nexport async function updateCurrentPresetFromChat(ctx) {\n try {\n const id = ctx.chatPromptId;\n if (!id || !Number.isFinite(Number(id))) return false;\n const text = typeof ctx.chatPromptText === 'string' ? ctx.chatPromptText : '';\n const ok = await updatePreset(ctx, Number(id), { systemPrompt: text, settings: snapshotCurrentChatSettings(ctx) });\n return ok;\n } catch (_) { return false; }\n}\n\nexport async function saveAsPresetFromChat(ctx, name) {\n try {\n const text = typeof ctx.chatPromptText === 'string' ? ctx.chatPromptText : '';\n const defaultName = name && String(name).trim() ? String(name).trim() : ('Preset ' + new Date().toLocaleString());\n const id = await createPreset(ctx, defaultName, text, snapshotCurrentChatSettings(ctx));\n if (!id) return null;\n ctx.chatPromptId = String(id);\n const chatId = await ctx.ensureChatExistsForEditsForce();\n if (chatId && ctx.db) {\n await ctx.db.transaction('rw', ctx.db.chats, async () => {\n const meta = await ctx.db.chats.get(chatId);\n if (!meta) return;\n // Preserve custom settings; simply link to the new preset and switch active source\n const next = { ...meta, systemPromptId: id, systemPromptText: text, activeSettingsSource: 'preset' };\n await ctx.db.chats.put(next);\n });\n }\n ctx.settingsChanged = false;\n try { await updatePresetLinkingStatus(ctx); } catch (_) { /* ignore */ }\n return id;\n } catch (_) { return null; }\n}\n\nexport function startEditingPreset(ctx, preset) {\n try {\n const id = preset && preset.id != null ? preset.id : null;\n if (id == null) return;\n ctx.editingPresetId = id;\n ctx.editingPresetName = String(preset.name || 'Preset');\n ctx.editingPresetContent = String(preset.content || '');\n ctx.editingPresetSettings = (preset && preset.settings && typeof preset.settings === 'object') ? JSON.parse(JSON.stringify(preset.settings)) : {};\n } catch (_) { /* ignore */ }\n}\n\nexport function cancelEditingPreset(ctx) {\n ctx.editingPresetId = null;\n ctx.editingPresetName = '';\n ctx.editingPresetContent = '';\n ctx.editingPresetSettings = {};\n}\n\nexport async function commitEditingPreset(ctx) {\n try {\n const id = ctx.editingPresetId;\n if (!id || !Number.isFinite(Number(id))) { cancelEditingPreset(ctx); return false; }\n const name = (ctx.editingPresetName || '').trim() || 'Preset';\n const content = String(ctx.editingPresetContent || '');\n const ok = await updatePreset(ctx, Number(id), { name, content, settings: (ctx.editingPresetSettings && typeof ctx.editingPresetSettings === 'object') ? ctx.editingPresetSettings : undefined });\n cancelEditingPreset(ctx);\n return ok;\n } catch (_) {\n cancelEditingPreset(ctx);\n return false;\n }\n}\n\nexport async function clonePreset(ctx, preset) {\n try {\n if (!preset) return null;\n const name = String(preset.name || 'Preset') + ' (copy)';\n const id = await createPreset(ctx, name, String(preset.content || ''), (preset && preset.settings) ? preset.settings : undefined);\n try { await loadPresets(ctx); } catch (_) { /* ignore */ }\n return id;\n } catch (_) { return null; }\n}\n\n\n",[],[274,534],{"_103":542,"_95":543,"_152":544,"_154":275,"_155":137,"_156":545,"_158":159,"_105":546,"_100":32,"_161":182,"_163":547,"_164":22,"_165":-5,"_166":548,"_98":549},"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",[],[274,543],{"_103":551,"_95":552,"_152":553,"_154":275,"_155":137,"_156":554,"_158":159,"_105":555,"_100":32,"_161":182,"_163":556,"_164":22,"_165":-5,"_166":557,"_98":558},"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",[],[274,552],{"_103":560,"_95":561,"_152":562,"_154":275,"_155":137,"_156":563,"_158":159,"_105":564,"_100":32,"_161":182,"_163":565,"_164":22,"_165":-5,"_166":566,"_98":567},"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",[],[274,561],[274],{"_103":570,"_95":571,"_152":572,"_154":-5,"_155":137,"_156":573,"_158":159,"_105":574,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":575,"_98":594},"bae9aca2-8526-11f0-9a69-0224a6c84d84","scripts","bae9ad6a-8526-11f0-9a69-0224a6c84d84",108,["D",1756506183953],[576,585],{"_103":577,"_95":578,"_152":579,"_154":572,"_155":137,"_156":580,"_158":159,"_105":581,"_100":32,"_161":182,"_163":582,"_164":22,"_165":-5,"_166":583,"_98":584},"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",[],[571,578],{"_103":586,"_95":587,"_152":588,"_154":572,"_155":137,"_156":589,"_158":159,"_105":590,"_100":32,"_161":182,"_163":591,"_164":22,"_165":-5,"_166":592,"_98":593},"bb41cffe-8526-11f0-b180-0224a6c84d84","fetch_vendor.js","bb41d09e-8526-11f0-b180-0224a6c84d84",116,["D",1756506184522],"// Download and vendor client-side libraries for offline use\n\nconst targets = [\n { url: 'https://unpkg.com/dexie@4.2.0/dist/dexie.min.js', path: 'frontend/vendor/dexie.min.js' },\n { url: 'https://unpkg.com/alpinejs@3.14.9/dist/cdn.min.js', path: 'frontend/vendor/alpine.min.js' },\n { url: 'https://cdn.jsdelivr.net/npm/marked@12.0.2/marked.min.js', path: 'frontend/vendor/marked.min.js' },\n { url: 'https://cdn.jsdelivr.net/npm/dompurify@3.1.6/dist/purify.min.js', path: 'frontend/vendor/purify.min.js' },\n { url: 'https://code.iconify.design/3/3.1.1/iconify.min.js', path: 'frontend/vendor/iconify.min.js' },\n { url: 'https://cdn.tailwindcss.com', path: 'frontend/vendor/tailwind-cdn.js' },\n];\n\nasync function ensureDirFor(filePath) {\n const parts = filePath.split('/');\n parts.pop();\n const dir = parts.join('/');\n try { await Deno.mkdir(dir, { recursive: true }); } catch (_) {}\n}\n\nfor (const t of targets) {\n try {\n const res = await fetch(t.url);\n if (!res.ok) throw new Error(`HTTP ${res.status}`);\n const text = await res.text();\n await ensureDirFor(t.path);\n await Deno.writeTextFile(t.path, text);\n console.log('[vendor] saved', t.path, `(${text.length} bytes)`);\n } catch (err) {\n console.error('[vendor] failed', t.url, '->', t.path, err);\n Deno.exit(1);\n }\n}\n\n\n",[],[571,587],[571],{"_103":596,"_95":597,"_152":598,"_154":-5,"_155":137,"_156":599,"_158":159,"_105":600,"_100":32,"_161":291,"_163":601,"_164":22,"_165":-5,"_166":602,"_98":603},"f756687a-7616-11f0-99b1-0224a6c84d84",".gitignore","f7566974-7616-11f0-99b1-0224a6c84d84",13,["D",1754850145313],".env\n.DS_Store",[],[597],{"_103":605,"_95":606,"_152":607,"_154":-5,"_155":137,"_156":608,"_158":159,"_105":609,"_100":32,"_161":291,"_163":610,"_164":22,"_165":-5,"_166":611,"_98":612},"f7722614-7616-11f0-baaa-0224a6c84d84",".vtignore","f77226d2-7616-11f0-baaa-0224a6c84d84",14,["D",1754850144831],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[606],{"_103":614,"_95":615,"_152":616,"_154":-5,"_155":137,"_156":136,"_158":159,"_105":617,"_100":181,"_161":182,"_163":618,"_164":22,"_165":-5,"_166":619,"_98":620},"5a47ec76-93ed-11f0-9117-0224a6c84d84","chatCompletion.js","f6661672-7616-11f0-b3f9-0224a6c84d84",["D",1758130807795],"// Minimal Groq Chat Completions client using fetch\nimport { extractOrRepairJsonResults, extractStructuredSummary, renderStructuredSummaryToHtml } from \"./jsonUtils.js\";\nexport async function groqChatCompletion(apiKey, payload) {\n console.log('>>> [groqChatCompletion] Payload:', payload);\n const response = await fetch('https://api.groq.com/openai/v1/chat/completions', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${apiKey}`,\n },\n body: JSON.stringify(payload),\n });\n if (!response.ok) {\n const text = await response.text();\n throw new Error(`Groq API error: ${response.status} ${text}`);\n }\n // console.log('>>> [groqChatCompletion] Response:', response);\n return await response.json();\n}\n\n// Use LLM to normalize any freeform output into strict JSON that matches our schema.\n// extractOrRepairJsonResults moved to ./jsonUtils.js\n\nexport function buildSearchPrompt(query, source, dateRange, language, offset) {\n // Always search in English; present in the selected language\n const presentationLanguage = (typeof language === 'string' && language.trim()) ? language : 'english';\n const languageInstruction = `IMPORTANT: Always conduct searches in English. Workflow: 1) If the user query is not in English, translate \"${query}\" into English search terms and use ONLY the English translation for searching. 2) After finding results, present all titles and descriptions in ${presentationLanguage}. Always search in English but present results in ${presentationLanguage}.`;\n\n const base = source && source.trim()\n ? `Search ${source} for: \"${query}\"`\n : `\"${query}\"`;\n\n let dateRangeText = '';\n if (dateRange) {\n dateRangeText = ({\n '1month': 'in the last month',\n '3months': 'in the last 3 months',\n '6months': 'in the last 6 months',\n '1year': 'in the last year',\n })[dateRange] || '';\n }\n\n const startResult = offset + 1;\n const endResult = offset + 5;\n const offsetInstruction = offset > 0 ? ` Skip the first ${offset} results and` : '';\n\n const searchPrompt = `${base}${dateRangeText ? ' ' + dateRangeText : ''}.${offsetInstruction} Return results ${startResult}-${endResult} (max 5 new results). Return ONLY JSON with a top-level \\\\\"results\\\\\" array. Each result must include: title and url. Optionally include: description (one concise sentence only if confidently grounded by the target page). Do NOT add or guess fields like source, published_at, comments, pmid, or doi — omit anything unknown.\\n\\nURL RULES (critical):\\n- Always provide a direct deep link to the specific item/resource — never a homepage, category page, or search results page.\\n- If the listing points to another resource, set url to the canonical content page, not the aggregator:\\n - Hacker News: prefer the external article URL if present; otherwise use the exact item permalink (https://news.ycombinator.com/item?id=...). Do not invent dates or comment counts.\\n - PubMed: use the PMID page (https://pubmed.ncbi.nlm.nih.gov/PMID/) or the publisher DOI landing page if available. Do not link to the PubMed homepage.\\n - arXiv: use https://arxiv.org/abs/<id> (or the PDF if explicitly asked for PDFs).\\n - DOI: use the https://doi.org/... resolver link.\\n - Reddit/Forums: use the exact thread permalink if the discussion is the result.\\n - GitHub: link to the exact repository, release, issue, or file path, not github.com root.\\n- Never return root domains (e.g., https://pubmed.ncbi.nlm.nih.gov/, https://news.ycombinator.com/). Ensure url resolves to the specific item. ${languageInstruction}`;\n return searchPrompt;\n}\n\n// Lightweight router: decide between 'links' (JSON list) and 'text' (short answer)\nexport async function routeQueryMode(apiKey, query) {\n // Routing disabled: force plain chat mode\n return 'text';\n /*\n try {\n const res = await groqChatCompletion(apiKey, {\n model: 'openai/gpt-oss-120b',\n messages: [\n { role: 'system', content: 'Classify the user request as either links or text. Respond with a single token: links or text. Use links if the user appears to want a search results list of sources; use text if the user is asking for an explanation/summary/definition.' },\n { role: 'user', content: String(query || '') }\n ],\n stream: false,\n });\n const out = (res?.choices?.[0]?.message?.content || '').trim().toLowerCase();\n if (out.includes('links')) return 'links';\n if (out.includes('text')) return 'text';\n } catch (_) { \n // fall back to heuristic\n }\n const q = String(query || '').trim().toLowerCase();\n const chatStarts = ['explain', 'what is', 'what are', 'how does', 'how do', 'summarize', 'overview', 'define', 'in simple terms', 'briefly', 'why is', 'compare', 'contrast'];\n if (chatStarts.some((s) => q.startsWith(s))) return 'text';\n if (q.endsWith('?') && q.length <= 200) return 'text';\n return 'links';\n */\n}\n\nexport async function performSearch({ apiKey, query, dateRange, source, language, offset = 0, model, stream, reasoningEffort, forceLinksRoute = false }) {\n // const prompt = buildSearchPrompt(query, source, dateRange, language, offset);\n // const start = Date.now();\n // const route = forceLinksRoute ? 'links' : await routeQueryMode(apiKey, query);\n // const response = await groqChatCompletion(apiKey, {\n // model,\n // messages: route === 'text'\n // ? [\n // {\n // role: 'system',\n // content: `If the user is asking for an explanation or summary rather than a list of links, respond with a concise plain-text answer in ${language || 'english'} (no JSON). If the request appears to be a search for sources, return ONLY JSON with a top-level results array as previously specified. ALWAYS conduct searches in English when needed.`\n // },\n // { role: 'user', content: query }\n // ]\n // : [\n // {\n // role: 'system',\n // content: `Return ONLY JSON matching the schema; no markdown or commentary. For every result, url MUST be a direct deep link to the specific item/resource (not a homepage, category page, or search results page). Prefer canonical targets: external article for HN listings, PubMed PMID page or publisher DOI for papers, arXiv abs page, DOI resolver, exact thread permalinks for discussions, and precise GitHub paths. Never output root domains as url. Additionally, ALWAYS conduct searches in English. If the user query is not in English, translate it to English first and use ONLY the English translation for searching. Present titles and descriptions in ${language || 'english'}.`\n // },\n // { role: 'user', content: prompt },\n // ],\n // stream: false,\n // reasoning_effort: reasoningEffort,\n // tools: [ { type: 'browser_search' } ],\n // });\n // const end = Date.now();\n // const searchTime = (end - start) / 1000;\n // const contentText = response.choices?.[0]?.message?.content || '';\n\n // console.log('>> contentText', contentText);\n // let results = [];\n // if (route === 'links') {\n // try {\n // // Try direct parse first (in case the model already returned valid JSON)\n // const stripped = String(contentText).replace(/^```json\\s*/i, '').replace(/```\\s*$/i, '');\n // const parsed = JSON.parse(stripped);\n // if (Array.isArray(parsed?.results)) results = parsed.results;\n // } catch (_) {\n // // as a fallback, attempt repair pass\n // results = await extractOrRepairJsonResults(contentText, apiKey, language);\n // }\n // } else {\n // // text mode → do not attempt to coerce content into results\n // results = [];\n // }\n // // Also return assistant content and full response for upstream logging / fallback display\n // return { results, searchTime, content: contentText, full: response, route };\n}\n\nimport { marked } from \"npm:marked\";\n\nfunction buildSummaryPrompt(url, title, language) {\n const languageInstruction = language && language !== 'english'\n ? `Please provide the summary in ${language}. `\n : '';\n\n return `Visit this URL: ${url}\n \nTitle: \"${title}\"\n\nCRITICAL INSTRUCTIONS:\n- Read the page content and produce a clean, professional summary.\n- Ignore navigation, comments, ads, headers/footers, and numerical artifacts.\n- If this is a research paper, use the RESEARCH format below.\n- If this is a news/blog/listing/discussion page (e.g., HN, Reddit, news site), use the GENERAL format below.\n- DO NOT include any citations, reference numbers, or raw scraping artifacts.\n- Write in clear prose without formatting artifacts.\n- The opening line of the summary must not simply repeat the title; avoid mirroring the title.\n\nReturn only one of the two structures below in markdown (choose based on page type). ${languageInstruction}\n\nRESEARCH FORMAT:\n<summary>\n**Research Question:** [brief description of what the study investigates]\n\n**Methods & Findings:** [1-2 paragraphs covering methodology and key results - NO CITATIONS]\n\n**Significance:** [why this research matters and potential applications - NO CITATIONS]\n</summary>\n\nGENERAL FORMAT:\n<summary>\n**What it is:** [brief description of the page]\n\n**Key points:** [bullet list or short paragraphs with the main takeaways]\n\n**Details:** [1–2 short paragraphs with notable specifics]\n</summary>`;\n}\n\nexport async function summarizeUrl({ apiKey, url, title, language, model, stream, reasoningEffort }) {\n const summaryPrompt = buildSummaryPrompt(url, title, language);\n const start = Date.now();\n const response = await groqChatCompletion(apiKey, {\n model,\n messages: [\n {\n role: 'system',\n content: 'You are a concise web content summarization expert. CRITICAL REQUIREMENTS: 1) Return ONLY the summary content within <summary></summary> tags - no other text, explanations, or metadata. 2) Use clean, professional markdown formatting. 3) NEVER include citations, reference numbers, line numbers, or any numerical markers like [1†, L0:, L1:, etc. 4) Write in clear prose without any formatting artifacts from source documents. 5) Adapt structure to page type and, if it is a research paper, strictly use the sections: Research Question, Methods & Findings, Significance; otherwise use the GENERAL structure.'\n },\n {\n role: 'user',\n content: summaryPrompt\n }\n ],\n stream,\n reasoning_effort: reasoningEffort,\n tools: [ { type: 'browser_search' } ],\n });\n const end = Date.now();\n const summaryTime = (end - start) / 1000;\n const responseText = response.choices[0]?.message?.content || '';\n\n // Prefer structured, JSON-cleaned summary to avoid leaking citation junk\n let cleanedHtml = '';\n try {\n const inner = (responseText.match(/<summary>([\\s\\S]*?)<\\/summary>/) || [null, responseText])[1];\n const structured = await extractStructuredSummary(inner, apiKey);\n if (structured) {\n cleanedHtml = renderStructuredSummaryToHtml(structured);\n }\n } catch (_) {\n // ignore and fallback\n }\n if (!cleanedHtml) {\n // Final fallback: render markdown, but still try to strip outer <summary> tags\n const match = responseText.match(/<summary>([\\s\\S]*?)<\\/summary>/);\n const raw = match ? match[1].trim() : responseText;\n cleanedHtml = marked(raw);\n }\n\n return { summary: cleanedHtml, summaryTime };\n}\n\n\n",[],[615],{"_103":622,"_95":623,"_152":624,"_154":-5,"_155":137,"_156":625,"_158":159,"_105":626,"_100":201,"_161":182,"_163":627,"_164":22,"_165":-5,"_166":628,"_98":629},"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",[],[623],{"_103":631,"_95":632,"_152":633,"_154":-5,"_155":137,"_156":634,"_158":159,"_105":635,"_100":201,"_161":291,"_163":636,"_164":22,"_165":-5,"_166":637,"_98":638},"bb76841a-8526-11f0-b94a-0224a6c84d84","deno.json","f74d226a-7616-11f0-8a59-0224a6c84d84",124,["D",1756506184803],"{\n \"tasks\": {\n \"serve\": \"deno serve --allow-read --allow-import --allow-env --allow-write --allow-net --reload=https://esm.town ./main.js\",\n \"build:css\": \"deno run --allow-read --allow-write ./scripts/build_css.js\",\n \"vendor:fetch\": \"deno run --allow-net --allow-write --allow-read ./scripts/fetch_vendor.js\",\n \"dev\": \"deno task build:css && deno task vendor:fetch && deno task serve\"\n },\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[632],{"_103":640,"_95":641,"_152":642,"_154":-5,"_155":137,"_156":301,"_158":159,"_105":643,"_100":32,"_161":291,"_163":644,"_164":22,"_165":-5,"_166":645,"_98":646},"f6a0161a-7616-11f0-baaa-0224a6c84d84","deno.lock","f6a016d8-7616-11f0-baaa-0224a6c84d84",["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",[],[641],{"_103":648,"_95":649,"_152":650,"_154":-5,"_155":137,"_156":651,"_158":159,"_105":652,"_100":653,"_161":291,"_163":654,"_164":22,"_165":-5,"_166":655,"_98":656},"cd6ba398-931e-11f0-ab56-0224a6c84d84","index.html","f67361ba-7616-11f0-baaa-0224a6c84d84",181,["D",1758042095308],18,"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Chatter\n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n\n \n\n \n\n \n\n\n

\n \n

\n Chatter\n

\n \n \n

\n \n

\n \n \n

\n \n

\n\n \n

\n \n

\n Settings\n \n

\n Get your free key here\n

\n API Key\n

\n \n \n

\n API Key\n

\n \n

\n \n \n

\n \n

\n\n \n

\n \n

\n model\n

\n \n

\n\n \n

\n temperature\n \n

\n \n

\n\n \n

\n max tokens\n \n

\n \n

\n\n \n

\n reasoning effort\n \n

\n\n \n

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

\n\n \n

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

\n \n

\n\n \n

\n\n

\n\n \n

\n\n\n",[],[649],{"_103":658,"_95":659,"_152":660,"_154":-5,"_155":137,"_156":661,"_158":159,"_105":662,"_100":32,"_161":182,"_163":663,"_164":22,"_165":-5,"_166":664,"_98":665},"f77b21ce-7616-11f0-8f0c-0224a6c84d84","jsonUtils.js","f77b22e6-7616-11f0-8f0c-0224a6c84d84",15,["D",1754850144846],"// General JSON extraction/repair helper using Groq Chat Completions\n// Converts arbitrary text into a strict JSON object and returns the `results` array\nexport async function extractOrRepairJsonResults(rawText, apiKey, language = 'english') {\n const response = await fetch('https://api.groq.com/openai/v1/chat/completions', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${apiKey}`,\n },\n body: JSON.stringify({\n model: 'openai/gpt-oss-120b',\n messages: [\n {\n role: 'system',\n content:\n 'You convert arbitrary text into a strict JSON object with a top-level `results` array. Return ONLY JSON, no markdown or comments. Output must already be sanitized: descriptions must be clean plain text with no citations (e.g., [1], (2)), no line numbers (e.g., L0:), no dagger symbols (†), no HTML, no code blocks, and no section headers. Descriptions must add new information beyond the title — never repeat or mirror the title. If a description would equal or start with the title, remove the title portion and ensure the remaining text adds value; if nothing remains, set description to null. Keep prose concise and readable.'\n },\n {\n role: 'user',\n content:\n 'Convert the following into ONLY valid JSON that matches the schema. If fields are missing, use null. Do not include markdown fences. In description, output plain text only (no citations, numbers-in-brackets, line numbers, or HTML). Present titles and descriptions in language: ' + String(language || 'english') + '\\n---\\n' + rawText\n }\n ],\n response_format: {\n type: 'json_schema',\n json_schema: {\n name: 'search_results',\n schema: {\n type: 'object',\n properties: {\n results: {\n type: 'array',\n items: {\n type: 'object',\n properties: {\n title: { type: 'string' },\n url: { type: 'string' },\n description: { type: ['string', 'null'] },\n source: { type: ['string', 'null'] },\n published_at: { type: ['string', 'null'] },\n comments: { type: ['number', 'null'] },\n pmid: { type: ['string', 'null'] },\n doi: { type: ['string', 'null'] }\n },\n required: ['title', 'url'],\n additionalProperties: false\n }\n }\n },\n required: ['results'],\n additionalProperties: false\n }\n }\n },\n stream: false\n }),\n });\n if (!response.ok) {\n const text = await response.text();\n throw new Error(`Groq API error: ${response.status} ${text}`);\n }\n const data = await response.json();\n const jsonText = data.choices?.[0]?.message?.content || '{}';\n try {\n const parsed = JSON.parse(jsonText);\n let results = Array.isArray(parsed?.results) ? parsed.results : [];\n return results;\n } catch (_) {\n return [];\n }\n}\n\n// Extract results strictly from tool outputs (ground truth URLs only)\n// The tool logs may include lines like \"URL: ...\", markdown lists, tables, or raw text.\n// This helper instructs the model to ONLY use URLs that appear in the provided text and never invent new ones.\nexport async function extractResultsFromToolOutputs(toolText, apiKey, language = 'english') {\n const response = await fetch('https://api.groq.com/openai/v1/chat/completions', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${apiKey}`,\n },\n body: JSON.stringify({\n model: 'openai/gpt-oss-120b',\n messages: [\n {\n role: 'system',\n content:\n 'You will receive raw logs from browser tool executions that include titles and URLs. Critically: ONLY use URLs that literally appear in the logs. Do not fabricate or guess any URL. Produce a strict JSON object with a top-level `results` array. Each result should map a meaningful title to one of the URLs present in the logs. Prefer canonical deep links by rule: Hacker News → exact item permalink or the external article if explicitly listed; PubMed → PMID page; arXiv → /abs/; DOI → https://doi.org/...; Reddit/forums → exact thread permalink; GitHub → exact path to repo/issue/file/release. If a suitable title is not obvious, derive a concise one from nearby text. If description can be inferred, include a short clean sentence with no citations or artifacts; otherwise set description to null. Never include any URL not present in the logs.'\n },\n {\n role: 'user',\n content:\n 'From the following tool logs, extract results using ONLY URLs that occur in the text. Return ONLY valid JSON matching the schema. If fields are missing, use null. No markdown fences. Present titles and descriptions in language: ' + String(language || 'english') + '\\n---\\n' + toolText\n }\n ],\n response_format: {\n type: 'json_schema',\n json_schema: {\n name: 'search_results_from_tools',\n schema: {\n type: 'object',\n properties: {\n results: {\n type: 'array',\n items: {\n type: 'object',\n properties: {\n title: { type: 'string' },\n url: { type: 'string' },\n description: { type: ['string', 'null'] },\n source: { type: ['string', 'null'] },\n published_at: { type: ['string', 'null'] },\n comments: { type: ['number', 'null'] },\n pmid: { type: ['string', 'null'] },\n doi: { type: ['string', 'null'] }\n },\n required: ['title', 'url'],\n additionalProperties: false\n }\n }\n },\n required: ['results'],\n additionalProperties: false\n }\n }\n },\n stream: false\n }),\n });\n if (!response.ok) {\n const text = await response.text();\n throw new Error(`Groq API error: ${response.status} ${text}`);\n }\n const data = await response.json();\n const jsonText = data.choices?.[0]?.message?.content || '{}';\n try {\n const parsed = JSON.parse(jsonText);\n const results = Array.isArray(parsed?.results) ? parsed.results : [];\n return results;\n } catch (_) {\n return [];\n }\n}\n\n// Remove null/undefined optional fields so UI never shows pmid: null or doi: null\nexport function sanitizeResults(results) {\n if (!Array.isArray(results)) return [];\n return results.map((r) => {\n const cleaned = { ...r };\n for (const key of ['pmid', 'doi', 'description', 'source', 'published_at', 'comments']) {\n if (cleaned[key] === null || cleaned[key] === undefined) {\n delete cleaned[key];\n }\n }\n return cleaned;\n });\n}\n\n\n\n// Structured summary extraction to eliminate citation artifacts and enforce clean fields\nexport async function extractStructuredSummary(rawText, apiKey) {\n const response = await fetch('https://api.groq.com/openai/v1/chat/completions', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${apiKey}`,\n },\n body: JSON.stringify({\n model: 'openai/gpt-oss-120b',\n messages: [\n {\n role: 'system',\n content:\n 'You convert arbitrary summary-like text into a strict JSON object describing the content. Return ONLY JSON, no markdown. Remove all citation artifacts (e.g., [1], (2), †), line numbers (e.g., L0:), and scraped UI fragments. Keep clean prose. Choose one type: research or general. For research, populate research_question, methods_and_findings, significance. For general, populate what_it_is, key_points (short bullet strings), and details. If any field would repeat or mirror the title or adds no value, set it to null. Keep text concise.'\n },\n {\n role: 'user',\n content:\n 'Normalize the following text into ONLY valid JSON matching the schema. No markdown fences, no HTML. Remove citations, numbers-in-brackets, line numbers, and artifacts.\\n---\\n' + rawText\n }\n ],\n response_format: {\n type: 'json_schema',\n json_schema: {\n name: 'structured_summary',\n schema: {\n type: 'object',\n properties: {\n type: { type: 'string', enum: ['general', 'research'] },\n general: {\n type: 'object',\n properties: {\n what_it_is: { type: 'string' },\n key_points: { type: 'array', items: { type: 'string' } },\n details: { type: 'string' }\n },\n additionalProperties: false\n },\n research: {\n type: 'object',\n properties: {\n research_question: { type: 'string' },\n methods_and_findings: { type: 'string' },\n significance: { type: 'string' }\n },\n additionalProperties: false\n }\n },\n required: ['type'],\n additionalProperties: false\n }\n }\n },\n stream: false\n }),\n });\n if (!response.ok) {\n const text = await response.text();\n throw new Error(`Groq API error: ${response.status} ${text}`);\n }\n const data = await response.json();\n const jsonText = data.choices?.[0]?.message?.content || '{}';\n try {\n const parsed = JSON.parse(jsonText);\n return parsed && typeof parsed === 'object' ? parsed : null;\n } catch (_) {\n return null;\n }\n}\n\nfunction escapeHtml(str) {\n if (!str) return '';\n return String(str)\n .replace(/&/g, '&')\n .replace(//g, '>')\n .replace(/\"/g, '"')\n .replace(/'/g, ''');\n}\n\n// Deterministic HTML renderer for structured summary\nexport function renderStructuredSummaryToHtml(structured) {\n if (!structured || typeof structured !== 'object') return '';\n const type = structured.type;\n if (type === 'research' && structured.research) {\n const rq = escapeHtml(structured.research.research_question || '');\n const mf = escapeHtml(structured.research.methods_and_findings || '');\n const sg = escapeHtml(structured.research.significance || '');\n let html = '';\n if (rq) html += '

Research Question: ' + rq + '

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

Methods & Findings: ' + mf + '

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

Significance: ' + sg + '

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

What it is: ' + what + '

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

Key points:

' + escapeHtml(p) + '

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

Details: ' + details + '

';\n return html;\n}\n\n\n// Synthesis fallback: produce results[] from mixed context (tool logs, assistant text, reasoning, existing results)\n// Only used when earlier parsing/repair yielded nothing or timed out\nexport async function synthesizeResultsFromContext(context, apiKey) {\n try {\n const {\n query = '',\n language = 'english',\n toolText = '',\n assistantText = '',\n reasoningText = '',\n existingResults = []\n } = context || {};\n\n const parts = [];\n if (query) parts.push('User query: ' + String(query));\n parts.push('Present titles and descriptions in language: ' + String(language || 'english'));\n if (Array.isArray(existingResults) && existingResults.length > 0) {\n parts.push('Existing results JSON (may be empty or partial): ' + JSON.stringify({ results: existingResults }));\n }\n if (toolText && String(toolText).trim()) parts.push('Tool logs:\\n' + String(toolText));\n if (assistantText && String(assistantText).trim()) parts.push('Assistant text:\\n' + String(assistantText));\n if (reasoningText && String(reasoningText).trim()) parts.push('Reasoning text:\\n' + String(reasoningText));\n\n const response = await fetch('https://api.groq.com/openai/v1/chat/completions', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${apiKey}`,\n },\n body: JSON.stringify({\n model: 'openai/gpt-oss-120b',\n messages: [\n {\n role: 'system',\n content: 'Synthesize a strict JSON search results list from provided context. CRITICAL: Prefer URLs that literally occur in tool logs or assistant text; avoid fabricating. Apply canonical link rules (HN item or external, PubMed PMID, arXiv /abs, DOI resolver, exact thread permalinks, precise GitHub paths). Descriptions must be clean plain text without citations (no [1], (2), L0:, †), HTML, or code fences, and must add info beyond the title. Present titles and descriptions in the requested language.'\n },\n {\n role: 'user',\n content: parts.join('\\n\\n')\n }\n ],\n response_format: {\n type: 'json_schema',\n json_schema: {\n name: 'search_results_synthesis',\n schema: {\n type: 'object',\n properties: {\n results: {\n type: 'array',\n items: {\n type: 'object',\n properties: {\n title: { type: 'string' },\n url: { type: 'string' },\n description: { type: ['string', 'null'] },\n source: { type: ['string', 'null'] },\n published_at: { type: ['string', 'null'] },\n comments: { type: ['number', 'null'] },\n pmid: { type: ['string', 'null'] },\n doi: { type: ['string', 'null'] }\n },\n required: ['title', 'url'],\n additionalProperties: false\n }\n }\n },\n required: ['results'],\n additionalProperties: false\n }\n }\n },\n stream: false\n })\n });\n if (!response.ok) {\n try { console.error('synthesizeResultsFromContext error:', await response.text()); } catch (_) {}\n return [];\n }\n const data = await response.json();\n const jsonText = data.choices?.[0]?.message?.content || '{}';\n try {\n const parsed = JSON.parse(jsonText);\n return Array.isArray(parsed?.results) ? parsed.results : [];\n } catch (_) {\n return [];\n }\n } catch (_err) {\n return [];\n }\n}\n\n// Synthesis fallback: produce concise plain-text answer from context (used when router selects text or lists fail)\nexport async function synthesizeTextFromContext(context, apiKey) {\n try {\n const {\n query = '',\n language = 'english',\n toolText = '',\n assistantText = '',\n reasoningText = ''\n } = context || {};\n\n const parts = [];\n if (query) parts.push('User query: ' + String(query));\n parts.push('Respond in language: ' + String(language || 'english'));\n if (toolText && String(toolText).trim()) parts.push('Tool logs:\\n' + String(toolText));\n if (assistantText && String(assistantText).trim()) parts.push('Assistant text:\\n' + String(assistantText));\n if (reasoningText && String(reasoningText).trim()) parts.push('Reasoning text:\\n' + String(reasoningText));\n\n const response = await fetch('https://api.groq.com/openai/v1/chat/completions', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${apiKey}`,\n },\n body: JSON.stringify({\n model: 'openai/gpt-oss-120b',\n messages: [\n {\n role: 'system',\n content: 'Answer the user clearly and concisely using only the provided context. Return plain text only (no markdown fences). Remove any citations, numbers-in-brackets, line numbers, and artifacts. If unsure, say so briefly.'\n },\n { role: 'user', content: parts.join('\\n\\n') }\n ],\n stream: false\n })\n });\n if (!response.ok) {\n try { console.error('synthesizeTextFromContext error:', await response.text()); } catch (_) {}\n return '';\n }\n const data = await response.json();\n const text = data.choices?.[0]?.message?.content || '';\n return String(text || '').trim();\n } catch (_err) {\n return '';\n }\n}\n",[],[659],{"_103":667,"_95":668,"_152":669,"_154":-5,"_155":137,"_156":670,"_158":159,"_105":671,"_100":181,"_161":672,"_163":673,"_164":22,"_165":96,"_166":674,"_98":675},"0439f510-7758-11f0-93f7-0224a6c84d84","main.js","f69a1b0c-7616-11f0-8f0c-0224a6c84d84",33,["D",1754988036009],"http","import \"jsr:@std/dotenv/load\";\nimport { createApp } from './backend/index.js';\n\nconst app = createApp(import.meta.url);\n\n// Export app.fetch for Val Town, otherwise export app — this is only for hono apps\nexport default (typeof Deno !== \"undefined\" && Deno.env.get(\"valtown\")) ? app.fetch : app;\n\n\n",[],[668],{"_103":677,"_95":678,"_152":679,"_154":-5,"_155":137,"_156":680,"_158":159,"_105":681,"_100":608,"_161":291,"_163":682,"_164":22,"_165":-5,"_166":683,"_98":684},"cd8b86d6-931e-11f0-867b-0224a6c84d84","notes.md","041e99e6-7758-11f0-81b1-0224a6c84d84",185,["D",1758042095514],"\non deck\n\n\nrandom features\n- new data model\n - multiple response toggling\n - branching tree chats / multiple chat trees?\n - multiple chat like v0 - either columnar (v0) or with some kind of context flipping <-- --> kind of thing\n - can generate multiple paths; each branch can be named automatically with the auto-namer\n - creates mutliple chat grids\n - multiple text +/- text area section??\n - multiple system prompts?\n\n\n\n- design\n - template for repeat phrasing (like the buttons/user prompts initially in chat gpt; but you can program them to push a button and it'll show at the bottom to click, like a quick way to enter stuff repeatedly)\n\n\n\n\nmedium features\n- context preservation\n - summarizer: summarizes key things succinctly into system prompt\n - trailing: feed summarizer and k-latest prompts\n- nicer upload area\n - add image upload\n - add file upload?\n - voice? \n - use the much nicer invoice one\n - add whisper transcription (from another val)\n- self-writing summary/notes system\n - has own system prompt, model selector, etc\n- long-term memory / offload memory?\n - durable object or valtown based link sharing?\n- mcp support?\n- support for \"re-search\" tool from before?\n\n\n\n- different interfaces\n - text notes\n - jan-like \"assistants\"\n - templates w/ preset prompts, settings, and variable input forms you type in, for future generations, like parameters\n - spin-off / sub-bot / picture in picture; eg spin another one up as a temp to ask some questions; an untracked one?\n\nbig features\n- multiplayer chats? i guess id-based consistent, resumable session chats\n- copy the shit out of heynote design for \"multiple-area\" design on same page\n- system settings\n - text size slider (four options)\n - system color\n - font choices\n\n\ndirector system / [ cognitive load manager ]\n- breaks down into \"chapters\"\n- some kind of \"controller / director\" that overwatches conversations\n - can generate spec sheets (like a dm's world sheet) eg random encounters / monsters that makes things more interesting (like a real role play)\n - can add some randomness\n - can be given random tools like dice throws (like a dm system) to add some variety\n\n\n\nrpg game concepts\n- chaptered games w/ a baseline world\n- day/night/cyclical games ([day: go hunt/forage/trade; night: rest, build], [day: rebuild; night: fend off zombies/attackes])\n - can do a game around trading / building / space travel, but you talk/trade w/ people\n\n\n\n\n\n\ndone\n- [x] right sidebar for collapsible accordions\n- [x] notes section? (for copy/paste for example)\n- [x] top/bottom chrome should be full width\n- [x] position send area relative to bottom and float on top of everything; make the text output naturally flow with the document instead of a scroll area right now\n- [x] [nah: lets do left side only for now] chat tabs across the top, like chrome or rest fox?!?!?!?!\n- [x] system message should NOT be auto generatlized across all; should be specific to chat \n- [x] copy entire page / thread / export entire thread data\n- [x] custom endpoints / switch out llm url, including localhost\n- [x] show model + preset name by response?\n- [x] [nah idk; seems to work] did custom endpoints get borked?\n- [x] switch to jobs mode: background running + tabs / multiple running instances\n- [x] switch out settings button with a Dropdown preset switcher and a settings button side by side for faster switching\n- [x] cmd shift up/down to switch previews quickly\n- [x] show the preset name and the model name for each chat (or custom if custom)\n- [x] dark mode + multiple mode support (scoped scss?)\n- [x] decouple system settings with each chat with templates; system template managements\n- [x] export / import presets\n- [x] chat settings should be tied to each chat; including linked presets (preset ids)\n- [x] sidebar desktop duplicated after refactor\n- [x] cmd option r for rerun lmao\n- [x] updated head title for chat titles\n- [x] duplicate button in left bar\n- [x] cmd-r for re-running latest ai chat\n- [x] preset settings\n- [x] each chat has its own settings\n- [x] also put a rerun on the output message so that output message is replaced (keep both buttons)\n- [x] move settings to a right slide bar\n- [x] system prompt templates\n - [x] crud system\n- [x] alpine component refactor\n- [x] save / load / import to restore all data\n- [x] /new to go straight to new\n- [x] chats have ids / slugs, so you can do /?id=whatever-chat-id\n- [x] key mappings\n - [x] cmd-option n for new\n - [x] cmd/ctrl-b to toggle side bar\n - [x] cmd/ctrl-shift-b for the settings area\n- [x] branching / forking into another chat instance\n- [x] edit button instead of double click to edit\n - [x] editing the user thing changes the width; can it somehow edit in place without changing the width / flow?\n- [x] refactor research app\n- [x] make left settings folder/new/hide into icons\n - [x] fix the hidden icon bug\n- [x] create a new chat in sidebar\n- [x] folders in sidebar\n- [x] resizable sidebar\n- [x] delete below\n- [x] delete individual messages\n- [x] re-run a user prompt / re-run an ai response\n- [~] [nah] save/discard for editing, like lmstudio? \n- [x] \"delete below\" should delete anything below, but not the current message\n\n\n\n\nother notes\n- system prompts as modes / mods to messages; eg if a character role play, to try to be nice, or angry; eg personalities to switch on/off\n- \n- templated system prompt that’s modular like lmstudio notes\n - can show/hide them for fast switching\n- tool calling\n - ability to call other systems\n- each bundle of settings is an “agent” for convenience; can be separated from the ui and swapped out, like lmstudio kind of, but have a small mgmt system like chat management\n- dynamic systems prompt, eg a system prompt for a system that summarizes the world knowledge, or notes, or logs all actions; these can all be several tools that automatically run and append to a system prompt\n- simple data system vs immerjs time travel system (have this example elsewhere)\n- reusable non system prompts\n - fill in the blank (like anthropic ui)\n - or just straight up text you can @notes any time\n - (eg messages you want to use to prime actions / stories; could be reusable messages or tag existing message logs\n - maybe each message log can get a uuid taggable, or even slug\n- you have chats (intentional interactions) and runs (like temporal, can be non user runs); should be able to manage all of that\n- email interface to manage all of of runs and chats\n- maybe interface for automations in general like coverflow\n- folders can have default modes/settings for chats started in them\n- “cards” system from silly tavern\n- professional role play situations (borrowing from silly tavern)\n- bots: reusable settings/combos; can call others to create a more complex workflow \n- json schema support for constrained responses?!\n - eg status, items, key settings and metadata, health/damage\n - for ui generation or card data gen\n\n- *** look at anthropic reference mcp server for memory\n\nJan.ai “assistant” bot",[],[678],{"_103":686,"_95":687,"_152":688,"_154":-5,"_155":137,"_156":383,"_158":159,"_105":689,"_100":32,"_161":291,"_163":690,"_164":22,"_165":-5,"_166":691,"_98":692},"f68f5f46-7616-11f0-9fe5-0224a6c84d84","readme.md","f68f6036-7616-11f0-9fe5-0224a6c84d84",["D",1754850144638],"### (re)Search — Groq demo\n\nTiny, no-nonsense demo for Groq: search the web and papers, then get clean summaries.\n\n- Search with optional source/date filters\n- Streams model reasoning/tools (SSE)\n- Returns tight JSON (deep links + one-line descriptions)\n- One‑click page summaries in your language\n\n### Run\n\n```sh\ndeno run -A smallweb/re-search/main.js \n```\n\nOpen http://localhost:8000 and paste your API key if the server doesn’t have one.\n\nPowered by Groq — get a key at [groq.com](https://groq.com).\n",[],[687],"files",[149,168,175,186,195,205,214,224,233,243,252,262,272,278,285,295,305,315,324,333,343,350,360,370,377,388,395,402,411,421,430,440,449,459,468,477,486,495,504,514,523,532,541,550,559,569,576,585,595,604,613,621,630,639,647,657,666,676,685],"counts",{"_697":32,"_698":201,"_699":32,"_700":32},"pulls","branches","forks","envVars","contents",[],{"_103":325,"_95":326,"_152":327,"_154":281,"_155":137,"_156":328,"_158":159,"_105":704,"_100":220,"_161":291,"_163":330,"_164":22,"_165":-5,"_98":705},["D",1756674328045],[274,280,326],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":714,"_291":719,"_722":723,"_746":747,"_754":-7,"_755":32,"_756":22},{"_103":104,"_95":96,"_105":715,"_107":-5,"_108":22,"_109":110,"_111":72,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":716,"_131":717,"_134":718,"_146":22},["D",1754850041617],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},{"_103":325,"_95":326,"_152":327,"_154":281,"_155":137,"_156":328,"_158":159,"_105":720,"_100":220,"_161":291,"_163":330,"_164":22,"_165":-5,"_98":721},["D",1756674328045],[274,280,326],"history",[724,726,731,736,741],{"_103":325,"_155":137,"_152":327,"_95":326,"_163":330,"_161":291,"_100":220,"_154":281,"_105":725,"_156":328,"_165":-5},["D",1756674328045],{"_103":727,"_155":137,"_152":327,"_95":326,"_163":728,"_161":291,"_100":258,"_154":281,"_105":729,"_156":730,"_165":-5},"bb569b00-8526-11f0-87ed-0224a6c84d84","\n\n\n",["D",1756506184667],120,{"_103":732,"_155":137,"_152":327,"_95":326,"_163":733,"_161":291,"_100":181,"_154":281,"_105":734,"_156":735,"_165":-5},"dea58a78-84f2-11f0-93f0-0224a6c84d84","\n\n\n",["D",1756483910071],103,{"_103":737,"_155":137,"_152":327,"_95":326,"_163":738,"_161":291,"_100":201,"_154":281,"_105":739,"_156":740,"_165":-5},"80529bec-8118-11f0-a31f-0224a6c84d84","\n\n\n",["D",1756060268018],89,{"_103":742,"_155":137,"_152":327,"_95":326,"_163":743,"_161":291,"_100":32,"_154":281,"_105":744,"_156":745,"_165":-5},"e1c450ca-804e-11f0-a248-0224a6c84d84","\n\n\n",["D",1755973672556],75,"versions",[748,750,751,752,753],{"_291":724,"_749":726},"previous",{"_291":726,"_749":731},{"_291":731,"_749":736},{"_291":736,"_749":741},{"_291":741,"_749":-5},"versionNumber","page","hasNext","actionData","errors"]

History for sidebarDesktop.html