@wendongfly/myhi 1.3.206 → 1.3.209

package/dist/chat.html

@@ -2573,7 +2573,22 @@
       return null;
     }
 
+    // 看图转文字的结果：折叠块，点开能看到主模型实际拿到的图片描述（描述可能漏细节，给用户核对）
+    function visionEl(msg) {
+      const d = document.createElement('details');
+      d.className = 'msg msg-vision';
+      d.style.cssText = 'margin:2px auto 6px;max-width:92%;font-size:0.8rem;color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:4px 10px';
+      d.innerHTML = `<summary style="cursor:pointer">🖼 看图模型 ${escHtml(msg.vision.model || '')} 转成的文字（点开核对）</summary>` +
+        (msg.vision.items || []).map(it => `<div style="margin:6px 0 2px;word-break:break-all">${escHtml(it.path || '')}</div>` +
+          `<pre style="white-space:pre-wrap;word-break:break-word;margin:0;font-size:0.78rem;color:var(--text)">${escHtml(it.text || ('识别失败：' + (it.error || '')))}</pre>`).join('');
+      return d;
+    }
+
     function renderHistoryMessage(msg, parent) {
+      if (msg.type === 'system' && msg.vision) {
+        const st = document.createElement('div'); st.className = 'msg msg-status'; st.textContent = '— ' + msg.message + ' —';
+        parent.appendChild(st); parent.appendChild(visionEl(msg)); return;
+      }
       if (msg.type === 'assistant' && Array.isArray(msg.message?.content)) {
         for (const b of msg.message.content) { const k = blockKey(b, msg.message.id); if (k) _replayedBlocks.add(k); }
       } else if (msg.type === 'tool_result' && msg.id) _replayedBlocks.add('tr:' + msg.id);
@@ -2606,11 +2621,21 @@
         const sel = buildSyntheticUserEl(msg.content);
         if (sel) { parent.appendChild(sel); return; }
         if (syntheticUserKind(msg.content)) return;
+        // 看图转文字后发给模型的消息（对话记录里就是改写后的全文）：气泡只显示原话，图片描述收进折叠块
+        let content = msg.content, vis = null;
+        const vi = typeof content === 'string' ? content.indexOf('\n\n（注意：你当前用的模型不能直接看图') : -1;
+        if (vi > 0) {
+          const tail = content.slice(vi);
+          vis = { message: '', vision: { model: (tail.match(/看图模型 (\S+) 把图片/) || [])[1] || '',
+            items: [...tail.matchAll(/【图片 ([^】]+)】\n([\s\S]*?)(?=\n\n【图片 |$)/g)].map(m => ({ path: m[1], text: m[2] })) } };
+          content = content.slice(0, vi);
+        }
         const el = document.createElement('div');
         el.className = 'msg msg-input' + (msg.inject ? ' msg-inject' : '');
         const full = msg.timestamp ? new Date(msg.timestamp).toLocaleString('zh-CN') : '';
-        el.innerHTML = `<div><div class="bubble">${escHtml(msg.content)}</div><div class="meta" title="${escHtml(full)}">${injectTagHtml(msg.inject)}${msg.timestamp ? formatTime(new Date(msg.timestamp)) : ''}</div></div>`;
+        el.innerHTML = `<div><div class="bubble">${escHtml(content)}</div><div class="meta" title="${escHtml(full)}">${injectTagHtml(msg.inject)}${msg.timestamp ? formatTime(new Date(msg.timestamp)) : ''}</div></div>`;
         parent.appendChild(el);
+        if (vis) parent.appendChild(visionEl(vis));
         return;
       }
 
@@ -3221,6 +3246,7 @@
               _ctxNudgeLevel = 0; _lastCtxTokens = 0; ctxUpdate(0);
             }
             addStatusMessage(msg.message);
+            if (msg.vision) { chatArea.appendChild(visionEl(msg)); scrollToBottom(); }
             // 同步计划模式状态到按钮
             if (msg.message.includes('进入计划模式')) {
               if (currentSession) currentSession.permissionMode = 'plan';
@@ -5630,10 +5656,12 @@
       await loadModelInfo();
       const cur = currentSession?.modelId || '';
       const main = _modelInfo?.scenes?.main || '';
+      // 计划模式且系统设置里配了「计划」模型 → 这段时间实际用它（批准执行后回到主任务模型）
+      const plan = currentSession?.permissionMode === 'plan' ? (_modelInfo?.scenes?.plan || '') : '';
       const el = document.getElementById('model-chip-name');
-      el.textContent = cur ? modelName(cur) : main ? modelName(main) : '默认';
+      el.textContent = plan ? '计划·' + modelName(plan) : cur ? modelName(cur) : main ? modelName(main) : '默认';
       const chip = document.getElementById('model-chip'), q = quotaState();
-      chip.title = '切换模型 · 当前：' + (cur || (main ? main + '（主会话默认）' : 'Claude Code 默认')) + (q.text ? '\n' + (q.out ? q.msg : q.text) : '');
+      chip.title = '切换模型 · 当前：' + (plan ? plan + '（计划模式，系统设置 · 计划）\n执行时：' : '') + (cur || (main ? main + '（主任务默认）' : 'Claude Code 默认')) + (q.text ? '\n' + (q.out ? q.msg : q.text) : '');
       chip.style.borderColor = q.out ? 'var(--red)' : '';   // 积分用尽：按钮描红
     };
     window.openModelPop = async function() {
@@ -5648,7 +5676,7 @@
       const row = (id, name, sub, right, tags, on, unfit, tip) => `<div class="mp-i${on ? ' on' : ''}" data-model="${escAttr(id)}" data-label="${escAttr(name)}"${unfit ? ` data-unfit="${escAttr(unfit)}" style="opacity:0.55"` : ''}${tip ? ` title="${escAttr(tip)}"` : ''}><span class="mp-n">${escHtml(name)}${unfit ? `<span class="mp-sub" style="color:var(--yellow)">⚠ ${escHtml(unfit)}</span>` : sub ? `<span class="mp-sub">${escHtml(sub)}</span>` : ''}</span>${(tags || []).map(t => TAG_LABEL[t] ? `<span class="mp-tag" style="color:${TAG_LABEL[t][1]};border-color:${TAG_LABEL[t][1]}">${TAG_LABEL[t][0]}</span>` : '').join('')}${right ? `<span class="mp-r">${escHtml(right)}</span>` : ''}${on ? '<span class="mp-ck">✓</span>' : ''}</div>`;
       const q = quotaState();
       let html = q.text ? `<div class="mp-h" style="${q.out ? 'color:var(--red);font-weight:600' : ''}">${escHtml(q.out ? q.msg : q.text)}</div>` : '';
-      html += row('default', '默认', main ? '主会话默认：' + main : '跟随 Claude Code 默认', '', [], !cur);
+      html += row('default', '默认', main ? '主任务默认：' + main : '跟随 Claude Code 默认', '', [], !cur);
       const gm = (d.models || []).filter(m => !m.id.includes('*'));   // 通配别名（claude-*）不能直接选
       const listed = new Set(['default']);
       if (gm.length) {
@@ -5661,17 +5689,22 @@
             const sub = [m.kind === 'alias' && m.target ? '→ ' + m.target : '', m.caps.map(c => CAP_ICON[c]).filter(Boolean).join(' ')].filter(Boolean).join(' · ');
             // 右侧：有渠道系数就显示倍率（如 0.51x），否则显示单价；单价放悬停提示里
             const price = m.inputCost != null ? `$${m.inputCost}/$${m.outputCost} 每百万 token` : '';
-            const right = m.multiplier != null ? `${m.multiplier}x` : (m.inputCost != null ? `$${m.inputCost}/$${m.outputCost}` : '');
-            html += row(m.id, m.kind === 'alias' ? m.id : m.name, sub, right, m.tags, cur === m.id, m.fit?.main || '', [price, m.multiplier != null ? `渠道系数 ${m.multiplier}` : ''].filter(Boolean).join(' · '));
+            // 时段价此刻生效（如「闲时 0.5x」）→ 放在右侧倍率前面
+            const tn = m.timeNow ? `${m.timeNow.label}${m.timeNow.multiplier != null ? ' ' + m.timeNow.multiplier + 'x' : ''}` : '';
+            const right = [tn, m.multiplier != null ? `${m.multiplier}x` : (m.inputCost != null ? `$${m.inputCost}/$${m.outputCost}` : '')].filter(Boolean).join(' · ');
+            html += row(m.id, m.kind === 'alias' ? m.id : m.name, sub, right, m.tags, cur === m.id, m.fit?.main || '', [price, m.multiplier != null ? `渠道系数 ${m.multiplier}` : '', tn ? '当前时段：' + tn : ''].filter(Boolean).join(' · '));
           }
         }
       } else if (d.gateway && d.error) html += `<div class="mp-h">网关模型列表读取失败：${escHtml(d.error)}</div>`;
+      // 没有自定义网关（Claude 原生）：和原来一样列 Claude 模型；有网关：只列网关模型 + 下方手填自定义
+      const claudeMs = d.gateway ? [] : MODELS.filter(x => x.id !== 'default');
+      claudeMs.forEach(m => listed.add(m.id));
       // 自定义：本地场景配置里填过、或本会话正在用、但不在网关列表里的名字
       const custom = [...new Set([cur, ...Object.values(d.scenes || {})].filter(x => x && !listed.has(x)))];
       if (custom.length) { html += '<div class="mp-h">自定义模型</div>'; for (const id of custom) { listed.add(id); html += row(id, id, '', '', [], cur === id); } }
-      html += `<div class="mp-h">Claude 别名${d.gateway ? ' · 经网关映射' : ''}</div>`;
-      for (const m of MODELS.filter(x => x.id !== 'default' && !listed.has(x.id))) html += row(m.id, m.label, m.desc, '', [], cur === m.id);
+      if (claudeMs.length) { html += '<div class="mp-h">Claude 模型</div>'; for (const m of claudeMs) html += row(m.id, m.label, m.desc, '', [], cur === m.id); }
       list.innerHTML = html;
+      document.getElementById('model-pop-custom').style.display = d.gateway ? '' : 'none';
       list.querySelectorAll('[data-model]').forEach(el => el.onclick = () => {
         if (el.dataset.unfit && !confirm(`「${el.dataset.label}」${el.dataset.unfit}。\n\n用它当主会话模型，AI 很可能干不了活。仍要切换吗？`)) return;
         closeModelPop(); selectModel({ id: el.dataset.model, label: el.dataset.label });
@@ -6631,6 +6664,7 @@
       btn.textContent = isPlan ? '退出计划' : '计划';
       btn.style.color = isPlan ? 'var(--orange)' : '';
       btn.style.fontWeight = isPlan ? '600' : '';
+      if (currentSession?.mode === 'agent' && window.refreshModelChip) refreshModelChip();   // 计划模型可能不同
     }
     window.togglePlanMode = function() {
       const isPlan = currentSession?.permissionMode === 'plan';

package/dist/index.html

@@ -956,16 +956,30 @@
     <button class="set-link" onclick="closeSettings();showUsage()">📊 用量 <small>费用 / token 统计</small></button>
   </div>
 
+  <!-- 大模型网关（仅管理员；单用户模式的主人就是管理员，不用再去 /admin）-->
+  <div id="set-gw" class="admin-only">
+    <div class="set-group-t">系统设置 · 大模型网关</div>
+    <div class="set-card">
+      <div class="set-item" style="display:block;font-size:0.74rem;color:var(--muted);line-height:1.6" id="set-gw-src">读取中…</div>
+      <div class="set-item inp"><div class="set-lbl">网关地址<small>留空 = 自动用这台电脑已有的配置（环境变量 / Claude Code 配置）</small></div>
+        <div class="set-ctl"><input class="set-inp" id="set-gw-url" placeholder="https://gateway.example.com" autocomplete="off" spellcheck="false"></div></div>
+      <div class="set-item inp"><div class="set-lbl">Token / API Key</div>
+        <div class="set-ctl"><input class="set-inp" id="set-gw-key" type="password" placeholder="Token / API Key" autocomplete="new-password"></div></div>
+      <div class="set-item" style="justify-content:flex-end"><button class="set-btn" id="set-gw-save" onclick="saveGatewayCfg()">保存</button></div>
+    </div>
+    <div id="set-gw-status" class="set-status"></div>
+  </div>
+
   <!-- 场景模型：同一个网关 + token，不同场景用不同模型（仅管理员）-->
   <div id="set-models" class="admin-only">
-    <div class="set-group-t">模型 · 所有任务生效</div>
+    <div class="set-group-t">系统设置 · 模型（所有任务生效）</div>
     <div class="set-card">
       <div class="set-item" style="display:block;font-size:0.74rem;color:var(--muted);line-height:1.6" id="set-models-src">读取网关模型列表…</div>
       <div id="set-models-rows"></div>
       <div class="set-item" style="justify-content:flex-end"><button class="set-btn" id="set-models-save" onclick="saveSceneModels()">保存</button></div>
     </div>
     <div id="set-models-status" class="set-status"></div>
-    <datalist id="set-models-dl-tools"></datalist>
+    <datalist id="set-models-dl-tools"></datalist><datalist id="set-models-dl-vision"></datalist>
     <datalist id="set-models-dl-all"></datalist>
   </div>
 
@@ -1329,7 +1343,7 @@
   window.openSettings = function() {
     renderAppearance();
     ['set-machine-status', 'set-asr-status', 'set-restart-status', 'set-up-status', 'set-proto-status'].filter(id => document.getElementById(id)).forEach(id => setStatus(id, ''));
-    if (_isAdmin) { loadProto(); loadRegistry(); loadSceneModels(); }
+    if (_isAdmin) { loadProto(); loadRegistry(); loadGatewayCfg(); loadSceneModels(); }
     document.querySelectorAll('#set-sheet .set-btn').forEach(b => b.classList.remove('dirty'));
     document.getElementById('set-backdrop').classList.add('open');
     document.getElementById('set-sheet').classList.add('open');
@@ -1497,12 +1511,38 @@
   // ── 场景模型 ────────────────────────────────────────────
   // 每个场景一个输入框：可从网关模型列表里选（datalist），也可手填任意模型名 / 别名；留空 = 用默认
   const SCENE_HINT = {
-    main: '会话里没手动选模型时用它；留空 = Claude Code 默认',
-    subagent: 'AI 把任务拆成子任务时用；留空 = 跟主模型一样',
+    main: '任务对话默认用它（聊天框里没单独选模型时）；留空 = Claude Code 默认',
+    plan: '计划模式（只调研、出方案）用，可选更强的；批准执行后回到主任务模型；留空 = 跟主任务一样',
+    subagent: 'AI 把任务拆成子任务时用；留空 = 跟主任务一样',
     background: '生成标题、摘要等后台小活，建议选便宜的',
     ask: '「问一问」和解释，建议选便宜快速的；留空 = sonnet',
     voice: '语音转成书面文字，建议选便宜的；留空 = 同问一问',
+    vision: '主任务模型看不了图时，先用它把聊天框发的图片转成文字再交给主模型（多花几秒，可在聊天里点开核对）；留空 = 不转',
   };
+  // ── 大模型网关 ────────────────────────────────────────────
+  const GW_SRC = { myhi: '本页配置', env: '启动 myhi 时的环境变量（ANTHROPIC_BASE_URL）', claude: 'Claude Code 配置（~/.claude/settings.json）' };
+  async function loadGatewayCfg() {
+    let d; try { d = await (await fetch('/api/gateway')).json(); } catch { return; }
+    const e = d.effective;
+    document.getElementById('set-gw-src').textContent = !e
+      ? '还没有自定义网关：AI 直连 Anthropic（或用 claude 登录的账号），不提供模型选择。填上网关地址和 Key 后，新建任务走网关，并可按场景从网关模型里选。'
+      : e.source === 'myhi' ? `当前网关：${e.baseUrl}（Key ${e.apiKey}）`
+      : `当前网关：${e.baseUrl}（Key ${e.apiKey}）——自动读取自 ${GW_SRC[e.source] || e.source}。要换成别的，在下面填写即可（这里填的优先）。`;
+    document.getElementById('set-gw-url').value = d.baseUrl || '';
+    document.getElementById('set-gw-key').value = '';
+    document.getElementById('set-gw-key').placeholder = d.hasKey ? `已设置（${d.apiKey}），留空保持不变` : 'Token / API Key';
+    const btn = document.getElementById('set-gw-save');
+    btn.classList.remove('dirty');
+    ['set-gw-url', 'set-gw-key'].forEach(id => document.getElementById(id).oninput = () => btn.classList.add('dirty'));
+  }
+  window.saveGatewayCfg = async function() {
+    const baseUrl = document.getElementById('set-gw-url').value.trim(), apiKey = document.getElementById('set-gw-key').value.trim();
+    if (baseUrl && !/^https?:\/\//i.test(baseUrl)) { setStatus('set-gw-status', '网关地址要以 http:// 或 https:// 开头'); return; }
+    let r; try { r = await (await fetch('/api/gateway', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ baseUrl, apiKey }) })).json(); } catch (e) { r = { error: e.message }; }
+    setStatus('set-gw-status', r.ok ? '已保存：新建的任务走新网关；正在跑的任务下次重启 AI 后生效' : '保存失败：' + (r.error || ''));
+    if (r.ok) { await loadGatewayCfg(); fetch('/api/models?refresh=1').catch(() => {}).finally(loadSceneModels); }
+  };
+
   async function loadSceneModels() {
     let d; try { d = await (await fetch('/api/models')).json(); } catch { return; }
     if (!d.ok) return;
@@ -1510,26 +1550,35 @@
     const ms = (d.models || []).filter(m => !m.id.includes('*'));
     const t = d.token, quota = t && (t.dailyLimit != null || t.monthlyLimit != null)
       ? ` 积分：${t.dailyLimit != null ? `今日已用 ${t.dailyUsed ?? '?'} / ${t.dailyLimit}` : ''}${t.monthlyLimit != null ? ` 本月已用 ${t.monthlyUsed ?? '?'} / ${t.monthlyLimit}` : ''}。` : '';
-    src.textContent = !d.gateway ? '没有配置大模型网关：可填 Claude 别名（sonnet / opus / haiku）或完整模型名。'
-      : d.error ? '网关模型列表读取失败（' + d.error + '），可以手填模型名。'
+    // 没配自定义网关：不提供模型选择（全部跟随 Claude Code 默认），整组只留一句说明
+    const noGw = !d.gateway;
+    document.getElementById('set-models-rows').style.display = noGw ? 'none' : '';
+    document.getElementById('set-models-save').parentElement.style.display = noGw ? 'none' : '';
+    if (noGw) { src.textContent = '没有配置自定义网关：所有任务使用 Claude Code 默认模型，不需要选模型。在上面「大模型网关」里配置后，可在这里按场景（主任务 / 计划 / 问一问 / 看图…）从网关模型里选。'; return; }
+    src.textContent = d.error ? '网关模型列表读取失败（' + d.error + '），可以手填模型名。'
       : `网关上有 ${ms.length} 个模型${d.scoped ? '（这个 token 可用的）' : '（网关是旧版，未按 token 过滤，个别模型可能用不了）'}，点输入框可选，也可以手填。` + quota;
     // 两份候选：主会话 / 子代理只列能用工具干活的；问一问、语音整理、后台小任务全列，便宜的排前面
     const opt = (m) => `<option value="${esc(m.id)}">${esc([m.name !== m.id ? m.name : '', m.kind === 'alias' && m.target ? '→ ' + m.target : '', (m.tags || []).includes('cheap') ? '便宜' : '', m.multiplier != null ? m.multiplier + 'x' : '', (m.caps || []).includes('vision') ? '能看图' : ''].filter(Boolean).join(' · '))}</option>`;
-    const aliases = ['sonnet', 'opus', 'haiku'].map(a => `<option value="${a}">Claude 别名</option>`).join('');
+    const aliases = '';   // 模型只从网关目录选（不再列 Claude 别名）
     const cheapFirst = [...ms].sort((a, b) => ((b.tags || []).includes('cheap') - (a.tags || []).includes('cheap')));
     document.getElementById('set-models-dl-tools').innerHTML = ms.filter(m => !m.fit?.main).map(opt).join('') + aliases;
     document.getElementById('set-models-dl-all').innerHTML = cheapFirst.map(opt).join('') + aliases;
-    const TOOL_SCENES = { main: 1, subagent: 1 };
+    document.getElementById('set-models-dl-vision').innerHTML = cheapFirst.filter(m => (m.caps || []).includes('vision')).map(opt).join('') + aliases;
+    const TOOL_SCENES = { main: 1, plan: 1, subagent: 1, vision: 1 };
+    const DL = (k) => k === 'vision' ? 'set-models-dl-vision' : TOOL_SCENES[k] ? 'set-models-dl-tools' : 'set-models-dl-all';
     document.getElementById('set-models-rows').innerHTML = Object.entries(d.sceneLabels || {}).map(([k, label]) =>
       `<div class="set-item inp"><div class="set-lbl">${esc(label)}<small>${esc(SCENE_HINT[k] || '')}</small></div>
-        <div class="set-ctl"><input class="set-inp" data-scene="${esc(k)}" list="${TOOL_SCENES[k] ? 'set-models-dl-tools' : 'set-models-dl-all'}" value="${esc(d.scenes?.[k] || '')}" placeholder="默认" autocomplete="off" spellcheck="false"></div>
+        <div class="set-ctl"><input class="set-inp" data-scene="${esc(k)}" list="${DL(k)}" value="${esc(d.scenes?.[k] || '')}" placeholder="默认" autocomplete="off" spellcheck="false"></div>
         <div class="set-warn" data-warn="${esc(k)}" style="display:none;font-size:0.72rem;color:var(--yellow,#d29922)"></div></div>`).join('');
     // 填了不适合这个场景的模型（不支持工具等）→ 输入框下提示原因（不硬拦：网关元数据可能没填全）
     const byId = Object.fromEntries(ms.map(m => [m.id, m]));
     const check = (inp) => {
       const k = inp.dataset.scene, w = document.querySelector(`[data-warn="${k}"]`);
       const why = TOOL_SCENES[k] && byId[inp.value.trim()]?.fit?.[k];
-      w.textContent = why ? '⚠ ' + why : ''; w.style.display = why ? '' : 'none';
+      // 看图：主任务模型本身看不了图却没配看图模型 → 提醒（图片发过去 AI 会读不出来）
+      const mainM = byId[(document.querySelector('[data-scene="main"]')?.value || '').trim()];
+      const hint = k === 'vision' && !inp.value.trim() && mainM?.caps?.length && !mainM.caps.includes('vision') ? `主任务模型 ${mainM.name} 看不了图，建议配一个，否则发图片 AI 会读不出来` : '';
+      w.textContent = why ? '⚠ ' + why : hint ? '⚠ ' + hint : ''; w.style.display = why || hint ? '' : 'none';
     };
     document.querySelectorAll('#set-models-rows [data-scene]').forEach(i => { check(i); i.addEventListener('input', () => check(i)); });
     // 和其他设置项一样：改了才出现「保存」