feihong-code 7.2.0 → 7.5.0

package/dist/web/public/js/app.js

@@ -1,2210 +1,2210 @@
-// i18n 双语字典
-    const I18N = {
-      zh: {
-        'app.title_login': '飞虹 Code 控制台',
-        'app.login_hint': '请输入手机号码直接登录',
-        'app.brand': '飞虹 Code',
-        'login.phone_label': '手机号码',
-        'login.btn_login': '手机号登录',
-        'nav.chat': '💬 对话',
-        'nav.automations': '⚡ 自动化',
-        'nav.templates': '📚 模板库',
-        'nav.market': '🧩 插件',
-        'nav.office': '📎 办公',
-        'nav.memory': '🧠 记忆',
-        'nav.release': '🚀 发布',
-        'sidebar.nav': '导航',
-        'sidebar.chat': '对话任务',
-        'sidebar.automations': '自动化',
-        'sidebar.templates': '模板库',
-        'sidebar.market': '插件市场',
-        'sidebar.office': '办公助理',
-        'sidebar.memory': '记忆系统',
-        'sidebar.user': '用户',
-        'sidebar.settings': '设置',
-        'sidebar.task_list': '任务列表',
-        'btn.new_task': '＋ 新建任务',
-        'empty.no_tasks': '暂无任务',
-        'empty.no_skills': '没有找到技能',
-        'empty.no_builtin_templates': '无内置模板',
-        'empty.no_models': '还没有大模型配置，请在下方添加。',
-        'empty.preparing_welcome': '正在为您准备引导任务，请稍候…',
-        'task.not_selected': '未选择任务',
-        'task.select_hint': '从左侧任务列表选择，或在下方输入指令发起新任务',
-        'task.refresh': '刷新当前任务',
-        'chat.welcome': '点击「＋ 新建任务」开启一个新任务，或直接在下方向当前任务发送消息——所有对话都会归属同一个任务运行。',
-        'chat.menu': '＋ 菜单',
-        'chat.screenshot': '📷 截图',
-        'chat.upload_file': '📄 上传文件',
-        'chat.upload_image': '🖼 上传图片',
-        'chat.direct_mode': '🖥 电脑操作',
-        'chat.voice': '🎤 语音输入',
-        'chat.agent_type': '🤖 选择智能体类型',
-        'chat.agent_default': '🤖 通用助手',
-        'chat.listening': '● 正在听…',
-        'chat.send': '▶ 发送',
-        'common.loading': '加载中…',
-        'perm.default': '默认权限',
-        'call.hint': '通话',
-        'call.voice': '📞 语音',
-        'call.video': '🎥 视频',
-        'call.hangup': '⛔ 挂断',
-        'call.voice_call': '语音通话',
-        'call.video_call': '视频通话',
-        'call.voice_hint': '语音通话中，说话内容实时转文字',
-        'call.video_hint': '视频通话中，可截取画面发送',
-        'call.ended': '通话已结束，识别的文字已保留在输入框',
-        'computer.tab': '🖥 电脑操作',
-        'computer.capture': '📷 截取屏幕',
-        'computer.mouse_pos': '坐标',
-        'computer.click_left': '左键点击',
-        'computer.click_right': '右键点击',
-        'computer.double_click': '双击',
-        'computer.type_hint': '输入文字后回车发送',
-        'computer.screenshot_added': '摄像头画面已添加到输入框，可直接发送',
-        'computer.screenshot_not_ready': '视频还没准备好，请稍等',
-        'msg.copy': '📋 复制',
-        'msg.create_doc': '📄 建文档',
-        'msg.copied': '已复制到剪贴板',
-        'msg.doc_downloaded': '文档已下载',
-        'msg.no_content': '没有可复制的内容',
-        'crop.tip': '按住鼠标拖拽选择截图区域 · 松开确认 · ESC 取消',
-        'page.automations.sub': '把常用目标存成指令，一键发起任务',
-        'btn.new_automation': '+ 新建指令',
-        'empty.no_automations': '还没有快捷指令',
-        'page.templates.sub': '点击模板即可填充到输入框',
-        'btn.save_template': '+ 保存当前为模板',
-        'tpl.builtin': '内置模板',
-        'tpl.my': '我的模板',
-        'empty.no_templates': '暂无自定义模板',
-        'page.market.sub': '聚合 ClawHub 与 Agent-Foundry 技能生态',
-        'market.search_placeholder': '搜索…',
-        'market.source_all': '全部来源',
-        'btn.refresh': '刷新',
-        'market.installed': '已安装',
-        'empty.no_installed': '暂无已安装技能',
-        'page.office.sub': '文档处理快捷入口，点击即生成提示词',
-        'page.memory.sub': '短期记忆每日自动整理，沉淀长期知识',
-        'btn.refresh_mem': '🔄 刷新',
-        'btn.summarize': '✨ 立即总结',
-        'mem.stat_short_days': '短期记忆天数',
-        'mem.stat_long_items': '长期记忆条目',
-        'mem.stat_last_summary': '上次总结',
-        'mem.stat_next_summary': '下次自动总结',
-        'mem.tab_short': '📅 短期记忆',
-        'mem.tab_long': '💾 长期记忆',
-        'mem.tab_history': '📜 总结历史',
-        'btn.view': '查看',
-        'mem.select_date': '选择日期查看短期记忆',
-        'empty.no_history': '暂无总结记录',
-        'footbar.title': '对话任务',
-        'footbar.desc': '提交自然语言需求，云端静默执行并回传结果',
-        'footbar.model': '大模型',
-        'footbar.model_title': '切换当前使用的大模型',
-        'footbar.model_settings': '大模型设置',
-        'footbar.model_default': '默认（系统路由）',
-        'right.detail': '📦 任务详情',
-        'right.preview': '👁 产物预览',
-        'right.detail_hint': '从顶部选择一个任务查看详情。',
-        'right.preview_title': '预览',
-        'right.preview_hint': '点击任务或对话中的文件/代码进行预览。',
-        'modal.auto_title': '新建快捷指令',
-        'modal.auto_hint': '保存后可在「自动化」页一键发起任务。',
-        'modal.auto_name': '指令名称',
-        'modal.auto_goal': '目标（提交给模型的需求）',
-        'modal.perm_title': '🔒 权限处理窗口',
-        'modal.perm_hint': '配置工作期间 AI 可读范围及可操作权限。',
-        'modal.perm_read_scope': '可读范围',
-        'modal.perm_workspace': '仅当前工作区',
-        'modal.perm_specified': '指定目录',
-        'modal.perm_all': '全部文件',
-        'modal.perm_actions': '操作权限',
-        'modal.perm_read': '读取文件',
-        'modal.perm_write': '写入文件',
-        'modal.perm_shell': '执行命令',
-        'modal.perm_network': '访问网络',
-        'modal.perm_browser': '浏览器控制',
-        'modal.agent_title': '🤖 选择智能体类型',
-        'modal.agent_hint': '不同智能体会自动调整提示词与执行策略。',
-        'modal.folder_title': '📂 选择工作区文件夹',
-        'btn.select_folder': '选择此文件夹',
-        'modal.model_title': '🧠 大模型设置',
-        'modal.model_hint': '配置自定义大模型，可保存多个并在对话中随时切换。勾选「默认」的项将作为对话默认模型。',
-        'modal.model_name': '模型名称 *',
-        'modal.model_api': 'API 地址',
-        'modal.model_key': '密钥（API Key）',
-        'modal.model_reasoning': '推理过程运行内容（中间环节）',
-        'btn.save_config': '保存配置',
-        'btn.clear_form': '清空表单',
-        'btn.close': '关闭',
-        'modal.new_task_title': '＋ 新建对话任务',
-        'modal.new_task_hint': '创建一个全新任务，中部对话栏的所有消息都将归属该任务运行（支持多轮连续对话）。',
-        'modal.new_task_label': '任务描述',
-        'modal.new_task_agent': '智能体类型',
-        'modal.new_task_workspace': '工作区',
-        'btn.create_task': '创建任务',
-        'modal.settings_title': '⚙️ 设置',
-        'settings.general': '通用',
-        'settings.layout': '栏目配置',
-        'settings.perm': '权限处理',
-        'settings.perm_desc': '配置工作期间可读范围与操作权限',
-        'settings.theme': '外观',
-        'settings.theme_desc': '切换浅色 / 深色主题',
-        'settings.session': '💬 会话管理',
-        'menu.version': '体验版',
-        'menu.current': '当前',
-        'menu.buddy': 'Buddy 加油站',
-        'menu.invite': '去邀约',
-        'menu.invite_right': '最高得会员',
-        'menu.points': '积分余额',
-        'menu.growth': '成长计划',
-        'menu.growth_right': '连登有奖',
-        'menu.help': '帮助与反馈',
-        'menu.update': '检查更新',
-        'menu.logout': '退出登录',
-        'btn.cancel': '取消',
-        'btn.save': '保存',
-        'sidebar.release': '产品发布',
-        'modal.tpl_title_label': '模板标题',
-        'modal.tpl_title_ph': '如：SQL 优化',
-        'modal.tpl_category': '分类',
-        'modal.tpl_category_ph': '自定义',
-        'modal.tpl_goal': '目标内容',
-        'settings.session_auto_new': '发送消息前自动新建对话',
-        'settings.session_auto_open': '页面打开时自动新建对话',
-        'settings.session_clear': '新建对话时清空历史上下文',
-        'modal.auto_name_ph': '如：每日构建检查',
-        'modal.auto_goal_ph': '运行 npm test 并汇总失败用例…',
-        'modal.model_name_ph': '如 GPT-4o / 通义千问 / 自建模型',
-        'modal.model_api_ph': 'https://api.openai.com/v1',
-        'modal.model_key_ph': 'sk-...',
-        'modal.model_reasoning_ph': '配置该模型在中间推理环节的运行内容，例如：先列出需求拆解，再给出实现方案，最后输出代码。',
-        'modal.perm_path_ph': '输入允许的目录路径',
-        // ---- select 的 title 提示（键名固定为 title.<元素id>）----
-        'title.modelSelect': '切换当前使用的大模型',
-        // ---- 输入框占位符（键名固定为 ph.<元素id>）----
-        'ph.goalInput': '输入指令，消息将归属当前任务持续对话；点上方「＋ 新建任务」可开启新任务（创建 → 推理 → 工具验证 → 闭环全程追踪）',
-        'ph.marketSearch': '搜索…',
-        'ph.autoName': '如：每日构建检查',
-        'ph.autoGoal': '运行 npm test 并汇总失败用例…',
-        'ph.tplTitle': '如：SQL 优化',
-        'ph.tplCategory': '自定义',
-        'ph.tplGoal': '粘贴要保存的需求文本…',
-        'ph.permReadPath': '输入允许的目录路径',
-        'ph.modelName': '如 GPT-4o / 通义千问 / 自建模型',
-        'ph.modelApiBase': 'https://api.openai.com/v1',
-        'ph.modelApiKey': 'sk-...',
-        'ph.modelReasoning': '配置该模型在中间推理环节的运行内容，例如：先列出需求拆解，再给出实现方案，最后输出代码。',
-        'ph.ntGoal': '例如：请读取当前工作区 package.json，告诉我其中的 name 与 version 字段',
-        'ph.imName': '模型名称 *',
-        'ph.imBase': 'API 地址',
-      },
-      en: {
-        'app.title_login': 'Feihong Code Console',
-        'app.login_hint': 'Enter phone number to login directly',
-        'app.brand': 'Feihong Code',
-        'login.phone_label': 'Phone Number',
-        'login.btn_login': 'Login',
-        'nav.chat': '💬 Chat',
-        'nav.automations': '⚡ Automations',
-        'nav.templates': '📚 Templates',
-        'nav.market': '🧩 Market',
-        'nav.office': '📎 Office',
-        'nav.release': '🚀 Release',
-        'nav.memory': '🧠 Memory',
-        'sidebar.nav': 'Nav',
-        'sidebar.chat': 'Chat',
-        'sidebar.automations': 'Automations',
-        'sidebar.templates': 'Templates',
-        'sidebar.market': 'Market',
-        'sidebar.office': 'Office',
-        'sidebar.release': 'Release',
-        'sidebar.memory': 'Memory',
-        'sidebar.user': 'User',
-        'sidebar.settings': 'Settings',
-        'sidebar.task_list': 'Tasks',
-        'btn.new_task': '＋ New Task',
-        'empty.no_tasks': 'No tasks',
-        'empty.no_skills': 'No skills found',
-        'empty.no_builtin_templates': 'No built-in templates',
-        'empty.no_models': 'No model configured yet, add one below.',
-        'empty.preparing_welcome': 'Preparing welcome tasks for you, please wait…',
-        'task.not_selected': 'No task selected',
-        'task.select_hint': 'Select from task list or enter commands below',
-        'task.refresh': 'Refresh',
-        'chat.welcome': 'Click ＋ New Task to start a new task, or send messages to continue the current task.',
-        'chat.menu': '＋ Menu',
-        'chat.screenshot': '📷 Screenshot',
-        'chat.upload_file': '📄 Upload File',
-        'chat.upload_image': '🖼 Upload Image',
-        'chat.direct_mode': '🖥 Computer Control',
-        'chat.voice': '🎤 Voice Input',
-        'chat.agent_type': '🤖 Agent Type',
-        'chat.agent_default': '🤖 Assistant',
-        'chat.listening': '● Listening…',
-        'chat.send': '▶ Send',
-        'common.loading': 'Loading…',
-        'perm.default': 'Default Permissions',
-        'call.hint': 'Call',
-        'call.voice': '📞 Voice',
-        'call.video': '🎥 Video',
-        'call.hangup': '⛔ Hang Up',
-        'call.voice_call': 'Voice Call',
-        'call.video_call': 'Video Call',
-        'call.voice_hint': 'Voice call in progress, speech transcribed in real-time',
-        'call.video_hint': 'Video call in progress, capture frames to send',
-        'call.ended': 'Call ended, transcribed text kept in input box',
-        'computer.tab': '🖥 Computer Control',
-        'computer.capture': '📷 Capture Screen',
-        'computer.mouse_pos': 'Pos',
-        'computer.click_left': 'Left Click',
-        'computer.click_right': 'Right Click',
-        'computer.double_click': 'Double Click',
-        'computer.type_hint': 'Type text and press Enter to send',
-        'computer.screenshot_added': 'Camera frame added to input box, ready to send',
-        'computer.screenshot_not_ready': 'Video not ready yet, please wait',
-        'msg.copy': '📋 Copy',
-        'msg.create_doc': '📄 New Doc',
-        'msg.copied': 'Copied to clipboard',
-        'msg.doc_downloaded': 'Document downloaded',
-        'msg.no_content': 'No content to copy',
-        'crop.tip': 'Drag to select a screenshot area · Release to confirm · ESC to cancel',
-        'page.automations.sub': 'Save common goals as shortcuts, launch tasks with one click',
-        'btn.new_automation': '+ New Command',
-        'empty.no_automations': 'No shortcuts yet',
-        'page.templates.sub': 'Click a template to fill the input box',
-        'btn.save_template': '+ Save as Template',
-        'tpl.builtin': 'Built-in Templates',
-        'tpl.my': 'My Templates',
-        'empty.no_templates': 'No custom templates',
-        'page.market.sub': 'Aggregating ClawHub & Agent-Foundry skill ecosystems',
-        'market.search_placeholder': 'Search…',
-        'market.source_all': 'All Sources',
-        'btn.refresh': 'Refresh',
-        'market.installed': 'Installed',
-        'empty.no_installed': 'No installed skills',
-        'page.office.sub': 'Document processing shortcuts, generate prompts instantly',
-        'page.memory.sub': 'Daily auto-summary of short-term memory, accumulate long-term knowledge',
-        'btn.refresh_mem': '🔄 Refresh',
-        'btn.summarize': '✨ Summarize Now',
-        'mem.stat_short_days': 'Short-term Memory Days',
-        'mem.stat_long_items': 'Long-term Memory Items',
-        'mem.stat_last_summary': 'Last Summary',
-        'mem.stat_next_summary': 'Next Summary',
-        'mem.tab_short': '📅 Short-term',
-        'mem.tab_long': '💾 Long-term',
-        'mem.tab_history': '📜 History',
-        'btn.view': 'View',
-        'mem.select_date': 'Select date to view',
-        'empty.no_history': 'No summary records',
-        'footbar.title': 'Chat Task',
-        'footbar.desc': 'Submit natural language requirements, cloud silent execution and return results',
-        'footbar.model': 'Model',
-        'footbar.model_title': 'Switch model',
-        'footbar.model_settings': 'Model Settings',
-        'footbar.model_default': 'Default (System Route)',
-        'right.detail': '📦 Task Detail',
-        'right.preview': '👁 Preview',
-        'right.detail_hint': 'Select a task from the top to view details.',
-        'right.preview_title': 'Preview',
-        'right.preview_hint': 'Click files/codes in task or chat to preview.',
-        'modal.auto_title': 'New Automation',
-        'modal.auto_hint': 'Save for one-click task launch on Automations page.',
-        'modal.auto_name': 'Command Name',
-        'modal.auto_goal': 'Goal (Requirements for model)',
-        'modal.perm_title': '🔒 Permission Window',
-        'modal.perm_hint': 'Configure AI readable scope and operable permissions.',
-        'modal.perm_read_scope': 'Read Scope',
-        'modal.perm_workspace': 'Current Workspace Only',
-        'modal.perm_specified': 'Specified Directory',
-        'modal.perm_all': 'All Files',
-        'modal.perm_actions': 'Operation Permissions',
-        'modal.perm_read': 'Read Files',
-        'modal.perm_write': 'Write Files',
-        'modal.perm_shell': 'Execute Commands',
-        'modal.perm_network': 'Access Network',
-        'modal.perm_browser': 'Browser Control',
-        'modal.agent_title': '🤖 Agent Type',
-        'modal.agent_hint': 'Different agents auto-adjust prompts and execution strategies.',
-        'modal.folder_title': '📂 Select Workspace Folder',
-        'btn.select_folder': 'Select This Folder',
-        'modal.model_title': '🧠 Model Settings',
-        'modal.model_hint': 'Configure custom models, save multiple and switch anytime. Default model will be used by default.',
-        'modal.model_name': 'Model Name *',
-        'modal.model_api': 'API URL',
-        'modal.model_key': 'API Key',
-        'modal.model_reasoning': 'Reasoning Content (Optional)',
-        'btn.save_config': 'Save Config',
-        'btn.clear_form': 'Clear Form',
-        'btn.close': 'Close',
-        'modal.new_task_title': '＋ New Chat Task',
-        'modal.new_task_hint': 'Create a brand new task. All messages in the chat will belong to this task (supports multi-turn conversation).',
-        'modal.new_task_label': 'Task Description',
-        'modal.new_task_agent': 'Agent Type',
-        'modal.new_task_workspace': 'Workspace',
-        'btn.create_task': 'Create Task',
-        'modal.settings_title': '⚙️ Settings',
-        'settings.general': 'General',
-        'settings.layout': 'Layout Config',
-        'settings.perm': 'Permissions',
-        'settings.perm_desc': 'Configure readable scope and operation permissions',
-        'settings.theme': 'Appearance',
-        'settings.theme_desc': 'Switch light/dark theme',
-        'settings.session': '💬 Session Management',
-        'menu.version': 'Trial Version',
-        'menu.current': 'Current',
-        'menu.buddy': 'Buddy Station',
-        'menu.invite': 'Invite',
-        'menu.invite_right': 'Get Premium',
-        'menu.points': 'Points Balance',
-        'menu.growth': 'Growth Plan',
-        'menu.growth_right': 'Streak Bonus',
-        'menu.help': 'Help & Feedback',
-        'menu.update': 'Check Update',
-        'menu.logout': 'Logout',
-        'btn.cancel': 'Cancel',
-        'btn.save': 'Save',
-        'sidebar.release': 'Release',
-        'modal.tpl_title_label': 'Template Title',
-        'modal.tpl_title_ph': 'e.g. SQL optimization',
-        'modal.tpl_category': 'Category',
-        'modal.tpl_category_ph': 'Custom',
-        'modal.tpl_goal': 'Goal Content',
-        'settings.session_auto_new': 'Auto new conversation before sending',
-        'settings.session_auto_open': 'Auto new conversation on page open',
-        'settings.session_clear': 'Clear history on new conversation',
-        'modal.auto_name_ph': 'e.g. Daily build check',
-        'modal.auto_goal_ph': 'Run npm test and summarize failures…',
-        'modal.model_name_ph': 'e.g. GPT-4o / Qwen / custom model',
-        'modal.model_api_ph': 'https://api.openai.com/v1',
-        'modal.model_key_ph': 'sk-...',
-        'modal.model_reasoning_ph': 'Configure what this model runs in intermediate reasoning steps, e.g. break down requirements first, then propose a solution, then output code.',
-        'modal.perm_path_ph': 'Enter allowed directory path',
-        // ---- select title hints (key = title.<element id>) ----
-        'title.modelSelect': 'Switch the active LLM',
-        // ---- input placeholders (key = ph.<element id>) ----
-        'ph.goalInput': 'Type an instruction. Messages stay in the current task; click "+ New Task" above to start a new one (create → reason → verify → close the loop).',
-        'ph.marketSearch': 'Search…',
-        'ph.autoName': 'e.g. Daily build check',
-        'ph.autoGoal': 'Run npm test and summarize failing cases…',
-        'ph.tplTitle': 'e.g. SQL Optimization',
-        'ph.tplCategory': 'Custom',
-        'ph.tplGoal': 'Paste the requirement text to save…',
-        'ph.permReadPath': 'Enter an allowed directory path',
-        'ph.modelName': 'e.g. GPT-4o / Qwen / Self-hosted',
-        'ph.modelApiBase': 'https://api.openai.com/v1',
-        'ph.modelApiKey': 'sk-...',
-        'ph.modelReasoning': 'Define what this model does during intermediate reasoning, e.g. break down requirements first, then propose a plan, then output code.',
-        'ph.ntGoal': 'e.g. Read package.json in the current workspace and tell me its name and version fields',
-        'ph.imName': 'Model name *',
-        'ph.imBase': 'API endpoint',
-      }
-    };
-    
-    let currentLang = localStorage.getItem('fhcode.lang') || 'zh';
-    
-    
-    /**
-     * 安全地把某个元素的 i18n 文案落地。
-     * 关键约束（曾导致「模型无法切换」「侧边栏图标消失」的线上问题）：
-     *  - <select> 绝对不能写 textContent，否则会把所有 <option> 一次性清空；
-     *  - <input>/<textarea> 只改 placeholder，且必须命中专用键，避免误翻；
-     *  - 含子元素的容器（图标 + 标签）只改 title / 直接文本节点，绝不整体覆盖。
-     */
-
-    function switchLang(lang) {
-      currentLang = lang;
-      localStorage.setItem('fhcode.lang', lang);
-      document.querySelectorAll('[data-i18n]').forEach((el) => {
-        try { applyI18nToEl(el); } catch (e) { console.warn('[i18n] 应用失败', el, e); }
-      });
-      document.querySelectorAll('.lang-btn').forEach(btn => {
-        btn.classList.toggle('active', btn.getAttribute('data-lang') === lang);
-      });
-      document.documentElement.lang = lang;
-      // 语言切换后重建由 JS 动态渲染的下拉/列表，保证选项文案与选中值不丢失
-      try { if (typeof renderModelSelect === 'function') renderModelSelect(); } catch {}
-    }
-    
-    document.querySelectorAll('.lang-btn').forEach(btn => {
-      btn.addEventListener('click', () => switchLang(btn.getAttribute('data-lang')));
-    });
-    
-    // 初始化语言
-    switchLang(currentLang);
-    
-    const AGENT_TYPES = {
-      general: { label: '通用助手', icon: '🤖' },
-      'fix-code': { label: '修复代码', icon: '🐛' },
-      'write-code': { label: '编写代码', icon: '✍️' },
-      'exec-command': { label: '执行命令', icon: '⚡' },
-    };
-
-    const state = {
-      token: '',
-      phone: '',
-      tasks: [],
-      currentTaskId: null,
-      submittedTaskIds: new Set(),
-      completedTaskIds: new Set(),
-      pinnedTasks: new Set(), // 置顶任务ID集合
-      market: [],
-      installed: new Set(),
-      agentType: 'general',
-      directMode: false,
-      permissions: {
-        readScope: 'workspace',
-        readPath: '',
-        allowRead: true,
-        allowWrite: false,
-        allowShell: false,
-        allowNetwork: true,
-        allowBrowser: false,
-      },
-      workspaceDir: '',
-      rightTab: 'detail',
-      models: [],
-      defaultModelId: null,
-      modelId: '',
-      // 待发送附件暂存区（截图/上传文件/上传图片，点发送时才上传并发给 AI）
-      stagedFiles: [],
-      // 会话管理配置
-      sessionConfig: {
-        autoResetOnNew: false,    // 打开时自动新建对话
-        autoResetOnOpen: false,   // 发送消息时自动重置
-        clearHistoryOnNew: true,  // 新建时清空历史
-      },
-      procOpen: false,            // 「执行过程」折叠面板是否展开（轮询刷新时保留）
-    };
-
-    (function initSession() {
-      // 提前检测登录状态，给 html 加 class，配合 CSS 避免登录页闪烁（感觉像打开两次）
-      try {
-        const urlToken = new URLSearchParams(location.search).get('token');
-        if (urlToken) localStorage.setItem('fhcode.token', urlToken);
-        const t = localStorage.getItem('fhcode.token');
-        const p = localStorage.getItem('fhcode.phone');
-        if (t && p) {
-          document.documentElement.classList.add('logged-in');
-        }
-      } catch(e) {}
-      const urlToken = new URLSearchParams(location.search).get('token');
-      if (urlToken) localStorage.setItem('fhcode.token', urlToken);
-      const savedModel = localStorage.getItem('fhcode.model');
-      if (savedModel !== null) state.modelId = savedModel;
-      state.token = localStorage.getItem('fhcode.token') || '';
-      state.phone = localStorage.getItem('fhcode.phone') || '';
-      try {
-        const p = JSON.parse(localStorage.getItem('fhcode.permissions') || '{}');
-        if (p) Object.assign(state.permissions, p);
-      } catch {}
-      // 恢复主题偏好（脚本位于 body 尾部，尽早生效避免闪烁）
-      if (localStorage.getItem('fhcode.theme') === 'dark') {
-        document.documentElement.classList.add('dark');
-      }
-      // 加载会话配置
-      try {
-        const sc = JSON.parse(localStorage.getItem('fhcode.sessionConfig') || '{}');
-        if (sc.autoResetOnNew != null) state.sessionConfig.autoResetOnNew = sc.autoResetOnNew;
-        if (sc.autoResetOnOpen != null) state.sessionConfig.autoResetOnOpen = sc.autoResetOnOpen;
-        if (sc.clearHistoryOnNew != null) state.sessionConfig.clearHistoryOnNew = sc.clearHistoryOnNew;
-      } catch {}
-      // autoResetOnOpen: 页面打开时自动新建对话（不自动选中旧任务，显示空白输入区）
-      if (state.sessionConfig.autoResetOnOpen && state.token) {
-        state.currentTaskId = null;
-        const box = document.getElementById('messages');
-        if (box) box.innerHTML = '<div class="msg sys">已按设置自动新建对话，输入指令即可发起新任务。</div>';
-      }
-    })();
-
-    // 消息气泡通用操作：复制 / 编辑 / 分享 / 创建文档
-    function bubbleActions(e, content) {
-      e.stopPropagation();
-      const menu = document.getElementById('bubbleMenu');
-      if (menu) menu.remove();
-      const m = document.createElement('div');
-      m.id = 'bubbleMenu';
-      m.style.cssText = 'position:fixed;z-index:10001;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.18);padding:4px 0;min-width:140px;font-size:13px;';
-      const items = [
-        { label: '📋 复制', action: 'copy' },
-        { label: '✏️ 编辑', action: 'edit' },
-        { label: '🔗 分享链接', action: 'share' },
-        { label: '📄 创建文档', action: 'doc' },
-      ];
-      items.forEach((it) => {
-        const el = document.createElement('div');
-        el.className = 'dropdown-item';
-        el.textContent = it.label;
-        el.style.cssText = 'padding:7px 16px;cursor:pointer;';
-        el.addEventListener('mouseenter', () => { el.style.background = 'var(--brand-soft)'; });
-        el.addEventListener('mouseleave', () => { el.style.background = ''; });
-        el.addEventListener('click', () => {
-          m.remove();
-          handleBubbleAction(it.action, content);
-        });
-        m.appendChild(el);
-      });
-      document.body.appendChild(m);
-      const rect = e.target.getBoundingClientRect();
-      m.style.right = (window.innerWidth - rect.right + 4) + 'px';
-      m.style.top = rect.top + 'px';
-    }
-    async function handleBubbleAction(action, content) {
-      if (action === 'copy') {
-        try { await navigator.clipboard.writeText(content); toast('已复制到剪贴板'); }
-        catch { document.execCommand('copy'); toast('已复制'); }
-      } else if (action === 'edit') {
-        const edited = prompt('编辑内容：', content);
-        if (edited != null && edited.trim()) {
-          // 就近更新对应的消息气泡正文（最终回复块 / 对话气泡）
-          const box = document.getElementById('messages');
-          if (box) {
-            const candidates = box.querySelectorAll('.step.final > div:last-child, .msg.assistant, .msg.user');
-            for (let i = candidates.length - 1; i >= 0; i--) {
-              if ((candidates[i].textContent || '').trim() === (content || '').trim()) {
-                candidates[i].textContent = edited;
-                break;
-              }
-            }
-          }
-          toast('已更新消息内容（本地预览）');
-        }
-      } else if (action === 'share') {
-        const payload = btoa(unescape(encodeURIComponent(content.slice(0, 2000))));
-        const url = location.origin + location.pathname + '#share/' + payload;
-        try { await navigator.clipboard.writeText(url); toast('分享链接已复制'); }
-        catch { prompt('复制以下链接分享给他人：', url); }
-      } else if (action === 'doc') {
-        const title = prompt('文档标题（默认： fhcode-回复）：', 'fhcode-回复-' + Date.now());
-        if (!title) return;
-        const blob = new Blob([content], { type: 'text/markdown;charset=utf-8' });
-        const a = document.createElement('a');
-        a.href = URL.createObjectURL(blob);
-        a.download = title.replace(/[^\u4e00-\u9fa5a-zA-Z0-9_\-]/g, '_') + '.md';
-        a.click();
-        URL.revokeObjectURL(a.href);
-        toast('文档已下载');
-      }
-    }
-
-    // 消息操作按钮事件委托（复制、创建文档）
-    document.getElementById('messages')?.addEventListener('click', (e) => {
-      const btn = e.target.closest('.msg-action-btn');
-      if (!btn) return;
-      e.stopPropagation();
-      const action = btn.getAttribute('data-action');
-      const msgEl = btn.closest('.msg');
-      if (!msgEl) return;
-      // 获取消息文本内容（排除操作按钮）
-      const actionsEl = msgEl.querySelector('.msg-actions');
-      let content = '';
-      if (actionsEl) {
-        // 临时移除操作按钮，获取文本，再放回去
-        const parent = actionsEl.parentNode;
-        const nextSibling = actionsEl.nextSibling;
-        parent.removeChild(actionsEl);
-        content = msgEl.textContent || '';
-        if (nextSibling) parent.insertBefore(actionsEl, nextSibling);
-        else parent.appendChild(actionsEl);
-      } else {
-        content = msgEl.textContent || '';
-      }
-      content = content.trim();
-      if (!content) {
-        toast('没有可复制的内容');
-        return;
-      }
-      if (action === 'copy') {
-        handleBubbleAction('copy', content);
-      } else if (action === 'create-doc') {
-        handleBubbleAction('doc', content);
-      }
-    });
-
-    /* ========== 登录 ========== */
-    document.getElementById('loginBtn').addEventListener('click', doLogin);
-    document.getElementById('loginPhone').addEventListener('keydown', (e) => { if (e.key === 'Enter') doLogin(); });
-
-    async function afterLogin() {
-      updateUserBar();
-      // 检查是否是首次登录，如果是则显示欢迎引导
-      const isFirstLogin = await checkFirstLogin();
-      if (isFirstLogin) {
-        // 从 localStorage 恢复 welcomeTasks（登录时已创建）
-        const savedWelcomeTasks = localStorage.getItem('fhcode.welcomeTasks');
-        if (savedWelcomeTasks) {
-          try {
-            const tasks = JSON.parse(savedWelcomeTasks);
-            if (tasks.length > 0) {
-              showWelcomeGuide(tasks);
-              return; // 引导流程已启动，跳过常规加载
-            }
-          } catch {}
-        }
-        showWelcomeGuide([]);
-      }
-      await Promise.allSettled([loadTasks(), loadAutomations(), loadTemplates(), loadMarket(), loadOffice(), loadWorkspace(), loadModels(), loadMemoryStats(), loadNodes(), loadSources()]);
-      startRefresh();
-    }
-
-    async function checkFirstLogin() {
-      if (!state.token) return false;
-      try {
-        const d = await api('/api/auth/me');
-        if (d.isFirstLogin === true) {
-          // 保存首次登录标记，供后续使用
-          localStorage.setItem('fhcode.firstLogin', 'true');
-        }
-        return d.isFirstLogin === true;
-      } catch {
-        return false;
-      }
-    }
-
-
-
-    async function runWelcomeTask(taskId) {
-      try {
-        // 加载任务详情
-        const d = await api('/api/tasks/' + taskId);
-        state.currentTaskId = d.task.id;
-        
-        // 关闭引导弹窗
-        const modal = document.getElementById('welcomeGuideModal');
-        if (modal) modal.classList.remove('show');
-        
-        // 显示任务列表
-        const taskListSection = document.getElementById('taskListSection');
-        if (taskListSection) taskListSection.style.display = 'block';
-        
-        // 加载并刷新任务
-        await loadTasks();
-        selectTask(taskId);
-        toast('已启动引导任务：' + (d.task.goal.slice(0, 20) + '…'));
-      } catch (e) {
-        toast('启动任务失败：' + e.message);
-      }
-    }
-
-    // 运行所有引导任务
-    async function runAllWelcomeTasks() {
-      const tasks = JSON.parse(localStorage.getItem('fhcode.welcomeTasks') || '[]');
-      if (tasks.length === 0) {
-        toast('暂无引导任务');
-        return;
-      }
-      // 关闭弹窗
-      const modal = document.getElementById('welcomeGuideModal');
-      if (modal) modal.classList.remove('show');
-      // 显示任务列表
-      const taskListSection = document.getElementById('taskListSection');
-      if (taskListSection) taskListSection.style.display = 'block';
-      // 运行第一个任务
-      await runWelcomeTask(tasks[0].taskId);
-      toast('已开始执行引导任务，共 ' + tasks.length + ' 个');
-    }
-
-    // 绑定"全部运行"按钮
-    document.getElementById('welcomeRunAllBtn')?.addEventListener('click', runAllWelcomeTasks);
-
-    // 在登录后保存 welcomeTasks 到 localStorage
-    async function saveWelcomeTasks(tasks) {
-      if (tasks && tasks.length > 0) {
-        localStorage.setItem('fhcode.welcomeTasks', JSON.stringify(tasks));
-      }
-    }
-
-
-    /* ========== 导航切换 ========== */
-
-    document.querySelectorAll('.topbar-nav-item').forEach((el) => {
-      el.addEventListener('click', () => switchView(el.getAttribute('data-nav')));
-    });
-    document.querySelectorAll('.sidebar-icon[data-nav]').forEach((el) => {
-      el.addEventListener('click', () => switchView(el.getAttribute('data-nav')));
-    });
-
-    /* ========== 用户菜单 ========== */
-    const userMenuMask = document.getElementById('userMenuMask');
-    document.getElementById('topbarUser').addEventListener('click', () => userMenuMask.classList.add('show'));
-    document.getElementById('sidebarUser').addEventListener('click', () => userMenuMask.classList.add('show'));
-    userMenuMask.addEventListener('click', (e) => { if (e.target === userMenuMask) userMenuMask.classList.remove('show'); });
-    document.querySelectorAll('#userMenu .sheet-item').forEach((el) => {
-      el.addEventListener('click', () => {
-        const action = el.getAttribute('data-action');
-        userMenuMask.classList.remove('show');
-        switch (action) {
-          case 'settings': openModal('settingsModal'); break;
-          case 'models': openModels(); break;
-          case 'theme': toggleTheme(); break;
-          case 'help': openBrowser('https://github.com/wch887292/feihong-code/issues'); break;
-          case 'buddy': openBrowser('https://www.klai.top'); break;
-          case 'invite': toast('邀请链接已复制（演示）'); break;
-          case 'points': toast('积分余额：0（演示）'); break;
-          case 'growth': toast('连续登录 1 天（演示）'); break;
-          case 'version': toast('当前为体验版'); break;
-          case 'update': checkUpdate(); break;
-          case 'logout':
-            localStorage.removeItem('fhcode.token');
-            localStorage.removeItem('fhcode.phone');
-            location.reload();
-            break;
-        }
-      });
-    });
-
-    document.getElementById('sidebarSettings').addEventListener('click', () => {
-      userMenuMask.classList.remove('show');
-      openModal('settingsModal');
-    });
-
-    function openBrowser(url) {
-      api('/api/open/browser', 'POST', { url }).then(() => toast('已在系统浏览器打开')).catch((e) => toast('打开失败：' + e.message));
-    }
-    async function checkUpdate() {
-      try {
-        const d = await api('/api/health');
-        toast('当前版本 ' + d.version + '，已是最新（演示）');
-      } catch (e) { toast('检查失败：' + e.message); }
-    }
-    function toggleTheme() {
-      const dark = document.documentElement.classList.toggle('dark');
-      localStorage.setItem('fhcode.theme', dark ? 'dark' : 'light');
-      toast(dark ? '已切换为深色主题' : '已切换为浅色主题');
-    }
-
-    /* ========== 任务列表与详情 ========== */
-    async function selectTask(id) {
-      state.currentTaskId = id;
-      renderSidebarTaskList();
-      renderTaskDetail(id);
-      await refreshCurrentThread();
-      switchRightTab('detail');
-    }
-
-    // 切换置顶状态
-    function togglePinTask(taskId) {
-      if (state.pinnedTasks.has(taskId)) {
-        state.pinnedTasks.delete(taskId);
-        toast('已取消置顶');
-      } else {
-        state.pinnedTasks.add(taskId);
-        toast('已置顶');
-      }
-      renderSidebarTaskList();
-    }
-
-    // 删除任务
-    async function deleteTask(taskId) {
-      if (!confirm('确定要删除这个任务吗？')) return;
-      try {
-        await api('/api/tasks/' + taskId, 'DELETE');
-        toast('任务已删除');
-        state.tasks = state.tasks.filter((t) => t.id !== taskId);
-        // 若删除的是当前任务，清空选中并回退到最新任务或空白态
-        if (state.currentTaskId === taskId) {
-          state.currentTaskId = null;
-          if (state.tasks.length) {
-            state.currentTaskId = state.tasks[0].id;
-            renderTaskDetail(state.currentTaskId);
-            await refreshCurrentThread();
-          } else {
-            renderTaskThread(null);
-          }
-        }
-        renderSidebarTaskList();
-      } catch (e) {
-        toast('删除失败：' + e.message);
-      }
-    }
-    async function handleDetailOp(task, op, path) {
-      if (op === 'folder') {
-        try { await api('/api/open/folder', 'POST', { path: path || task.workspaceDir }); toast('已打开资源管理器'); }
-        catch (e) { toast('打开失败：' + e.message); }
-      } else if (op === 'browser') {
-        const url = extractUrl(task.result?.finalAnswer) || 'https://www.klai.top';
-        openBrowser(url);
-      } else if (op === 'artifacts') {
-        await showArtifacts(path || task.workspaceDir);
-      } else if (op === 'preview' || op === 'code') {
-        const text = task.result?.finalAnswer || '';
-        showPreview('任务产物', linkifyArtifacts(text), 'text');
-        switchRightTab('preview');
-      }
-    }
-    /* ========== 任务思维链路渲染 ========== */
-    /** 切换思考过程折叠/展开 */
-    /** 切换工具调用参数详情显示/隐藏 */
-
-    /** 群组渲染助手消息为 Cursor 风格的思考过程 + 回复 */
-
-    // 拉取当前选中任务的完整详情（含思维链路步骤）并渲染
-    async function refreshCurrentThread() {
-      if (!state.currentTaskId) { renderTaskThread(null); return; }
-      try {
-        const d = await api('/api/tasks/' + state.currentTaskId);
-        const t = d.task;
-        const idx = state.tasks.findIndex((x) => x.id === t.id);
-        if (idx >= 0) state.tasks[idx] = t; else state.tasks.push(t);
-        renderTaskThread(t);
-      } catch (e) { console.warn('刷新当前任务线程失败', e); renderTaskThread(null); }
-    }
-
-
-    // 将单个任务渲染为对话框：对话流（用户↔助手干净气泡）+ 内部执行过程（默认折叠）
-    // 单条执行步骤渲染（思维链路、工具调用、验证结果、自愈/压缩等）
-    /* 轻量 Markdown 渲染（用于模型推理内容） */
-    /* 工具参数格式化为 key: value 列表 */
-
-    /* ========== 右侧 Tab ========== */
-    document.querySelectorAll('.right-tab').forEach((tab) => {
-      tab.addEventListener('click', () => switchRightTab(tab.getAttribute('data-tab')));
-    });
-
-    /* ========== 对话与发送 ========== */
-    async function sendTask() {
-      const input = document.getElementById('goalInput');
-      let goal = input.value.trim();
-      // 允许只发送文件（无文本）
-      if (!goal && !state.stagedFiles.length) return;
-      if (!state.token) { toast('请先登录'); return; }
-      if (state.directMode) goal = goal ? ('[电脑操作] ' + goal) : '[电脑操作]（仅附件）';
-      const btn = document.getElementById('sendBtn');
-      btn.disabled = true;
-      try {
-        // 上传暂存的附件（仅在点发送时才上传）
-        const attachments = await uploadStagedFiles();
-
-        // autoResetOnNew: 发送消息前自动新建对话，旧任务保留在历史
-        if (state.sessionConfig.autoResetOnNew && state.currentTaskId) {
-          toast('自动新建对话，旧任务保留在历史');
-          state.currentTaskId = null;
-        }
-        // 已有当前任务 → 多轮续接：消息归属同一任务生命周期
-        if (state.currentTaskId) {
-          const cur = state.tasks.find((t) => t.id === state.currentTaskId);
-          if (cur && (cur.status === 'queued' || cur.status === 'running')) {
-            toast('当前任务执行中，请等待完成后再继续对话');
-            return;
-          }
-          const d = await api('/api/tasks/' + state.currentTaskId + '/messages', 'POST', {
-            message: goal || '（仅附件）',
-            attachments,
-          });
-          input.value = '';
-          clearStagedFiles();
-          renderSidebarTaskList();
-          renderTaskDetail(d.task.id);
-          renderTaskThread(d.task);
-          await loadTasks();
-          toast(attachments.length ? `已发送（含 ${attachments.length} 个附件），继续当前任务对话` : '已发送，继续当前任务对话');
-          return;
-        }
-        const d = await api('/api/tasks', 'POST', {
-          goal: goal || '（仅附件）',
-          agentType: state.agentType,
-          permissions: state.permissions,
-          workspaceDir: state.workspaceDir || undefined,
-          modelId: state.modelId || undefined,
-          attachments: attachments.length ? attachments : undefined,
-        });
-        input.value = '';
-        clearStagedFiles();
-        // 新任务即成为当前任务，中部围绕其单一生命周期可视化追踪
-        state.currentTaskId = d.task.id;
-        const taskListSection = document.getElementById('taskListSection');
-        if (taskListSection) taskListSection.style.display = 'block';
-        renderSidebarTaskList();
-        renderTaskDetail(d.task.id);
-        renderTaskThread({ id: d.task.id, goal: goal || '（仅附件）', status: 'queued', createdAt: new Date().toISOString(), steps: [], conversation: [{ role: 'user', content: goal || '（仅附件）' }] });
-        await loadTasks();
-        toast(attachments.length ? `任务已提交（含 ${attachments.length} 个附件），开始追踪思维链路` : '任务已提交，开始追踪思维链路');
-      } catch (e) { toast('提交失败：' + e.message); }
-      finally { btn.disabled = false; }
-    }
-
-    /* ========== 输入区·附件暂存（点发送时统一上传） ========== */
-    function stageFile(file) {
-      const id = 'sf_' + Date.now() + '_' + Math.random().toString(36).slice(2, 6);
-      state.stagedFiles.push({ id, name: file.name, mime: file.mime, dataUrl: file.dataUrl, size: estimateDataUrlSize(file.dataUrl) });
-      renderStagedFiles();
-    }
-    function removeStagedFile(id) {
-      state.stagedFiles = state.stagedFiles.filter((f) => f.id !== id);
-      renderStagedFiles();
-    }
-    function clearStagedFiles() {
-      state.stagedFiles = [];
-      renderStagedFiles();
-    }
-    async function uploadStagedFiles() {
-      if (!state.stagedFiles.length) return [];
-      const paths = [];
-      for (const f of state.stagedFiles) {
-        try {
-          const base64 = (f.dataUrl || '').split(',')[1] || '';
-          const d = await api('/api/upload', 'POST', { name: f.name, mime: f.mime, dataBase64: base64 });
-          paths.push(d.path);
-        } catch (e) { toast('上传失败：' + f.name + '（' + e.message + '）'); }
-      }
-      return paths;
-    }
-    function appendMsg(role, text, extras = {}) {
-      const box = document.getElementById('messages');
-      const el = document.createElement('div');
-      el.className = 'msg ' + role;
-      if (extras.html) el.innerHTML = extras.html;
-      else if (extras.file) {
-        el.innerHTML = '<span class="file-chip" data-path="' + escapeHtml(extras.file) + '" data-type="' + escapeHtml(extras.mime || 'file') + '">📎 ' + escapeHtml(extras.name) + '</span>';
-      } else {
-        el.innerHTML = linkifyArtifacts(text);
-      }
-      box.appendChild(el);
-      box.scrollTop = box.scrollHeight;
-      bindArtifacts(el);
-    }
-    document.getElementById('sendBtn').addEventListener('click', sendTask);
-    document.getElementById('goalInput').addEventListener('keydown', (e) => { if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) sendTask(); });
-    // 粘贴图片：用户用 Win+Shift+S 截图后可直接粘贴到输入框
-    document.getElementById('goalInput').addEventListener('paste', (e) => {
-      const items = e.clipboardData?.items;
-      if (!items) return;
-      for (const item of items) {
-        if (item.type.startsWith('image/')) {
-          e.preventDefault();
-          const file = item.getAsFile();
-          if (!file) continue;
-          const reader = new FileReader();
-          reader.onload = () => {
-            stageFile({ name: 'paste-' + Date.now() + '.png', mime: file.type || 'image/png', dataUrl: String(reader.result) });
-            toast('图片已粘贴到输入框，可直接输入文字发送');
-          };
-          reader.readAsDataURL(file);
-          break;
-        }
-      }
-    });
-    document.getElementById('tchRefresh').addEventListener('click', () => { refreshCurrentThread(); toast('已刷新当前任务'); });
-    document.getElementById('tchStop').addEventListener('click', async () => {
-      if (!state.currentTaskId) return;
-      try {
-        await api('/api/tasks/' + state.currentTaskId + '/stop', 'POST');
-        toast('已发送停止指令，任务即将终止');
-        await refreshCurrentThread();
-      } catch (e) { toast('停止失败：' + e.message); }
-    });
-    document.getElementById('tchNewTask').addEventListener('click', () => { try { openNewTaskModal(); } catch { toast('新建任务面板不可用'); } });
-    document.getElementById('screenshotBtn').addEventListener('click', takeScreenshot);
-    document.getElementById('voiceBtn')?.addEventListener('click', startVoice);
-
-    /* ========== 输入框右键菜单（复制/剪切/粘贴/全选） ========== */
-    const goalInput = document.getElementById('goalInput');
-    goalInput.addEventListener('contextmenu', (e) => {
-      e.preventDefault();
-      // 移除旧菜单
-      const old = document.getElementById('textCtxMenu');
-      if (old) old.remove();
-      // 记录右键时的选中区间（菜单点击会令文本框失焦，故需先记住）
-      const sel = { start: goalInput.selectionStart, end: goalInput.selectionEnd };
-      const hasSel = sel.end > sel.start;
-      // 创建右键菜单
-      const menu = document.createElement('div');
-      menu.id = 'textCtxMenu';
-      menu.style.cssText = 'position:fixed;z-index:10000;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);padding:4px 0;min-width:160px;';
-      const items = [
-        { label: '📋 复制', action: 'copy', disabled: !hasSel },
-        { label: '✂️ 剪切', action: 'cut', disabled: !hasSel },
-        { label: '📌 粘贴', action: 'paste' },
-        { label: '⬛ 全选', action: 'selectall' },
-      ];
-      // 恢复文本框聚焦与选中，供 execCommand 兜底使用
-      const restoreSel = () => {
-        goalInput.focus();
-        goalInput.setSelectionRange(sel.start, sel.end);
-      };
-      items.forEach((it) => {
-        const el = document.createElement('div');
-        el.className = 'dropdown-item';
-        el.textContent = it.label;
-        el.style.cssText = 'padding:6px 16px;cursor:' + (it.disabled ? 'default' : 'pointer') + ';font-size:13px;opacity:' + (it.disabled ? 0.4 : 1) + ';';
-        el.addEventListener('mouseenter', () => { if (!it.disabled) el.style.background = 'var(--brand-soft)'; });
-        el.addEventListener('mouseleave', () => { el.style.background = ''; });
-        el.addEventListener('click', async () => {
-          menu.remove();
-          if (it.disabled) return;
-          if (it.action === 'copy') {
-            const selText = goalInput.value.slice(sel.start, sel.end);
-            try { await navigator.clipboard.writeText(selText); toast('已复制'); }
-            catch { restoreSel(); document.execCommand('copy'); toast('已复制'); }
-          } else if (it.action === 'cut') {
-            const selText = goalInput.value.slice(sel.start, sel.end);
-            try { await navigator.clipboard.writeText(selText); } catch {}
-            goalInput.setRangeText('', sel.start, sel.end, 'preserve');
-            goalInput.focus();
-            goalInput.setSelectionRange(sel.start, sel.start);
-            if (selText) toast('已剪切');
-          } else if (it.action === 'paste') {
-            let text = '';
-            try { text = await navigator.clipboard.readText().catch(() => ''); } catch {}
-            if (text) {
-              goalInput.setRangeText(text, sel.start, sel.end, 'end');
-              goalInput.focus();
-            } else {
-              // 读取失败则回退到系统粘贴（依赖当前选中）
-              restoreSel();
-              document.execCommand('paste');
-            }
-          } else if (it.action === 'selectall') {
-            goalInput.focus();
-            goalInput.select();
-          }
-        });
-        menu.appendChild(el);
-      });
-      document.body.appendChild(menu);
-      menu.style.left = e.clientX + 'px';
-      menu.style.top = e.clientY + 'px';
-    });
-    // 点击其他地方或失焦关闭右键菜单
-    document.addEventListener('click', (e) => {
-      const menu = document.getElementById('textCtxMenu');
-      if (menu && !menu.contains(e.target)) menu.remove();
-    });
-    document.addEventListener('blur', () => {
-      const menu = document.getElementById('textCtxMenu');
-      if (menu) menu.remove();
-    });
-    // 支持在输入框内直接粘贴图片（与「上传图片/截图」共用同一暂存区，发送时一起上传）
-    goalInput.addEventListener('paste', (e) => {
-      if (!e.clipboardData) return;
-      const items = e.clipboardData.items;
-      const images = [];
-      for (let i = 0; i < items.length; i++) {
-        const item = items[i];
-        if (item.kind === 'file' && item.type && item.type.startsWith('image/')) {
-          const f = item.getAsFile();
-          if (f) images.push(f);
-        }
-      }
-      if (!images.length) return; // 非图片粘贴（文本等）交给浏览器默认行为
-      e.preventDefault();
-      images.forEach((file, idx) => {
-        const reader = new FileReader();
-        reader.onload = () => {
-          const name = file.name || ('paste-image-' + (idx + 1) + '.png');
-          stageFile({ name, mime: file.type || 'image/png', dataUrl: String(reader.result) });
-          toast('已暂存图片：' + name + '（点发送时一起发给 AI）');
-        };
-        reader.readAsDataURL(file);
-      });
-    });
-
-    /* ========== 新建对话任务 ========== */
-    async function openNewTaskModal() {
-      // 智能体类型下拉
-      const agentSel = document.getElementById('ntAgentType');
-      agentSel.innerHTML = Object.entries(AGENT_TYPES)
-        .map(([k, v]) => '<option value="' + k + '"' + (state.agentType === k ? ' selected' : '') + '>' + v.icon + ' ' + v.label + '</option>')
-        .join('');
-      // 工作区下拉：默认（沿用当前底部所选）+ 磁盘根目录
-      const wsSel = document.getElementById('ntWorkspaceDir');
-      const cur = state.workspaceDir || '';
-      wsSel.innerHTML = '<option value="">默认（' + (cur || '服务器工作区') + '）</option>';
-      try {
-        const d = await api('/api/drives');
-        (d.drives || []).forEach((dr) => {
-          if (dr !== cur) wsSel.innerHTML += '<option value="' + escapeHtml(dr) + '">' + escapeHtml(dr) + '</option>';
-        });
-      } catch {}
-      document.getElementById('ntGoal').value = '';
-      openModal('newTaskModal');
-      setTimeout(() => document.getElementById('ntGoal').focus(), 60);
-    }
-    async function createNewTask() {
-      const goal = document.getElementById('ntGoal').value.trim();
-      if (!goal) { toast('请填写任务描述'); return; }
-      const btn = document.getElementById('ntCreateBtn');
-      btn.disabled = true;
-      try {
-        const wsVal = document.getElementById('ntWorkspaceDir').value;
-        const payload = {
-          goal,
-          agentType: document.getElementById('ntAgentType').value || state.agentType,
-          permissions: state.permissions,
-          modelId: state.modelId || undefined,
-        };
-        // 工作区：仅在明确选择了目录时覆盖
-        const d = await api('/api/tasks', 'POST', wsVal ? Object.assign(payload, { workspaceDir: wsVal }) : payload);
-        document.getElementById('goalInput').value = '';
-        state.currentTaskId = d.task.id;
-        const taskListSection = document.getElementById('taskListSection');
-        if (taskListSection) taskListSection.style.display = 'block';
-        renderSidebarTaskList();
-        renderTaskDetail(d.task.id);
-        renderTaskThread({ id: d.task.id, goal, status: 'queued', createdAt: new Date().toISOString(), steps: [], conversation: [{ role: 'user', content: goal }] });
-        switchView('chat');
-        closeModal('newTaskModal');
-        await loadTasks();
-        toast('新任务已创建，所有对话将归属该任务');
-      } catch (e) { toast('创建失败：' + e.message); }
-      finally { btn.disabled = false; }
-    }
-    document.getElementById('newTaskBtn')?.addEventListener('click', () => { switchView('chat'); startNewChat(); });
-    document.getElementById('tchNewTask')?.addEventListener('click', startNewChat);
-    document.getElementById('ntCreateBtn')?.addEventListener('click', createNewTask);
-    document.getElementById('ntGoal')?.addEventListener('keydown', (e) => { if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) createNewTask(); });
-
-    /* ========== 产物链接化 ========== */
-
-    /* ========== 中间菜单 ========== */
-    const convMenuWrap = document.getElementById('convMenuWrap');
-    const convMenu = document.getElementById('convMenu');
-    document.getElementById('convMenuBtn').addEventListener('click', (e) => {
-      e.stopPropagation();
-      convMenu.classList.toggle('show');
-    });
-    document.addEventListener('click', (e) => { if (!convMenuWrap.contains(e.target)) convMenu.classList.remove('show'); });
-    convMenu.querySelectorAll('.dropdown-item').forEach((el) => {
-      el.addEventListener('click', () => {
-        convMenu.classList.remove('show');
-        const action = el.getAttribute('data-action');
-        if (action === 'screenshot') takeScreenshot();
-        else if (action === 'upload-file') document.getElementById('fileInput').click();
-        else if (action === 'upload-image') document.getElementById('imageInput').click();
-        else if (action === 'direct-mode') toggleDirectMode();
-        else if (action === 'voice') startVoice();
-        else if (action === 'agent-type') openAgentSelector();
-      });
-    });
-
-
-    // 截图锁，防止重复触发
-    let screenshotRunning = false;
-
-    async function takeScreenshot() {
-      if (screenshotRunning) {
-        toast('正在截图中，请稍候...');
-        return;
-      }
-      screenshotRunning = true;
-      try {
-        const overlay = document.getElementById('cropOverlay');
-        const selection = document.getElementById('cropSelection');
-        const video = document.getElementById('cropVideo');
-
-        let srcImage = null; // 用于裁剪的源图像（Image 对象）
-        let stream = null;   // 浏览器模式下的视频流
-
-        // Electron 环境：用主进程截图，更稳定
-        if (window.isElectron && window.electronAPI && window.electronAPI.screenshot) {
-          toast('正在截取屏幕...');
-          const result = await window.electronAPI.screenshot.capture();
-          if (!result || !result.success) {
-            toast('截图失败：' + (result?.error || '未知错误'));
-            return;
-          }
-          // 加载截图为 Image 对象
-          srcImage = new Image();
-          srcImage.src = result.dataUrl;
-          await new Promise((resolve, reject) => {
-            srcImage.onload = resolve;
-            srcImage.onerror = () => reject(new Error('截图加载失败'));
-          });
-          // 把截图显示到 video 元素的位置（用一个 img 覆盖）
-          video.style.display = 'none';
-          let bgImg = document.getElementById('cropBgImg');
-          if (!bgImg) {
-            bgImg = document.createElement('img');
-            bgImg.id = 'cropBgImg';
-            bgImg.style.cssText = 'position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:9998;';
-            overlay.appendChild(bgImg);
-          }
-          bgImg.src = result.dataUrl;
-          bgImg.style.display = 'block';
-        } else {
-          // 浏览器模式：用 getDisplayMedia
-          stream = await navigator.mediaDevices.getDisplayMedia({ video: true });
-          video.srcObject = stream;
-          await video.play();
-          video.style.display = 'block';
-          const bgImg = document.getElementById('cropBgImg');
-          if (bgImg) bgImg.style.display = 'none';
-        }
-
-        overlay.style.display = 'block';
-        selection.style.display = 'none';
-        let startX = 0, startY = 0, drawing = false;
-
-        const onDown = (e) => {
-          drawing = true;
-          startX = e.clientX; startY = e.clientY;
-          selection.style.display = 'block';
-          selection.style.left = startX + 'px';
-          selection.style.top = startY + 'px';
-          selection.style.width = '0px';
-          selection.style.height = '0px';
-        };
-        const onMove = (e) => {
-          if (!drawing) return;
-          const x = Math.min(e.clientX, startX), y = Math.min(e.clientY, startY);
-          const w = Math.abs(e.clientX - startX), h = Math.abs(e.clientY - startY);
-          selection.style.left = x + 'px';
-          selection.style.top = y + 'px';
-          selection.style.width = w + 'px';
-          selection.style.height = h + 'px';
-        };
-        const finish = async (e) => {
-          if (!drawing) return;
-          drawing = false;
-          window.removeEventListener('mousedown', onDown);
-          window.removeEventListener('mousemove', onMove);
-          window.removeEventListener('mouseup', finish);
-          const x = Math.min(e.clientX, startX), y = Math.min(e.clientY, startY);
-          const w = Math.abs(e.clientX - startX), h = Math.abs(e.clientY - startY);
-          overlay.style.display = 'none';
-          if (w < 8 || h < 8) {
-            if (stream) stream.getTracks().forEach((t) => t.stop());
-            return;
-          }
-          try {
-            let srcW, srcH, source;
-            if (srcImage) {
-              // Electron 模式：从 Image 裁剪
-              srcW = srcImage.naturalWidth;
-              srcH = srcImage.naturalHeight;
-              source = srcImage;
-            } else {
-              // 浏览器模式：从 video 裁剪
-              srcW = video.videoWidth;
-              srcH = video.videoHeight;
-              source = video;
-            }
-            const scaleX = srcW / window.innerWidth, scaleY = srcH / window.innerHeight;
-            const sx = Math.round(x * scaleX), sy = Math.round(y * scaleY);
-            const sw = Math.round(w * scaleX), sh = Math.round(h * scaleY);
-            const canvas = document.createElement('canvas');
-            canvas.width = sw; canvas.height = sh;
-            canvas.getContext('2d').drawImage(source, sx, sy, sw, sh, 0, 0, sw, sh);
-            if (stream) stream.getTracks().forEach((t) => t.stop());
-            const dataUrl = canvas.toDataURL('image/png');
-            stageFile({ name: 'screenshot.png', mime: 'image/png', dataUrl });
-            toast('截图已添加到输入框，可直接输入文字发送');
-          } catch (err) { toast('截图失败：' + err.message); }
-          screenshotRunning = false;
-        };
-        const onKey = (e) => {
-          if (e.key === 'Escape') {
-            overlay.style.display = 'none';
-            if (stream) stream.getTracks().forEach((t) => t.stop());
-            window.removeEventListener('mousedown', onDown);
-            window.removeEventListener('mousemove', onMove);
-            window.removeEventListener('mouseup', finish);
-            window.removeEventListener('keydown', onKey);
-            screenshotRunning = false;
-          }
-        };
-        window.addEventListener('mousedown', onDown);
-        window.addEventListener('mousemove', onMove);
-        window.addEventListener('mouseup', finish);
-        window.addEventListener('keydown', onKey);
-      } catch (e) {
-        if (e.name === 'NotAllowedError') {
-          toast('已取消截图。也可以用 Win+Shift+S 截图后直接粘贴到输入框');
-        } else {
-          toast('截图失败：' + e.message);
-        }
-        screenshotRunning = false;
-      }
-    }
-
-    function handleUpload(input, mimePrefix) {
-      const file = input.files[0];
-      if (!file) return;
-      const reader = new FileReader();
-      reader.onload = () => {
-        stageFile({ name: file.name, mime: file.type || mimePrefix, dataUrl: String(reader.result) });
-        toast('已暂存：' + file.name + '（点发送时一起发给 AI）');
-      };
-      reader.readAsDataURL(file);
-      input.value = '';
-    }
-    document.getElementById('fileInput').addEventListener('change', function() { handleUpload(this, 'application/octet-stream'); });
-    document.getElementById('imageInput').addEventListener('change', function() { handleUpload(this, 'image/png'); });
-
-    /* ========== 大模型配置（三重加密：密钥 RSA 加密传输，服务端 AES 加密落盘） ========== */
-    // 第二重（通信层）：用服务器 RSA 公钥加密敏感文本（如模型 API Key）
-    // 持久化会话配置到 localStorage
-    // 切换会话模式（打开/发送时自动重置）
-    document.querySelectorAll('.session-toggle').forEach((el) => {
-      el.addEventListener('change', () => {
-        const key = el.dataset.key;
-        state.sessionConfig[key] = el.checked;
-        persistSessionConfig();
-        toast('会话配置已保存');
-      });
-    });
-    document.getElementById('modelSaveBtn').addEventListener('click', saveModel);
-    document.getElementById('modelResetBtn').addEventListener('click', resetModelForm);
-    document.getElementById('modelSettingsShortcut').addEventListener('click', openModels);
-    document.getElementById('modelSelect').addEventListener('change', (e) => {
-      state.modelId = e.target.value || '';
-      localStorage.setItem('fhcode.model', state.modelId);
-      const m = state.models.find((x) => x.id === state.modelId);
-      toast(m ? ('已切换：' + m.name) : '已切换：系统默认路由');
-    });
-
-    /* ========== 设置面板 ========== */
-    document.querySelectorAll('#settingsModal .settings-cat').forEach((c) => {
-      c.addEventListener('click', () => {
-        const cat = c.getAttribute('data-cat');
-        document.querySelectorAll('#settingsModal .settings-cat').forEach((x) => x.classList.toggle('active', x === c));
-        document.querySelectorAll('#settingsModal .settings-group').forEach((g) => {
-          g.style.display = g.getAttribute('data-group') === cat ? '' : 'none';
-        });
-      });
-    });
-    document.querySelectorAll('#settingsModal .settings-item').forEach((it) => {
-      it.addEventListener('click', () => {
-        const act = it.getAttribute('data-action');
-        if (act === 'perm') { closeModal('settingsModal'); openPermissions(); }
-        else if (act === 'theme') { closeModal('settingsModal'); toggleTheme(); }
-        else if (act === 'model-custom') { toggleModelManage(); }
-      });
-    });
-    async function saveInlineModel() {
-      const name = document.getElementById('imName').value.trim();
-      const apiBase = document.getElementById('imBase').value.trim();
-      const apiKey = document.getElementById('imKey').value;
-      const reasoning = document.getElementById('imReasoning').value;
-      const msg = document.getElementById('imMsg');
-      if (!name) { msg.textContent = '请填写模型名称'; msg.classList.add('err'); return; }
-      const editing = document.getElementById('imSave').dataset.editing;
-      try {
-        const body = { name, apiBase, reasoning };
-        // 三重加密·通信层：密钥 RSA 加密传输
-        if (apiKey) body.apiKeyEnc = await rsaEncryptText(apiKey);
-        if (editing) body.id = editing;
-        const d = await api('/api/models', 'POST', body);
-        msg.textContent = '已保存：' + d.model.name;
-        msg.classList.remove('err');
-        await loadModels();
-        renderModelListInline();
-        resetInlineForm();
-      } catch (e) { msg.textContent = '保存失败：' + e.message; msg.classList.add('err'); }
-    }
-    document.getElementById('imSave').addEventListener('click', saveInlineModel);
-    document.getElementById('imReset').addEventListener('click', resetInlineForm);
-    document.getElementById('modelManageClose')?.addEventListener('click', () => { document.getElementById('modelManage').style.display = 'none'; });
-
-    /* ========== 通话控件（语音/视频通话 + 实时语音识别） ========== */
-    let callStream = null;
-    let callKind = null;
-
-    async function startCall(kind) {
-      const status = document.getElementById('callStatus');
-      try {
-        const constraints = kind === 'video'
-          ? { audio: true, video: { width: 640, height: 480 } }
-          : { audio: true };
-        callStream = await navigator.mediaDevices.getUserMedia(constraints);
-        callKind = kind;
-
-        // 视频通话：显示摄像头画面
-        if (kind === 'video') {
-          const videoWindow = document.getElementById('videoCallWindow');
-          const localVideo = document.getElementById('localVideo');
-          localVideo.srcObject = callStream;
-          videoWindow.style.display = 'block';
-        }
-
-        status.textContent = (kind === 'video' ? '视频通话中' : '语音通话中') + '（语音实时转文字）';
-        document.getElementById('hangupCallBtn').style.display = 'inline-block';
-        document.getElementById('voiceCallBtn').style.display = 'none';
-        document.getElementById('videoCallBtn').style.display = 'none';
-
-        // 开启语音识别（复用语音输入模块）
-        if (!voiceState.isListening) {
-          voiceState.finalText = '';
-          voiceState.interimText = '';
-          voiceState.originalText = document.getElementById('goalInput').value;
-          voiceState.manuallyStopped = false;
-          voiceState.restartCount = 0;
-          updateVoiceUI(true);
-          startRecognition();
-        }
-
-        toast('已发起' + (kind === 'video' ? '视频' : '语音') + '通话，说话内容会实时转成文字');
-      } catch (e) {
-        status.textContent = '';
-        if (e.name === 'NotAllowedError') {
-          toast('请允许浏览器使用麦克风和摄像头权限');
-        } else if (e.name === 'NotFoundError') {
-          toast('未找到麦克风或摄像头设备');
-        } else {
-          toast('无法发起通话：' + e.message);
-        }
-      }
-    }
-
-    function hangupCall() {
-      // 先保存识别的文字到输入框（确保内容不会丢失）
-      if (voiceState.finalText) {
-        updateVoiceInput();
-      }
-
-      // 停止媒体流
-      if (callStream) {
-        callStream.getTracks().forEach((t) => t.stop());
-        callStream = null;
-      }
-      callKind = null;
-
-      // 隐藏视频窗口
-      const videoWindow = document.getElementById('videoCallWindow');
-      const localVideo = document.getElementById('localVideo');
-      if (videoWindow) videoWindow.style.display = 'none';
-      if (localVideo) localVideo.srcObject = null;
-
-      // 停止语音识别
-      if (voiceState.isListening) {
-        stopVoiceInput();
-      }
-
-      document.getElementById('callStatus').textContent = '';
-      document.getElementById('hangupCallBtn').style.display = 'none';
-      document.getElementById('voiceCallBtn').style.display = 'inline-block';
-      document.getElementById('videoCallBtn').style.display = 'inline-block';
-      toast('通话已结束，识别的文字已保留在输入框');
-    }
-
-    document.getElementById('voiceCallBtn').addEventListener('click', () => startCall('voice'));
-    document.getElementById('videoCallBtn').addEventListener('click', () => startCall('video'));
-    document.getElementById('hangupCallBtn').addEventListener('click', hangupCall);
-    document.getElementById('videoCallClose')?.addEventListener('click', hangupCall);
-
-    // 视频通话截图：把当前摄像头画面截取下来放到输入框
-    document.getElementById('videoSnapshotBtn')?.addEventListener('click', () => {
-      const video = document.getElementById('localVideo');
-      if (!video || !video.videoWidth) {
-        toast('视频还没准备好，请稍等');
-        return;
-      }
-      try {
-        const canvas = document.createElement('canvas');
-        canvas.width = video.videoWidth;
-        canvas.height = video.videoHeight;
-        canvas.getContext('2d').drawImage(video, 0, 0);
-        const dataUrl = canvas.toDataURL('image/png');
-        stageFile({
-          name: 'camera-' + Date.now() + '.png',
-          mime: 'image/png',
-          dataUrl: dataUrl,
-        });
-        toast('摄像头画面已添加到输入框，可直接发送');
-      } catch (e) {
-        toast('截图失败：' + e.message);
-      }
-    });
-
-    /* ========== 语音输入模块 ========== */
-    const voiceState = {
-      recognition: null,
-      finalText: '',
-      interimText: '',
-      originalText: '',
-      isListening: false,
-      manuallyStopped: false,
-      restartTimer: null,
-      restartCount: 0,
-      maxRestarts: 10000, // 基本无限制，长时间通话也不会停
-    };
-
-    // 优化语音识别文本：去掉多余空格、自动加标点、清理重复
-    function optimizeVoiceText(text) {
-      if (!text) return '';
-      let result = text.trim();
-      // 去掉多余空格
-      result = result.replace(/\s+/g, ' ');
-      // 去掉首尾空格
-      result = result.trim();
-      // 中文标点优化：如果末尾是中文且没有标点，自动加句号
-      if (result && /[\u4e00-\u9fa5]$/.test(result) && !/[。！？，、；：""''（）]$/.test(result)) {
-        result += '。';
-      }
-      return result;
-    }
-
-    // 更新输入框显示
-    function updateVoiceInput() {
-      const input = document.getElementById('goalInput');
-      const finalOptimized = optimizeVoiceText(voiceState.finalText);
-      const displayText = voiceState.originalText
-        ? (voiceState.originalText + ' ' + finalOptimized + voiceState.interimText)
-        : (finalOptimized + voiceState.interimText);
-      input.value = displayText;
-      input.scrollTop = input.scrollHeight;
-    }
-
-    // 更新UI状态
-    function updateVoiceUI(listening) {
-      const badge = document.getElementById('voiceBadge');
-      const voiceBtn = document.getElementById('voiceBtn');
-      if (listening) {
-        badge.style.display = 'inline-flex';
-        badge.textContent = '● 正在听…（再次点击停止）';
-        if (voiceBtn) {
-          voiceBtn.style.background = 'var(--brand)';
-          voiceBtn.style.color = '#fff';
-          voiceBtn.textContent = '● 听…';
-        }
-      } else {
-        badge.style.display = 'none';
-        if (voiceBtn) {
-          voiceBtn.style.background = '';
-          voiceBtn.style.color = '';
-          voiceBtn.textContent = '🎤 语音';
-        }
-      }
-    }
-
-    // 创建新的语音识别对象
-    function createRecognition() {
-      const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
-      if (!SpeechRecognition) return null;
-
-      const rec = new SpeechRecognition();
-      rec.lang = 'zh-CN';
-      rec.continuous = true;
-      rec.interimResults = true;
-      rec.maxAlternatives = 1;
-
-      // 识别结果处理
-      rec.onresult = (e) => {
-        let interim = '';
-        let finalDelta = '';
-        for (let i = e.resultIndex; i < e.results.length; i++) {
-          const transcript = e.results[i][0].transcript;
-          if (e.results[i].isFinal) {
-            finalDelta += transcript;
-          } else {
-            interim += transcript;
-          }
-        }
-        if (finalDelta) {
-          voiceState.finalText += finalDelta;
-          voiceState.restartCount = 0; // 有新结果，重置重启计数
-        }
-        voiceState.interimText = interim;
-        updateVoiceInput();
-      };
-
-      // 错误处理
-      rec.onerror = (e) => {
-        console.warn('[语音识别] 错误:', e.error);
-        if (e.error === 'not-allowed' || e.error === 'service-not-allowed') {
-          toast('请允许浏览器使用麦克风权限（点击地址栏左侧锁图标）');
-          voiceState.manuallyStopped = true;
-          stopVoiceInput();
-        } else if (e.error === 'network') {
-          toast('语音识别网络错误！Chrome用的是Google服务，国内建议用Edge浏览器，或检查网络/代理');
-          voiceState.manuallyStopped = true;
-          stopVoiceInput();
-        } else if (e.error === 'audio-capture') {
-          toast('未检测到麦克风设备，请检查麦克风连接和系统设置');
-          voiceState.manuallyStopped = true;
-          stopVoiceInput();
-        } else if (e.error === 'no-speech') {
-          // 没检测到语音，继续等待，不停止
-          console.log('[语音识别] 未检测到语音，继续等待...');
-          toast('没听到声音，请检查麦克风是否开启，离麦克风近一点说话');
-        } else if (e.error === 'aborted') {
-          // 手动停止，不处理
-        } else {
-          console.warn('[语音识别] 其他错误:', e.error);
-          toast('语音识别出错: ' + e.error);
-        }
-      };
-
-      // 识别结束处理
-      rec.onend = () => {
-        voiceState.recognition = null;
-        voiceState.interimText = '';
-
-        // 如果不是手动停止，自动重启（基本无限制）
-        if (!voiceState.manuallyStopped && voiceState.restartCount < voiceState.maxRestarts) {
-          voiceState.restartCount++;
-          // 只在调试时打印，避免控制台太多日志
-          if (voiceState.restartCount % 50 === 0) {
-            console.log(`[语音识别] 自动重启 (${voiceState.restartCount})`);
-          }
-          voiceState.restartTimer = setTimeout(() => {
-            if (!voiceState.manuallyStopped) {
-              startRecognition();
-            }
-          }, 50); // 50ms快速重启，减少停顿感
-        } else if (voiceState.manuallyStopped) {
-          // 手动停止，最终处理
-          updateVoiceUI(false);
-          if (voiceState.finalText) {
-            updateVoiceInput();
-            toast('语音输入完成，文字已在输入框中，可直接发送');
-          }
-        } else {
-          // 超过最大重启次数（基本不会发生）
-          updateVoiceUI(false);
-          toast('语音输入已自动停止，可再次点击开启');
-        }
-      };
-
-      return rec;
-    }
-
-    // 启动识别
-    function startRecognition() {
-      const rec = createRecognition();
-      if (!rec) {
-        toast('当前浏览器不支持语音输入，请使用 Chrome 或 Edge 浏览器');
-        return false;
-      }
-      try {
-        rec.start();
-        voiceState.recognition = rec;
-        voiceState.isListening = true;
-        return true;
-      } catch (e) {
-        console.error('[语音识别] 启动失败:', e);
-        return false;
-      }
-    }
-
-    // 停止语音输入
-    function stopVoiceInput() {
-      voiceState.manuallyStopped = true;
-      voiceState.isListening = false;
-      if (voiceState.restartTimer) {
-        clearTimeout(voiceState.restartTimer);
-        voiceState.restartTimer = null;
-      }
-      if (voiceState.recognition) {
-        try { voiceState.recognition.stop(); } catch(e) {}
-        voiceState.recognition = null;
-      }
-      updateVoiceUI(false);
-    }
-
-    // 开始/停止语音输入（入口函数）
-    function startVoice() {
-      const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
-      if (!SpeechRecognition) {
-        toast('当前环境不支持语音输入，请使用 Chrome 或 Edge 浏览器打开网页版');
-        return;
-      }
-
-      // 如果正在识别，就停止
-      if (voiceState.isListening) {
-        stopVoiceInput();
-        toast('已停止语音输入');
-        return;
-      }
-
-      // Electron 桌面版特殊提示
-      if (window.isElectron) {
-        toast('桌面版语音输入可能不稳定，建议用网页版（Edge浏览器）');
-      }
-
-      // 开始识别
-      voiceState.finalText = '';
-      voiceState.interimText = '';
-      voiceState.originalText = document.getElementById('goalInput').value;
-      voiceState.manuallyStopped = false;
-      voiceState.restartCount = 0;
-
-      updateVoiceUI(true);
-      toast('语音输入已开启，请说话，再次点击停止');
-
-      if (!startRecognition()) {
-        updateVoiceUI(false);
-        toast('启动语音输入失败，请刷新页面重试');
-      }
-    }
-
-    /* ========== 智能体选择 ========== */
-    document.getElementById('skillPill').addEventListener('click', openAgentSelector);
-
-    /* ========== 权限窗口 ========== */
-    document.getElementById('permSaveBtn').addEventListener('click', () => {
-      const scope = document.querySelector('input[name="readScope"]:checked')?.value || 'workspace';
-      state.permissions = {
-        readScope: scope,
-        readPath: document.getElementById('permReadPath').value.trim(),
-        allowRead: document.getElementById('permRead').checked,
-        allowWrite: document.getElementById('permWrite').checked,
-        allowShell: document.getElementById('permShell').checked,
-        allowNetwork: document.getElementById('permNetwork').checked,
-        allowBrowser: document.getElementById('permBrowser').checked,
-      };
-      localStorage.setItem('fhcode.permissions', JSON.stringify(state.permissions));
-      closeModal('permModal');
-      toast('权限配置已保存');
-    });
-
-    /* ========== 工作区 ========== */
-    // 工作区跳转功能已移除（旧布局左侧工作区树）
-
-    document.getElementById('workspacePermBadge')?.addEventListener('click', () => openPermissions());
-    document.getElementById('workspacePickBtn')?.addEventListener('click', () => {
-      openFolderPicker();
-    });
-
-    let fpCurrent = '';
-    let fpSelected = '';
-
-    async function openFolderPicker() {
-      fpCurrent = '';
-      fpSelected = '';
-      document.getElementById('fpDrivesView').style.display = '';
-      document.getElementById('fpFoldersView').style.display = 'none';
-      document.getElementById('fpMkdirBar').style.display = 'none';
-      document.getElementById('fpRenameBar').style.display = 'none';
-      document.getElementById('fpConfirm').disabled = true;
-      document.getElementById('fpRenameFolder').disabled = true;
-      document.getElementById('fpTitle').textContent = '📂 选择驱动器';
-      openModal('folderPickerModal');
-      await loadDrives();
-    }
-
-    async function loadDrives() {
-      try {
-        const d = await api('/api/drives');
-        const drives = d.drives || [];
-        const grid = document.getElementById('fpDrivesGrid');
-        grid.innerHTML = drives.map(drv => {
-          const label = drv.replace('\\', '');
-          return '<div class="fp-drive-card" data-drive="' + escapeHtml(drv) + '" style="padding:16px;text-align:center;border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:all .15s;">'
-            + '<div style="font-size:28px;margin-bottom:6px;">💽</div>'
-            + '<div style="font-weight:600;font-size:14px;">' + escapeHtml(label) + '</div>'
-            + '<div style="font-size:11px;color:var(--ink-2);margin-top:2px;">本地磁盘</div>'
-            + '</div>';
-        }).join('');
-        grid.querySelectorAll('.fp-drive-card').forEach(el => {
-          el.addEventListener('click', () => selectDrive(el.getAttribute('data-drive')));
-          el.addEventListener('mouseenter', () => { el.style.borderColor = 'var(--brand)'; el.style.background = 'var(--brand-soft)'; });
-          el.addEventListener('mouseleave', () => { el.style.borderColor = 'var(--line)'; el.style.background = ''; });
-        });
-      } catch (e) {
-        toast('加载驱动器失败：' + e.message);
-      }
-    }
-
-    async function selectDrive(drive) {
-      fpCurrent = drive;
-      fpSelected = '';
-      document.getElementById('fpDrivesView').style.display = 'none';
-      document.getElementById('fpFoldersView').style.display = '';
-      document.getElementById('fpTitle').textContent = '📂 选择文件夹';
-      document.getElementById('fpConfirm').disabled = true;
-      document.getElementById('fpRenameFolder').disabled = true;
-      await loadFolderPicker(drive);
-    }
-
-    function backToDrives() {
-      fpCurrent = '';
-      fpSelected = '';
-      document.getElementById('fpDrivesView').style.display = '';
-      document.getElementById('fpFoldersView').style.display = 'none';
-      document.getElementById('fpMkdirBar').style.display = 'none';
-      document.getElementById('fpRenameBar').style.display = 'none';
-      document.getElementById('fpTitle').textContent = '📂 选择驱动器';
-      document.getElementById('fpConfirm').disabled = true;
-      document.getElementById('fpRenameFolder').disabled = true;
-    }
-
-    async function upDir() {
-      if (!fpCurrent) return;
-      // 驱动器根目录不能再往上
-      if (/^[A-Za-z]:\\$/.test(fpCurrent)) {
-        backToDrives();
-        return;
-      }
-      const parent = getDirectoryName(fpCurrent);
-      if (parent && parent !== fpCurrent) {
-        fpCurrent = parent;
-        fpSelected = '';
-        document.getElementById('fpConfirm').disabled = true;
-        document.getElementById('fpRenameFolder').disabled = true;
-        await loadFolderPicker(fpCurrent);
-      }
-    }
-
-    async function loadFolderPicker(dir) {
-      try {
-        const d = await api('/api/workspace/list?path=' + encodeURIComponent(dir));
-        fpCurrent = d.cwd;
-        const pathEl = document.getElementById('fpPath');
-        pathEl.textContent = d.cwd;
-        pathEl.title = d.cwd;
-        const tree = document.getElementById('fpTree');
-        // 只显示文件夹，不显示文件
-        const dirs = (d.entries || []).filter(e => e.type === 'dir');
-        if (dirs.length === 0) {
-          tree.innerHTML = '<div style="padding:20px;text-align:center;color:var(--ink-2);font-size:13px;">此目录下没有文件夹</div>';
-        } else {
-          tree.innerHTML = dirs.map(e => {
-            const selected = fpSelected === e.path ? 'background:var(--brand-soft);border-color:var(--brand);' : '';
-            return '<div class="file-item fp-folder-item" data-path="' + escapeHtml(e.path) + '" data-name="' + escapeHtml(e.name) + '" style="' + selected + 'padding:8px 10px;border:1px solid transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;">'
-              + '<span style="font-size:16px;">📁</span>'
-              + '<span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">' + escapeHtml(e.name) + '</span>'
-              + '</div>';
-          }).join('');
-        }
-        tree.querySelectorAll('.fp-folder-item').forEach(el => {
-          el.addEventListener('click', (e) => {
-            e.stopPropagation();
-            const path = el.getAttribute('data-path');
-            const name = el.getAttribute('data-name');
-            // 单击选中
-            fpSelected = path;
-            document.getElementById('fpConfirm').disabled = false;
-            document.getElementById('fpRenameFolder').disabled = false;
-            document.getElementById('fpRenameName').value = name;
-            // 高亮选中项
-            tree.querySelectorAll('.fp-folder-item').forEach(item => {
-              item.style.background = '';
-              item.style.borderColor = 'transparent';
-            });
-            el.style.background = 'var(--brand-soft)';
-            el.style.borderColor = 'var(--brand)';
-          });
-          el.addEventListener('dblclick', () => {
-            const path = el.getAttribute('data-path');
-            fpSelected = '';
-            document.getElementById('fpConfirm').disabled = true;
-            document.getElementById('fpRenameFolder').disabled = true;
-            loadFolderPicker(path);
-          });
-        });
-      } catch (e) {
-        toast('读取目录失败：' + e.message);
-      }
-    }
-
-    document.getElementById('fpConfirm')?.addEventListener('click', async () => {
-      if (!fpSelected) { toast('请先选择一个文件夹'); return; }
-      try {
-        const result = await api('/api/workspace', 'POST', { cwd: fpSelected });
-        state.workspaceDir = result.cwd;
-        localStorage.setItem('fhcode.workspaceDir', result.cwd);
-        renderWorkspaceBar();
-        closeModal('folderPickerModal');
-        toast('已切换工作区：' + result.cwd);
-      } catch (e) {
-        toast('设置失败：' + e.message);
-      }
-    });
-
-    // 返回驱动器选择
-    document.getElementById('fpBackToDrives')?.addEventListener('click', backToDrives);
-    // 返回上级目录
-    document.getElementById('fpUpDir')?.addEventListener('click', upDir);
-
-    // 新建文件夹
-    document.getElementById('fpNewFolder')?.addEventListener('click', () => {
-      document.getElementById('fpMkdirBar').style.display = 'flex';
-      document.getElementById('fpRenameBar').style.display = 'none';
-      document.getElementById('fpMkdirName').value = '';
-      setTimeout(() => document.getElementById('fpMkdirName').focus(), 50);
-    });
-    document.getElementById('fpMkdirCancel')?.addEventListener('click', () => {
-      document.getElementById('fpMkdirBar').style.display = 'none';
-    });
-    document.getElementById('fpMkdirConfirm')?.addEventListener('click', async () => {
-      const name = document.getElementById('fpMkdirName').value.trim();
-      if (!name) { toast('请输入文件夹名称'); return; }
-      try {
-        const result = await api('/api/workspace/mkdir', 'POST', { parent: fpCurrent, name });
-        toast('文件夹已创建：' + name);
-        document.getElementById('fpMkdirBar').style.display = 'none';
-        fpSelected = result.path;
-        await loadFolderPicker(fpCurrent);
-        document.getElementById('fpConfirm').disabled = false;
-        document.getElementById('fpRenameFolder').disabled = false;
-      } catch (e) {
-        toast('创建失败：' + e.message);
-      }
-    });
-    document.getElementById('fpMkdirName')?.addEventListener('keydown', (e) => {
-      if (e.key === 'Enter') document.getElementById('fpMkdirConfirm').click();
-      if (e.key === 'Escape') document.getElementById('fpMkdirCancel').click();
-    });
-
-    // 重命名文件夹
-    document.getElementById('fpRenameFolder')?.addEventListener('click', () => {
-      if (!fpSelected) { toast('请先选择一个文件夹'); return; }
-      document.getElementById('fpRenameBar').style.display = 'flex';
-      document.getElementById('fpMkdirBar').style.display = 'none';
-      const name = fpSelected.split(/[\\/]/).filter(Boolean).pop() || '';
-      document.getElementById('fpRenameName').value = name;
-      setTimeout(() => document.getElementById('fpRenameName').focus(), 50);
-    });
-    document.getElementById('fpRenameCancel')?.addEventListener('click', () => {
-      document.getElementById('fpRenameBar').style.display = 'none';
-    });
-    document.getElementById('fpRenameConfirm')?.addEventListener('click', async () => {
-      const newName = document.getElementById('fpRenameName').value.trim();
-      if (!newName) { toast('请输入新名称'); return; }
-      if (!fpSelected) { toast('请先选择一个文件夹'); return; }
-      try {
-        const result = await api('/api/workspace/rename', 'POST', { path: fpSelected, newName });
-        toast('文件夹已重命名为：' + newName);
-        document.getElementById('fpRenameBar').style.display = 'none';
-        fpSelected = result.path;
-        await loadFolderPicker(fpCurrent);
-        document.getElementById('fpConfirm').disabled = false;
-        document.getElementById('fpRenameFolder').disabled = false;
-      } catch (e) {
-        toast('重命名失败：' + e.message);
-      }
-    });
-    document.getElementById('fpRenameName')?.addEventListener('keydown', (e) => {
-      if (e.key === 'Enter') document.getElementById('fpRenameConfirm').click();
-      if (e.key === 'Escape') document.getElementById('fpRenameCancel').click();
-    });
-
-    /* ========== 自动化、模板、市场、办公助理 ========== */
-    document.getElementById('newAutoBtn')?.addEventListener('click', () => openModal('autoModal'));
-    document.getElementById('autoSaveBtn')?.addEventListener('click', async () => {
-      const name = document.getElementById('autoName').value.trim();
-      const goal = document.getElementById('autoGoal').value.trim();
-      if (!name || !goal) { toast('请填写名称与目标'); return; }
-      try { await api('/api/automations', 'POST', { name, goal }); closeModal('autoModal');
-        const n = document.getElementById('autoName');
-        const g = document.getElementById('autoGoal');
-        if (n) n.value = ''; if (g) g.value = '';
-        await loadAutomations(); toast('已保存'); }
-      catch (e) { toast('保存失败：' + e.message); }
-    });
-
-    document.getElementById('newTplBtn')?.addEventListener('click', () => {
-      const goal = document.getElementById('goalInput')?.value?.trim() || '';
-      const inp = document.getElementById('tplGoal');
-      if (inp) inp.value = goal;
-      openModal('tplModal');
-    });
-    document.getElementById('tplSaveBtn')?.addEventListener('click', async () => {
-      const title = document.getElementById('tplTitle').value.trim();
-      const goal = document.getElementById('tplGoal').value.trim();
-      const category = document.getElementById('tplCategory').value.trim();
-      if (!title || !goal) { toast('请填写标题与内容'); return; }
-      try { await api('/api/templates', 'POST', { title, goal, category }); closeModal('tplModal');
-        const t = document.getElementById('tplTitle');
-        const g = document.getElementById('tplGoal');
-        const c = document.getElementById('tplCategory');
-        if (t) t.value = ''; if (g) g.value = ''; if (c) c.value = '';
-        await loadTemplates(); toast('已保存模板'); }
-      catch (e) { toast('保存失败：' + e.message); }
-    });
-
-    document.getElementById('marketRefresh')?.addEventListener('click', loadMarket);
-    let marketTimer;
-    document.getElementById('marketSearch')?.addEventListener('input', () => { clearTimeout(marketTimer); marketTimer = setTimeout(loadMarket, 400); });
-    document.getElementById('marketSource')?.addEventListener('change', loadMarket);
-
-    /* ========== 节点管理 & 自定义来源 ========== */
-    document.getElementById('addNodeBtn')?.addEventListener('click', () => openNodeModal());
-    document.getElementById('addSourceBtn')?.addEventListener('click', () => openSourceModal());
-    document.getElementById('nodeSaveBtn')?.addEventListener('click', async () => {
-      const id = document.getElementById('nodeEditId').value || '';
-      const name = document.getElementById('nodeName').value.trim();
-      const type = document.getElementById('nodeType').value;
-      const url = document.getElementById('nodeUrl').value.trim();
-      const apiKey = document.getElementById('nodeApiKey').value;
-      const capabilities = [];
-      if (document.getElementById('nodeCapTemplates').checked) capabilities.push('templates');
-      if (document.getElementById('nodeCapSkills').checked) capabilities.push('skills');
-      if (document.getElementById('nodeCapOffice').checked) capabilities.push('office');
-      if (!name || !url) { toast('请填写名称和地址'); return; }
-      if (!capabilities.length) { toast('请至少选择一种能力'); return; }
-      const data = { name, type, url, capabilities };
-      if (apiKey) data.apiKey = apiKey;
-      if (id) data.id = id;
-      await saveNode(data);
-      closeModal('nodeModal');
-    });
-    document.getElementById('sourceSaveBtn')?.addEventListener('click', async () => {
-      const id = document.getElementById('sourceEditId').value || '';
-      const name = document.getElementById('sourceName').value.trim();
-      const type = document.getElementById('sourceType').value;
-      const url = document.getElementById('sourceUrl').value.trim();
-      if (!name || !url) { toast('请填写名称和地址'); return; }
-      const data = { name, type, url };
-      if (id) data.id = id;
-      await saveSource(data);
-      closeModal('sourceModal');
-      // 刷新相关数据
-      if (type === 'templates') await loadTemplates();
-      else if (type === 'skills') await loadMarket();
-      else if (type === 'office') await loadOffice();
-    });
-
-    function openNodeModal(node) {
-      document.getElementById('nodeModalTitle').textContent = node ? '编辑节点' : '添加节点';
-      document.getElementById('nodeEditId').value = node?.id || '';
-      document.getElementById('nodeName').value = node?.name || '';
-      document.getElementById('nodeType').value = node?.type || 'http';
-      document.getElementById('nodeUrl').value = node?.url || '';
-      document.getElementById('nodeApiKey').value = '';
-      document.getElementById('nodeCapTemplates').checked = node?.capabilities?.includes('templates') ?? true;
-      document.getElementById('nodeCapSkills').checked = node?.capabilities?.includes('skills') ?? true;
-      document.getElementById('nodeCapOffice').checked = node?.capabilities?.includes('office') ?? true;
-      openModal('nodeModal');
-    }
-    function editNode(id) {
-      const node = (window._nodesCache || []).find((n) => n.id === id);
-      openNodeModal(node || { id });
-    }
-    function openSourceModal(source) {
-      document.getElementById('sourceModalTitle').textContent = source ? '编辑自定义来源' : '添加自定义来源';
-      document.getElementById('sourceEditId').value = source?.id || '';
-      document.getElementById('sourceName').value = source?.name || '';
-      document.getElementById('sourceType').value = source?.type || 'templates';
-      document.getElementById('sourceUrl').value = source?.url || '';
-      openModal('sourceModal');
-    }
-    function editSource(id) {
-      const source = (window._sourcesCache || []).find((s) => s.id === id);
-      openSourceModal(source || { id });
-    }
-
-
-    document.querySelectorAll('[data-close]').forEach((el) => el.addEventListener('click', () => closeModal(el.getAttribute('data-close'))));
-    document.querySelectorAll('.mask').forEach((m) => m.addEventListener('click', (e) => { if (e.target === m) m.classList.remove('show'); }));
-    // 文件夹选择器事件已在 loadFolderPicker / loadDrives 内直接绑定，此处保留空壳避免旧引用报错
-    function startRefresh() {
-      setInterval(async () => {
-        await loadTasks();
-        // 如果当前有正在运行的任务，自动刷新对话流，让用户实时看到思考过程
-        if (state.currentTaskId) {
-          const cur = state.tasks.find((t) => t.id === state.currentTaskId);
-          if (cur && (cur.status === 'running' || cur.status === 'queued')) {
-            await refreshCurrentThread();
-          }
-        }
-      }, 1000); // 1秒轮询，确保思考过程实时显示
-    }
-
-    /* ========== 电脑操作（鼠标/键盘/截图） ========== */
-    let selectedMousePos = { x: 0, y: 0 };
-
-    // 截取屏幕
-    async function captureScreen() {
-      try {
-        const d = await api('/api/computer/screenshot', 'POST', {});
-        if (d.ok && d.image) {
-          const preview = document.getElementById('screenPreview');
-          preview.innerHTML = `<img id="screenImg" src="${d.image}" alt="屏幕截图" />`;
-          const img = document.getElementById('screenImg');
-          // 点击图片获取坐标
-          img.addEventListener('click', (e) => {
-            const rect = img.getBoundingClientRect();
-            const scaleX = (d.width || 1920) / rect.width;
-            const scaleY = (d.height || 1080) / rect.height;
-            selectedMousePos.x = Math.round((e.clientX - rect.left) * scaleX);
-            selectedMousePos.y = Math.round((e.clientY - rect.top) * scaleY);
-            document.getElementById('mousePos').textContent = `坐标: ${selectedMousePos.x}, ${selectedMousePos.y}`;
-            toast(`已选择坐标: ${selectedMousePos.x}, ${selectedMousePos.y}，点击操作按钮执行`);
-          });
-          toast('屏幕截图已更新，点击图片选择坐标');
-        } else {
-          toast('截图失败: ' + (d.error || '未知错误'));
-        }
-      } catch (e) {
-        toast('截图失败: ' + e.message);
-      }
-    }
-
-    // 鼠标点击
-    async function mouseClick(button, doubleClick = false) {
-      try {
-        const d = await api('/api/computer/mouse/click', 'POST', {
-          button,
-          x: selectedMousePos.x,
-          y: selectedMousePos.y,
-          double: doubleClick,
-        });
-        if (d.ok) {
-          toast(`${doubleClick ? '双击' : (button === 'right' ? '右键点击' : '左键点击')} (${selectedMousePos.x}, ${selectedMousePos.y})`);
-        } else {
-          toast('操作失败: ' + (d.error || '未知错误'));
-        }
-      } catch (e) {
-        toast('操作失败: ' + e.message);
-      }
-    }
-
-    // 输入文字
-    async function typeText(text) {
-      try {
-        const d = await api('/api/computer/keyboard/type', 'POST', { text });
-        if (d.ok) {
-          toast('已输入文字');
-        } else {
-          toast('输入失败: ' + (d.error || '未知错误'));
-        }
-      } catch (e) {
-        toast('输入失败: ' + e.message);
-      }
-    }
-
-    // 按键
-    async function pressKey(key) {
-      try {
-        const d = await api('/api/computer/keyboard/press', 'POST', { key });
-        if (d.ok) {
-          toast('已按键: ' + key);
-        } else {
-          toast('按键失败: ' + (d.error || '未知错误'));
-        }
-      } catch (e) {
-        toast('按键失败: ' + e.message);
-      }
-    }
-
-    // 绑定电脑操作事件
-    document.getElementById('screenCaptureBtn')?.addEventListener('click', captureScreen);
-    document.getElementById('clickLeftBtn')?.addEventListener('click', () => mouseClick('left'));
-    document.getElementById('clickRightBtn')?.addEventListener('click', () => mouseClick('right'));
-    document.getElementById('doubleClickBtn')?.addEventListener('click', () => mouseClick('left', true));
-    document.getElementById('typeTextInput')?.addEventListener('keydown', (e) => {
-      if (e.key === 'Enter') {
-        const text = e.target.value.trim();
-        if (text) {
-          typeText(text);
-          e.target.value = '';
-        }
-      }
-    });
-    document.querySelectorAll('.computer-actions [data-key]').forEach((btn) => {
-      btn.addEventListener('click', () => pressKey(btn.getAttribute('data-key') || ''));
-    });
-
-    /* ========== 记忆系统 ========== */
-
-
-
-
-
-
-    // 当切换到记忆页面时初始化
-    const origSwitchView = switchView;
-    window.switchView = function(nav) {
-      origSwitchView(nav);
-      if (nav === 'memory') {
-        setTimeout(initMemoryUI, 100);
-      }
-    };
-
-    if (state.token && state.phone) {
-      document.getElementById('loginOverlay').style.display = 'none';
-      document.getElementById('appLayout').classList.add('show');
-      afterLogin();
-    }
+// i18n 双语字典
+    const I18N = {
+      zh: {
+        'app.title_login': '飞虹 Code 控制台',
+        'app.login_hint': '请输入手机号码直接登录',
+        'app.brand': '飞虹 Code',
+        'login.phone_label': '手机号码',
+        'login.btn_login': '手机号登录',
+        'nav.chat': '💬 对话',
+        'nav.automations': '⚡ 自动化',
+        'nav.templates': '📚 模板库',
+        'nav.market': '🧩 插件',
+        'nav.office': '📎 办公',
+        'nav.memory': '🧠 记忆',
+        'nav.release': '🚀 发布',
+        'sidebar.nav': '导航',
+        'sidebar.chat': '对话任务',
+        'sidebar.automations': '自动化',
+        'sidebar.templates': '模板库',
+        'sidebar.market': '插件市场',
+        'sidebar.office': '办公助理',
+        'sidebar.memory': '记忆系统',
+        'sidebar.user': '用户',
+        'sidebar.settings': '设置',
+        'sidebar.task_list': '任务列表',
+        'btn.new_task': '＋ 新建任务',
+        'empty.no_tasks': '暂无任务',
+        'empty.no_skills': '没有找到技能',
+        'empty.no_builtin_templates': '无内置模板',
+        'empty.no_models': '还没有大模型配置，请在下方添加。',
+        'empty.preparing_welcome': '正在为您准备引导任务，请稍候…',
+        'task.not_selected': '未选择任务',
+        'task.select_hint': '从左侧任务列表选择，或在下方输入指令发起新任务',
+        'task.refresh': '刷新当前任务',
+        'chat.welcome': '点击「＋ 新建任务」开启一个新任务，或直接在下方向当前任务发送消息——所有对话都会归属同一个任务运行。',
+        'chat.menu': '＋ 菜单',
+        'chat.screenshot': '📷 截图',
+        'chat.upload_file': '📄 上传文件',
+        'chat.upload_image': '🖼 上传图片',
+        'chat.direct_mode': '🖥 电脑操作',
+        'chat.voice': '🎤 语音输入',
+        'chat.agent_type': '🤖 选择智能体类型',
+        'chat.agent_default': '🤖 通用助手',
+        'chat.listening': '● 正在听…',
+        'chat.send': '▶ 发送',
+        'common.loading': '加载中…',
+        'perm.default': '默认权限',
+        'call.hint': '通话',
+        'call.voice': '📞 语音',
+        'call.video': '🎥 视频',
+        'call.hangup': '⛔ 挂断',
+        'call.voice_call': '语音通话',
+        'call.video_call': '视频通话',
+        'call.voice_hint': '语音通话中，说话内容实时转文字',
+        'call.video_hint': '视频通话中，可截取画面发送',
+        'call.ended': '通话已结束，识别的文字已保留在输入框',
+        'computer.tab': '🖥 电脑操作',
+        'computer.capture': '📷 截取屏幕',
+        'computer.mouse_pos': '坐标',
+        'computer.click_left': '左键点击',
+        'computer.click_right': '右键点击',
+        'computer.double_click': '双击',
+        'computer.type_hint': '输入文字后回车发送',
+        'computer.screenshot_added': '摄像头画面已添加到输入框，可直接发送',
+        'computer.screenshot_not_ready': '视频还没准备好，请稍等',
+        'msg.copy': '📋 复制',
+        'msg.create_doc': '📄 建文档',
+        'msg.copied': '已复制到剪贴板',
+        'msg.doc_downloaded': '文档已下载',
+        'msg.no_content': '没有可复制的内容',
+        'crop.tip': '按住鼠标拖拽选择截图区域 · 松开确认 · ESC 取消',
+        'page.automations.sub': '把常用目标存成指令，一键发起任务',
+        'btn.new_automation': '+ 新建指令',
+        'empty.no_automations': '还没有快捷指令',
+        'page.templates.sub': '点击模板即可填充到输入框',
+        'btn.save_template': '+ 保存当前为模板',
+        'tpl.builtin': '内置模板',
+        'tpl.my': '我的模板',
+        'empty.no_templates': '暂无自定义模板',
+        'page.market.sub': '聚合 ClawHub 与 Agent-Foundry 技能生态',
+        'market.search_placeholder': '搜索…',
+        'market.source_all': '全部来源',
+        'btn.refresh': '刷新',
+        'market.installed': '已安装',
+        'empty.no_installed': '暂无已安装技能',
+        'page.office.sub': '文档处理快捷入口，点击即生成提示词',
+        'page.memory.sub': '短期记忆每日自动整理，沉淀长期知识',
+        'btn.refresh_mem': '🔄 刷新',
+        'btn.summarize': '✨ 立即总结',
+        'mem.stat_short_days': '短期记忆天数',
+        'mem.stat_long_items': '长期记忆条目',
+        'mem.stat_last_summary': '上次总结',
+        'mem.stat_next_summary': '下次自动总结',
+        'mem.tab_short': '📅 短期记忆',
+        'mem.tab_long': '💾 长期记忆',
+        'mem.tab_history': '📜 总结历史',
+        'btn.view': '查看',
+        'mem.select_date': '选择日期查看短期记忆',
+        'empty.no_history': '暂无总结记录',
+        'footbar.title': '对话任务',
+        'footbar.desc': '提交自然语言需求，云端静默执行并回传结果',
+        'footbar.model': '大模型',
+        'footbar.model_title': '切换当前使用的大模型',
+        'footbar.model_settings': '大模型设置',
+        'footbar.model_default': '默认（系统路由）',
+        'right.detail': '📦 任务详情',
+        'right.preview': '👁 产物预览',
+        'right.detail_hint': '从顶部选择一个任务查看详情。',
+        'right.preview_title': '预览',
+        'right.preview_hint': '点击任务或对话中的文件/代码进行预览。',
+        'modal.auto_title': '新建快捷指令',
+        'modal.auto_hint': '保存后可在「自动化」页一键发起任务。',
+        'modal.auto_name': '指令名称',
+        'modal.auto_goal': '目标（提交给模型的需求）',
+        'modal.perm_title': '🔒 权限处理窗口',
+        'modal.perm_hint': '配置工作期间 AI 可读范围及可操作权限。',
+        'modal.perm_read_scope': '可读范围',
+        'modal.perm_workspace': '仅当前工作区',
+        'modal.perm_specified': '指定目录',
+        'modal.perm_all': '全部文件',
+        'modal.perm_actions': '操作权限',
+        'modal.perm_read': '读取文件',
+        'modal.perm_write': '写入文件',
+        'modal.perm_shell': '执行命令',
+        'modal.perm_network': '访问网络',
+        'modal.perm_browser': '浏览器控制',
+        'modal.agent_title': '🤖 选择智能体类型',
+        'modal.agent_hint': '不同智能体会自动调整提示词与执行策略。',
+        'modal.folder_title': '📂 选择工作区文件夹',
+        'btn.select_folder': '选择此文件夹',
+        'modal.model_title': '🧠 大模型设置',
+        'modal.model_hint': '配置自定义大模型，可保存多个并在对话中随时切换。勾选「默认」的项将作为对话默认模型。',
+        'modal.model_name': '模型名称 *',
+        'modal.model_api': 'API 地址',
+        'modal.model_key': '密钥（API Key）',
+        'modal.model_reasoning': '推理过程运行内容（中间环节）',
+        'btn.save_config': '保存配置',
+        'btn.clear_form': '清空表单',
+        'btn.close': '关闭',
+        'modal.new_task_title': '＋ 新建对话任务',
+        'modal.new_task_hint': '创建一个全新任务，中部对话栏的所有消息都将归属该任务运行（支持多轮连续对话）。',
+        'modal.new_task_label': '任务描述',
+        'modal.new_task_agent': '智能体类型',
+        'modal.new_task_workspace': '工作区',
+        'btn.create_task': '创建任务',
+        'modal.settings_title': '⚙️ 设置',
+        'settings.general': '通用',
+        'settings.layout': '栏目配置',
+        'settings.perm': '权限处理',
+        'settings.perm_desc': '配置工作期间可读范围与操作权限',
+        'settings.theme': '外观',
+        'settings.theme_desc': '切换浅色 / 深色主题',
+        'settings.session': '💬 会话管理',
+        'menu.version': '体验版',
+        'menu.current': '当前',
+        'menu.buddy': 'Buddy 加油站',
+        'menu.invite': '去邀约',
+        'menu.invite_right': '最高得会员',
+        'menu.points': '积分余额',
+        'menu.growth': '成长计划',
+        'menu.growth_right': '连登有奖',
+        'menu.help': '帮助与反馈',
+        'menu.update': '检查更新',
+        'menu.logout': '退出登录',
+        'btn.cancel': '取消',
+        'btn.save': '保存',
+        'sidebar.release': '产品发布',
+        'modal.tpl_title_label': '模板标题',
+        'modal.tpl_title_ph': '如：SQL 优化',
+        'modal.tpl_category': '分类',
+        'modal.tpl_category_ph': '自定义',
+        'modal.tpl_goal': '目标内容',
+        'settings.session_auto_new': '发送消息前自动新建对话',
+        'settings.session_auto_open': '页面打开时自动新建对话',
+        'settings.session_clear': '新建对话时清空历史上下文',
+        'modal.auto_name_ph': '如：每日构建检查',
+        'modal.auto_goal_ph': '运行 npm test 并汇总失败用例…',
+        'modal.model_name_ph': '如 GPT-4o / 通义千问 / 自建模型',
+        'modal.model_api_ph': 'https://api.openai.com/v1',
+        'modal.model_key_ph': 'sk-...',
+        'modal.model_reasoning_ph': '配置该模型在中间推理环节的运行内容，例如：先列出需求拆解，再给出实现方案，最后输出代码。',
+        'modal.perm_path_ph': '输入允许的目录路径',
+        // ---- select 的 title 提示（键名固定为 title.<元素id>）----
+        'title.modelSelect': '切换当前使用的大模型',
+        // ---- 输入框占位符（键名固定为 ph.<元素id>）----
+        'ph.goalInput': '输入指令，消息将归属当前任务持续对话；点上方「＋ 新建任务」可开启新任务（创建 → 推理 → 工具验证 → 闭环全程追踪）',
+        'ph.marketSearch': '搜索…',
+        'ph.autoName': '如：每日构建检查',
+        'ph.autoGoal': '运行 npm test 并汇总失败用例…',
+        'ph.tplTitle': '如：SQL 优化',
+        'ph.tplCategory': '自定义',
+        'ph.tplGoal': '粘贴要保存的需求文本…',
+        'ph.permReadPath': '输入允许的目录路径',
+        'ph.modelName': '如 GPT-4o / 通义千问 / 自建模型',
+        'ph.modelApiBase': 'https://api.openai.com/v1',
+        'ph.modelApiKey': 'sk-...',
+        'ph.modelReasoning': '配置该模型在中间推理环节的运行内容，例如：先列出需求拆解，再给出实现方案，最后输出代码。',
+        'ph.ntGoal': '例如：请读取当前工作区 package.json，告诉我其中的 name 与 version 字段',
+        'ph.imName': '模型名称 *',
+        'ph.imBase': 'API 地址',
+      },
+      en: {
+        'app.title_login': 'Feihong Code Console',
+        'app.login_hint': 'Enter phone number to login directly',
+        'app.brand': 'Feihong Code',
+        'login.phone_label': 'Phone Number',
+        'login.btn_login': 'Login',
+        'nav.chat': '💬 Chat',
+        'nav.automations': '⚡ Automations',
+        'nav.templates': '📚 Templates',
+        'nav.market': '🧩 Market',
+        'nav.office': '📎 Office',
+        'nav.release': '🚀 Release',
+        'nav.memory': '🧠 Memory',
+        'sidebar.nav': 'Nav',
+        'sidebar.chat': 'Chat',
+        'sidebar.automations': 'Automations',
+        'sidebar.templates': 'Templates',
+        'sidebar.market': 'Market',
+        'sidebar.office': 'Office',
+        'sidebar.release': 'Release',
+        'sidebar.memory': 'Memory',
+        'sidebar.user': 'User',
+        'sidebar.settings': 'Settings',
+        'sidebar.task_list': 'Tasks',
+        'btn.new_task': '＋ New Task',
+        'empty.no_tasks': 'No tasks',
+        'empty.no_skills': 'No skills found',
+        'empty.no_builtin_templates': 'No built-in templates',
+        'empty.no_models': 'No model configured yet, add one below.',
+        'empty.preparing_welcome': 'Preparing welcome tasks for you, please wait…',
+        'task.not_selected': 'No task selected',
+        'task.select_hint': 'Select from task list or enter commands below',
+        'task.refresh': 'Refresh',
+        'chat.welcome': 'Click ＋ New Task to start a new task, or send messages to continue the current task.',
+        'chat.menu': '＋ Menu',
+        'chat.screenshot': '📷 Screenshot',
+        'chat.upload_file': '📄 Upload File',
+        'chat.upload_image': '🖼 Upload Image',
+        'chat.direct_mode': '🖥 Computer Control',
+        'chat.voice': '🎤 Voice Input',
+        'chat.agent_type': '🤖 Agent Type',
+        'chat.agent_default': '🤖 Assistant',
+        'chat.listening': '● Listening…',
+        'chat.send': '▶ Send',
+        'common.loading': 'Loading…',
+        'perm.default': 'Default Permissions',
+        'call.hint': 'Call',
+        'call.voice': '📞 Voice',
+        'call.video': '🎥 Video',
+        'call.hangup': '⛔ Hang Up',
+        'call.voice_call': 'Voice Call',
+        'call.video_call': 'Video Call',
+        'call.voice_hint': 'Voice call in progress, speech transcribed in real-time',
+        'call.video_hint': 'Video call in progress, capture frames to send',
+        'call.ended': 'Call ended, transcribed text kept in input box',
+        'computer.tab': '🖥 Computer Control',
+        'computer.capture': '📷 Capture Screen',
+        'computer.mouse_pos': 'Pos',
+        'computer.click_left': 'Left Click',
+        'computer.click_right': 'Right Click',
+        'computer.double_click': 'Double Click',
+        'computer.type_hint': 'Type text and press Enter to send',
+        'computer.screenshot_added': 'Camera frame added to input box, ready to send',
+        'computer.screenshot_not_ready': 'Video not ready yet, please wait',
+        'msg.copy': '📋 Copy',
+        'msg.create_doc': '📄 New Doc',
+        'msg.copied': 'Copied to clipboard',
+        'msg.doc_downloaded': 'Document downloaded',
+        'msg.no_content': 'No content to copy',
+        'crop.tip': 'Drag to select a screenshot area · Release to confirm · ESC to cancel',
+        'page.automations.sub': 'Save common goals as shortcuts, launch tasks with one click',
+        'btn.new_automation': '+ New Command',
+        'empty.no_automations': 'No shortcuts yet',
+        'page.templates.sub': 'Click a template to fill the input box',
+        'btn.save_template': '+ Save as Template',
+        'tpl.builtin': 'Built-in Templates',
+        'tpl.my': 'My Templates',
+        'empty.no_templates': 'No custom templates',
+        'page.market.sub': 'Aggregating ClawHub & Agent-Foundry skill ecosystems',
+        'market.search_placeholder': 'Search…',
+        'market.source_all': 'All Sources',
+        'btn.refresh': 'Refresh',
+        'market.installed': 'Installed',
+        'empty.no_installed': 'No installed skills',
+        'page.office.sub': 'Document processing shortcuts, generate prompts instantly',
+        'page.memory.sub': 'Daily auto-summary of short-term memory, accumulate long-term knowledge',
+        'btn.refresh_mem': '🔄 Refresh',
+        'btn.summarize': '✨ Summarize Now',
+        'mem.stat_short_days': 'Short-term Memory Days',
+        'mem.stat_long_items': 'Long-term Memory Items',
+        'mem.stat_last_summary': 'Last Summary',
+        'mem.stat_next_summary': 'Next Summary',
+        'mem.tab_short': '📅 Short-term',
+        'mem.tab_long': '💾 Long-term',
+        'mem.tab_history': '📜 History',
+        'btn.view': 'View',
+        'mem.select_date': 'Select date to view',
+        'empty.no_history': 'No summary records',
+        'footbar.title': 'Chat Task',
+        'footbar.desc': 'Submit natural language requirements, cloud silent execution and return results',
+        'footbar.model': 'Model',
+        'footbar.model_title': 'Switch model',
+        'footbar.model_settings': 'Model Settings',
+        'footbar.model_default': 'Default (System Route)',
+        'right.detail': '📦 Task Detail',
+        'right.preview': '👁 Preview',
+        'right.detail_hint': 'Select a task from the top to view details.',
+        'right.preview_title': 'Preview',
+        'right.preview_hint': 'Click files/codes in task or chat to preview.',
+        'modal.auto_title': 'New Automation',
+        'modal.auto_hint': 'Save for one-click task launch on Automations page.',
+        'modal.auto_name': 'Command Name',
+        'modal.auto_goal': 'Goal (Requirements for model)',
+        'modal.perm_title': '🔒 Permission Window',
+        'modal.perm_hint': 'Configure AI readable scope and operable permissions.',
+        'modal.perm_read_scope': 'Read Scope',
+        'modal.perm_workspace': 'Current Workspace Only',
+        'modal.perm_specified': 'Specified Directory',
+        'modal.perm_all': 'All Files',
+        'modal.perm_actions': 'Operation Permissions',
+        'modal.perm_read': 'Read Files',
+        'modal.perm_write': 'Write Files',
+        'modal.perm_shell': 'Execute Commands',
+        'modal.perm_network': 'Access Network',
+        'modal.perm_browser': 'Browser Control',
+        'modal.agent_title': '🤖 Agent Type',
+        'modal.agent_hint': 'Different agents auto-adjust prompts and execution strategies.',
+        'modal.folder_title': '📂 Select Workspace Folder',
+        'btn.select_folder': 'Select This Folder',
+        'modal.model_title': '🧠 Model Settings',
+        'modal.model_hint': 'Configure custom models, save multiple and switch anytime. Default model will be used by default.',
+        'modal.model_name': 'Model Name *',
+        'modal.model_api': 'API URL',
+        'modal.model_key': 'API Key',
+        'modal.model_reasoning': 'Reasoning Content (Optional)',
+        'btn.save_config': 'Save Config',
+        'btn.clear_form': 'Clear Form',
+        'btn.close': 'Close',
+        'modal.new_task_title': '＋ New Chat Task',
+        'modal.new_task_hint': 'Create a brand new task. All messages in the chat will belong to this task (supports multi-turn conversation).',
+        'modal.new_task_label': 'Task Description',
+        'modal.new_task_agent': 'Agent Type',
+        'modal.new_task_workspace': 'Workspace',
+        'btn.create_task': 'Create Task',
+        'modal.settings_title': '⚙️ Settings',
+        'settings.general': 'General',
+        'settings.layout': 'Layout Config',
+        'settings.perm': 'Permissions',
+        'settings.perm_desc': 'Configure readable scope and operation permissions',
+        'settings.theme': 'Appearance',
+        'settings.theme_desc': 'Switch light/dark theme',
+        'settings.session': '💬 Session Management',
+        'menu.version': 'Trial Version',
+        'menu.current': 'Current',
+        'menu.buddy': 'Buddy Station',
+        'menu.invite': 'Invite',
+        'menu.invite_right': 'Get Premium',
+        'menu.points': 'Points Balance',
+        'menu.growth': 'Growth Plan',
+        'menu.growth_right': 'Streak Bonus',
+        'menu.help': 'Help & Feedback',
+        'menu.update': 'Check Update',
+        'menu.logout': 'Logout',
+        'btn.cancel': 'Cancel',
+        'btn.save': 'Save',
+        'sidebar.release': 'Release',
+        'modal.tpl_title_label': 'Template Title',
+        'modal.tpl_title_ph': 'e.g. SQL optimization',
+        'modal.tpl_category': 'Category',
+        'modal.tpl_category_ph': 'Custom',
+        'modal.tpl_goal': 'Goal Content',
+        'settings.session_auto_new': 'Auto new conversation before sending',
+        'settings.session_auto_open': 'Auto new conversation on page open',
+        'settings.session_clear': 'Clear history on new conversation',
+        'modal.auto_name_ph': 'e.g. Daily build check',
+        'modal.auto_goal_ph': 'Run npm test and summarize failures…',
+        'modal.model_name_ph': 'e.g. GPT-4o / Qwen / custom model',
+        'modal.model_api_ph': 'https://api.openai.com/v1',
+        'modal.model_key_ph': 'sk-...',
+        'modal.model_reasoning_ph': 'Configure what this model runs in intermediate reasoning steps, e.g. break down requirements first, then propose a solution, then output code.',
+        'modal.perm_path_ph': 'Enter allowed directory path',
+        // ---- select title hints (key = title.<element id>) ----
+        'title.modelSelect': 'Switch the active LLM',
+        // ---- input placeholders (key = ph.<element id>) ----
+        'ph.goalInput': 'Type an instruction. Messages stay in the current task; click "+ New Task" above to start a new one (create → reason → verify → close the loop).',
+        'ph.marketSearch': 'Search…',
+        'ph.autoName': 'e.g. Daily build check',
+        'ph.autoGoal': 'Run npm test and summarize failing cases…',
+        'ph.tplTitle': 'e.g. SQL Optimization',
+        'ph.tplCategory': 'Custom',
+        'ph.tplGoal': 'Paste the requirement text to save…',
+        'ph.permReadPath': 'Enter an allowed directory path',
+        'ph.modelName': 'e.g. GPT-4o / Qwen / Self-hosted',
+        'ph.modelApiBase': 'https://api.openai.com/v1',
+        'ph.modelApiKey': 'sk-...',
+        'ph.modelReasoning': 'Define what this model does during intermediate reasoning, e.g. break down requirements first, then propose a plan, then output code.',
+        'ph.ntGoal': 'e.g. Read package.json in the current workspace and tell me its name and version fields',
+        'ph.imName': 'Model name *',
+        'ph.imBase': 'API endpoint',
+      }
+    };
+    
+    let currentLang = localStorage.getItem('fhcode.lang') || 'zh';
+    
+    
+    /**
+     * 安全地把某个元素的 i18n 文案落地。
+     * 关键约束（曾导致「模型无法切换」「侧边栏图标消失」的线上问题）：
+     *  - <select> 绝对不能写 textContent，否则会把所有 <option> 一次性清空；
+     *  - <input>/<textarea> 只改 placeholder，且必须命中专用键，避免误翻；
+     *  - 含子元素的容器（图标 + 标签）只改 title / 直接文本节点，绝不整体覆盖。
+     */
+
+    function switchLang(lang) {
+      currentLang = lang;
+      localStorage.setItem('fhcode.lang', lang);
+      document.querySelectorAll('[data-i18n]').forEach((el) => {
+        try { applyI18nToEl(el); } catch (e) { console.warn('[i18n] 应用失败', el, e); }
+      });
+      document.querySelectorAll('.lang-btn').forEach(btn => {
+        btn.classList.toggle('active', btn.getAttribute('data-lang') === lang);
+      });
+      document.documentElement.lang = lang;
+      // 语言切换后重建由 JS 动态渲染的下拉/列表，保证选项文案与选中值不丢失
+      try { if (typeof renderModelSelect === 'function') renderModelSelect(); } catch {}
+    }
+    
+    document.querySelectorAll('.lang-btn').forEach(btn => {
+      btn.addEventListener('click', () => switchLang(btn.getAttribute('data-lang')));
+    });
+    
+    // 初始化语言
+    switchLang(currentLang);
+    
+    const AGENT_TYPES = {
+      general: { label: '通用助手', icon: '🤖' },
+      'fix-code': { label: '修复代码', icon: '🐛' },
+      'write-code': { label: '编写代码', icon: '✍️' },
+      'exec-command': { label: '执行命令', icon: '⚡' },
+    };
+
+    const state = {
+      token: '',
+      phone: '',
+      tasks: [],
+      currentTaskId: null,
+      submittedTaskIds: new Set(),
+      completedTaskIds: new Set(),
+      pinnedTasks: new Set(), // 置顶任务ID集合
+      market: [],
+      installed: new Set(),
+      agentType: 'general',
+      directMode: false,
+      permissions: {
+        readScope: 'workspace',
+        readPath: '',
+        allowRead: true,
+        allowWrite: false,
+        allowShell: false,
+        allowNetwork: true,
+        allowBrowser: false,
+      },
+      workspaceDir: '',
+      rightTab: 'detail',
+      models: [],
+      defaultModelId: null,
+      modelId: '',
+      // 待发送附件暂存区（截图/上传文件/上传图片，点发送时才上传并发给 AI）
+      stagedFiles: [],
+      // 会话管理配置
+      sessionConfig: {
+        autoResetOnNew: false,    // 打开时自动新建对话
+        autoResetOnOpen: false,   // 发送消息时自动重置
+        clearHistoryOnNew: true,  // 新建时清空历史
+      },
+      procOpen: false,            // 「执行过程」折叠面板是否展开（轮询刷新时保留）
+    };
+
+    (function initSession() {
+      // 提前检测登录状态，给 html 加 class，配合 CSS 避免登录页闪烁（感觉像打开两次）
+      try {
+        const urlToken = new URLSearchParams(location.search).get('token');
+        if (urlToken) localStorage.setItem('fhcode.token', urlToken);
+        const t = localStorage.getItem('fhcode.token');
+        const p = localStorage.getItem('fhcode.phone');
+        if (t && p) {
+          document.documentElement.classList.add('logged-in');
+        }
+      } catch(e) {}
+      const urlToken = new URLSearchParams(location.search).get('token');
+      if (urlToken) localStorage.setItem('fhcode.token', urlToken);
+      const savedModel = localStorage.getItem('fhcode.model');
+      if (savedModel !== null) state.modelId = savedModel;
+      state.token = localStorage.getItem('fhcode.token') || '';
+      state.phone = localStorage.getItem('fhcode.phone') || '';
+      try {
+        const p = JSON.parse(localStorage.getItem('fhcode.permissions') || '{}');
+        if (p) Object.assign(state.permissions, p);
+      } catch {}
+      // 恢复主题偏好（脚本位于 body 尾部，尽早生效避免闪烁）
+      if (localStorage.getItem('fhcode.theme') === 'dark') {
+        document.documentElement.classList.add('dark');
+      }
+      // 加载会话配置
+      try {
+        const sc = JSON.parse(localStorage.getItem('fhcode.sessionConfig') || '{}');
+        if (sc.autoResetOnNew != null) state.sessionConfig.autoResetOnNew = sc.autoResetOnNew;
+        if (sc.autoResetOnOpen != null) state.sessionConfig.autoResetOnOpen = sc.autoResetOnOpen;
+        if (sc.clearHistoryOnNew != null) state.sessionConfig.clearHistoryOnNew = sc.clearHistoryOnNew;
+      } catch {}
+      // autoResetOnOpen: 页面打开时自动新建对话（不自动选中旧任务，显示空白输入区）
+      if (state.sessionConfig.autoResetOnOpen && state.token) {
+        state.currentTaskId = null;
+        const box = document.getElementById('messages');
+        if (box) box.innerHTML = '<div class="msg sys">已按设置自动新建对话，输入指令即可发起新任务。</div>';
+      }
+    })();
+
+    // 消息气泡通用操作：复制 / 编辑 / 分享 / 创建文档
+    function bubbleActions(e, content) {
+      e.stopPropagation();
+      const menu = document.getElementById('bubbleMenu');
+      if (menu) menu.remove();
+      const m = document.createElement('div');
+      m.id = 'bubbleMenu';
+      m.style.cssText = 'position:fixed;z-index:10001;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.18);padding:4px 0;min-width:140px;font-size:13px;';
+      const items = [
+        { label: '📋 复制', action: 'copy' },
+        { label: '✏️ 编辑', action: 'edit' },
+        { label: '🔗 分享链接', action: 'share' },
+        { label: '📄 创建文档', action: 'doc' },
+      ];
+      items.forEach((it) => {
+        const el = document.createElement('div');
+        el.className = 'dropdown-item';
+        el.textContent = it.label;
+        el.style.cssText = 'padding:7px 16px;cursor:pointer;';
+        el.addEventListener('mouseenter', () => { el.style.background = 'var(--brand-soft)'; });
+        el.addEventListener('mouseleave', () => { el.style.background = ''; });
+        el.addEventListener('click', () => {
+          m.remove();
+          handleBubbleAction(it.action, content);
+        });
+        m.appendChild(el);
+      });
+      document.body.appendChild(m);
+      const rect = e.target.getBoundingClientRect();
+      m.style.right = (window.innerWidth - rect.right + 4) + 'px';
+      m.style.top = rect.top + 'px';
+    }
+    async function handleBubbleAction(action, content) {
+      if (action === 'copy') {
+        try { await navigator.clipboard.writeText(content); toast('已复制到剪贴板'); }
+        catch { document.execCommand('copy'); toast('已复制'); }
+      } else if (action === 'edit') {
+        const edited = prompt('编辑内容：', content);
+        if (edited != null && edited.trim()) {
+          // 就近更新对应的消息气泡正文（最终回复块 / 对话气泡）
+          const box = document.getElementById('messages');
+          if (box) {
+            const candidates = box.querySelectorAll('.step.final > div:last-child, .msg.assistant, .msg.user');
+            for (let i = candidates.length - 1; i >= 0; i--) {
+              if ((candidates[i].textContent || '').trim() === (content || '').trim()) {
+                candidates[i].textContent = edited;
+                break;
+              }
+            }
+          }
+          toast('已更新消息内容（本地预览）');
+        }
+      } else if (action === 'share') {
+        const payload = btoa(unescape(encodeURIComponent(content.slice(0, 2000))));
+        const url = location.origin + location.pathname + '#share/' + payload;
+        try { await navigator.clipboard.writeText(url); toast('分享链接已复制'); }
+        catch { prompt('复制以下链接分享给他人：', url); }
+      } else if (action === 'doc') {
+        const title = prompt('文档标题（默认： fhcode-回复）：', 'fhcode-回复-' + Date.now());
+        if (!title) return;
+        const blob = new Blob([content], { type: 'text/markdown;charset=utf-8' });
+        const a = document.createElement('a');
+        a.href = URL.createObjectURL(blob);
+        a.download = title.replace(/[^\u4e00-\u9fa5a-zA-Z0-9_\-]/g, '_') + '.md';
+        a.click();
+        URL.revokeObjectURL(a.href);
+        toast('文档已下载');
+      }
+    }
+
+    // 消息操作按钮事件委托（复制、创建文档）
+    document.getElementById('messages')?.addEventListener('click', (e) => {
+      const btn = e.target.closest('.msg-action-btn');
+      if (!btn) return;
+      e.stopPropagation();
+      const action = btn.getAttribute('data-action');
+      const msgEl = btn.closest('.msg');
+      if (!msgEl) return;
+      // 获取消息文本内容（排除操作按钮）
+      const actionsEl = msgEl.querySelector('.msg-actions');
+      let content = '';
+      if (actionsEl) {
+        // 临时移除操作按钮，获取文本，再放回去
+        const parent = actionsEl.parentNode;
+        const nextSibling = actionsEl.nextSibling;
+        parent.removeChild(actionsEl);
+        content = msgEl.textContent || '';
+        if (nextSibling) parent.insertBefore(actionsEl, nextSibling);
+        else parent.appendChild(actionsEl);
+      } else {
+        content = msgEl.textContent || '';
+      }
+      content = content.trim();
+      if (!content) {
+        toast('没有可复制的内容');
+        return;
+      }
+      if (action === 'copy') {
+        handleBubbleAction('copy', content);
+      } else if (action === 'create-doc') {
+        handleBubbleAction('doc', content);
+      }
+    });
+
+    /* ========== 登录 ========== */
+    document.getElementById('loginBtn').addEventListener('click', doLogin);
+    document.getElementById('loginPhone').addEventListener('keydown', (e) => { if (e.key === 'Enter') doLogin(); });
+
+    async function afterLogin() {
+      updateUserBar();
+      // 检查是否是首次登录，如果是则显示欢迎引导
+      const isFirstLogin = await checkFirstLogin();
+      if (isFirstLogin) {
+        // 从 localStorage 恢复 welcomeTasks（登录时已创建）
+        const savedWelcomeTasks = localStorage.getItem('fhcode.welcomeTasks');
+        if (savedWelcomeTasks) {
+          try {
+            const tasks = JSON.parse(savedWelcomeTasks);
+            if (tasks.length > 0) {
+              showWelcomeGuide(tasks);
+              return; // 引导流程已启动，跳过常规加载
+            }
+          } catch {}
+        }
+        showWelcomeGuide([]);
+      }
+      await Promise.allSettled([loadTasks(), loadAutomations(), loadTemplates(), loadMarket(), loadOffice(), loadWorkspace(), loadModels(), loadMemoryStats(), loadNodes(), loadSources()]);
+      startRefresh();
+    }
+
+    async function checkFirstLogin() {
+      if (!state.token) return false;
+      try {
+        const d = await api('/api/auth/me');
+        if (d.isFirstLogin === true) {
+          // 保存首次登录标记，供后续使用
+          localStorage.setItem('fhcode.firstLogin', 'true');
+        }
+        return d.isFirstLogin === true;
+      } catch {
+        return false;
+      }
+    }
+
+
+
+    async function runWelcomeTask(taskId) {
+      try {
+        // 加载任务详情
+        const d = await api('/api/tasks/' + taskId);
+        state.currentTaskId = d.task.id;
+        
+        // 关闭引导弹窗
+        const modal = document.getElementById('welcomeGuideModal');
+        if (modal) modal.classList.remove('show');
+        
+        // 显示任务列表
+        const taskListSection = document.getElementById('taskListSection');
+        if (taskListSection) taskListSection.style.display = 'block';
+        
+        // 加载并刷新任务
+        await loadTasks();
+        selectTask(taskId);
+        toast('已启动引导任务：' + (d.task.goal.slice(0, 20) + '…'));
+      } catch (e) {
+        toast('启动任务失败：' + e.message);
+      }
+    }
+
+    // 运行所有引导任务
+    async function runAllWelcomeTasks() {
+      const tasks = JSON.parse(localStorage.getItem('fhcode.welcomeTasks') || '[]');
+      if (tasks.length === 0) {
+        toast('暂无引导任务');
+        return;
+      }
+      // 关闭弹窗
+      const modal = document.getElementById('welcomeGuideModal');
+      if (modal) modal.classList.remove('show');
+      // 显示任务列表
+      const taskListSection = document.getElementById('taskListSection');
+      if (taskListSection) taskListSection.style.display = 'block';
+      // 运行第一个任务
+      await runWelcomeTask(tasks[0].taskId);
+      toast('已开始执行引导任务，共 ' + tasks.length + ' 个');
+    }
+
+    // 绑定"全部运行"按钮
+    document.getElementById('welcomeRunAllBtn')?.addEventListener('click', runAllWelcomeTasks);
+
+    // 在登录后保存 welcomeTasks 到 localStorage
+    async function saveWelcomeTasks(tasks) {
+      if (tasks && tasks.length > 0) {
+        localStorage.setItem('fhcode.welcomeTasks', JSON.stringify(tasks));
+      }
+    }
+
+
+    /* ========== 导航切换 ========== */
+
+    document.querySelectorAll('.topbar-nav-item').forEach((el) => {
+      el.addEventListener('click', () => switchView(el.getAttribute('data-nav')));
+    });
+    document.querySelectorAll('.sidebar-icon[data-nav]').forEach((el) => {
+      el.addEventListener('click', () => switchView(el.getAttribute('data-nav')));
+    });
+
+    /* ========== 用户菜单 ========== */
+    const userMenuMask = document.getElementById('userMenuMask');
+    document.getElementById('topbarUser').addEventListener('click', () => userMenuMask.classList.add('show'));
+    document.getElementById('sidebarUser').addEventListener('click', () => userMenuMask.classList.add('show'));
+    userMenuMask.addEventListener('click', (e) => { if (e.target === userMenuMask) userMenuMask.classList.remove('show'); });
+    document.querySelectorAll('#userMenu .sheet-item').forEach((el) => {
+      el.addEventListener('click', () => {
+        const action = el.getAttribute('data-action');
+        userMenuMask.classList.remove('show');
+        switch (action) {
+          case 'settings': openModal('settingsModal'); break;
+          case 'models': openModels(); break;
+          case 'theme': toggleTheme(); break;
+          case 'help': openBrowser('https://github.com/wch887292/feihong-code/issues'); break;
+          case 'buddy': openBrowser('https://www.klai.top'); break;
+          case 'invite': toast('邀请链接已复制（演示）'); break;
+          case 'points': toast('积分余额：0（演示）'); break;
+          case 'growth': toast('连续登录 1 天（演示）'); break;
+          case 'version': toast('当前为体验版'); break;
+          case 'update': checkUpdate(); break;
+          case 'logout':
+            localStorage.removeItem('fhcode.token');
+            localStorage.removeItem('fhcode.phone');
+            location.reload();
+            break;
+        }
+      });
+    });
+
+    document.getElementById('sidebarSettings').addEventListener('click', () => {
+      userMenuMask.classList.remove('show');
+      openModal('settingsModal');
+    });
+
+    function openBrowser(url) {
+      api('/api/open/browser', 'POST', { url }).then(() => toast('已在系统浏览器打开')).catch((e) => toast('打开失败：' + e.message));
+    }
+    async function checkUpdate() {
+      try {
+        const d = await api('/api/health');
+        toast('当前版本 ' + d.version + '，已是最新（演示）');
+      } catch (e) { toast('检查失败：' + e.message); }
+    }
+    function toggleTheme() {
+      const dark = document.documentElement.classList.toggle('dark');
+      localStorage.setItem('fhcode.theme', dark ? 'dark' : 'light');
+      toast(dark ? '已切换为深色主题' : '已切换为浅色主题');
+    }
+
+    /* ========== 任务列表与详情 ========== */
+    async function selectTask(id) {
+      state.currentTaskId = id;
+      renderSidebarTaskList();
+      renderTaskDetail(id);
+      await refreshCurrentThread();
+      switchRightTab('detail');
+    }
+
+    // 切换置顶状态
+    function togglePinTask(taskId) {
+      if (state.pinnedTasks.has(taskId)) {
+        state.pinnedTasks.delete(taskId);
+        toast('已取消置顶');
+      } else {
+        state.pinnedTasks.add(taskId);
+        toast('已置顶');
+      }
+      renderSidebarTaskList();
+    }
+
+    // 删除任务
+    async function deleteTask(taskId) {
+      if (!confirm('确定要删除这个任务吗？')) return;
+      try {
+        await api('/api/tasks/' + taskId, 'DELETE');
+        toast('任务已删除');
+        state.tasks = state.tasks.filter((t) => t.id !== taskId);
+        // 若删除的是当前任务，清空选中并回退到最新任务或空白态
+        if (state.currentTaskId === taskId) {
+          state.currentTaskId = null;
+          if (state.tasks.length) {
+            state.currentTaskId = state.tasks[0].id;
+            renderTaskDetail(state.currentTaskId);
+            await refreshCurrentThread();
+          } else {
+            renderTaskThread(null);
+          }
+        }
+        renderSidebarTaskList();
+      } catch (e) {
+        toast('删除失败：' + e.message);
+      }
+    }
+    async function handleDetailOp(task, op, path) {
+      if (op === 'folder') {
+        try { await api('/api/open/folder', 'POST', { path: path || task.workspaceDir }); toast('已打开资源管理器'); }
+        catch (e) { toast('打开失败：' + e.message); }
+      } else if (op === 'browser') {
+        const url = extractUrl(task.result?.finalAnswer) || 'https://www.klai.top';
+        openBrowser(url);
+      } else if (op === 'artifacts') {
+        await showArtifacts(path || task.workspaceDir);
+      } else if (op === 'preview' || op === 'code') {
+        const text = task.result?.finalAnswer || '';
+        showPreview('任务产物', linkifyArtifacts(text), 'text');
+        switchRightTab('preview');
+      }
+    }
+    /* ========== 任务思维链路渲染 ========== */
+    /** 切换思考过程折叠/展开 */
+    /** 切换工具调用参数详情显示/隐藏 */
+
+    /** 群组渲染助手消息为 Cursor 风格的思考过程 + 回复 */
+
+    // 拉取当前选中任务的完整详情（含思维链路步骤）并渲染
+    async function refreshCurrentThread() {
+      if (!state.currentTaskId) { renderTaskThread(null); return; }
+      try {
+        const d = await api('/api/tasks/' + state.currentTaskId);
+        const t = d.task;
+        const idx = state.tasks.findIndex((x) => x.id === t.id);
+        if (idx >= 0) state.tasks[idx] = t; else state.tasks.push(t);
+        renderTaskThread(t);
+      } catch (e) { console.warn('刷新当前任务线程失败', e); renderTaskThread(null); }
+    }
+
+
+    // 将单个任务渲染为对话框：对话流（用户↔助手干净气泡）+ 内部执行过程（默认折叠）
+    // 单条执行步骤渲染（思维链路、工具调用、验证结果、自愈/压缩等）
+    /* 轻量 Markdown 渲染（用于模型推理内容） */
+    /* 工具参数格式化为 key: value 列表 */
+
+    /* ========== 右侧 Tab ========== */
+    document.querySelectorAll('.right-tab').forEach((tab) => {
+      tab.addEventListener('click', () => switchRightTab(tab.getAttribute('data-tab')));
+    });
+
+    /* ========== 对话与发送 ========== */
+    async function sendTask() {
+      const input = document.getElementById('goalInput');
+      let goal = input.value.trim();
+      // 允许只发送文件（无文本）
+      if (!goal && !state.stagedFiles.length) return;
+      if (!state.token) { toast('请先登录'); return; }
+      if (state.directMode) goal = goal ? ('[电脑操作] ' + goal) : '[电脑操作]（仅附件）';
+      const btn = document.getElementById('sendBtn');
+      btn.disabled = true;
+      try {
+        // 上传暂存的附件（仅在点发送时才上传）
+        const attachments = await uploadStagedFiles();
+
+        // autoResetOnNew: 发送消息前自动新建对话，旧任务保留在历史
+        if (state.sessionConfig.autoResetOnNew && state.currentTaskId) {
+          toast('自动新建对话，旧任务保留在历史');
+          state.currentTaskId = null;
+        }
+        // 已有当前任务 → 多轮续接：消息归属同一任务生命周期
+        if (state.currentTaskId) {
+          const cur = state.tasks.find((t) => t.id === state.currentTaskId);
+          if (cur && (cur.status === 'queued' || cur.status === 'running')) {
+            toast('当前任务执行中，请等待完成后再继续对话');
+            return;
+          }
+          const d = await api('/api/tasks/' + state.currentTaskId + '/messages', 'POST', {
+            message: goal || '（仅附件）',
+            attachments,
+          });
+          input.value = '';
+          clearStagedFiles();
+          renderSidebarTaskList();
+          renderTaskDetail(d.task.id);
+          renderTaskThread(d.task);
+          await loadTasks();
+          toast(attachments.length ? `已发送（含 ${attachments.length} 个附件），继续当前任务对话` : '已发送，继续当前任务对话');
+          return;
+        }
+        const d = await api('/api/tasks', 'POST', {
+          goal: goal || '（仅附件）',
+          agentType: state.agentType,
+          permissions: state.permissions,
+          workspaceDir: state.workspaceDir || undefined,
+          modelId: state.modelId || undefined,
+          attachments: attachments.length ? attachments : undefined,
+        });
+        input.value = '';
+        clearStagedFiles();
+        // 新任务即成为当前任务，中部围绕其单一生命周期可视化追踪
+        state.currentTaskId = d.task.id;
+        const taskListSection = document.getElementById('taskListSection');
+        if (taskListSection) taskListSection.style.display = 'block';
+        renderSidebarTaskList();
+        renderTaskDetail(d.task.id);
+        renderTaskThread({ id: d.task.id, goal: goal || '（仅附件）', status: 'queued', createdAt: new Date().toISOString(), steps: [], conversation: [{ role: 'user', content: goal || '（仅附件）' }] });
+        await loadTasks();
+        toast(attachments.length ? `任务已提交（含 ${attachments.length} 个附件），开始追踪思维链路` : '任务已提交，开始追踪思维链路');
+      } catch (e) { toast('提交失败：' + e.message); }
+      finally { btn.disabled = false; }
+    }
+
+    /* ========== 输入区·附件暂存（点发送时统一上传） ========== */
+    function stageFile(file) {
+      const id = 'sf_' + Date.now() + '_' + Math.random().toString(36).slice(2, 6);
+      state.stagedFiles.push({ id, name: file.name, mime: file.mime, dataUrl: file.dataUrl, size: estimateDataUrlSize(file.dataUrl) });
+      renderStagedFiles();
+    }
+    function removeStagedFile(id) {
+      state.stagedFiles = state.stagedFiles.filter((f) => f.id !== id);
+      renderStagedFiles();
+    }
+    function clearStagedFiles() {
+      state.stagedFiles = [];
+      renderStagedFiles();
+    }
+    async function uploadStagedFiles() {
+      if (!state.stagedFiles.length) return [];
+      const paths = [];
+      for (const f of state.stagedFiles) {
+        try {
+          const base64 = (f.dataUrl || '').split(',')[1] || '';
+          const d = await api('/api/upload', 'POST', { name: f.name, mime: f.mime, dataBase64: base64 });
+          paths.push(d.path);
+        } catch (e) { toast('上传失败：' + f.name + '（' + e.message + '）'); }
+      }
+      return paths;
+    }
+    function appendMsg(role, text, extras = {}) {
+      const box = document.getElementById('messages');
+      const el = document.createElement('div');
+      el.className = 'msg ' + role;
+      if (extras.html) el.innerHTML = extras.html;
+      else if (extras.file) {
+        el.innerHTML = '<span class="file-chip" data-path="' + escapeHtml(extras.file) + '" data-type="' + escapeHtml(extras.mime || 'file') + '">📎 ' + escapeHtml(extras.name) + '</span>';
+      } else {
+        el.innerHTML = linkifyArtifacts(text);
+      }
+      box.appendChild(el);
+      box.scrollTop = box.scrollHeight;
+      bindArtifacts(el);
+    }
+    document.getElementById('sendBtn').addEventListener('click', sendTask);
+    document.getElementById('goalInput').addEventListener('keydown', (e) => { if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) sendTask(); });
+    // 粘贴图片：用户用 Win+Shift+S 截图后可直接粘贴到输入框
+    document.getElementById('goalInput').addEventListener('paste', (e) => {
+      const items = e.clipboardData?.items;
+      if (!items) return;
+      for (const item of items) {
+        if (item.type.startsWith('image/')) {
+          e.preventDefault();
+          const file = item.getAsFile();
+          if (!file) continue;
+          const reader = new FileReader();
+          reader.onload = () => {
+            stageFile({ name: 'paste-' + Date.now() + '.png', mime: file.type || 'image/png', dataUrl: String(reader.result) });
+            toast('图片已粘贴到输入框，可直接输入文字发送');
+          };
+          reader.readAsDataURL(file);
+          break;
+        }
+      }
+    });
+    document.getElementById('tchRefresh').addEventListener('click', () => { refreshCurrentThread(); toast('已刷新当前任务'); });
+    document.getElementById('tchStop').addEventListener('click', async () => {
+      if (!state.currentTaskId) return;
+      try {
+        await api('/api/tasks/' + state.currentTaskId + '/stop', 'POST');
+        toast('已发送停止指令，任务即将终止');
+        await refreshCurrentThread();
+      } catch (e) { toast('停止失败：' + e.message); }
+    });
+    document.getElementById('tchNewTask').addEventListener('click', () => { try { openNewTaskModal(); } catch { toast('新建任务面板不可用'); } });
+    document.getElementById('screenshotBtn').addEventListener('click', takeScreenshot);
+    document.getElementById('voiceBtn')?.addEventListener('click', startVoice);
+
+    /* ========== 输入框右键菜单（复制/剪切/粘贴/全选） ========== */
+    const goalInput = document.getElementById('goalInput');
+    goalInput.addEventListener('contextmenu', (e) => {
+      e.preventDefault();
+      // 移除旧菜单
+      const old = document.getElementById('textCtxMenu');
+      if (old) old.remove();
+      // 记录右键时的选中区间（菜单点击会令文本框失焦，故需先记住）
+      const sel = { start: goalInput.selectionStart, end: goalInput.selectionEnd };
+      const hasSel = sel.end > sel.start;
+      // 创建右键菜单
+      const menu = document.createElement('div');
+      menu.id = 'textCtxMenu';
+      menu.style.cssText = 'position:fixed;z-index:10000;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);padding:4px 0;min-width:160px;';
+      const items = [
+        { label: '📋 复制', action: 'copy', disabled: !hasSel },
+        { label: '✂️ 剪切', action: 'cut', disabled: !hasSel },
+        { label: '📌 粘贴', action: 'paste' },
+        { label: '⬛ 全选', action: 'selectall' },
+      ];
+      // 恢复文本框聚焦与选中，供 execCommand 兜底使用
+      const restoreSel = () => {
+        goalInput.focus();
+        goalInput.setSelectionRange(sel.start, sel.end);
+      };
+      items.forEach((it) => {
+        const el = document.createElement('div');
+        el.className = 'dropdown-item';
+        el.textContent = it.label;
+        el.style.cssText = 'padding:6px 16px;cursor:' + (it.disabled ? 'default' : 'pointer') + ';font-size:13px;opacity:' + (it.disabled ? 0.4 : 1) + ';';
+        el.addEventListener('mouseenter', () => { if (!it.disabled) el.style.background = 'var(--brand-soft)'; });
+        el.addEventListener('mouseleave', () => { el.style.background = ''; });
+        el.addEventListener('click', async () => {
+          menu.remove();
+          if (it.disabled) return;
+          if (it.action === 'copy') {
+            const selText = goalInput.value.slice(sel.start, sel.end);
+            try { await navigator.clipboard.writeText(selText); toast('已复制'); }
+            catch { restoreSel(); document.execCommand('copy'); toast('已复制'); }
+          } else if (it.action === 'cut') {
+            const selText = goalInput.value.slice(sel.start, sel.end);
+            try { await navigator.clipboard.writeText(selText); } catch {}
+            goalInput.setRangeText('', sel.start, sel.end, 'preserve');
+            goalInput.focus();
+            goalInput.setSelectionRange(sel.start, sel.start);
+            if (selText) toast('已剪切');
+          } else if (it.action === 'paste') {
+            let text = '';
+            try { text = await navigator.clipboard.readText().catch(() => ''); } catch {}
+            if (text) {
+              goalInput.setRangeText(text, sel.start, sel.end, 'end');
+              goalInput.focus();
+            } else {
+              // 读取失败则回退到系统粘贴（依赖当前选中）
+              restoreSel();
+              document.execCommand('paste');
+            }
+          } else if (it.action === 'selectall') {
+            goalInput.focus();
+            goalInput.select();
+          }
+        });
+        menu.appendChild(el);
+      });
+      document.body.appendChild(menu);
+      menu.style.left = e.clientX + 'px';
+      menu.style.top = e.clientY + 'px';
+    });
+    // 点击其他地方或失焦关闭右键菜单
+    document.addEventListener('click', (e) => {
+      const menu = document.getElementById('textCtxMenu');
+      if (menu && !menu.contains(e.target)) menu.remove();
+    });
+    document.addEventListener('blur', () => {
+      const menu = document.getElementById('textCtxMenu');
+      if (menu) menu.remove();
+    });
+    // 支持在输入框内直接粘贴图片（与「上传图片/截图」共用同一暂存区，发送时一起上传）
+    goalInput.addEventListener('paste', (e) => {
+      if (!e.clipboardData) return;
+      const items = e.clipboardData.items;
+      const images = [];
+      for (let i = 0; i < items.length; i++) {
+        const item = items[i];
+        if (item.kind === 'file' && item.type && item.type.startsWith('image/')) {
+          const f = item.getAsFile();
+          if (f) images.push(f);
+        }
+      }
+      if (!images.length) return; // 非图片粘贴（文本等）交给浏览器默认行为
+      e.preventDefault();
+      images.forEach((file, idx) => {
+        const reader = new FileReader();
+        reader.onload = () => {
+          const name = file.name || ('paste-image-' + (idx + 1) + '.png');
+          stageFile({ name, mime: file.type || 'image/png', dataUrl: String(reader.result) });
+          toast('已暂存图片：' + name + '（点发送时一起发给 AI）');
+        };
+        reader.readAsDataURL(file);
+      });
+    });
+
+    /* ========== 新建对话任务 ========== */
+    async function openNewTaskModal() {
+      // 智能体类型下拉
+      const agentSel = document.getElementById('ntAgentType');
+      agentSel.innerHTML = Object.entries(AGENT_TYPES)
+        .map(([k, v]) => '<option value="' + k + '"' + (state.agentType === k ? ' selected' : '') + '>' + v.icon + ' ' + v.label + '</option>')
+        .join('');
+      // 工作区下拉：默认（沿用当前底部所选）+ 磁盘根目录
+      const wsSel = document.getElementById('ntWorkspaceDir');
+      const cur = state.workspaceDir || '';
+      wsSel.innerHTML = '<option value="">默认（' + (cur || '服务器工作区') + '）</option>';
+      try {
+        const d = await api('/api/drives');
+        (d.drives || []).forEach((dr) => {
+          if (dr !== cur) wsSel.innerHTML += '<option value="' + escapeHtml(dr) + '">' + escapeHtml(dr) + '</option>';
+        });
+      } catch {}
+      document.getElementById('ntGoal').value = '';
+      openModal('newTaskModal');
+      setTimeout(() => document.getElementById('ntGoal').focus(), 60);
+    }
+    async function createNewTask() {
+      const goal = document.getElementById('ntGoal').value.trim();
+      if (!goal) { toast('请填写任务描述'); return; }
+      const btn = document.getElementById('ntCreateBtn');
+      btn.disabled = true;
+      try {
+        const wsVal = document.getElementById('ntWorkspaceDir').value;
+        const payload = {
+          goal,
+          agentType: document.getElementById('ntAgentType').value || state.agentType,
+          permissions: state.permissions,
+          modelId: state.modelId || undefined,
+        };
+        // 工作区：仅在明确选择了目录时覆盖
+        const d = await api('/api/tasks', 'POST', wsVal ? Object.assign(payload, { workspaceDir: wsVal }) : payload);
+        document.getElementById('goalInput').value = '';
+        state.currentTaskId = d.task.id;
+        const taskListSection = document.getElementById('taskListSection');
+        if (taskListSection) taskListSection.style.display = 'block';
+        renderSidebarTaskList();
+        renderTaskDetail(d.task.id);
+        renderTaskThread({ id: d.task.id, goal, status: 'queued', createdAt: new Date().toISOString(), steps: [], conversation: [{ role: 'user', content: goal }] });
+        switchView('chat');
+        closeModal('newTaskModal');
+        await loadTasks();
+        toast('新任务已创建，所有对话将归属该任务');
+      } catch (e) { toast('创建失败：' + e.message); }
+      finally { btn.disabled = false; }
+    }
+    document.getElementById('newTaskBtn')?.addEventListener('click', () => { switchView('chat'); startNewChat(); });
+    document.getElementById('tchNewTask')?.addEventListener('click', startNewChat);
+    document.getElementById('ntCreateBtn')?.addEventListener('click', createNewTask);
+    document.getElementById('ntGoal')?.addEventListener('keydown', (e) => { if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) createNewTask(); });
+
+    /* ========== 产物链接化 ========== */
+
+    /* ========== 中间菜单 ========== */
+    const convMenuWrap = document.getElementById('convMenuWrap');
+    const convMenu = document.getElementById('convMenu');
+    document.getElementById('convMenuBtn').addEventListener('click', (e) => {
+      e.stopPropagation();
+      convMenu.classList.toggle('show');
+    });
+    document.addEventListener('click', (e) => { if (!convMenuWrap.contains(e.target)) convMenu.classList.remove('show'); });
+    convMenu.querySelectorAll('.dropdown-item').forEach((el) => {
+      el.addEventListener('click', () => {
+        convMenu.classList.remove('show');
+        const action = el.getAttribute('data-action');
+        if (action === 'screenshot') takeScreenshot();
+        else if (action === 'upload-file') document.getElementById('fileInput').click();
+        else if (action === 'upload-image') document.getElementById('imageInput').click();
+        else if (action === 'direct-mode') toggleDirectMode();
+        else if (action === 'voice') startVoice();
+        else if (action === 'agent-type') openAgentSelector();
+      });
+    });
+
+
+    // 截图锁，防止重复触发
+    let screenshotRunning = false;
+
+    async function takeScreenshot() {
+      if (screenshotRunning) {
+        toast('正在截图中，请稍候...');
+        return;
+      }
+      screenshotRunning = true;
+      try {
+        const overlay = document.getElementById('cropOverlay');
+        const selection = document.getElementById('cropSelection');
+        const video = document.getElementById('cropVideo');
+
+        let srcImage = null; // 用于裁剪的源图像（Image 对象）
+        let stream = null;   // 浏览器模式下的视频流
+
+        // Electron 环境：用主进程截图，更稳定
+        if (window.isElectron && window.electronAPI && window.electronAPI.screenshot) {
+          toast('正在截取屏幕...');
+          const result = await window.electronAPI.screenshot.capture();
+          if (!result || !result.success) {
+            toast('截图失败：' + (result?.error || '未知错误'));
+            return;
+          }
+          // 加载截图为 Image 对象
+          srcImage = new Image();
+          srcImage.src = result.dataUrl;
+          await new Promise((resolve, reject) => {
+            srcImage.onload = resolve;
+            srcImage.onerror = () => reject(new Error('截图加载失败'));
+          });
+          // 把截图显示到 video 元素的位置（用一个 img 覆盖）
+          video.style.display = 'none';
+          let bgImg = document.getElementById('cropBgImg');
+          if (!bgImg) {
+            bgImg = document.createElement('img');
+            bgImg.id = 'cropBgImg';
+            bgImg.style.cssText = 'position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:9998;';
+            overlay.appendChild(bgImg);
+          }
+          bgImg.src = result.dataUrl;
+          bgImg.style.display = 'block';
+        } else {
+          // 浏览器模式：用 getDisplayMedia
+          stream = await navigator.mediaDevices.getDisplayMedia({ video: true });
+          video.srcObject = stream;
+          await video.play();
+          video.style.display = 'block';
+          const bgImg = document.getElementById('cropBgImg');
+          if (bgImg) bgImg.style.display = 'none';
+        }
+
+        overlay.style.display = 'block';
+        selection.style.display = 'none';
+        let startX = 0, startY = 0, drawing = false;
+
+        const onDown = (e) => {
+          drawing = true;
+          startX = e.clientX; startY = e.clientY;
+          selection.style.display = 'block';
+          selection.style.left = startX + 'px';
+          selection.style.top = startY + 'px';
+          selection.style.width = '0px';
+          selection.style.height = '0px';
+        };
+        const onMove = (e) => {
+          if (!drawing) return;
+          const x = Math.min(e.clientX, startX), y = Math.min(e.clientY, startY);
+          const w = Math.abs(e.clientX - startX), h = Math.abs(e.clientY - startY);
+          selection.style.left = x + 'px';
+          selection.style.top = y + 'px';
+          selection.style.width = w + 'px';
+          selection.style.height = h + 'px';
+        };
+        const finish = async (e) => {
+          if (!drawing) return;
+          drawing = false;
+          window.removeEventListener('mousedown', onDown);
+          window.removeEventListener('mousemove', onMove);
+          window.removeEventListener('mouseup', finish);
+          const x = Math.min(e.clientX, startX), y = Math.min(e.clientY, startY);
+          const w = Math.abs(e.clientX - startX), h = Math.abs(e.clientY - startY);
+          overlay.style.display = 'none';
+          if (w < 8 || h < 8) {
+            if (stream) stream.getTracks().forEach((t) => t.stop());
+            return;
+          }
+          try {
+            let srcW, srcH, source;
+            if (srcImage) {
+              // Electron 模式：从 Image 裁剪
+              srcW = srcImage.naturalWidth;
+              srcH = srcImage.naturalHeight;
+              source = srcImage;
+            } else {
+              // 浏览器模式：从 video 裁剪
+              srcW = video.videoWidth;
+              srcH = video.videoHeight;
+              source = video;
+            }
+            const scaleX = srcW / window.innerWidth, scaleY = srcH / window.innerHeight;
+            const sx = Math.round(x * scaleX), sy = Math.round(y * scaleY);
+            const sw = Math.round(w * scaleX), sh = Math.round(h * scaleY);
+            const canvas = document.createElement('canvas');
+            canvas.width = sw; canvas.height = sh;
+            canvas.getContext('2d').drawImage(source, sx, sy, sw, sh, 0, 0, sw, sh);
+            if (stream) stream.getTracks().forEach((t) => t.stop());
+            const dataUrl = canvas.toDataURL('image/png');
+            stageFile({ name: 'screenshot.png', mime: 'image/png', dataUrl });
+            toast('截图已添加到输入框，可直接输入文字发送');
+          } catch (err) { toast('截图失败：' + err.message); }
+          screenshotRunning = false;
+        };
+        const onKey = (e) => {
+          if (e.key === 'Escape') {
+            overlay.style.display = 'none';
+            if (stream) stream.getTracks().forEach((t) => t.stop());
+            window.removeEventListener('mousedown', onDown);
+            window.removeEventListener('mousemove', onMove);
+            window.removeEventListener('mouseup', finish);
+            window.removeEventListener('keydown', onKey);
+            screenshotRunning = false;
+          }
+        };
+        window.addEventListener('mousedown', onDown);
+        window.addEventListener('mousemove', onMove);
+        window.addEventListener('mouseup', finish);
+        window.addEventListener('keydown', onKey);
+      } catch (e) {
+        if (e.name === 'NotAllowedError') {
+          toast('已取消截图。也可以用 Win+Shift+S 截图后直接粘贴到输入框');
+        } else {
+          toast('截图失败：' + e.message);
+        }
+        screenshotRunning = false;
+      }
+    }
+
+    function handleUpload(input, mimePrefix) {
+      const file = input.files[0];
+      if (!file) return;
+      const reader = new FileReader();
+      reader.onload = () => {
+        stageFile({ name: file.name, mime: file.type || mimePrefix, dataUrl: String(reader.result) });
+        toast('已暂存：' + file.name + '（点发送时一起发给 AI）');
+      };
+      reader.readAsDataURL(file);
+      input.value = '';
+    }
+    document.getElementById('fileInput').addEventListener('change', function() { handleUpload(this, 'application/octet-stream'); });
+    document.getElementById('imageInput').addEventListener('change', function() { handleUpload(this, 'image/png'); });
+
+    /* ========== 大模型配置（三重加密：密钥 RSA 加密传输，服务端 AES 加密落盘） ========== */
+    // 第二重（通信层）：用服务器 RSA 公钥加密敏感文本（如模型 API Key）
+    // 持久化会话配置到 localStorage
+    // 切换会话模式（打开/发送时自动重置）
+    document.querySelectorAll('.session-toggle').forEach((el) => {
+      el.addEventListener('change', () => {
+        const key = el.dataset.key;
+        state.sessionConfig[key] = el.checked;
+        persistSessionConfig();
+        toast('会话配置已保存');
+      });
+    });
+    document.getElementById('modelSaveBtn').addEventListener('click', saveModel);
+    document.getElementById('modelResetBtn').addEventListener('click', resetModelForm);
+    document.getElementById('modelSettingsShortcut').addEventListener('click', openModels);
+    document.getElementById('modelSelect').addEventListener('change', (e) => {
+      state.modelId = e.target.value || '';
+      localStorage.setItem('fhcode.model', state.modelId);
+      const m = state.models.find((x) => x.id === state.modelId);
+      toast(m ? ('已切换：' + m.name) : '已切换：系统默认路由');
+    });
+
+    /* ========== 设置面板 ========== */
+    document.querySelectorAll('#settingsModal .settings-cat').forEach((c) => {
+      c.addEventListener('click', () => {
+        const cat = c.getAttribute('data-cat');
+        document.querySelectorAll('#settingsModal .settings-cat').forEach((x) => x.classList.toggle('active', x === c));
+        document.querySelectorAll('#settingsModal .settings-group').forEach((g) => {
+          g.style.display = g.getAttribute('data-group') === cat ? '' : 'none';
+        });
+      });
+    });
+    document.querySelectorAll('#settingsModal .settings-item').forEach((it) => {
+      it.addEventListener('click', () => {
+        const act = it.getAttribute('data-action');
+        if (act === 'perm') { closeModal('settingsModal'); openPermissions(); }
+        else if (act === 'theme') { closeModal('settingsModal'); toggleTheme(); }
+        else if (act === 'model-custom') { toggleModelManage(); }
+      });
+    });
+    async function saveInlineModel() {
+      const name = document.getElementById('imName').value.trim();
+      const apiBase = document.getElementById('imBase').value.trim();
+      const apiKey = document.getElementById('imKey').value;
+      const reasoning = document.getElementById('imReasoning').value;
+      const msg = document.getElementById('imMsg');
+      if (!name) { msg.textContent = '请填写模型名称'; msg.classList.add('err'); return; }
+      const editing = document.getElementById('imSave').dataset.editing;
+      try {
+        const body = { name, apiBase, reasoning };
+        // 三重加密·通信层：密钥 RSA 加密传输
+        if (apiKey) body.apiKeyEnc = await rsaEncryptText(apiKey);
+        if (editing) body.id = editing;
+        const d = await api('/api/models', 'POST', body);
+        msg.textContent = '已保存：' + d.model.name;
+        msg.classList.remove('err');
+        await loadModels();
+        renderModelListInline();
+        resetInlineForm();
+      } catch (e) { msg.textContent = '保存失败：' + e.message; msg.classList.add('err'); }
+    }
+    document.getElementById('imSave').addEventListener('click', saveInlineModel);
+    document.getElementById('imReset').addEventListener('click', resetInlineForm);
+    document.getElementById('modelManageClose')?.addEventListener('click', () => { document.getElementById('modelManage').style.display = 'none'; });
+
+    /* ========== 通话控件（语音/视频通话 + 实时语音识别） ========== */
+    let callStream = null;
+    let callKind = null;
+
+    async function startCall(kind) {
+      const status = document.getElementById('callStatus');
+      try {
+        const constraints = kind === 'video'
+          ? { audio: true, video: { width: 640, height: 480 } }
+          : { audio: true };
+        callStream = await navigator.mediaDevices.getUserMedia(constraints);
+        callKind = kind;
+
+        // 视频通话：显示摄像头画面
+        if (kind === 'video') {
+          const videoWindow = document.getElementById('videoCallWindow');
+          const localVideo = document.getElementById('localVideo');
+          localVideo.srcObject = callStream;
+          videoWindow.style.display = 'block';
+        }
+
+        status.textContent = (kind === 'video' ? '视频通话中' : '语音通话中') + '（语音实时转文字）';
+        document.getElementById('hangupCallBtn').style.display = 'inline-block';
+        document.getElementById('voiceCallBtn').style.display = 'none';
+        document.getElementById('videoCallBtn').style.display = 'none';
+
+        // 开启语音识别（复用语音输入模块）
+        if (!voiceState.isListening) {
+          voiceState.finalText = '';
+          voiceState.interimText = '';
+          voiceState.originalText = document.getElementById('goalInput').value;
+          voiceState.manuallyStopped = false;
+          voiceState.restartCount = 0;
+          updateVoiceUI(true);
+          startRecognition();
+        }
+
+        toast('已发起' + (kind === 'video' ? '视频' : '语音') + '通话，说话内容会实时转成文字');
+      } catch (e) {
+        status.textContent = '';
+        if (e.name === 'NotAllowedError') {
+          toast('请允许浏览器使用麦克风和摄像头权限');
+        } else if (e.name === 'NotFoundError') {
+          toast('未找到麦克风或摄像头设备');
+        } else {
+          toast('无法发起通话：' + e.message);
+        }
+      }
+    }
+
+    function hangupCall() {
+      // 先保存识别的文字到输入框（确保内容不会丢失）
+      if (voiceState.finalText) {
+        updateVoiceInput();
+      }
+
+      // 停止媒体流
+      if (callStream) {
+        callStream.getTracks().forEach((t) => t.stop());
+        callStream = null;
+      }
+      callKind = null;
+
+      // 隐藏视频窗口
+      const videoWindow = document.getElementById('videoCallWindow');
+      const localVideo = document.getElementById('localVideo');
+      if (videoWindow) videoWindow.style.display = 'none';
+      if (localVideo) localVideo.srcObject = null;
+
+      // 停止语音识别
+      if (voiceState.isListening) {
+        stopVoiceInput();
+      }
+
+      document.getElementById('callStatus').textContent = '';
+      document.getElementById('hangupCallBtn').style.display = 'none';
+      document.getElementById('voiceCallBtn').style.display = 'inline-block';
+      document.getElementById('videoCallBtn').style.display = 'inline-block';
+      toast('通话已结束，识别的文字已保留在输入框');
+    }
+
+    document.getElementById('voiceCallBtn').addEventListener('click', () => startCall('voice'));
+    document.getElementById('videoCallBtn').addEventListener('click', () => startCall('video'));
+    document.getElementById('hangupCallBtn').addEventListener('click', hangupCall);
+    document.getElementById('videoCallClose')?.addEventListener('click', hangupCall);
+
+    // 视频通话截图：把当前摄像头画面截取下来放到输入框
+    document.getElementById('videoSnapshotBtn')?.addEventListener('click', () => {
+      const video = document.getElementById('localVideo');
+      if (!video || !video.videoWidth) {
+        toast('视频还没准备好，请稍等');
+        return;
+      }
+      try {
+        const canvas = document.createElement('canvas');
+        canvas.width = video.videoWidth;
+        canvas.height = video.videoHeight;
+        canvas.getContext('2d').drawImage(video, 0, 0);
+        const dataUrl = canvas.toDataURL('image/png');
+        stageFile({
+          name: 'camera-' + Date.now() + '.png',
+          mime: 'image/png',
+          dataUrl: dataUrl,
+        });
+        toast('摄像头画面已添加到输入框，可直接发送');
+      } catch (e) {
+        toast('截图失败：' + e.message);
+      }
+    });
+
+    /* ========== 语音输入模块 ========== */
+    const voiceState = {
+      recognition: null,
+      finalText: '',
+      interimText: '',
+      originalText: '',
+      isListening: false,
+      manuallyStopped: false,
+      restartTimer: null,
+      restartCount: 0,
+      maxRestarts: 10000, // 基本无限制，长时间通话也不会停
+    };
+
+    // 优化语音识别文本：去掉多余空格、自动加标点、清理重复
+    function optimizeVoiceText(text) {
+      if (!text) return '';
+      let result = text.trim();
+      // 去掉多余空格
+      result = result.replace(/\s+/g, ' ');
+      // 去掉首尾空格
+      result = result.trim();
+      // 中文标点优化：如果末尾是中文且没有标点，自动加句号
+      if (result && /[\u4e00-\u9fa5]$/.test(result) && !/[。！？，、；：""''（）]$/.test(result)) {
+        result += '。';
+      }
+      return result;
+    }
+
+    // 更新输入框显示
+    function updateVoiceInput() {
+      const input = document.getElementById('goalInput');
+      const finalOptimized = optimizeVoiceText(voiceState.finalText);
+      const displayText = voiceState.originalText
+        ? (voiceState.originalText + ' ' + finalOptimized + voiceState.interimText)
+        : (finalOptimized + voiceState.interimText);
+      input.value = displayText;
+      input.scrollTop = input.scrollHeight;
+    }
+
+    // 更新UI状态
+    function updateVoiceUI(listening) {
+      const badge = document.getElementById('voiceBadge');
+      const voiceBtn = document.getElementById('voiceBtn');
+      if (listening) {
+        badge.style.display = 'inline-flex';
+        badge.textContent = '● 正在听…（再次点击停止）';
+        if (voiceBtn) {
+          voiceBtn.style.background = 'var(--brand)';
+          voiceBtn.style.color = '#fff';
+          voiceBtn.textContent = '● 听…';
+        }
+      } else {
+        badge.style.display = 'none';
+        if (voiceBtn) {
+          voiceBtn.style.background = '';
+          voiceBtn.style.color = '';
+          voiceBtn.textContent = '🎤 语音';
+        }
+      }
+    }
+
+    // 创建新的语音识别对象
+    function createRecognition() {
+      const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+      if (!SpeechRecognition) return null;
+
+      const rec = new SpeechRecognition();
+      rec.lang = 'zh-CN';
+      rec.continuous = true;
+      rec.interimResults = true;
+      rec.maxAlternatives = 1;
+
+      // 识别结果处理
+      rec.onresult = (e) => {
+        let interim = '';
+        let finalDelta = '';
+        for (let i = e.resultIndex; i < e.results.length; i++) {
+          const transcript = e.results[i][0].transcript;
+          if (e.results[i].isFinal) {
+            finalDelta += transcript;
+          } else {
+            interim += transcript;
+          }
+        }
+        if (finalDelta) {
+          voiceState.finalText += finalDelta;
+          voiceState.restartCount = 0; // 有新结果，重置重启计数
+        }
+        voiceState.interimText = interim;
+        updateVoiceInput();
+      };
+
+      // 错误处理
+      rec.onerror = (e) => {
+        console.warn('[语音识别] 错误:', e.error);
+        if (e.error === 'not-allowed' || e.error === 'service-not-allowed') {
+          toast('请允许浏览器使用麦克风权限（点击地址栏左侧锁图标）');
+          voiceState.manuallyStopped = true;
+          stopVoiceInput();
+        } else if (e.error === 'network') {
+          toast('语音识别网络错误！Chrome用的是Google服务，国内建议用Edge浏览器，或检查网络/代理');
+          voiceState.manuallyStopped = true;
+          stopVoiceInput();
+        } else if (e.error === 'audio-capture') {
+          toast('未检测到麦克风设备，请检查麦克风连接和系统设置');
+          voiceState.manuallyStopped = true;
+          stopVoiceInput();
+        } else if (e.error === 'no-speech') {
+          // 没检测到语音，继续等待，不停止
+          console.log('[语音识别] 未检测到语音，继续等待...');
+          toast('没听到声音，请检查麦克风是否开启，离麦克风近一点说话');
+        } else if (e.error === 'aborted') {
+          // 手动停止，不处理
+        } else {
+          console.warn('[语音识别] 其他错误:', e.error);
+          toast('语音识别出错: ' + e.error);
+        }
+      };
+
+      // 识别结束处理
+      rec.onend = () => {
+        voiceState.recognition = null;
+        voiceState.interimText = '';
+
+        // 如果不是手动停止，自动重启（基本无限制）
+        if (!voiceState.manuallyStopped && voiceState.restartCount < voiceState.maxRestarts) {
+          voiceState.restartCount++;
+          // 只在调试时打印，避免控制台太多日志
+          if (voiceState.restartCount % 50 === 0) {
+            console.log(`[语音识别] 自动重启 (${voiceState.restartCount})`);
+          }
+          voiceState.restartTimer = setTimeout(() => {
+            if (!voiceState.manuallyStopped) {
+              startRecognition();
+            }
+          }, 50); // 50ms快速重启，减少停顿感
+        } else if (voiceState.manuallyStopped) {
+          // 手动停止，最终处理
+          updateVoiceUI(false);
+          if (voiceState.finalText) {
+            updateVoiceInput();
+            toast('语音输入完成，文字已在输入框中，可直接发送');
+          }
+        } else {
+          // 超过最大重启次数（基本不会发生）
+          updateVoiceUI(false);
+          toast('语音输入已自动停止，可再次点击开启');
+        }
+      };
+
+      return rec;
+    }
+
+    // 启动识别
+    function startRecognition() {
+      const rec = createRecognition();
+      if (!rec) {
+        toast('当前浏览器不支持语音输入，请使用 Chrome 或 Edge 浏览器');
+        return false;
+      }
+      try {
+        rec.start();
+        voiceState.recognition = rec;
+        voiceState.isListening = true;
+        return true;
+      } catch (e) {
+        console.error('[语音识别] 启动失败:', e);
+        return false;
+      }
+    }
+
+    // 停止语音输入
+    function stopVoiceInput() {
+      voiceState.manuallyStopped = true;
+      voiceState.isListening = false;
+      if (voiceState.restartTimer) {
+        clearTimeout(voiceState.restartTimer);
+        voiceState.restartTimer = null;
+      }
+      if (voiceState.recognition) {
+        try { voiceState.recognition.stop(); } catch(e) {}
+        voiceState.recognition = null;
+      }
+      updateVoiceUI(false);
+    }
+
+    // 开始/停止语音输入（入口函数）
+    function startVoice() {
+      const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+      if (!SpeechRecognition) {
+        toast('当前环境不支持语音输入，请使用 Chrome 或 Edge 浏览器打开网页版');
+        return;
+      }
+
+      // 如果正在识别，就停止
+      if (voiceState.isListening) {
+        stopVoiceInput();
+        toast('已停止语音输入');
+        return;
+      }
+
+      // Electron 桌面版特殊提示
+      if (window.isElectron) {
+        toast('桌面版语音输入可能不稳定，建议用网页版（Edge浏览器）');
+      }
+
+      // 开始识别
+      voiceState.finalText = '';
+      voiceState.interimText = '';
+      voiceState.originalText = document.getElementById('goalInput').value;
+      voiceState.manuallyStopped = false;
+      voiceState.restartCount = 0;
+
+      updateVoiceUI(true);
+      toast('语音输入已开启，请说话，再次点击停止');
+
+      if (!startRecognition()) {
+        updateVoiceUI(false);
+        toast('启动语音输入失败，请刷新页面重试');
+      }
+    }
+
+    /* ========== 智能体选择 ========== */
+    document.getElementById('skillPill').addEventListener('click', openAgentSelector);
+
+    /* ========== 权限窗口 ========== */
+    document.getElementById('permSaveBtn').addEventListener('click', () => {
+      const scope = document.querySelector('input[name="readScope"]:checked')?.value || 'workspace';
+      state.permissions = {
+        readScope: scope,
+        readPath: document.getElementById('permReadPath').value.trim(),
+        allowRead: document.getElementById('permRead').checked,
+        allowWrite: document.getElementById('permWrite').checked,
+        allowShell: document.getElementById('permShell').checked,
+        allowNetwork: document.getElementById('permNetwork').checked,
+        allowBrowser: document.getElementById('permBrowser').checked,
+      };
+      localStorage.setItem('fhcode.permissions', JSON.stringify(state.permissions));
+      closeModal('permModal');
+      toast('权限配置已保存');
+    });
+
+    /* ========== 工作区 ========== */
+    // 工作区跳转功能已移除（旧布局左侧工作区树）
+
+    document.getElementById('workspacePermBadge')?.addEventListener('click', () => openPermissions());
+    document.getElementById('workspacePickBtn')?.addEventListener('click', () => {
+      openFolderPicker();
+    });
+
+    let fpCurrent = '';
+    let fpSelected = '';
+
+    async function openFolderPicker() {
+      fpCurrent = '';
+      fpSelected = '';
+      document.getElementById('fpDrivesView').style.display = '';
+      document.getElementById('fpFoldersView').style.display = 'none';
+      document.getElementById('fpMkdirBar').style.display = 'none';
+      document.getElementById('fpRenameBar').style.display = 'none';
+      document.getElementById('fpConfirm').disabled = true;
+      document.getElementById('fpRenameFolder').disabled = true;
+      document.getElementById('fpTitle').textContent = '📂 选择驱动器';
+      openModal('folderPickerModal');
+      await loadDrives();
+    }
+
+    async function loadDrives() {
+      try {
+        const d = await api('/api/drives');
+        const drives = d.drives || [];
+        const grid = document.getElementById('fpDrivesGrid');
+        grid.innerHTML = drives.map(drv => {
+          const label = drv.replace('\\', '');
+          return '<div class="fp-drive-card" data-drive="' + escapeHtml(drv) + '" style="padding:16px;text-align:center;border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:all .15s;">'
+            + '<div style="font-size:28px;margin-bottom:6px;">💽</div>'
+            + '<div style="font-weight:600;font-size:14px;">' + escapeHtml(label) + '</div>'
+            + '<div style="font-size:11px;color:var(--ink-2);margin-top:2px;">本地磁盘</div>'
+            + '</div>';
+        }).join('');
+        grid.querySelectorAll('.fp-drive-card').forEach(el => {
+          el.addEventListener('click', () => selectDrive(el.getAttribute('data-drive')));
+          el.addEventListener('mouseenter', () => { el.style.borderColor = 'var(--brand)'; el.style.background = 'var(--brand-soft)'; });
+          el.addEventListener('mouseleave', () => { el.style.borderColor = 'var(--line)'; el.style.background = ''; });
+        });
+      } catch (e) {
+        toast('加载驱动器失败：' + e.message);
+      }
+    }
+
+    async function selectDrive(drive) {
+      fpCurrent = drive;
+      fpSelected = '';
+      document.getElementById('fpDrivesView').style.display = 'none';
+      document.getElementById('fpFoldersView').style.display = '';
+      document.getElementById('fpTitle').textContent = '📂 选择文件夹';
+      document.getElementById('fpConfirm').disabled = true;
+      document.getElementById('fpRenameFolder').disabled = true;
+      await loadFolderPicker(drive);
+    }
+
+    function backToDrives() {
+      fpCurrent = '';
+      fpSelected = '';
+      document.getElementById('fpDrivesView').style.display = '';
+      document.getElementById('fpFoldersView').style.display = 'none';
+      document.getElementById('fpMkdirBar').style.display = 'none';
+      document.getElementById('fpRenameBar').style.display = 'none';
+      document.getElementById('fpTitle').textContent = '📂 选择驱动器';
+      document.getElementById('fpConfirm').disabled = true;
+      document.getElementById('fpRenameFolder').disabled = true;
+    }
+
+    async function upDir() {
+      if (!fpCurrent) return;
+      // 驱动器根目录不能再往上
+      if (/^[A-Za-z]:\\$/.test(fpCurrent)) {
+        backToDrives();
+        return;
+      }
+      const parent = getDirectoryName(fpCurrent);
+      if (parent && parent !== fpCurrent) {
+        fpCurrent = parent;
+        fpSelected = '';
+        document.getElementById('fpConfirm').disabled = true;
+        document.getElementById('fpRenameFolder').disabled = true;
+        await loadFolderPicker(fpCurrent);
+      }
+    }
+
+    async function loadFolderPicker(dir) {
+      try {
+        const d = await api('/api/workspace/list?path=' + encodeURIComponent(dir));
+        fpCurrent = d.cwd;
+        const pathEl = document.getElementById('fpPath');
+        pathEl.textContent = d.cwd;
+        pathEl.title = d.cwd;
+        const tree = document.getElementById('fpTree');
+        // 只显示文件夹，不显示文件
+        const dirs = (d.entries || []).filter(e => e.type === 'dir');
+        if (dirs.length === 0) {
+          tree.innerHTML = '<div style="padding:20px;text-align:center;color:var(--ink-2);font-size:13px;">此目录下没有文件夹</div>';
+        } else {
+          tree.innerHTML = dirs.map(e => {
+            const selected = fpSelected === e.path ? 'background:var(--brand-soft);border-color:var(--brand);' : '';
+            return '<div class="file-item fp-folder-item" data-path="' + escapeHtml(e.path) + '" data-name="' + escapeHtml(e.name) + '" style="' + selected + 'padding:8px 10px;border:1px solid transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;">'
+              + '<span style="font-size:16px;">📁</span>'
+              + '<span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">' + escapeHtml(e.name) + '</span>'
+              + '</div>';
+          }).join('');
+        }
+        tree.querySelectorAll('.fp-folder-item').forEach(el => {
+          el.addEventListener('click', (e) => {
+            e.stopPropagation();
+            const path = el.getAttribute('data-path');
+            const name = el.getAttribute('data-name');
+            // 单击选中
+            fpSelected = path;
+            document.getElementById('fpConfirm').disabled = false;
+            document.getElementById('fpRenameFolder').disabled = false;
+            document.getElementById('fpRenameName').value = name;
+            // 高亮选中项
+            tree.querySelectorAll('.fp-folder-item').forEach(item => {
+              item.style.background = '';
+              item.style.borderColor = 'transparent';
+            });
+            el.style.background = 'var(--brand-soft)';
+            el.style.borderColor = 'var(--brand)';
+          });
+          el.addEventListener('dblclick', () => {
+            const path = el.getAttribute('data-path');
+            fpSelected = '';
+            document.getElementById('fpConfirm').disabled = true;
+            document.getElementById('fpRenameFolder').disabled = true;
+            loadFolderPicker(path);
+          });
+        });
+      } catch (e) {
+        toast('读取目录失败：' + e.message);
+      }
+    }
+
+    document.getElementById('fpConfirm')?.addEventListener('click', async () => {
+      if (!fpSelected) { toast('请先选择一个文件夹'); return; }
+      try {
+        const result = await api('/api/workspace', 'POST', { cwd: fpSelected });
+        state.workspaceDir = result.cwd;
+        localStorage.setItem('fhcode.workspaceDir', result.cwd);
+        renderWorkspaceBar();
+        closeModal('folderPickerModal');
+        toast('已切换工作区：' + result.cwd);
+      } catch (e) {
+        toast('设置失败：' + e.message);
+      }
+    });
+
+    // 返回驱动器选择
+    document.getElementById('fpBackToDrives')?.addEventListener('click', backToDrives);
+    // 返回上级目录
+    document.getElementById('fpUpDir')?.addEventListener('click', upDir);
+
+    // 新建文件夹
+    document.getElementById('fpNewFolder')?.addEventListener('click', () => {
+      document.getElementById('fpMkdirBar').style.display = 'flex';
+      document.getElementById('fpRenameBar').style.display = 'none';
+      document.getElementById('fpMkdirName').value = '';
+      setTimeout(() => document.getElementById('fpMkdirName').focus(), 50);
+    });
+    document.getElementById('fpMkdirCancel')?.addEventListener('click', () => {
+      document.getElementById('fpMkdirBar').style.display = 'none';
+    });
+    document.getElementById('fpMkdirConfirm')?.addEventListener('click', async () => {
+      const name = document.getElementById('fpMkdirName').value.trim();
+      if (!name) { toast('请输入文件夹名称'); return; }
+      try {
+        const result = await api('/api/workspace/mkdir', 'POST', { parent: fpCurrent, name });
+        toast('文件夹已创建：' + name);
+        document.getElementById('fpMkdirBar').style.display = 'none';
+        fpSelected = result.path;
+        await loadFolderPicker(fpCurrent);
+        document.getElementById('fpConfirm').disabled = false;
+        document.getElementById('fpRenameFolder').disabled = false;
+      } catch (e) {
+        toast('创建失败：' + e.message);
+      }
+    });
+    document.getElementById('fpMkdirName')?.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter') document.getElementById('fpMkdirConfirm').click();
+      if (e.key === 'Escape') document.getElementById('fpMkdirCancel').click();
+    });
+
+    // 重命名文件夹
+    document.getElementById('fpRenameFolder')?.addEventListener('click', () => {
+      if (!fpSelected) { toast('请先选择一个文件夹'); return; }
+      document.getElementById('fpRenameBar').style.display = 'flex';
+      document.getElementById('fpMkdirBar').style.display = 'none';
+      const name = fpSelected.split(/[\\/]/).filter(Boolean).pop() || '';
+      document.getElementById('fpRenameName').value = name;
+      setTimeout(() => document.getElementById('fpRenameName').focus(), 50);
+    });
+    document.getElementById('fpRenameCancel')?.addEventListener('click', () => {
+      document.getElementById('fpRenameBar').style.display = 'none';
+    });
+    document.getElementById('fpRenameConfirm')?.addEventListener('click', async () => {
+      const newName = document.getElementById('fpRenameName').value.trim();
+      if (!newName) { toast('请输入新名称'); return; }
+      if (!fpSelected) { toast('请先选择一个文件夹'); return; }
+      try {
+        const result = await api('/api/workspace/rename', 'POST', { path: fpSelected, newName });
+        toast('文件夹已重命名为：' + newName);
+        document.getElementById('fpRenameBar').style.display = 'none';
+        fpSelected = result.path;
+        await loadFolderPicker(fpCurrent);
+        document.getElementById('fpConfirm').disabled = false;
+        document.getElementById('fpRenameFolder').disabled = false;
+      } catch (e) {
+        toast('重命名失败：' + e.message);
+      }
+    });
+    document.getElementById('fpRenameName')?.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter') document.getElementById('fpRenameConfirm').click();
+      if (e.key === 'Escape') document.getElementById('fpRenameCancel').click();
+    });
+
+    /* ========== 自动化、模板、市场、办公助理 ========== */
+    document.getElementById('newAutoBtn')?.addEventListener('click', () => openModal('autoModal'));
+    document.getElementById('autoSaveBtn')?.addEventListener('click', async () => {
+      const name = document.getElementById('autoName').value.trim();
+      const goal = document.getElementById('autoGoal').value.trim();
+      if (!name || !goal) { toast('请填写名称与目标'); return; }
+      try { await api('/api/automations', 'POST', { name, goal }); closeModal('autoModal');
+        const n = document.getElementById('autoName');
+        const g = document.getElementById('autoGoal');
+        if (n) n.value = ''; if (g) g.value = '';
+        await loadAutomations(); toast('已保存'); }
+      catch (e) { toast('保存失败：' + e.message); }
+    });
+
+    document.getElementById('newTplBtn')?.addEventListener('click', () => {
+      const goal = document.getElementById('goalInput')?.value?.trim() || '';
+      const inp = document.getElementById('tplGoal');
+      if (inp) inp.value = goal;
+      openModal('tplModal');
+    });
+    document.getElementById('tplSaveBtn')?.addEventListener('click', async () => {
+      const title = document.getElementById('tplTitle').value.trim();
+      const goal = document.getElementById('tplGoal').value.trim();
+      const category = document.getElementById('tplCategory').value.trim();
+      if (!title || !goal) { toast('请填写标题与内容'); return; }
+      try { await api('/api/templates', 'POST', { title, goal, category }); closeModal('tplModal');
+        const t = document.getElementById('tplTitle');
+        const g = document.getElementById('tplGoal');
+        const c = document.getElementById('tplCategory');
+        if (t) t.value = ''; if (g) g.value = ''; if (c) c.value = '';
+        await loadTemplates(); toast('已保存模板'); }
+      catch (e) { toast('保存失败：' + e.message); }
+    });
+
+    document.getElementById('marketRefresh')?.addEventListener('click', loadMarket);
+    let marketTimer;
+    document.getElementById('marketSearch')?.addEventListener('input', () => { clearTimeout(marketTimer); marketTimer = setTimeout(loadMarket, 400); });
+    document.getElementById('marketSource')?.addEventListener('change', loadMarket);
+
+    /* ========== 节点管理 & 自定义来源 ========== */
+    document.getElementById('addNodeBtn')?.addEventListener('click', () => openNodeModal());
+    document.getElementById('addSourceBtn')?.addEventListener('click', () => openSourceModal());
+    document.getElementById('nodeSaveBtn')?.addEventListener('click', async () => {
+      const id = document.getElementById('nodeEditId').value || '';
+      const name = document.getElementById('nodeName').value.trim();
+      const type = document.getElementById('nodeType').value;
+      const url = document.getElementById('nodeUrl').value.trim();
+      const apiKey = document.getElementById('nodeApiKey').value;
+      const capabilities = [];
+      if (document.getElementById('nodeCapTemplates').checked) capabilities.push('templates');
+      if (document.getElementById('nodeCapSkills').checked) capabilities.push('skills');
+      if (document.getElementById('nodeCapOffice').checked) capabilities.push('office');
+      if (!name || !url) { toast('请填写名称和地址'); return; }
+      if (!capabilities.length) { toast('请至少选择一种能力'); return; }
+      const data = { name, type, url, capabilities };
+      if (apiKey) data.apiKey = apiKey;
+      if (id) data.id = id;
+      await saveNode(data);
+      closeModal('nodeModal');
+    });
+    document.getElementById('sourceSaveBtn')?.addEventListener('click', async () => {
+      const id = document.getElementById('sourceEditId').value || '';
+      const name = document.getElementById('sourceName').value.trim();
+      const type = document.getElementById('sourceType').value;
+      const url = document.getElementById('sourceUrl').value.trim();
+      if (!name || !url) { toast('请填写名称和地址'); return; }
+      const data = { name, type, url };
+      if (id) data.id = id;
+      await saveSource(data);
+      closeModal('sourceModal');
+      // 刷新相关数据
+      if (type === 'templates') await loadTemplates();
+      else if (type === 'skills') await loadMarket();
+      else if (type === 'office') await loadOffice();
+    });
+
+    function openNodeModal(node) {
+      document.getElementById('nodeModalTitle').textContent = node ? '编辑节点' : '添加节点';
+      document.getElementById('nodeEditId').value = node?.id || '';
+      document.getElementById('nodeName').value = node?.name || '';
+      document.getElementById('nodeType').value = node?.type || 'http';
+      document.getElementById('nodeUrl').value = node?.url || '';
+      document.getElementById('nodeApiKey').value = '';
+      document.getElementById('nodeCapTemplates').checked = node?.capabilities?.includes('templates') ?? true;
+      document.getElementById('nodeCapSkills').checked = node?.capabilities?.includes('skills') ?? true;
+      document.getElementById('nodeCapOffice').checked = node?.capabilities?.includes('office') ?? true;
+      openModal('nodeModal');
+    }
+    function editNode(id) {
+      const node = (window._nodesCache || []).find((n) => n.id === id);
+      openNodeModal(node || { id });
+    }
+    function openSourceModal(source) {
+      document.getElementById('sourceModalTitle').textContent = source ? '编辑自定义来源' : '添加自定义来源';
+      document.getElementById('sourceEditId').value = source?.id || '';
+      document.getElementById('sourceName').value = source?.name || '';
+      document.getElementById('sourceType').value = source?.type || 'templates';
+      document.getElementById('sourceUrl').value = source?.url || '';
+      openModal('sourceModal');
+    }
+    function editSource(id) {
+      const source = (window._sourcesCache || []).find((s) => s.id === id);
+      openSourceModal(source || { id });
+    }
+
+
+    document.querySelectorAll('[data-close]').forEach((el) => el.addEventListener('click', () => closeModal(el.getAttribute('data-close'))));
+    document.querySelectorAll('.mask').forEach((m) => m.addEventListener('click', (e) => { if (e.target === m) m.classList.remove('show'); }));
+    // 文件夹选择器事件已在 loadFolderPicker / loadDrives 内直接绑定，此处保留空壳避免旧引用报错
+    function startRefresh() {
+      setInterval(async () => {
+        await loadTasks();
+        // 如果当前有正在运行的任务，自动刷新对话流，让用户实时看到思考过程
+        if (state.currentTaskId) {
+          const cur = state.tasks.find((t) => t.id === state.currentTaskId);
+          if (cur && (cur.status === 'running' || cur.status === 'queued')) {
+            await refreshCurrentThread();
+          }
+        }
+      }, 1000); // 1秒轮询，确保思考过程实时显示
+    }
+
+    /* ========== 电脑操作（鼠标/键盘/截图） ========== */
+    let selectedMousePos = { x: 0, y: 0 };
+
+    // 截取屏幕
+    async function captureScreen() {
+      try {
+        const d = await api('/api/computer/screenshot', 'POST', {});
+        if (d.ok && d.image) {
+          const preview = document.getElementById('screenPreview');
+          preview.innerHTML = `<img id="screenImg" src="${d.image}" alt="屏幕截图" />`;
+          const img = document.getElementById('screenImg');
+          // 点击图片获取坐标
+          img.addEventListener('click', (e) => {
+            const rect = img.getBoundingClientRect();
+            const scaleX = (d.width || 1920) / rect.width;
+            const scaleY = (d.height || 1080) / rect.height;
+            selectedMousePos.x = Math.round((e.clientX - rect.left) * scaleX);
+            selectedMousePos.y = Math.round((e.clientY - rect.top) * scaleY);
+            document.getElementById('mousePos').textContent = `坐标: ${selectedMousePos.x}, ${selectedMousePos.y}`;
+            toast(`已选择坐标: ${selectedMousePos.x}, ${selectedMousePos.y}，点击操作按钮执行`);
+          });
+          toast('屏幕截图已更新，点击图片选择坐标');
+        } else {
+          toast('截图失败: ' + (d.error || '未知错误'));
+        }
+      } catch (e) {
+        toast('截图失败: ' + e.message);
+      }
+    }
+
+    // 鼠标点击
+    async function mouseClick(button, doubleClick = false) {
+      try {
+        const d = await api('/api/computer/mouse/click', 'POST', {
+          button,
+          x: selectedMousePos.x,
+          y: selectedMousePos.y,
+          double: doubleClick,
+        });
+        if (d.ok) {
+          toast(`${doubleClick ? '双击' : (button === 'right' ? '右键点击' : '左键点击')} (${selectedMousePos.x}, ${selectedMousePos.y})`);
+        } else {
+          toast('操作失败: ' + (d.error || '未知错误'));
+        }
+      } catch (e) {
+        toast('操作失败: ' + e.message);
+      }
+    }
+
+    // 输入文字
+    async function typeText(text) {
+      try {
+        const d = await api('/api/computer/keyboard/type', 'POST', { text });
+        if (d.ok) {
+          toast('已输入文字');
+        } else {
+          toast('输入失败: ' + (d.error || '未知错误'));
+        }
+      } catch (e) {
+        toast('输入失败: ' + e.message);
+      }
+    }
+
+    // 按键
+    async function pressKey(key) {
+      try {
+        const d = await api('/api/computer/keyboard/press', 'POST', { key });
+        if (d.ok) {
+          toast('已按键: ' + key);
+        } else {
+          toast('按键失败: ' + (d.error || '未知错误'));
+        }
+      } catch (e) {
+        toast('按键失败: ' + e.message);
+      }
+    }
+
+    // 绑定电脑操作事件
+    document.getElementById('screenCaptureBtn')?.addEventListener('click', captureScreen);
+    document.getElementById('clickLeftBtn')?.addEventListener('click', () => mouseClick('left'));
+    document.getElementById('clickRightBtn')?.addEventListener('click', () => mouseClick('right'));
+    document.getElementById('doubleClickBtn')?.addEventListener('click', () => mouseClick('left', true));
+    document.getElementById('typeTextInput')?.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter') {
+        const text = e.target.value.trim();
+        if (text) {
+          typeText(text);
+          e.target.value = '';
+        }
+      }
+    });
+    document.querySelectorAll('.computer-actions [data-key]').forEach((btn) => {
+      btn.addEventListener('click', () => pressKey(btn.getAttribute('data-key') || ''));
+    });
+
+    /* ========== 记忆系统 ========== */
+
+
+
+
+
+
+    // 当切换到记忆页面时初始化
+    const origSwitchView = switchView;
+    window.switchView = function(nav) {
+      origSwitchView(nav);
+      if (nav === 'memory') {
+        setTimeout(initMemoryUI, 100);
+      }
+    };
+
+    if (state.token && state.phone) {
+      document.getElementById('loginOverlay').style.display = 'none';
+      document.getElementById('appLayout').classList.add('show');
+      afterLogin();
+    }