@wendongfly/myhi 1.3.210 → 1.3.213

package/dist/chat.html

@@ -267,8 +267,14 @@
     #input-area.no-shortcuts { padding-bottom: max(0.5rem, env(safe-area-inset-bottom)); }
     #input-box { background: var(--bg); border: 1px solid var(--border); border-radius: 12px; transition: border-color 0.2s; overflow: hidden; position: relative; }
     #img-preview { display: none; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; border-bottom: 1px solid var(--surface2); background: var(--surface); }
-    #img-preview.show { display: flex; }
+    #img-preview.show { display: flex; padding-right: 2.8rem; }   /* 右侧让出悬浮的 ☰ 按钮，免得挡住「全部移除」 */
     #img-preview img { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; border: 1px solid var(--border); }
+    #img-preview-list { display: flex; gap: 6px; flex-shrink: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; }
+    #img-preview .ip-item { position: relative; flex-shrink: 0; }
+    #img-preview .ip-ph { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 6px; border: 1px solid var(--border); background: var(--surface2); font-size: 1.2rem; }
+    #img-preview .ip-x { position: absolute; top: -4px; right: -4px; width: 18px; height: 18px; border-radius: 50%; border: none; background: rgba(0,0,0,0.65); color: #fff; font-size: 12px; line-height: 18px; padding: 0; cursor: pointer; }
+    #img-pro { flex-shrink: 0; border: 1px solid var(--border); background: var(--surface2); color: var(--muted); border-radius: 12px; padding: 0.15rem 0.5rem; font-size: 0.7rem; cursor: pointer; white-space: nowrap; }
+    #img-pro.on { border-color: var(--purple); color: var(--purple); background: color-mix(in srgb, var(--purple) 10%, transparent); font-weight: 600; }
     #img-preview .img-info { flex: 1; font-size: 0.78rem; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
     #img-preview .img-remove { width: 24px; height: 24px; border-radius: 50%; border: none; background: var(--surface2); color: var(--muted); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
     #img-preview .img-remove:hover { background: var(--red); color: #fff; }
@@ -693,6 +699,50 @@
     #fedit-sheet.action-sheet.open { align-items: center; }
     #fedit-sheet .action-sheet-box { width: 94vw; max-width: 1200px; border-radius: 14px; padding-bottom: 0.75rem; }
     #memory-content { flex: 1; min-height: 0; }
+    /* 方案审批：手机全屏，电脑居中宽屏 + 左侧目录 */
+    #plan-sheet .plan-box { max-width: none; height: 100dvh; max-height: 100dvh; border-radius: 0; display: flex; flex-direction: column; padding: 0.5rem 0.75rem max(0.6rem, env(safe-area-inset-bottom)); }
+    @media (min-width: 768px) {
+      #plan-sheet.action-sheet.open { align-items: center; }
+      #plan-sheet .plan-box { width: 96vw; max-width: 1280px; height: 92vh; border-radius: 14px; }
+    }
+    .plan-head { display: flex; align-items: center; gap: 0.4rem; padding: 0.2rem 0 0.5rem; border-bottom: 1px solid var(--surface2); flex-wrap: wrap; font-size: 0.9rem; }
+    .plan-stat { font-size: 0.72rem; color: var(--muted); }
+    .plan-hbtn { background: var(--surface2); border: 1px solid var(--border); color: var(--text); border-radius: 8px; padding: 0.3rem 0.6rem; font-size: 0.78rem; cursor: pointer; white-space: nowrap; }
+    .plan-hbtn:hover { border-color: var(--purple); }
+    #plan-ai-btn { color: var(--purple); font-weight: 600; }
+    .plan-main { flex: 1; min-height: 0; display: flex; gap: 0.6rem; position: relative; padding-top: 0.4rem; }
+    #plan-toc { width: 230px; flex-shrink: 0; overflow-y: auto; font-size: 0.78rem; border-right: 1px solid var(--surface2); padding-right: 0.4rem; scrollbar-width: thin; }
+    #plan-toc a { display: block; padding: 0.28rem 0.4rem; border-radius: 6px; color: var(--text2, var(--text)); text-decoration: none; cursor: pointer; line-height: 1.35; }
+    #plan-toc a:hover, #plan-toc a.on { background: var(--surface2); color: var(--purple); }
+    #plan-toc a.l3 { padding-left: 1.1rem; font-size: 0.74rem; } #plan-toc a.l4 { padding-left: 1.8rem; font-size: 0.72rem; color: var(--muted); }
+    .plan-toc-btn { display: none; }
+    @media (max-width: 767px) {
+      #plan-toc { display: none; position: absolute; z-index: 3; left: 0; top: 0.4rem; bottom: 0; width: 78%; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 0.4rem; box-shadow: 0 6px 24px rgba(0,0,0,0.3); }
+      #plan-toc.show { display: block; }
+      .plan-toc-btn { display: inline-block; }
+    }
+    .plan-scroll { flex: 1; min-width: 0; overflow-y: auto; overflow-x: hidden; padding: 0.2rem 0.5rem; scrollbar-width: thin; }
+    #plan-sheet-body pre { white-space: pre-wrap; word-break: break-word; }
+    #plan-sheet-body code { word-break: break-all; }
+    #plan-sheet-body table { display: block; overflow-x: auto; }
+    #plan-digest { border: 1px solid var(--purple); border-radius: 10px; padding: 0.5rem 0.75rem; margin: 0.2rem 0 0.8rem; background: color-mix(in srgb, var(--purple) 6%, transparent); font-size: 0.86rem; }
+    #plan-digest .pd-h { display: flex; align-items: center; gap: 0.5rem; font-size: 0.75rem; color: var(--muted); margin-bottom: 0.3rem; }
+    .plan-foot { border-top: 1px solid var(--surface2); padding-top: 0.5rem; }
+    #plan-sheet-fb { min-height: 5.5em; max-height: 40vh; resize: vertical; margin-bottom: 0.45rem; line-height: 1.5; }
+    .plan-btns { display: flex; flex-direction: column; gap: 0.4rem; }
+    .plan-btns .action-sheet-cancel { margin: 0; }
+    @media (min-width: 768px) { .plan-btns { flex-direction: row; } .plan-btns .action-sheet-cancel { flex: 1; } }
+    .plan-t-short { display: none; }
+    @media (max-width: 767px) {
+      .plan-t-long { display: none; } .plan-t-short { display: inline; }
+      .plan-head { flex-wrap: nowrap; } .plan-stat { display: none; }
+      #plan-sheet-fb { min-height: 3.2em; }
+      /* 批准占一整行，另外两个并排，给方案多留阅读空间 */
+      .plan-btns { display: grid; grid-template-columns: 1fr 1fr; }
+      .plan-btns .action-sheet-cancel:first-child { grid-column: 1 / -1; }
+    }
+    #plan-quote-btn { display: none; position: fixed; z-index: 95; background: var(--purple); color: #fff; border: none; border-radius: 8px; padding: 0.4rem 0.75rem; font-size: 0.8rem; box-shadow: 0 4px 14px rgba(0,0,0,0.3); cursor: pointer; }
+    #plan-quote-btn.show { display: block; }
     .slash-inp { width: 100%; padding: 0.65rem 0.8rem; background: var(--bg); border: 1px solid var(--border); border-radius: 10px; color: var(--text); font-size: 0.9rem; outline: none; }
     .slash-inp:focus { border-color: var(--purple); }
 
@@ -801,9 +851,10 @@
         <button class="img-remove" onclick="guideTipClose()" title="先不管">&times;</button>
       </div>
       <div id="img-preview">
-        <img id="img-preview-thumb" src="" alt="">
-        <span class="img-info">已添加图片，输入文字后发送</span>
-        <button class="img-remove" onclick="clearPendingImage()" title="移除图片">&times;</button>
+        <div id="img-preview-list"></div>
+        <span class="img-info" id="img-preview-info">已添加图片，输入文字后发送</span>
+        <button id="img-pro" style="display:none" onclick="toggleVisionPro()" title="重要截图（复杂标注的 bug 单、设计稿）改用「看图·高精度」模型识别，更准但更贵 / 更慢">🔍 高精度</button>
+        <button class="img-remove" onclick="clearPendingImage()" title="移除全部图片">&times;</button>
       </div>
       <div id="file-preview" style="display:none;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;border-bottom:1px solid var(--surface2);background:var(--surface)">
         <span style="font-size:1.1rem;flex-shrink:0">📎</span>
@@ -1348,17 +1399,36 @@
     </div>
   </div>
   <!-- 方案审批：计划模式下 AI 用 ExitPlanMode 提交方案 -->
+  <!-- 长方案也要审得动：电脑上宽屏 + 左侧目录，手机全屏；「AI 帮我看重点」先出摘要；选中一段可引用到意见框 -->
   <div id="plan-sheet" class="action-sheet">
     <div class="action-sheet-backdrop" onclick="closePlanSheet()"></div>
-    <div class="action-sheet-box" style="max-height:88vh;display:flex;flex-direction:column">
-      <div class="action-sheet-title">📋 AI 提交了方案，请审批</div>
-      <div class="msg-assistant" style="flex:1;min-height:0;overflow-y:auto;padding:0.2rem 0.4rem;scrollbar-width:thin"><div class="content" id="plan-sheet-body"></div></div>
-      <textarea id="plan-sheet-fb" class="slash-inp" rows="2" placeholder="需要改的话写在这里，再点「按意见修改」（可选）" style="margin:0.5rem 0 0.4rem;resize:vertical"></textarea>
-      <button class="action-sheet-cancel" style="background:var(--green);color:#fff;font-weight:600;margin-bottom:0.4rem" onclick="approvePlan()">✅ 批准并执行</button>
-      <button class="action-sheet-cancel" style="margin-bottom:0.4rem" onclick="revisePlan()">✏️ 按意见修改方案</button>
-      <button class="action-sheet-cancel" onclick="closePlanSheet()">稍后再看</button>
+    <div class="action-sheet-box plan-box">
+      <div class="plan-head">
+        <b>📋 <span class="plan-t-long">AI 提交了方案，请审批</span><span class="plan-t-short">方案审批</span></b>
+        <span id="plan-stat" class="plan-stat"></span>
+        <span style="flex:1"></span>
+        <button class="plan-hbtn" id="plan-ai-btn" onclick="planDigest()" title="用「问一问」的模型先把方案读一遍：概括、会改什么、需要你确认的、风险、可以提的意见">✨ AI 帮我看重点</button>
+        <button class="plan-hbtn plan-toc-btn" onclick="togglePlanToc()">☰ 目录</button>
+        <button class="plan-hbtn" onclick="closePlanSheet()" title="稍后再看">✕</button>
+      </div>
+      <div class="plan-main">
+        <nav id="plan-toc"></nav>
+        <div class="plan-scroll msg-assistant" id="plan-scroll">
+          <div id="plan-digest" style="display:none"></div>
+          <div class="content" id="plan-sheet-body"></div>
+        </div>
+      </div>
+      <div class="plan-foot">
+        <textarea id="plan-sheet-fb" class="slash-inp" rows="3" placeholder="修改意见（可选）：直接写；或在上面选中一段文字，点「💬 对这段提意见」把它引用过来，再写意见"></textarea>
+        <div class="plan-btns">
+          <button class="action-sheet-cancel" style="background:var(--green);color:#fff;font-weight:600" onclick="approvePlan()">✅ 批准并执行</button>
+          <button class="action-sheet-cancel" onclick="revisePlan()">✏️ 按意见修改方案</button>
+          <button class="action-sheet-cancel" onclick="closePlanSheet()">稍后再看</button>
+        </div>
+      </div>
     </div>
   </div>
+  <button id="plan-quote-btn" onmousedown="event.preventDefault()" onclick="planQuoteSel()">💬 对这段提意见</button>
   <!-- 退出计划：按方案执行 / 仅退出 -->
   <div id="planexit-sheet" class="action-sheet">
     <div class="action-sheet-backdrop" onclick="closePlanExit()"></div>
@@ -2623,10 +2693,10 @@
         if (syntheticUserKind(msg.content)) return;
         // 看图转文字后发给模型的消息（对话记录里就是改写后的全文）：气泡只显示原话，图片描述收进折叠块
         let content = msg.content, vis = null;
-        const vi = typeof content === 'string' ? content.indexOf('\n\n（注意：你当前用的模型不能直接看图') : -1;
+        const vi = typeof content === 'string' ? content.search(/\n\n（注意：(你当前用的模型不能直接看图|myhi 已用看图模型)/) : -1;   // 新旧两种措辞
         if (vi > 0) {
           const tail = content.slice(vi);
-          vis = { message: '', vision: { model: (tail.match(/看图模型 (\S+) 把图片/) || [])[1] || '',
+          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);
         }
@@ -3542,14 +3612,57 @@
     });
 
     // ── 待发送图片 ──────────────────────────────────
-    let _pendingImage = null; // { path, blobUrl }
+    // 一次可以挂多张图（最多 MAX_IMAGES），一起发给 AI
+    const MAX_IMAGES = 9;
+    let _pendingImages = []; // [{ path, blobUrl }]
+    let _visionPro = false;  // 这批图用「看图·高精度」模型（设置里配了才显示开关）
+    window.toggleVisionPro = function() { _visionPro = !_visionPro; renderPendingImages(); };
 
     window.clearPendingImage = function() {
-      if (_pendingImage?.blobUrl) URL.revokeObjectURL(_pendingImage.blobUrl);
-      _pendingImage = null;
-      document.getElementById('img-preview').classList.remove('show');
+      for (const im of _pendingImages) if (im.blobUrl) URL.revokeObjectURL(im.blobUrl);
+      _pendingImages = [];
+      _visionPro = false;
+      renderPendingImages();
       cmdInput.placeholder = currentSession?.mode === 'agent' ? '输入消息...' : '输入命令...';
     };
+    window.removePendingImage = function(i) {
+      const [im] = _pendingImages.splice(i, 1);
+      if (im?.blobUrl) URL.revokeObjectURL(im.blobUrl);
+      if (!_pendingImages.length) return clearPendingImage();
+      renderPendingImages();
+    };
+    function renderPendingImages() {
+      const n = _pendingImages.length;
+      document.getElementById('img-preview').classList.toggle('show', n > 0);
+      // 从草稿取回时只剩服务器路径、没有本地预览图 → 显示占位图标，免得破图
+      document.getElementById('img-preview-list').innerHTML = _pendingImages.map((im, i) =>
+        `<span class="ip-item">${im.blobUrl ? `<img src="${im.blobUrl}" alt="">` : '<span class="ip-ph">🖼</span>'}<button class="ip-x" onclick="removePendingImage(${i})" title="移除这张">×</button></span>`).join('');
+      let sc = {}, mi = null; try { mi = _modelInfo; sc = mi?.scenes || {}; } catch { /* 页面初始化早期 _modelInfo 还没声明 */ }
+      const info = document.getElementById('img-preview-info');
+      info.textContent = (n <= 1 ? '已添加图片，输入文字后发送' : `已添加 ${n} 张图片（最多 ${MAX_IMAGES} 张），输入文字后一起发送`)
+        + (sc.vision || sc.visionPro ? ' · 标注尽量配文字说明' : '');
+      // 看图模型对红框 / 箭头的指向常认错，对文字最可靠（看图接入指南 §4）
+      info.title = sc.vision || sc.visionPro ? '截图标注首选文字（红字、①②③ 序号、「见下方说明」），看图模型提取最可靠；红框 / 高亮 / 箭头它能发现但常认错指的是谁，重要的指向请配文字' : '';
+      const pro = document.getElementById('img-pro');
+      pro.style.display = n && sc.visionPro && currentSession?.mode === 'agent' ? '' : 'none';
+      pro.classList.toggle('on', _visionPro);
+      pro.textContent = _visionPro ? '🔍 高精度 ✓' : '🔍 高精度';
+      if (n && !mi) loadModelInfo().then(() => { if (_pendingImages.length) renderPendingImages(); });
+    }
+    // 消息里附件的说明：AI 按路径读取；多张图 / 图 + 文件一起时逐一列出（格式与草稿合并、看图转文字一致）
+    function attachPrompt(imgs, file, text) {
+      const parts = [];
+      if (imgs.length === 1) parts.push(`用户上传了一张图片，路径是 ${imgs[0]}，请用 Read 工具读取这张图片。`);
+      else if (imgs.length > 1) parts.push(`用户上传了 ${imgs.length} 张图片，路径分别是 ${imgs.join('、')}，请用 Read 工具逐一读取。`);
+      if (file) parts.push(`用户上传了一个临时文件用于本次分析（不在项目文件树里），路径是 ${file.path}（原文件名 ${file.name}），请用合适的工具（如 Read）读取并分析它。`);
+      if (!parts.length) return text;
+      return parts.join('') + '用户的要求是：' + (text || (file && !imgs.length ? '分析这个文件' : imgs.length > 1 ? '描述这些图片的内容' : '描述图片内容'));
+    }
+    function attachDisplay(imgs, file, text) {
+      if (imgs.length) return `📷${imgs.length > 1 ? '×' + imgs.length : ''}${file ? ' 📎 ' + file.name : ''} ${text || (imgs.length > 1 ? '分析这些图片' : '分析图片')}`;
+      if (file) return `📎 ${file.name}${text ? ' ' + text : ''}`;
+      return text;
+    }
 
     window.cancelAgent = function() {
       if (currentSession?.mode === 'agent' && workState !== 'idle') {
@@ -3558,13 +3671,13 @@
     };
 
     function setPendingImage(path, blobUrl) {
-      _pendingImage = { path, blobUrl };
-      const preview = document.getElementById('img-preview');
-      const thumb = document.getElementById('img-preview-thumb');
-      // 从草稿取回时只剩服务器路径、没有本地 blob 预览图 —— 藏掉缩略图免得显示破图
-      thumb.src = blobUrl || '';
-      thumb.style.display = blobUrl ? '' : 'none';
-      preview.classList.add('show');
+      if (_pendingImages.length >= MAX_IMAGES) {
+        if (blobUrl) URL.revokeObjectURL(blobUrl);
+        addStatusMessage(`一次最多 ${MAX_IMAGES} 张图片，这张没有加上`);
+        return;
+      }
+      _pendingImages.push({ path, blobUrl });
+      renderPendingImages();
       cmdInput.placeholder = '输入文字描述后发送，或直接发送分析图片...';
       cmdInput.focus();
     }
@@ -3755,7 +3868,7 @@
     function sendCommand() {
       const text = cmdInput.value.trim();
       if (GUIDE_REMEMBER_RE.test(text)) _guideRemember = true;   // 「以后都… / 记住…」：这一轮干完建议写进项目说明
-      if (!text && !_pendingImage && !_pendingFile) return;
+      if (!text && !_pendingImages.length && !_pendingFile) return;
 
       // AI 还在跑这一轮（可能正开着子代理，整轮 result 未到，服务端 isBusy 会拒收）：
       // 不再把输入连同刚上传的图片一起丢掉，转存草稿，本轮干完再取回。
@@ -3776,33 +3889,27 @@
       }
       endStream();
 
-      const imgPath = _pendingImage?.path || null;
+      const imgPaths = _pendingImages.map(im => im.path);
       const filePath = _pendingFile?.path || null;
       const fileName = _pendingFile?.name || '';
       const userText = text;
-      const displayText = imgPath ? `📷 ${userText || '分析图片'}`
-        : filePath ? `📎 ${fileName}${userText ? ' ' + userText : ''}`
-        : text;
+      const displayText = attachDisplay(imgPaths, _pendingFile, userText);
 
       addInputMessage(displayText);
 
       if (currentSession?.mode === 'agent') {
-        const prompt = imgPath
-          ? `用户上传了一张图片，路径是 ${imgPath}，请用 Read 工具读取这张图片。用户的要求是：${userText || '描述图片内容'}`
-          : filePath
-          ? `用户上传了一个临时文件用于本次分析（不在项目文件树里），路径是 ${filePath}（原文件名 ${fileName}），请用合适的工具（如 Read）读取并分析它。用户的要求是：${userText || '分析这个文件'}`
-          : text;
-        socket.emit('agent:query', { prompt });
+        const prompt = attachPrompt(imgPaths, _pendingFile, userText);
+        socket.emit('agent:query', { prompt, visionPro: imgPaths.length > 0 && _visionPro });
         // 本地 slash（/model /clear /plan /resume /rename）只回一条 info、无 result，不进 thinking 态
         if (!LOCAL_SLASH_RE.test(text)) showThinking();
       } else {
-        const attach = imgPath || filePath;
+        const attach = [...imgPaths, filePath].filter(Boolean).join(' ');
         const input = attach
           ? (userText ? `${userText} ${attach}` : attach)
           : text;
         socket.emit('input', input + '\r');
       }
-      cmdHistory.unshift(imgPath ? `[图片] ${userText}` : filePath ? `[文件] ${fileName} ${userText}` : text);
+      cmdHistory.unshift(imgPaths.length ? `[图片${imgPaths.length > 1 ? '×' + imgPaths.length : ''}] ${userText}` : filePath ? `[文件] ${fileName} ${userText}` : text);
       if (cmdHistory.length > 100) cmdHistory.pop();
       historyIdx = -1;
       cmdInput.value = '';
@@ -3834,17 +3941,11 @@
     }
     window.injectFromInput = function() {
       const text = cmdInput.value.trim();
-      if (!text && !_pendingImage && !_pendingFile) { addStatusMessage('先在输入框里写下要补充的话，再点 ⚡ 插话'); cmdInput.focus(); return; }
+      if (!text && !_pendingImages.length && !_pendingFile) { addStatusMessage('先在输入框里写下要补充的话，再点 ⚡ 插话'); cmdInput.focus(); return; }
       if (!canInjectNow()) { sendCommand(); return; }
-      const imgPath = _pendingImage?.path || null;
-      const filePath = _pendingFile?.path || null;
-      const fileName = _pendingFile?.name || '';
-      const display = imgPath ? `📷 ${text || '分析图片'}` : filePath ? `📎 ${fileName}${text ? ' ' + text : ''}` : text;
-      const prompt = imgPath
-        ? `用户上传了一张图片，路径是 ${imgPath}，请用 Read 工具读取这张图片。用户的要求是：${text || '描述图片内容'}`
-        : filePath
-        ? `用户上传了一个临时文件用于本次分析（不在项目文件树里），路径是 ${filePath}（原文件名 ${fileName}），请用合适的工具（如 Read）读取并分析它。用户的要求是：${text || '分析这个文件'}`
-        : text;
+      const imgPaths = _pendingImages.map(im => im.path);
+      const display = attachDisplay(imgPaths, _pendingFile, text);
+      const prompt = attachPrompt(imgPaths, _pendingFile, text);
       injectEmit({ prompt, display }, () => {
         cmdInput.value = ''; cmdInput.style.height = 'auto';
         clearPendingImage(); clearPendingFile();
@@ -5581,12 +5682,100 @@
       if (_askCtlId) document.getElementById('ask-sheet').classList.add('open');
     };
     // ── 方案审批 ──
+    let _planDigest = { id: null, text: '', state: '' };   // AI 重点速览：按方案 id 缓存，关了再开不重复花钱
+    let _planDigestReq = null;
     window.openPlanSheet = function() {
       if (!_planCtl) return;
-      document.getElementById('plan-sheet-body').innerHTML = renderMarkdown(_planCtl.plan || '（方案为空）');
+      const plan = _planCtl.plan || '（方案为空）';
+      const body = document.getElementById('plan-sheet-body');
+      body.innerHTML = renderMarkdown(plan);
+      // 目录：方案里的标题（# ~ ####），点了跳到对应位置
+      const hs = [...body.querySelectorAll('h1,h2,h3,h4')];
+      const minL = Math.min(...hs.map(h => +h.tagName[1]), 9);
+      document.getElementById('plan-toc').innerHTML = hs.length < 2 ? '<div style="color:var(--muted);padding:0.4rem">这份方案没有分节标题</div>'
+        : hs.map((h, i) => { h.id = 'plan-h-' + i; return `<a class="l${Math.min(4, h.tagName[1] - minL + 2)}" data-i="${i}">${escHtml(h.textContent.trim())}</a>`; }).join('');
+      document.getElementById('plan-toc').querySelectorAll('a').forEach(a => a.onclick = () => {
+        document.getElementById('plan-h-' + a.dataset.i)?.scrollIntoView({ block: 'start', behavior: 'smooth' });
+        document.getElementById('plan-toc').classList.remove('show');
+      });
+      const chars = plan.replace(/\s/g, '').length;
+      document.getElementById('plan-stat').textContent = `约 ${chars} 字${hs.length ? ` · ${hs.length} 节` : ''} · 约 ${Math.max(1, Math.round(chars / 500))} 分钟读完`;
+      document.getElementById('plan-scroll').scrollTop = 0;
+      renderPlanDigest();
       document.getElementById('plan-sheet').classList.add('open');
     };
-    window.closePlanSheet = function() { document.getElementById('plan-sheet').classList.remove('open'); renderPendingBar(); };
+    window.closePlanSheet = function() {
+      document.getElementById('plan-sheet').classList.remove('open');
+      document.getElementById('plan-quote-btn').classList.remove('show');
+      renderPendingBar();
+    };
+    window.togglePlanToc = function() { document.getElementById('plan-toc').classList.toggle('show'); };
+    // 目录高亮：滚到哪一节就亮哪一节
+    document.getElementById('plan-scroll').addEventListener('scroll', () => {
+      const sc = document.getElementById('plan-scroll'), top = sc.getBoundingClientRect().top + 40;
+      let cur = null;
+      sc.querySelectorAll('#plan-sheet-body [id^="plan-h-"]').forEach(h => { if (h.getBoundingClientRect().top <= top) cur = h.id.slice(7); });
+      document.querySelectorAll('#plan-toc a').forEach(a => a.classList.toggle('on', a.dataset.i === cur));
+    }, { passive: true });
+    // 意见框按内容长高（最多 40% 屏高）
+    document.getElementById('plan-sheet-fb').addEventListener('input', (e) => {
+      const t = e.target; t.style.height = 'auto'; t.style.height = Math.min(t.scrollHeight + 2, innerHeight * 0.4) + 'px';
+    });
+    // ✨ AI 帮我看重点：走「问一问」那条通道（问一问 / 解释的场景模型），不进当前会话、不打扰 AI
+    const PLAN_DIGEST_Q = '请帮用户审这份方案。用中文、简洁，按下面的结构输出，每项 1~5 条要点，尽量引用方案里的原词方便用户定位；没有的项写「无」，不要复述全文：\n' +
+      '### 一句话概括\n### 会改动什么（模块 / 文件 / 数据库 / 接口 / 配置）\n### 需要你确认或提供的（凭据、权限、取舍决定等）\n### 风险与容易出错的地方\n### 可以提的修改意见 / 建议追问';
+    function renderPlanDigest() {
+      const box = document.getElementById('plan-digest'), btn = document.getElementById('plan-ai-btn');
+      const mine = _planCtl && _planDigest.id === _planCtl.id;
+      if (!mine || !_planDigest.state) { box.style.display = 'none'; btn.textContent = '✨ AI 帮我看重点'; btn.disabled = false; return; }
+      box.style.display = '';
+      const busy = _planDigest.state === 'busy';
+      btn.textContent = busy ? '⏳ 正在看…' : '✨ 重新生成'; btn.disabled = busy;
+      box.innerHTML = `<div class="pd-h"><b style="color:var(--purple)">✨ 重点速览</b><span>由「问一问」模型生成，仅供参考，以下面方案原文为准</span>${busy ? '' : '<span style="flex:1"></span><a style="cursor:pointer;color:var(--muted)" onclick="document.getElementById(\'plan-digest\').style.display=\'none\'">收起</a>'}</div>` +
+        (_planDigest.err ? `<div style="color:var(--red)">没能生成：${escHtml(_planDigest.err)}</div>` : '') +
+        `<div class="content">${_planDigest.text ? renderMarkdown(_planDigest.text) : '<span style="color:var(--muted)">AI 正在读方案…</span>'}</div>`;
+    }
+    window.planDigest = function() {
+      if (!_planCtl) return;
+      _planDigestReq = 'plan-' + Date.now();
+      _planDigest = { id: _planCtl.id, text: '', state: 'busy' };
+      renderPlanDigest();
+      document.getElementById('plan-scroll').scrollTop = 0;
+      socket.emit('aside:ask', { reqId: _planDigestReq, kind: 'plan', context: _planCtl.plan || '', question: PLAN_DIGEST_Q, userAsk: '' });
+    };
+    socket.on('aside:delta', ({ reqId, text }) => { if (reqId === _planDigestReq) { _planDigest.text = text; renderPlanDigest(); } });
+    socket.on('aside:done', ({ reqId, text, error, partial }) => {
+      if (reqId !== _planDigestReq) return;
+      _planDigestReq = null;
+      _planDigest.text = text || partial || _planDigest.text; _planDigest.err = text ? '' : (error || '没有拿到结果，稍后再试');
+      _planDigest.state = 'done'; renderPlanDigest();
+    });
+    // 选中方案（或速览）里的一段 → 「💬 对这段提意见」：以引用格式追加到意见框
+    let _planSel = '';
+    document.addEventListener('selectionchange', () => {
+      const btn = document.getElementById('plan-quote-btn');
+      const sel = window.getSelection();
+      const text = sel && !sel.isCollapsed ? sel.toString().trim() : '';
+      const node = text && sel.anchorNode && (sel.anchorNode.nodeType === 1 ? sel.anchorNode : sel.anchorNode.parentElement);
+      if (!text || !node?.closest?.('#plan-scroll') || !document.getElementById('plan-sheet').classList.contains('open')) { _planSel = ''; btn.classList.remove('show'); return; }
+      _planSel = text;
+      btn.classList.add('show');
+      const r = sel.getRangeAt(0).getBoundingClientRect(), bw = btn.offsetWidth, bh = btn.offsetHeight;
+      let top = r.top - bh - 8; if (top < 8) top = r.bottom + 8;
+      btn.style.left = Math.min(innerWidth - bw - 8, Math.max(8, r.left + r.width / 2 - bw / 2)) + 'px';
+      btn.style.top = top + 'px';
+    });
+    window.planQuoteSel = function() {
+      if (!_planSel) return;
+      const fb = document.getElementById('plan-sheet-fb');
+      const quote = _planSel.split('\n').map(l => '> ' + l).join('\n');
+      const cur = fb.value.replace(/\s+$/, '');
+      fb.value = (cur ? cur + '\n\n' : '') + quote + '\n';
+      window.getSelection()?.removeAllRanges();
+      document.getElementById('plan-quote-btn').classList.remove('show');
+      fb.dispatchEvent(new Event('input'));
+      fb.focus(); fb.setSelectionRange(fb.value.length, fb.value.length); fb.scrollTop = fb.scrollHeight;
+    };
     window.approvePlan = function() {
       if (!_planCtl) return;
       ensureControl();
@@ -5599,7 +5788,7 @@
       if (!fb) { document.getElementById('plan-sheet-fb').focus(); document.getElementById('plan-sheet-fb').placeholder = '先写下要怎么改，再点这个按钮'; return; }
       ensureControl();
       socket.emit('agent:respond', { id: _planCtl.id, decision: { approve: false, feedback: fb } });
-      document.getElementById('plan-sheet-fb').value = '';
+      document.getElementById('plan-sheet-fb').value = ''; document.getElementById('plan-sheet-fb').style.height = '';
       _planCtl = null; closePlanSheet(); showThinking();
     };
     // ── 聊天里的方案卡片：ExitPlanMode 提交的方案、写进 ~/.claude/plans/*.md 的方案文件（原来只是个折叠的「写文件」，看不到内容）──
@@ -6384,12 +6573,12 @@
     // 把当前输入框（文字 + 已上传的图片/文件）整体存成草稿
     window.saveDraftFromInput = async function(source = 'manual') {
       const text = cmdInput.value.trim();
-      if (!text && !_pendingImage && !_pendingFile) { addStatusMessage('输入框是空的，没什么可存'); return false; }
+      if (!text && !_pendingImages.length && !_pendingFile) { addStatusMessage('输入框是空的，没什么可存'); return false; }
       const body = {
         text,
         sessionId: SESSION_ID,
         source,
-        images: _pendingImage ? [{ path: _pendingImage.path, name: '图片' }] : [],
+        images: _pendingImages.map(im => ({ path: im.path, name: '图片' })),
         files: _pendingFile ? [{ path: _pendingFile.path, name: _pendingFile.name }] : [],
       };
       try {
@@ -6416,16 +6605,16 @@
     window.useDraft = async function(id) {
       const d = _inboxCache.drafts.find(x => x.id === id);
       if (!d) return;
-      // 消息框一次只能挂一张图 / 一个文件：合并来的多余附件以路径写进文字里，AI 照样会读
-      const extra = [...(d.images || []).slice(1).map(a => `另附图片 ${a.path}，请用 Read 工具读取。`),
-                     ...(d.files || []).slice(d.images?.length ? 0 : 1).map(a => `另附文件 ${a.path}（原文件名 ${a.name}），请读取分析。`)];
+      // 消息框可挂多张图（最多 MAX_IMAGES）+ 一个文件：放不下的附件以路径写进文字里，AI 照样会读
+      const extra = [...(d.images || []).slice(MAX_IMAGES).map(a => `另附图片 ${a.path}，请用 Read 工具读取。`),
+                     ...(d.files || []).slice(1).map(a => `另附文件 ${a.path}（原文件名 ${a.name}），请读取分析。`)];
       cmdInput.value = (d.text || '') + (extra.length ? '\n' + extra.join('\n') : '');
       cmdInput.style.height = 'auto';
       cmdInput.style.height = Math.min(cmdInput.scrollHeight, 200) + 'px';
       clearPendingImage();
       clearPendingFile();
-      if (d.images?.length) setPendingImage(d.images[0].path, '');
-      else if (d.files?.length) {
+      for (const a of (d.images || []).slice(0, MAX_IMAGES)) setPendingImage(a.path, '');
+      if (d.files?.length) {
         _pendingFile = { path: d.files[0].path, name: d.files[0].name };
         const fp = document.getElementById('file-preview');
         const nameEl = document.getElementById('file-preview-name');
@@ -7838,11 +8027,14 @@
 
     // ── 拍照上传 ──────────────────────────────────
     window.openCamera = async function() {
-      const input = document.createElement('input'); input.type = 'file'; input.accept = 'image/*';
+      const input = document.createElement('input'); input.type = 'file'; input.accept = 'image/*'; input.multiple = true;
       input.onchange = async () => {
-        const file = input.files?.[0]; if (!file) return;
+        let files = [...(input.files || [])]; if (!files.length) return;
+        const room = MAX_IMAGES - _pendingImages.length;
+        if (room <= 0) { addStatusMessage(`一次最多 ${MAX_IMAGES} 张图片`); return; }
+        if (files.length > room) { addStatusMessage(`一次最多 ${MAX_IMAGES} 张图片，只加了前 ${room} 张`); files = files.slice(0, room); }
         const btn = document.getElementById('btn-photo'); btn.classList.add('active'); btn.disabled = true;
-        try { await uploadImageBlob(file, 'photo.jpg'); }
+        try { for (const f of files) await uploadImageBlob(f, f.name || 'photo.jpg'); }
         catch (e) { addStatusMessage('出错: ' + e.message); }
         finally { btn.classList.remove('active'); btn.disabled = false; }
       }; input.click();

package/dist/index.html

@@ -1519,7 +1519,8 @@
     background: '生成标题、摘要等后台小活，建议选便宜的',
     ask: '「问一问」和解释，建议选便宜快速的；留空 = sonnet',
     voice: '语音转成书面文字，建议选便宜的；留空 = 同问一问',
-    vision: '主任务模型看不了图时，先用它把聊天框发的图片转成文字再交给主模型（多花几秒，可在聊天里点开核对）；留空 = 不转',
+    vision: '配了就用：聊天框发的图片先用它转成文字再交给主模型（多花几秒，聊天里可点开核对）；主模型看不了图时一定要配，如本地的 m1-vision。留空 = 图片直接发给主模型。提示用户：截图标注尽量配文字，红框 / 箭头的指向看图模型常认错',
+    visionPro: '可选：重要截图（复杂标注的 bug 单、设计稿评审）发送时点「🔍 高精度」改用它，如网关上的 Claude 等云端多模态模型；留空 = 不显示这个开关',
   };
   // ── 大模型网关 ────────────────────────────────────────────
   const GW_SRC = { myhi: '本页配置', env: '启动 myhi 时的环境变量（ANTHROPIC_BASE_URL）', claude: 'Claude Code 配置（~/.claude/settings.json）' };
@@ -1570,8 +1571,8 @@
     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;
     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';
+    const TOOL_SCENES = { main: 1, plan: 1, subagent: 1, vision: 1, visionPro: 1 };
+    const DL = (k) => k === 'vision' || k === 'visionPro' ? '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="${DL(k)}" value="${esc(d.scenes?.[k] || '')}" placeholder="默认" autocomplete="off" spellcheck="false"></div>
@@ -1580,7 +1581,7 @@
     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];
+      const why = TOOL_SCENES[k] && byId[inp.value.trim()]?.fit?.[k === 'visionPro' ? 'vision' : k];
       // 看图：主任务模型本身看不了图却没配看图模型 → 提醒（图片发过去 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 会读不出来` : '';