\n
`;\n });\n\n if (processed !== html) el.innerHTML = processed;\n}\n\n/* ═══════════════════════════════════════════\n Message bubble rendering\n ═══════════════════════════════════════════ */\n\nfunction messageBubble(m, idx, session) {\n const isUser = m.role === 'user';\n const isEmpty = !m.content && m.role === 'assistant';\n const prevMsg = idx > 0 && session ? session.messages[idx - 1] : null;\n const showAvatar = !prevMsg || prevMsg.role !== m.role;\n const showDivider = prevMsg && prevMsg.role !== m.role;\n\n const userAvatar = localStorage.getItem('user-avatar') || '';\n const aiAvatar = localStorage.getItem('ai-avatar') || '';\n\n let html = '';\n if (showDivider) {\n html += '';\n }\n\n if (isUser) {\n const avatarHTML = showAvatar\n ? (userAvatar\n ? `\n \n 模型思考过程\n
\n${content.trim()}
\n 你
`)\n : '';\n html += `\n \n ${avatarHTML ? `
`;\n return html;\n }\n\n const avatarHTML = showAvatar\n ? (aiAvatar\n ? `${avatarHTML}
` : ''}\n ${escapeHtml(m.content)}
\n AI
`)\n : '';\n const content = isEmpty ? ' 正在思考...' : renderMarkdown(m.content);\n\n html += `\n \n ${avatarHTML ? `
`;\n return html;\n}\n\n/* ═══════════════════════════════════════════\n Scroll — smart: don't scroll if user is reading above\n ═══════════════════════════════════════════ */\n\nfunction smartScrollToBottom(container) {\n if (!container) return;\n const threshold = 80;\n const atBottom = container.scrollHeight - container.scrollTop - container.clientHeight < threshold;\n if (atBottom) {\n requestAnimationFrame(() => {\n container.scrollTo({ top: container.scrollHeight, behavior: 'smooth' });\n });\n }\n}\n\n/* ═══════════════════════════════════════════\n Helpers\n ═══════════════════════════════════════════ */\n\nfunction escapeHtml(text) {\n const div = document.createElement('div');\n div.textContent = text;\n return div.innerHTML;\n}\n\nfunction loadLlmConfig() {\n try {\n const active = localStorage.getItem('asr_llm_config_active') || 'sensenova';\n const saved = JSON.parse(localStorage.getItem('asr_llm_config_' + active) || '{}');\n const presets = {\n sensenova: { url: 'https://token.sensenova.cn/v1', model: 'deepseek-v4-flash' },\n deepseek: { url: 'https://api.deepseek.com', model: 'deepseek-chat' },\n openai: { url: 'https://api.openai.com/v1', model: 'gpt-4o' },\n modelscope: { url: 'https://api-inference.modelscope.cn/v1', model: 'ZhipuAI/GLM-5' },\n ollama: { url: 'http://localhost:11434/v1', model: 'qwen2.5:7b' },\n nanobot: { url: 'http://127.0.0.1:18900/v1', model: 'nanobot' },\n };\n const p = presets[active] || {};\n return {\n api_url: saved.api_url || p.url || '',\n api_key: saved.api_key || '',\n model_name: saved.model_name || p.model || '',\n temperature: saved.temperature || 0.3,\n system_prompt: saved.system_prompt || '',\n };\n } catch { return {}; }\n}\n\nfunction reRender() {\n const main = document.getElementById('route-content') || document.getElementById('main-content');\n if (!main) return;\n\n const msgs = document.getElementById('chatMessages');\n const scrollTop = msgs?.scrollTop || 0;\n\n main.innerHTML = render();\n init();\n\n main.querySelectorAll('.md-renderer.prose').forEach(el => postRender(el));\n\n if (msgs) msgs.scrollTop = scrollTop;\n}\n\nfunction updateSidebarSessions() {\n try {\n const sessions = getAllSessions().map(s => ({\n hash: `/chat/${s.id}`,\n title: s.title,\n updated: s.updated,\n }));\n import('../components/sidebar.js').then(Sidebar => {\n Sidebar.updateSessions(sessions);\n });\n } catch {}\n}\n\n/* ═══════════════════════════════════════════\n AI Title Generation (Phase 2)\n ═══════════════════════════════════════════ */\n\nasync function generateTitle(sessionId, firstUserMsg, firstAiReply, config) {\n try {\n const { setTitleGenPending, generateAiTitle } = await import('../store.js');\n setTitleGenPending(sessionId, firstUserMsg, firstAiReply);\n generateAiTitle(sessionId, firstUserMsg, firstAiReply, config).then(() => {\n // Update sidebar after title is generated\n updateSidebarSessions();\n });\n } catch {}\n}\n\n/* ═══════════════════════════════════════════\n Follow-up Questions (Phase 3)\n ═══════════════════════════════════════════ */\n\nasync function generateFollowUps(messages, aiReply, config) {\n try {\n const controller = new AbortController();\n const timer = setTimeout(() => controller.abort(), 5000);\n const lastFew = messages.slice(-6); // last 3 exchanges\n const res = await fetch('/chat', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n signal: controller.signal,\n body: JSON.stringify({\n messages: [\n { role: 'system', content: '根据上面的对话内容，生成 3 个简短的追问建议，每句不超过 25 字，用 JSON 数组格式返回，例如：[\"追问1\", \"追问2\", \"追问3\"]。只返回 JSON，不要其他内容。' },\n ...lastFew.map(m => ({ role: m.role, content: m.content.slice(0, 500) })),\n ],\n model: config.model_name,\n temperature: 0.7,\n api_url: config.api_url,\n api_key: config.api_key,\n }),\n });\n clearTimeout(timer);\n if (!res.ok) return;\n const data = await res.json();\n let content = data.choices?.[0]?.message?.content || '';\n // Parse JSON array from response\n content = content.trim();\n const match = content.match(/\\[[\\s\\S]*\\]/);\n if (!match) return;\n const questions = JSON.parse(match[0]);\n if (!Array.isArray(questions) || questions.length === 0) return;\n\n // Render follow-up buttons\n const msgsEl = document.getElementById('chatMessages');\n if (!msgsEl) return;\n const lastMsg = msgsEl.querySelector('.chat-msg.assistant:last-child');\n if (!lastMsg) return;\n const followUpDiv = document.createElement('div');\n followUpDiv.className = 'follow-up-questions';\n followUpDiv.innerHTML = questions.slice(0, 3).map(q =>\n ``\n ).join('');\n lastMsg.appendChild(followUpDiv);\n } catch {\n // Silently fail — non-critical feature\n }\n}\n\n/* ═══════════════════════════════════════════\n File Upload (Phase 5)\n ═══════════════════════════════════════════ */\n\nlet pendingFileContext = null; // { name, content }\n\nfunction handleFileUpload(e) {\n const file = e.target.files?.[0];\n if (!file) return;\n\n // Only support text files for now\n const allowedTypes = ['text/plain', 'text/markdown', 'text/csv', 'application/json', 'text/html'];\n const allowedExt = ['.txt', '.md', '.csv', '.json', '.html', '.xml', '.log', '.srt'];\n const ext = '.' + file.name.split('.').pop().toLowerCase();\n\n if (!allowedTypes.includes(file.type) && !allowedExt.includes(ext)) {\n toast('仅支持文本文件 (.txt, .md, .csv, .json, .html, .srt)', 'error');\n return;\n }\n\n if (file.size > 5 * 1024 * 1024) {\n toast('文件不能超过 5MB', 'error');\n return;\n }\n\n const reader = new FileReader();\n reader.onload = (ev) => {\n pendingFileContext = { name: file.name, content: ev.target.result };\n renderFilePreview(file.name, file.size);\n };\n reader.onerror = () => toast('文件读取失败', 'error');\n reader.readAsText(file);\n\n // Reset input so same file can be selected again\n e.target.value = '';\n}\n\nfunction renderFilePreview(name, size) {\n const preview = document.getElementById('chatFilePreview');\n if (!preview) return;\n preview.classList.remove('hidden');\n preview.innerHTML = `\n ${avatarHTML}
` : ''}\n ${content}
\n ${m.content && !isEmpty ? `\n \n \n \n
` : ''}\n \n \n ${escapeHtml(name)}\n ${formatFileSize(size)}\n \n
\n `;\n preview.querySelector('.chat-file-remove')?.addEventListener('click', clearFilePreview);\n}\n\nfunction clearFilePreview() {\n pendingFileContext = null;\n const preview = document.getElementById('chatFilePreview');\n if (preview) {\n preview.classList.add('hidden');\n preview.innerHTML = '';\n }\n}\n\nfunction formatFileSize(bytes) {\n if (bytes < 1024) return bytes + ' B';\n if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';\n return (bytes / (1024 * 1024)).toFixed(1) + ' MB';\n}\n\n// Global download handler\nwindow.downloadChatMsg = function(idx) {\n const session = getActiveSession();\n if (session && session.messages[idx]) {\n const now = new Date();\n const ts = now.toISOString().slice(0, 10);\n const text = `# ASR Chat — ${session.title}\\n\\n${session.messages[idx].content}`;\n const blob = new Blob([text], { type: 'text/markdown' });\n const a = document.createElement('a');\n a.href = URL.createObjectURL(blob);\n a.download = `chat_${ts}_${idx}.md`;\n a.click();\n }\n};\n"}}}}