@wendongfly/myhi 1.3.210 → 1.3.212

package/dist/chat.html

@@ -693,6 +693,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); }
 
@@ -1348,17 +1392,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 +2686,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);
         }
@@ -5581,12 +5644,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 +5750,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 的方案文件（原来只是个折叠的「写文件」，看不到内容）──

package/dist/index.html

@@ -1519,7 +1519,7 @@
     background: '生成标题、摘要等后台小活，建议选便宜的',
     ask: '「问一问」和解释，建议选便宜快速的；留空 = sonnet',
     voice: '语音转成书面文字，建议选便宜的；留空 = 同问一问',
-    vision: '主任务模型看不了图时，先用它把聊天框发的图片转成文字再交给主模型（多花几秒，可在聊天里点开核对）；留空 = 不转',
+    vision: '配了就用：聊天框发的图片先用它转成文字再交给主模型（多花几秒，聊天里可点开核对）；主模型看不了图时一定要配。留空 = 图片直接发给主模型',
   };
   // ── 大模型网关 ────────────────────────────────────────────
   const GW_SRC = { myhi: '本页配置', env: '启动 myhi 时的环境变量（ANTHROPIC_BASE_URL）', claude: 'Claude Code 配置（~/.claude/settings.json）' };