@wendongfly/myhi 1.3.192 → 1.3.194

package/dist/chat.html

@@ -231,6 +231,9 @@
     /* ── 输入栏 ─────────────────────────────── */
     /* 输入区与对话同底色、不画分隔线：输入框自带圆角边框，浮在对话下方即可（原来一条贯穿的横线 + 浅色底带显得割裂） */
     #input-area { background: var(--bg); flex-shrink: 0; padding: 0.5rem 0.75rem 0.35rem; }
+    #pending-bar { margin: 0 0 0.45rem; padding: 0.45rem 0.7rem; border-radius: 9px; background: rgba(210,153,34,0.14); border: 1px solid rgba(210,153,34,0.45); color: var(--text); font-size: 0.8rem; cursor: pointer; }
+    .msg-plan { border: 1px solid var(--purple); border-radius: 10px; padding: 0.55rem 0.8rem !important; background: rgba(124,58,237,0.06); }
+    .msg-plan .plan-head { font-size: 0.78rem; font-weight: 600; color: var(--purple); margin-bottom: 0.25rem; }
     #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); }
@@ -291,6 +294,12 @@
     @media (pointer: coarse) { #cmd-input { font-size: 1rem; padding: 0.75rem 0.75rem 0.35rem; line-height: 1.55; } }
     #input-toolbar { display: flex; align-items: center; padding: 0.25rem 0.4rem 0.4rem; gap: 0.15rem; }
     #input-toolbar .spacer { flex: 1; }
+    .inj-btn { flex-shrink: 0; height: 30px; border: 1px solid var(--yellow); background: rgba(210,153,34,0.12); color: var(--yellow); border-radius: 8px; padding: 0 0.6rem; font-size: 0.76rem; font-weight: 600; cursor: pointer; white-space: nowrap; align-self: center; }
+    .inj-btn:hover { background: rgba(210,153,34,0.22); }
+    .inj-tag { font-size: 0.66rem; margin-right: 0.35rem; color: var(--yellow); }
+    .inj-tag.seen { color: var(--green); }
+    .inj-tag.dropped { color: var(--red); }
+    .msg-inject .bubble { border: 1px dashed var(--yellow); }
     .tb-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; border: none; background: transparent; color: var(--muted); cursor: pointer; transition: all 0.15s; flex-shrink: 0; }
     .tb-btn:hover { background: var(--surface2); color: var(--text); }
     .tb-btn:active { transform: scale(0.92); }
@@ -445,6 +454,52 @@
     .dr-btn.take { background: var(--green); color: #fff; font-weight: 600; }
     .dr-btn:active { opacity: 0.75; }
     .dr-src { color: var(--blue2); }
+    /* 草稿面板（队列） */
+    .ib-box { max-width: 640px !important; max-height: min(86vh, 760px); min-height: min(420px, 80vh); display: flex; flex-direction: column; padding-top: 0.6rem !important; }
+    @media (min-width: 769px) { #inbox-sheet.open { align-items: center; } #inbox-sheet .ib-box { border-radius: 14px; } }
+    .ib-head { display: flex; align-items: center; gap: 0.6rem; padding: 0.1rem 0.1rem 0.55rem; border-bottom: 1px solid var(--surface2); }
+    .ib-head > b { font-size: 0.92rem; white-space: nowrap; }
+    .ib-tabs { display: flex; gap: 2px; background: var(--surface2); border-radius: 8px; padding: 2px; }
+    .ib-tabs button { border: none; background: none; color: var(--muted); font-size: 0.74rem; padding: 0.25rem 0.65rem; border-radius: 6px; cursor: pointer; white-space: nowrap; }
+    .ib-tabs button.on { background: var(--surface); color: var(--text); font-weight: 600; box-shadow: 0 1px 2px rgba(0,0,0,0.12); }
+    .ib-x { margin-left: auto; background: none; border: none; color: var(--muted); font-size: 1rem; cursor: pointer; padding: 0.15rem 0.4rem; border-radius: 6px; }
+    .ib-x:hover { background: var(--surface2); color: var(--text); }
+    .ib-pane { flex: 1; min-height: 0; display: flex; flex-direction: column; }
+    .ib-bar { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.1rem 0.35rem; flex-wrap: wrap; }
+    .ib-hint { flex: 1; min-width: 8em; font-size: 0.68rem; color: var(--muted); line-height: 1.45; }
+    .ib-autoall { display: flex; align-items: center; gap: 0.3rem; font-size: 0.72rem; color: var(--text2); cursor: pointer; white-space: nowrap; }
+    .ib-autoall input { width: 0.95rem; height: 0.95rem; }
+    .ib-paused { display: flex; align-items: center; gap: 0.5rem; font-size: 0.7rem; color: var(--yellow); background: rgba(210,153,34,0.10); border-radius: 8px; padding: 0.35rem 0.55rem; margin-bottom: 0.3rem; }
+    .ib-paused span { flex: 1; }
+    .ib-list { flex: 1; min-height: 3rem; overflow-y: auto; scrollbar-width: thin; }
+    .ib-item { display: flex; gap: 0.45rem; align-items: flex-start; padding: 0.5rem 0.3rem; border-bottom: 1px solid var(--surface2); border-radius: 6px; }
+    .ib-item.sel { background: rgba(46,160,67,0.08); }
+    .ib-item.drag-over-top { box-shadow: inset 0 2px 0 var(--green); }
+    .ib-item.drag-over-bottom { box-shadow: inset 0 -2px 0 var(--green); }
+    .ib-item.dragging { opacity: 0.4; }
+    .ib-handle { cursor: grab; color: var(--dim, var(--muted)); font-size: 0.8rem; padding-top: 0.1rem; user-select: none; letter-spacing: -2px; }
+    @media (hover: none) { .ib-handle { display: none; } }
+    .ib-no { flex-shrink: 0; min-width: 1.35rem; height: 1.35rem; border-radius: 50%; background: var(--surface2); color: var(--text2); font-size: 0.68rem; font-weight: 700; display: flex; align-items: center; justify-content: center; }
+    .ib-no.auto { background: var(--green); color: #fff; }
+    .ib-item input[type=checkbox] { width: 1.05rem; height: 1.05rem; margin-top: 0.15rem; flex-shrink: 0; }
+    .ib-main { flex: 1; min-width: 0; }
+    .ib-text { color: var(--text); font-size: 0.82rem; line-height: 1.5; word-break: break-word; white-space: pre-wrap; cursor: text; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; border-radius: 4px; }
+    .ib-text:hover { background: var(--surface2); }
+    .ib-edit textarea { width: 100%; box-sizing: border-box; min-height: 5.5em; background: var(--bg); color: var(--text); border: 1px solid var(--green); border-radius: 7px; padding: 0.4rem 0.5rem; font: inherit; font-size: 0.82rem; resize: vertical; outline: none; }
+    .ib-edit div { display: flex; gap: 0.4rem; justify-content: flex-end; margin-top: 0.3rem; align-items: center; }
+    .ib-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 0.3rem 0.5rem; margin-top: 0.3rem; font-size: 0.66rem; color: var(--muted); }
+    .ib-chip { border: 1px solid var(--border); background: none; color: var(--muted); border-radius: 10px; padding: 0.05rem 0.45rem; font-size: 0.64rem; cursor: pointer; }
+    .ib-chip.on { border-color: var(--green); color: var(--green); font-weight: 600; }
+    .ib-acts { display: flex; gap: 0.25rem; margin-left: auto; }
+    .ib-ic { border: none; background: var(--surface2); color: var(--text2); border-radius: 6px; font-size: 0.7rem; padding: 0.22rem 0.45rem; cursor: pointer; }
+    .ib-ic:disabled { opacity: 0.35; cursor: default; }
+    .ib-selbar { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; padding: 0.45rem 0.2rem; border-top: 1px solid var(--surface2); font-size: 0.74rem; }
+    .ib-selbar span { margin-right: auto; color: var(--text2); }
+    .ib-compose { border-top: 1px solid var(--surface2); padding: 0.5rem 0.1rem 0; }
+    .ib-compose textarea { width: 100%; box-sizing: border-box; background: var(--surface2); color: var(--text); border: 1px solid var(--border); border-radius: 8px; padding: 0.45rem 0.55rem; font-size: 0.82rem; resize: vertical; min-height: 2.6em; }
+    .ib-compose-row { display: flex; align-items: center; gap: 0.55rem; margin-top: 0.4rem; flex-wrap: wrap; }
+    .ib-link { color: var(--blue2); cursor: pointer; font-size: 0.7rem; }
+    .ib-grp { font-size: 0.7rem; color: var(--blue2); font-weight: 600; padding: 0.55rem 0.2rem 0.15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
     .dr-sess { font-size: 0.68rem; color: var(--blue2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
     .mem-file { margin-bottom: 0.5rem; border: 1px solid var(--surface2); border-radius: 8px; overflow: hidden; }
     .mem-file-header { display: flex; align-items: center; gap: 0.35rem; padding: 0.4rem 0.6rem; background: var(--surface2); cursor: pointer; font-size: 0.75rem; color: var(--blue); user-select: none; }
@@ -485,6 +540,44 @@
     #qr-box .close-btn { margin-top: 1rem; background: var(--surface2); color: var(--text); border: 1px solid var(--border); border-radius: 6px; padding: 0.5rem 1.5rem; cursor: pointer; font-size: 0.9rem; }
     #status-overlay { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(13,17,23,0.85); color: var(--muted); font-size: 0.9rem; z-index: 50; }
     #status-overlay.hidden { display: none; }
+
+    /* ── 💡 问一问：选中文字浮出的小工具条 + 旁边的问答小窗（不进当前会话） ── */
+    #ask-pop { position: fixed; z-index: 60; display: none; gap: 2px; padding: 3px; background: var(--surface); border: 1px solid var(--border2, var(--border)); border-radius: 9px; box-shadow: 0 6px 20px rgba(0,0,0,0.25); }
+    #ask-pop.show { display: flex; }
+    #ask-pop button { background: none; border: none; color: var(--text); font-size: 0.78rem; padding: 0.35rem 0.6rem; border-radius: 6px; cursor: pointer; white-space: nowrap; }
+    #ask-pop button:hover { background: var(--surface2); }
+    #ask-pop button.pri { color: var(--green); font-weight: 600; }
+    #ask-backdrop { display: none; position: fixed; inset: 0; z-index: 69; background: rgba(0,0,0,0.4); }
+    #ask-panel { position: fixed; z-index: 70; top: 0; right: 0; bottom: 0; width: min(420px, 100vw); background: var(--surface); border-left: 1px solid var(--border); box-shadow: -8px 0 30px rgba(0,0,0,0.18);
+      display: flex; flex-direction: column; transform: translateX(105%); transition: transform 0.2s ease; }
+    #ask-panel.open { transform: none; }
+    .ask-head { display: flex; align-items: flex-start; gap: 0.5rem; padding: 0.8rem 0.9rem 0.6rem; border-bottom: 1px solid var(--border); }
+    .ask-head b { font-size: 0.95rem; }
+    .ask-sub { font-size: 0.7rem; color: var(--muted); margin-top: 0.15rem; }
+    .ask-x { margin-left: auto; background: none; border: none; color: var(--muted); font-size: 1rem; cursor: pointer; padding: 0.1rem 0.35rem; border-radius: 6px; }
+    .ask-x:hover { background: var(--surface2); color: var(--text); }
+    #ask-body { flex: 1; overflow-y: auto; padding: 0.7rem 0.9rem; font-size: 0.84rem; line-height: 1.7; }
+    .ask-quote { border-left: 3px solid var(--green); background: var(--bg); padding: 0.4rem 0.6rem; border-radius: 0 6px 6px 0; color: var(--text2, var(--text)); font-size: 0.78rem; white-space: pre-wrap; word-break: break-word; max-height: 8.5em; overflow-y: auto; margin-bottom: 0.7rem; }
+    .ask-q { margin: 0.7rem 0 0.3rem; text-align: right; }
+    .ask-q span { display: inline-block; background: var(--surface2); border-radius: 10px; padding: 0.3rem 0.65rem; font-size: 0.8rem; text-align: left; white-space: pre-wrap; }
+    .ask-a { padding: 0.1rem 0; }
+    .ask-a p { margin: 0.3rem 0; } .ask-a ul, .ask-a ol { margin: 0.3rem 0; padding-left: 1.2rem; }
+    .ask-a h1, .ask-a h2, .ask-a h3 { font-size: 0.88rem; margin: 0.5rem 0 0.3rem; }
+    .ask-a code { background: var(--surface2); padding: 0.05rem 0.3rem; border-radius: 4px; font-size: 0.78rem; font-family: 'SF Mono','Consolas',monospace; }
+    .ask-a pre { background: var(--bg); border: 1px solid var(--border); padding: 0.5rem 0.6rem; border-radius: 6px; overflow-x: auto; } .ask-a pre code { background: none; padding: 0; }
+    .ask-a.err { color: var(--red); font-size: 0.8rem; }
+    .ask-acts { display: flex; gap: 0.4rem; margin: 0.35rem 0 0.2rem; }
+    .ask-acts button { background: var(--bg); border: 1px solid var(--border); color: var(--text2, var(--text)); border-radius: 7px; padding: 0.22rem 0.6rem; font-size: 0.74rem; cursor: pointer; }
+    .ask-acts button.pri { border-color: var(--green); color: var(--green); font-weight: 600; }
+    .ask-foot { border-top: 1px solid var(--border); padding: 0.55rem 0.7rem calc(0.55rem + env(safe-area-inset-bottom)); display: flex; gap: 0.45rem; align-items: flex-end; }
+    #ask-input { flex: 1; resize: none; max-height: 7em; min-height: 2.3em; background: var(--bg); color: var(--text); border: 1px solid var(--border); border-radius: 9px; padding: 0.45rem 0.6rem; font: inherit; font-size: 0.84rem; outline: none; }
+    #ask-input:focus { border-color: var(--green); }
+    #ask-send { flex-shrink: 0; background: var(--green); color: #fff; border: none; border-radius: 9px; padding: 0.5rem 0.8rem; font-size: 0.8rem; cursor: pointer; }
+    #ask-send.stop { background: var(--surface2); color: var(--text); }
+    @media (max-width: 768px) {
+      #ask-panel { top: auto; left: 0; width: auto; height: 78vh; border-left: none; border-top: 1px solid var(--border); border-radius: 16px 16px 0 0; transform: translateY(105%); }
+      #ask-panel.open + #ask-backdrop, #ask-backdrop.show { display: block; }
+    }
   </style>
 </head>
 <body>
@@ -511,6 +604,7 @@
     <span class="sb-item" id="work-status"><span class="sb-dot idle"></span> 空闲</span>
     <span id="control-badge" class="readonly" style="display:none">只读</span>
     <span id="viewer-count" class="sb-item"></span>
+    <span id="guide-chip" class="sb-item" style="display:none;cursor:pointer" onclick="showMemory('project')"></span>
     <span id="update-badge" style="display:none;color:var(--yellow);cursor:pointer" onclick="doUpdate()">⬆ 有更新</span>
     <span id="claude-update-badge" style="display:none;color:var(--blue);cursor:pointer" onclick="doClaudeUpdate()">⬆ claude</span>
   </div>
@@ -518,6 +612,7 @@
   <div id="chat-area"></div>
 
   <div id="input-area">
+    <div id="pending-bar" style="display:none" onclick="reopenPending()"></div>
     <div id="readonly-overlay" style="display:none"></div>
     <div id="input-box">
       <!-- 待发草稿提示：本轮干完（idle）且收件箱里还有本任务的草稿时浮出来 -->
@@ -526,6 +621,14 @@
         <span id="draft-tip-text" style="flex:1;font-size:0.74rem;color:var(--yellow);overflow:hidden;text-overflow:ellipsis;white-space:nowrap"></span>
         <button class="img-remove" onclick="event.stopPropagation();hideDraftTip()" title="暂不处理">&times;</button>
       </div>
+      <!-- 建议生成项目说明：看出是长期项目（同目录多任务 / 聊了很多轮 / 说了「以后都…」）且还没有 CLAUDE.md 时浮出 -->
+      <div id="guide-tip" style="display:none;align-items:center;gap:0.5rem;padding:0.4rem 0.75rem;border-bottom:1px solid var(--surface2);background:rgba(46,160,67,0.10)">
+        <span style="font-size:0.95rem;flex-shrink:0">📘</span>
+        <span id="guide-tip-text" style="flex:1;min-width:0;font-size:0.74rem;color:var(--text2);line-height:1.45"></span>
+        <button onclick="guideTipGo()" style="flex-shrink:0;background:var(--green);color:#fff;border:none;border-radius:6px;padding:0.25rem 0.6rem;font-size:0.72rem;cursor:pointer">帮我生成</button>
+        <button onclick="guideTipOff()" style="flex-shrink:0;background:none;border:none;color:var(--muted);font-size:0.7rem;cursor:pointer;padding:0.2rem">不再提示</button>
+        <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>
@@ -554,6 +657,8 @@
         <button class="tb-btn" id="send-btn" onclick="sendCommand()" title="发送">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>
         </button>
+        <!-- ⚡ 插话：AI 忙时把输入直接送进正在干的这一轮（不打断，AI 下一步看到）；存草稿则等干完再发 -->
+        <button id="inject-btn" class="inj-btn" style="display:none" onclick="injectFromInput()" title="不打断 AI：马上把这条送过去，AI 在下一步就会看到并调整。&#10;适合补充、提醒、微调方向；方向完全错了请先点 ■ 停止">⚡ 插话</button>
         <!-- AI 忙时顶替发送键：这轮还没完（可能在跑子代理），先把想法存成草稿 -->
         <button class="tb-btn" id="draft-btn" style="display:none;color:var(--yellow)" onclick="saveDraftFromInput('busy')" title="AI 还在跑，先存为草稿，干完再发">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
@@ -867,44 +972,61 @@
     </div>
   </div>
 
-  <!-- 灵感收件箱（草稿队列）：会话正忙时先记下想法，干完再发。每条强制归属一个任务 -->
+  <!-- 灵感收件箱（草稿队列）：会话正忙时先记下想法，干完再发。每条强制归属一个任务。
+       本任务的草稿是一个有顺序的队列：可拖动 / ↑↓ 排序、就地编辑、多选合并 / 一起取回，开「依次自动发送」后每干完一轮发下一条 -->
   <div id="inbox-sheet" class="action-sheet">
     <div class="action-sheet-backdrop" onclick="closeInboxSheet()"></div>
-    <div class="action-sheet-box" style="max-height:85vh;display:flex;flex-direction:column">
-      <div class="action-sheet-title">📥 灵感收件箱 · 草稿</div>
-      <div style="font-size:0.68rem;color:var(--muted);padding:0 0.2rem 0.5rem;line-height:1.55">
-        随手记想法：先存这儿，AI 干完后<b>取回</b>发送；勾「<b>自动接力</b>」则干完自动发出。只存本机，细节见各条目按钮。
-      </div>
-      <!-- 就地新增：不必先在消息框打字再"提取"，直接在这儿写 -->
-      <div style="border-top:1px solid var(--surface2);padding:0.5rem 0.2rem">
-        <textarea id="inbox-new-text" rows="3" spellcheck="false" placeholder="写下临时想法…（截图可直接 Ctrl+V 粘进来）"
-                  style="width:100%;box-sizing:border-box;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:0.5rem;font-size:0.82rem;resize:vertical"></textarea>
-        <div id="inbox-new-img" style="display:none;align-items:center;gap:0.4rem;margin-top:0.35rem;font-size:0.7rem;color:var(--text2)">
-          <span>📷</span><span id="inbox-new-img-name" style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"></span>
-          <button class="dr-btn" onclick="clearInboxNewImage()">移除</button>
+    <div class="action-sheet-box ib-box">
+      <div class="ib-head">
+        <b>📥 草稿</b>
+        <div class="ib-tabs">
+          <button data-ibt="this" class="on" onclick="ibTab('this')">本任务 <span id="ib-n-this"></span></button>
+          <button data-ibt="others" onclick="ibTab('others')">其它任务 <span id="inbox-others-count"></span></button>
         </div>
-        <div style="display:flex;align-items:center;gap:0.5rem;margin-top:0.45rem;flex-wrap:wrap">
-          <button class="dr-btn" onclick="document.getElementById('inbox-new-file').click()" title="也可以直接 Ctrl+V 粘贴截图">📷 选图片</button>
-          <input type="file" id="inbox-new-file" accept="image/*" style="display:none"
-                 onchange="uploadInboxImage(this.files[0]); this.value='';">
-          <label style="display:flex;align-items:center;gap:0.3rem;font-size:0.7rem;color:var(--muted);cursor:pointer">
-            <input type="checkbox" id="inbox-new-autosend" style="width:1rem;height:1rem"> 自动接力
+        <button class="ib-x" onclick="closeInboxSheet()" title="关闭">✕</button>
+      </div>
+      <div id="ib-pane-this" class="ib-pane">
+        <div class="ib-bar">
+          <span id="ib-hint" class="ib-hint"></span>
+          <button id="ib-sel-btn" class="dr-btn" onclick="ibToggleSelect()" title="勾选几条后合并、一起取回或删除">☑ 多选</button>
+          <label class="ib-autoall" title="勾上后：每干完一轮，自动按顺序发出下一条（每条都是一轮真实的模型调用）。上一轮被中断或出错时会暂停，等你确认再继续。">
+            <input type="checkbox" id="ib-auto-all" onchange="ibAutoAll(this.checked)"> ▶ 依次自动发送
           </label>
-          <button class="dr-btn take" style="margin-left:auto;padding:0.35rem 1rem" onclick="addDraftHere()">＋ 记下来</button>
         </div>
-        <div style="margin-top:0.4rem">
-          <a onclick="saveDraftFromInput('manual')" style="color:var(--blue2);cursor:pointer;font-size:0.7rem">或：把下方消息框里已写的内容存为草稿 ↓</a>
+        <div id="ib-paused" class="ib-paused" style="display:none">
+          <span>⏸ 自动发送暂停中：上一轮被中断或出错时不会自动往下发</span>
+          <button class="dr-btn take" onclick="ibResume()">继续发送</button>
+        </div>
+        <div id="inbox-this" class="ib-list"></div>
+        <div id="ib-selbar" class="ib-selbar" style="display:none">
+          <span>已选 <b id="ib-sel-n">0</b> 条</span>
+          <button class="dr-btn" onclick="ibMergeSelected(false)" title="按列表顺序拼成一条（自动编号），可再编辑；之后也能撤销合并">🔗 合并</button>
+          <button class="dr-btn take" onclick="ibMergeSelected(true)" title="合并后直接放进消息框">一起取回</button>
+          <button class="dr-btn" onclick="ibDeleteSelected()" style="color:var(--red)">删除</button>
+          <button class="dr-btn" onclick="ibToggleSelect(false)">取消</button>
+        </div>
+        <!-- 就地新增：不必先在消息框打字再"提取"，直接在这儿写 -->
+        <div class="ib-compose">
+          <textarea id="inbox-new-text" rows="2" spellcheck="false" placeholder="记下一个想法…（截图可直接 Ctrl+V 粘进来）"></textarea>
+          <div id="inbox-new-img" style="display:none;align-items:center;gap:0.4rem;margin-top:0.3rem;font-size:0.7rem;color:var(--text2)">
+            <span>📷</span><span id="inbox-new-img-name" style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"></span>
+            <button class="dr-btn" onclick="clearInboxNewImage()">移除</button>
+          </div>
+          <div class="ib-compose-row">
+            <button class="dr-btn" onclick="document.getElementById('inbox-new-file').click()" title="也可以直接 Ctrl+V 粘贴截图">📷</button>
+            <input type="file" id="inbox-new-file" accept="image/*" style="display:none" onchange="uploadInboxImage(this.files[0]); this.value='';">
+            <label style="display:flex;align-items:center;gap:0.3rem;font-size:0.7rem;color:var(--muted);cursor:pointer" title="这条也参与自动发送">
+              <input type="checkbox" id="inbox-new-autosend" style="width:0.95rem;height:0.95rem"> ⚡ 自动
+            </label>
+            <a onclick="saveDraftFromInput('manual')" class="ib-link" title="把下方消息框里已写的内容存为草稿">存消息框内容</a>
+            <button class="dr-btn take" style="margin-left:auto;padding:0.35rem 0.95rem" onclick="addDraftHere()">＋ 记下来</button>
+          </div>
         </div>
       </div>
-      <div style="font-size:0.66rem;color:var(--muted);padding:0.5rem 0.2rem 0.2rem;border-top:1px solid var(--surface2)">
-        <b>本任务</b>（<span id="inbox-this-title"></span>）
-      </div>
-      <div id="inbox-this" style="overflow-y:auto;padding:0.2rem 0;font-size:0.8rem;scrollbar-width:thin;min-height:3rem;max-height:34vh"></div>
-      <div style="font-size:0.66rem;color:var(--muted);padding:0.4rem 0.2rem 0.2rem;border-top:1px solid var(--surface2)">
-        <a onclick="toggleInboxOthers()" style="color:var(--blue2);cursor:pointer">▸ 其它任务的草稿 <span id="inbox-others-count"></span></a>
+      <div id="ib-pane-others" class="ib-pane" style="display:none">
+        <div class="ib-hint" style="padding:0.1rem 0.2rem 0.4rem">其它任务里记的草稿。点「改投」挪到本任务。</div>
+        <div id="inbox-others" class="ib-list"></div>
       </div>
-      <div id="inbox-others" style="display:none;overflow-y:auto;padding:0.2rem 0;font-size:0.8rem;scrollbar-width:thin;max-height:26vh"></div>
-      <button class="action-sheet-cancel" onclick="closeInboxSheet()">关闭</button>
     </div>
   </div>
 
@@ -938,7 +1060,7 @@
   <div id="memory-sheet" class="action-sheet">
     <div class="action-sheet-backdrop" onclick="closeMemorySheet()"></div>
     <div class="action-sheet-box" style="height:90vh;max-height:90vh;display:flex;flex-direction:column">
-      <div class="action-sheet-title">Claude 记忆</div>
+      <div class="action-sheet-title">项目说明与记忆</div>
       <div id="memory-content" style="flex:1;overflow-y:auto;padding:0.3rem 0;font-size:0.78rem;color:var(--text2);scrollbar-width:thin">
         <div style="text-align:center;color:var(--muted);padding:2rem 0">加载中...</div>
       </div>
@@ -1012,7 +1134,66 @@
       </div>
       <button id="ask-sheet-submit-multi" class="action-sheet-cancel ask-submit-btn" style="display:none;background:var(--blue3);color:#fff;font-weight:600;margin-bottom:0.4rem" onclick="submitAskMulti()">提交回答</button>
       <button id="ask-sheet-submit-single" class="action-sheet-cancel" style="background:var(--purple);color:#fff;font-weight:600;margin-bottom:0.4rem" onclick="submitAskReply()">发送自定义回答</button>
-      <button class="action-sheet-cancel" onclick="closeAskSheet()">取消</button>
+      <button id="ask-sheet-skip" class="action-sheet-cancel" style="display:none" onclick="skipAsk()">⏭ 跳过，让 AI 自己决定</button>
+      <button id="ask-sheet-cancel" class="action-sheet-cancel" onclick="closeAskSheet()">取消</button>
+    </div>
+  </div>
+  <!-- 方案审批：计划模式下 AI 用 ExitPlanMode 提交方案 -->
+  <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>
+  </div>
+  <!-- 退出计划：按方案执行 / 仅退出 -->
+  <div id="planexit-sheet" class="action-sheet">
+    <div class="action-sheet-backdrop" onclick="closePlanExit()"></div>
+    <div class="action-sheet-box">
+      <div class="action-sheet-title">退出计划模式</div>
+      <button class="action-sheet-cancel" style="background:var(--green);color:#fff;font-weight:600;margin-bottom:0.4rem" onclick="exitPlan(true)">✅ 退出并按方案执行</button>
+      <button class="action-sheet-cancel" style="margin-bottom:0.4rem" onclick="exitPlan(false)">仅退出计划模式</button>
+      <button class="action-sheet-cancel" onclick="closePlanExit()">取消</button>
+    </div>
+  </div>
+
+  <!-- 💡 问一问：选中文字后的小工具条 + 问答小窗。问答不进当前会话，不打扰正在干活的 AI -->
+  <div id="ask-pop">
+    <button class="pri" onmousedown="event.preventDefault()" onclick="askFromSelection(false)">💡 解释</button>
+    <button onmousedown="event.preventDefault()" onclick="askFromSelection(true)">❓ 问一问…</button>
+    <button onmousedown="event.preventDefault()" onclick="askCopySelection()">📋 复制</button>
+  </div>
+  <div id="ask-panel" role="dialog" aria-label="问一问">
+    <div class="ask-head">
+      <div><b>💡 问一问</b><div class="ask-sub">这里的问答不会打扰正在干活的 AI，放心问</div></div>
+      <button class="ask-x" onclick="closeAsk()" title="关闭 (Esc)">✕</button>
+    </div>
+    <div id="ask-body"></div>
+    <div class="ask-foot">
+      <textarea id="ask-input" rows="1" placeholder="继续问…（Enter 发送）"></textarea>
+      <button id="ask-send" onclick="askSendOrStop()">发送</button>
+    </div>
+  </div>
+  <div id="ask-backdrop" onclick="closeAsk()"></div>
+
+  <!-- 清除：先说清楚会发生什么，免得误以为出了故障 -->
+  <div id="clear-sheet" class="action-sheet">
+    <div class="action-sheet-backdrop" onclick="closeClearSheet()"></div>
+    <div class="action-sheet-box">
+      <div class="action-sheet-title">清除对话，从头开始？</div>
+      <div style="font-size:0.82rem;color:var(--muted);line-height:1.65;padding:0 0.4rem 0.7rem">
+        · AI 会<b>忘掉本任务之前聊过的内容</b>，下次提问是全新对话<br>
+        · 界面上的聊天记录一并清空<br>
+        · <b>项目文件、已做的修改都不受影响</b><br>
+        适合换新话题、或 AI 被旧内容带偏时用。只是嫌对话太长，用「压缩」更合适——会保留要点。
+      </div>
+      <button class="action-sheet-cancel" style="background:var(--red);color:#fff;font-weight:600;margin-bottom:0.4rem" onclick="doClear(true)">清除并开始新对话</button>
+      <button class="action-sheet-cancel" style="margin-bottom:0.4rem" onclick="closeClearSheet();doSlashCmd('/compact')">改用压缩（保留要点）</button>
+      <button class="action-sheet-cancel" onclick="closeClearSheet()">取消</button>
     </div>
   </div>
 
@@ -1677,14 +1858,20 @@
     }
 
     // ── 消息渲染 ──────────────────────────────────
-    function addInputMessage(text) {
+    // ⚡ 插话气泡上的小标记：等 AI 下一步看到 → AI 已看到 / 未送达
+    function injectTagHtml(inj) {
+      if (!inj) return '';
+      const st = inj.state || 'pending';
+      const txt = st === 'seen' ? '⚡ 插话 · AI 已看到' : st === 'dropped' ? '⚡ 插话 · 未送达' + (inj.reason ? '：' + inj.reason : '') : '⚡ 插话 · 等 AI 下一步看到';
+      return `<span class="inj-tag ${st}" data-inject-tag="${escHtml(inj.id || '')}">${escHtml(txt)}</span>`;
+    }
+    function addInputMessage(text, inject) {
       endStream(); endToolGroup();
       _userScrolledUp = false; hideNewMsgHint(); // 用户主动发消息 → 回到底部看回复
-      _streamedTextThisCall = false;
-      _textRenderedThisTurn = false;
+      if (!inject) { _streamedTextThisCall = false; _textRenderedThisTurn = false; }   // 插话并进当前这一轮，不算新一轮
       const msg = document.createElement('div');
-      msg.className = 'msg msg-input';
-      msg.innerHTML = `<div><div class="bubble">${escHtml(text)}</div><div class="meta">${formatTime(new Date())}</div></div>`;
+      msg.className = 'msg msg-input' + (inject ? ' msg-inject' : '');
+      msg.innerHTML = `<div><div class="bubble">${escHtml(text)}</div><div class="meta">${injectTagHtml(inject)}${formatTime(new Date())}</div></div>`;
       chatArea.appendChild(msg);
       trimMessages();
       scrollToBottom();
@@ -2138,9 +2325,9 @@
         if (sel) { parent.appendChild(sel); return; }
         if (syntheticUserKind(msg.content)) return;
         const el = document.createElement('div');
-        el.className = 'msg msg-input';
+        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)}">${msg.timestamp ? formatTime(new Date(msg.timestamp)) : ''}</div></div>`;
+        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>`;
         parent.appendChild(el);
         return;
       }
@@ -2153,6 +2340,8 @@
           if (block.type === 'thinking' && block.thinking) thinkings.push(block.thinking);
           else if (block.type === 'text' && block.text) texts.push(block.text);
           else if (block.type === 'tool_use') {
+            const planTxt = planTextOf(block.name, block.input);
+            if (planTxt !== null) { addPlanCard(planTxt); continue; }
             // Task 在翻页（fragment）模式下退化为普通工具卡——面板逻辑挂在聊天区，
             // 塞进 fragment 会错位；整本回放仍用面板
             if (block.name === 'Task' && !_replayParent) {
@@ -2497,8 +2686,11 @@
         // busy 时发送键让位给「存草稿」键；回到 idle 再提示有没有待发草稿
         const draftBtn = document.getElementById('draft-btn');
         if (draftBtn) draftBtn.style.display = busy ? '' : 'none';
+        try { updateInjectBtn(); } catch {}
         // 用 try 包住：这两个绑定声明在文件后段，初始化早期调用会撞 TDZ
         try { if (!busy) _draftTipDismissed = false; renderDraftTip(); } catch {}
+        try { if (!busy) _ibIdleSince = Date.now(); if (document.getElementById('inbox-sheet').classList.contains('open')) renderInbox(); } catch {}
+        try { if (!busy) checkGuide(); else renderGuideTip(); } catch {}
       }
       _postStatus(state);
     }
@@ -2612,7 +2804,7 @@
         const btn = document.createElement('button');
         btn.textContent = '返回首页';
         btn.style.cssText = 'margin-top:1rem;padding:0.5rem 1.5rem;border:1px solid var(--muted);border-radius:8px;background:transparent;color:var(--text2);cursor:pointer;font-size:0.9rem';
-        btn.onclick = () => window.location.href = '/';
+        btn.onclick = () => goHome();
         overlay.appendChild(btn);
       }
     }
@@ -2658,6 +2850,7 @@
       currentSession = session;
       overlay.classList.add('hidden');
       document.title = session.title + ' — myhi';
+      setTimeout(() => { try { checkGuide(); } catch {} }, 0);
       document.getElementById('session-title').textContent = session.title;
       if (session.cwd) document.getElementById('session-cwd').textContent = session.cwd;
       updateViewers(session.viewers);
@@ -2709,7 +2902,7 @@
       lastControlHolder = holder || null;
     });
     socket.on('control-denied', ({ reason }) => addStatusMessage('无法获取控制: ' + reason));
-    socket.on('kicked', ({ reason }) => { addStatusMessage(reason || '你已被管理员踢出'); setTimeout(() => location.href = '/', 2000); });
+    socket.on('kicked', ({ reason }) => { addStatusMessage(reason || '你已被管理员踢出'); setTimeout(() => goHome(), 2000); });
 
     // ── Agent 模式事件 ──────────────────────────────
     socket.on('agent:message', (msg) => {
@@ -2724,6 +2917,9 @@
           } else if (msg.subtype === 'interrupted') {
             addStatusMessage('查询已中断');
             setWorkState('idle');
+          } else if (msg.subtype === 'inject_state') {
+            document.querySelectorAll(`[data-inject-tag="${CSS.escape(msg.id || '')}"]`).forEach(t => { t.outerHTML = injectTagHtml({ id: msg.id, state: msg.state, reason: msg.reason }); });
+            if (msg.state === 'dropped' && msg.reason) addStatusMessage('⚡ ' + msg.reason);
           } else if (msg.subtype === 'info' && msg.message) {
             addStatusMessage(msg.message);
             // 同步计划模式状态到按钮
@@ -2754,7 +2950,7 @@
               const sel = buildSyntheticUserEl(msg.content);
               if (sel) addStatusMessage(sel.textContent);
             } else if (!kind) {
-              addInputMessage(msg.content);
+              addInputMessage(msg.content, msg.inject);
             }
             // caveat/noise：纯噪音，不渲染
           }
@@ -2782,9 +2978,9 @@
                   _textRenderedThisTurn = true;
                 }
               } else if (block.type === 'tool_use') {
-                if (block.name === 'AskUserQuestion' && block.input) {
-                  openAskSheet(block.input);
-                }
+                if (block.name === 'AskUserQuestion' && block.input) legacyAsk(block.id, block.input);
+                const planTxt = planTextOf(block.name, block.input);
+                if (planTxt !== null) { addPlanCard(planTxt); continue; }
                 if (block.name === 'Task') {
                   subaCreatePanel(block.id, subagentToolInfo(block.input || {}));
                 } else {
@@ -2813,6 +3009,8 @@
           // 关键：idle 放最后——渲染最终答复的 addAssistantMessage 会把状态置回 'working'，
           // 若在其之前置 idle 会被顶回「执行中」+ 取消按钮不复位。渲染全部完成后再回 idle。
           setWorkState('idle');
+          // 还有插话没被看到：AI 收尾后马上拿它开新一轮，界面别停在空闲
+          if (msg.injectPending) { setWorkState('thinking'); showThinking(); }
           // 收尾水位提示：server 在 result 上附带了刚从 transcript 反查的精确水位
           // （ctxTokens——claude 2.1.292 起 stream 的 assistant usage 被清零，前端自己算不了）。
           // 旧 server 无此字段时退回 _lastCtxTokens（老 CLI 的 assistant 流仍带真实 usage）。
@@ -2858,9 +3056,8 @@
           break;
         case 'tool_use':
           // 独立工具调用消息
-          if (msg.name === 'AskUserQuestion' && msg.input) {
-            openAskSheet(msg.input);
-          }
+          if (msg.name === 'AskUserQuestion' && msg.input) legacyAsk(msg.id, msg.input);
+          if (planTextOf(msg.name, msg.input) !== null) { addPlanCard(planTextOf(msg.name, msg.input)); break; }
           if (msg.name === 'Task') {
             subaCreatePanel(msg.id, subagentToolInfo(msg.input || {}));
           } else {
@@ -3231,6 +3428,7 @@
 
     function sendCommand() {
       const text = cmdInput.value.trim();
+      if (GUIDE_REMEMBER_RE.test(text)) _guideRemember = true;   // 「以后都… / 记住…」：这一轮干完建议写进项目说明
       if (!text && !_pendingImage && !_pendingFile) return;
 
       // AI 还在跑这一轮（可能正开着子代理，整轮 result 未到，服务端 isBusy 会拒收）：
@@ -3283,6 +3481,49 @@
       cmdInput.focus();
     }
 
+    // ── ⚡ 插话 ─────────────────────────────────────────────
+    // AI 忙时把输入（或一条草稿）直接送进正在干的这一轮：claude 在下一步（两次工具调用之间）看到它并调整，
+    // 不打断、不重启。服务端靠 claude 的回显确认「AI 已看到」，气泡上的标记随之更新。
+    function canInjectNow() {
+      return currentSession?.mode === 'agent' && !!currentSession.injectable && workState !== 'idle' && canTakeControl() && !_askCtlId && !_planCtl;
+    }
+    window.updateInjectBtn = function() {
+      const b = document.getElementById('inject-btn');
+      if (b) b.style.display = canInjectNow() ? '' : 'none';
+    };
+    function injectEmit(payload, onOk) {
+      if (!isController) {
+        if (canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID });
+        else { addStatusMessage('其他用户控制中，无法插话'); return; }
+      }
+      socket.emit('agent:inject', payload, (r) => {
+        if (!r?.ok) { addStatusMessage('⚡ 插话没发出去：' + (r?.error || '未知原因')); return; }
+        onOk && onOk(r);
+      });
+    }
+    window.injectFromInput = function() {
+      const text = cmdInput.value.trim();
+      if (!text && !_pendingImage && !_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;
+      injectEmit({ prompt, display }, () => {
+        cmdInput.value = ''; cmdInput.style.height = 'auto';
+        clearPendingImage(); clearPendingFile();
+        cmdInput.focus();
+      });
+    };
+    window.injectDraft = function(id) {
+      injectEmit({ draftId: id }, async () => { closeInboxSheet(); await refreshInbox(); });
+    };
+
     // ── @ 文件引用补全 ─────────────────────────────────────────
     //   输入框里打出 @词（@ 后无空白）时浮出文件搜索层：递归搜会话目录、
     //   最近修改优先；选中把 @词 替换成真实相对路径。「让 AI 读某个文件」
@@ -3544,6 +3785,7 @@
     window.toggleControl = function() { if (isController) socket.emit('release-control', { sessionId: SESSION_ID }); else if (canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID }); };
 
     function updateControlUI(controlling, holderName) {
+      try { updateInjectBtn(); } catch {}
       isController = controlling;
       const badge = document.getElementById('control-badge');
       if (controlling) {
@@ -3565,22 +3807,57 @@
 
     // ── 设置面板 ──────────────────────────────────
     // ── 会话内使用说明（精简版；完整版在首页 ❓ 帮助）──────────────
+    // 快捷栏按钮说明：帮助面板和鼠标悬停提示共用这一份，加按钮时在这里补一句
+    const SK_HELP = {
+      draft:    ['📥 草稿', 'AI 忙时先把想法记下来排队：可拖动 / ↑↓ 排顺序、点文字直接改、多选合并或一起取回；开「依次自动发送」后每干完一轮自动发下一条；AI 忙时可「⚡ 插入」当前任务。'],
+      folder:   ['📂 文件夹', '在这台电脑上用资源管理器打开本任务目录（后台/服务模式下不可用）。'],
+      model:    ['模型', '切换 AI 模型。复杂任务用强模型，简单活换快模型更省；被安全检测误拦时也可换个模型再试。'],
+      plan:     ['计划', '先让 AI 只调研、出方案、不改文件；你审批后再执行。再点一次「退出计划」可按方案执行或仅退出。'],
+      compact:  ['压缩', '对话太长时把前面内容压成摘要，AI 保留要点、继续干活，上下文水位下降。不会丢文件。'],
+      resume:   ['恢复', '翻看本任务以前的对话，选一段接着聊。'],
+      clear:    ['清除', '让 AI 忘掉之前聊过的内容、从头开始新对话，聊天记录也清空；项目文件不受影响。只嫌太长用「压缩」。'],
+      secrets:  ['🔑 密钥', '保存 token / 密码等，命令里用 $名字 引用，值不会进聊天和模型。新增后清除或重开会话生效。'],
+      guard:    ['🛡 护栏', '发给 AI 前把姓名、证件号、手机号等换成代号，回来再还原；映射只留在本机。'],
+      followup: ['🔄 跟进', '长任务交出去后，AI 每说完一轮，隔一段时间自动替你问进度、让它接着干；判断全部完成就停（最多 5 次，每次都算一轮模型调用）。'],
+      git:      ['提交', '查看改动并 git 提交 / 推送。'],
+      memory:   ['记忆', '查看、编辑「项目说明」和 AI 的长期记忆，每次新对话都会带上；长期项目可一键让 AI 生成项目说明。'],
+      skills:   ['技能', '管理常用指令模板（/命令），一点就发；可自建。'],
+      cost:     ['费用', '查看本次会话的 token 用量与花费。'],
+    };
+    document.querySelectorAll('.sk[data-sk]').forEach(b => { const h = SK_HELP[b.dataset.sk]; if (h && !b.title) b.title = h[1]; });
+
     window.openChatHelp = function() {
       overlay.innerHTML = '';
       overlay.classList.remove('hidden');
       const wrap = document.createElement('div');
       wrap.style.cssText = 'position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,0.55)';
       const box = document.createElement('div');
-      box.style.cssText = 'max-width:520px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.1rem;font-size:0.82rem;line-height:1.75;color:var(--text);max-height:80vh;overflow-y:auto';
+      box.style.cssText = 'max-width:560px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.1rem;font-size:0.82rem;line-height:1.75;color:var(--text);max-height:85vh;overflow-y:auto';
+      const sec = (t) => `<div style="font-size:0.86rem;font-weight:700;margin:0.8rem 0 0.3rem">${t}</div>`;
+      const row = (k, v) => `<div style="display:flex;gap:0.6rem;padding:0.28rem 0;border-top:1px solid var(--border)"><span style="flex:0 0 5.2em;font-weight:600">${k}</span><span style="flex:1;color:var(--text2,var(--text))">${v}</span></div>`;
+      const shown = new Set([...document.querySelectorAll('#sk-claude-agent .sk[data-sk]')].map(b => b.dataset.sk));
+      const skRows = Object.entries(SK_HELP).filter(([k]) => currentSession?.mode !== 'agent' || shown.has(k)).map(([, h]) => row(h[0], h[1])).join('');
       box.innerHTML = `
-        <div style="font-size:1rem;font-weight:700;margin-bottom:0.5rem">💬 会话怎么用</div>
+        <div style="font-size:1rem;font-weight:700;margin-bottom:0.3rem">💬 会话怎么用</div>
         <b>发消息</b>：像聊天一样把需求说清楚即可；触屏回车=换行，用发送键发送。<br>
         <b>让它读文件</b>：打 <b>@</b> 从本项目逐层浏览、打字搜索；项目外打 <b>@D:</b>、<b>@/</b>、<b>@~/</b> 按路径逐层浏览；选中插路径；或点「文件」面板的 <b>@</b> 引用。<br>
         <b>工具/思考</b>：AI 干活的过程默认折叠，点「🔧 N 个工具调用」展开看命令与输出。<br>
-        <b>AI 忙时</b>：输入框变「存草稿」，先记着干完取回；勾自动接力会自动发出。<br>
-        <b>定位旧消息</b>：电脑上鼠标移到聊天区，右下角 ☰ 可列出你发过的消息点击跳转；看完点底部「↓ 回到底部」一键回来。<br>
-        <b>常用按钮</b>：模型/计划/压缩/恢复/清除/密钥/护栏/提交——普通用户可在设置→快捷栏精简。<br>
-        <span style="color:var(--muted)">更多说明见首页顶栏 ❓ 帮助。</span>`;
+        <b>AI 忙时</b>：想补充或提醒，点输入框右边「⚡ 插话」——不打断，AI 下一步就会看到并调整（气泡上显示「AI 已看到」）；不急的就回车「存草稿」排队，草稿里可排顺序、编辑、合并，开「依次自动发送」后每干完一轮自动发下一条，AI 忙时也能把草稿「⚡ 插入」当前任务。<br>
+        <b>看不懂就问</b>：在聊天里<b>选中</b>看不懂的词或一段话（手机长按选中），点「💡 解释」或「❓ 问一问」，答案在旁边小窗里，可以继续追问；这些问答<b>不会打扰正在干活的 AI</b>，想让它知道就点「👉 告诉 AI」。<br>
+        <b>AI 提问 / 交方案</b>：AI 需要你拿主意时会弹出选项，选一个即可，也可「跳过，让 AI 自己决定」；收起后输入框上方「❓ AI 在等你回答」可再打开。<br>
+        <b>定位旧消息</b>：电脑上鼠标移到聊天区，右下角 ☰ 可列出你发过的消息点击跳转；看完点底部「↓ 回到底部」一键回来。
+        ${sec('顶栏')}
+        ${row('▦ 分屏', '电脑上多个任务并排看、并排干。')}
+        ${row('?', '就是这份说明。')}
+        ${row('⚙ 设置', '聊天显示（思考 / 工具输出是否展开）、快捷栏显示哪些按钮、本任务的选项。')}
+        ${row('◈ 水位', 'AI 的「记忆容量」用了多少。快满时 AI 容易忘事，点「压缩」腾空间。')}
+        ${row('文件', '浏览、编辑、上传、下载本任务目录里的文件。')}
+        ${row('切换', '跳到其他任务。')}
+        ${row('›', '返回首页。')}
+        ${row('📘', '状态栏出现「已带项目说明」表示 AI 每次会先读本项目的项目说明；变黄「偏长」时建议精简。点它查看 / 编辑。')}
+        ${sec('快捷栏（输入框下方）')}
+        ${skRows}
+        <div style="color:var(--muted);margin-top:0.5rem">按钮太多？到 ⚙ 设置 → 快捷栏 关掉用不到的。鼠标停在按钮上也能看到说明。更多见首页 ❓ 帮助。</div>`;
       const closeBtn = document.createElement('button');
       closeBtn.textContent = '知道了';
       closeBtn.style.cssText = 'display:block;margin:0.8rem auto 0;background:var(--blue2);color:#fff;border:none;border-radius:8px;padding:0.5rem 1.4rem;font-size:0.85rem;cursor:pointer';
@@ -4186,7 +4463,10 @@
 
     // ── 辅助 ──────────────────────────────────────
     function updateViewers(count) { document.getElementById('viewer-count').textContent = count > 1 ? `${count} 人在线` : ''; }
-    window.goBack = function() { window.location.href = '/'; };
+    // 回首页走顶层窗口：电脑工作台里会话页是嵌在首页右侧的，只在嵌入框里跳 '/' 会把整个首页套进右侧
+    function goHome() { try { (window.top || window).location.href = '/'; } catch { window.location.href = '/'; } }
+    window.goHome = goHome;
+    window.goBack = function() { goHome(); };
 
     // ── 快速切换会话（免退出到首页）──────────────────────────
     function switchRelTime(ms) {
@@ -4265,7 +4545,7 @@
       const close = () => overlay.remove();
       overlay.addEventListener('click', (e) => { if (e.target === overlay) close(); });
       box.querySelector('#sw-cancel').onclick = close;
-      box.querySelector('#sw-home').onclick = () => { window.location.href = '/'; };
+      box.querySelector('#sw-home').onclick = () => { goHome(); };
       const bindRows = () => box.querySelectorAll('[data-sid]').forEach(row => row.onclick = () => {
         const sid = row.dataset.sid;
         if (sid && sid !== SESSION_ID) window.location.href = '/terminal/' + sid;
@@ -4443,10 +4723,7 @@
                 askMultiState.answers[qIdx] = { question: qText, label };
                 refreshAskMultiSubmit();
               } else {
-                _clearAsk();
-                addInputMessage(label);
-                socket.emit('agent:query', { prompt: label });
-                showThinking();
+                answerAsk({ [qText]: label }, label);
               }
             };
             block.appendChild(item);
@@ -4456,6 +4733,8 @@
       });
 
       if (isMulti) refreshAskMultiSubmit();
+      document.getElementById('ask-sheet-skip').style.display = _askCtlId ? '' : 'none';
+      document.getElementById('ask-sheet-cancel').textContent = _askCtlId ? '稍后回答' : '取消';
       sheet.classList.add('open');
       if (!isMulti) inp.focus();
     }
@@ -4483,21 +4762,126 @@
       const answers = askMultiState.answers.slice(0, n);
       if (answers.some((a) => !a)) return;
       const reply = answers.map((a, i) => 'Q' + (i + 1) + ': ' + a.question + '\nA: ' + a.label).join('\n\n');
+      const map = {}; answers.forEach((a) => { map[a.question] = a.label; });
+      answerAsk(map, reply);
+    };
+    // 交互通道下「取消」只是先收起，问题还挂着（输入框上方的提示条可再打开）；旧模式照旧清掉
+    window.closeAskSheet = function() {
+      if (_askCtlId) { document.getElementById('ask-sheet').classList.remove('open'); renderPendingBar(); return; }
       _clearAsk();
-      addInputMessage(reply);
-      socket.emit('agent:query', { prompt: reply });
-      showThinking();
     };
-    window.closeAskSheet = function() { _clearAsk(); };
     window.submitAskReply = function() {
       const inp = document.getElementById('ask-sheet-input');
       const text = inp.value.trim();
       if (!text) return;
+      answerAsk({ [_askQuestions[0]?.question || '']: text }, text);
+    };
+
+    // ── 交互通道（1.3.193）：AI 的提问 / 方案审批由 claude 发起、等 myhi 回答 ──
+    //   新 claude：服务端推 agent:interaction（带 id），答案用 agent:respond 交回 claude 正在等待的那个调用，
+    //            模型拿到的是「对自己问题的回答」，上下文连贯；刷新 / 换设备时服务端会补发，先答先算。
+    //   老 claude（没有交互通道）：沿用旧做法——看到 tool_use 就弹窗，答案当新消息发出去。
+    let _askCtlId = null;                 // 当前问答弹窗对应的交互 id（null = 旧模式）
+    let _planCtl = null;                  // 待审批的方案 { id, plan }
+    const _ctlToolUseIds = new Set();     // 已由交互通道接管的 tool_use，旧路径别再弹一次
+    function ensureControl() { if (!isController && canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID }); }
+    function answerAsk(map, display) {
+      if (_askCtlId) {
+        ensureControl();
+        socket.emit('agent:respond', { id: _askCtlId, decision: { answers: map } });
+        _askCtlId = null; _clearAsk(); renderPendingBar(); showThinking();
+        return;
+      }
       _clearAsk();
-      addInputMessage(text);
-      socket.emit('agent:query', { prompt: text });
+      addInputMessage(display);
+      socket.emit('agent:query', { prompt: display });
       showThinking();
+    }
+    window.skipAsk = function() {
+      if (!_askCtlId) return _clearAsk();
+      ensureControl();
+      socket.emit('agent:respond', { id: _askCtlId, decision: { skip: true } });
+      _askCtlId = null; _clearAsk(); renderPendingBar();
+    };
+    // 旧路径：tool_use 一出现就弹。交互通道开着时先等一下，服务端的正式请求到了就以它为准
+    function legacyAsk(toolUseId, input) {
+      if (!currentSession?.interactive) return openAskSheet(input);
+      setTimeout(() => { if (!_ctlToolUseIds.has(toolUseId) && !_askCtlId) openAskSheet(input); }, 1500);
+    }
+    socket.on('agent:interaction', (v) => {
+      if (!v?.id) return;
+      if (v.toolUseId) _ctlToolUseIds.add(v.toolUseId);
+      if (v.kind === 'ask') {
+        if (_askCtlId === v.id) return;           // 重连补发的同一题
+        _clearAsk(); _askCtlId = v.id;
+        openAskSheet({ questions: v.questions || [] });
+      } else if (v.kind === 'plan') {
+        if (_planCtl?.id === v.id) return;
+        _planCtl = { id: v.id, plan: v.plan || '' };
+        openPlanSheet();
+        _postStatus('waiting');
+      }
+      renderPendingBar();
+    });
+    socket.on('agent:interaction-closed', ({ id } = {}) => {
+      if (_askCtlId === id) { _askCtlId = null; _clearAsk(); }
+      if (_planCtl?.id === id) { _planCtl = null; closePlanSheet(); }
+      renderPendingBar();
+    });
+    // 输入框上方的「AI 在等你」提示条：弹窗被收起后从这里再打开
+    function renderPendingBar() {
+      try { updateInjectBtn(); } catch {}
+      const bar = document.getElementById('pending-bar');
+      if (!bar) return;
+      const txt = _planCtl ? '📋 AI 提交了方案，等你审批' : _askCtlId ? '❓ AI 在等你回答一个问题' : '';
+      bar.textContent = txt ? txt + ' · 点这里查看' : '';
+      bar.style.display = txt ? '' : 'none';
+    }
+    window.reopenPending = function() {
+      if (_planCtl) return openPlanSheet();
+      if (_askCtlId) document.getElementById('ask-sheet').classList.add('open');
+    };
+    // ── 方案审批 ──
+    window.openPlanSheet = function() {
+      if (!_planCtl) return;
+      document.getElementById('plan-sheet-body').innerHTML = renderMarkdown(_planCtl.plan || '（方案为空）');
+      document.getElementById('plan-sheet').classList.add('open');
+    };
+    window.closePlanSheet = function() { document.getElementById('plan-sheet').classList.remove('open'); renderPendingBar(); };
+    window.approvePlan = function() {
+      if (!_planCtl) return;
+      ensureControl();
+      socket.emit('agent:respond', { id: _planCtl.id, decision: { approve: true } });
+      _planCtl = null; closePlanSheet(); showThinking();
+    };
+    window.revisePlan = function() {
+      if (!_planCtl) return;
+      const fb = document.getElementById('plan-sheet-fb').value.trim();
+      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 = '';
+      _planCtl = null; closePlanSheet(); showThinking();
     };
+    // ── 聊天里的方案卡片：ExitPlanMode 提交的方案、写进 ~/.claude/plans/*.md 的方案文件（原来只是个折叠的「写文件」，看不到内容）──
+    function planTextOf(name, input) {
+      if (!input) return null;
+      if (name === 'ExitPlanMode') return String(input.plan || '');
+      if (name === 'Write' && /[\\/]\.claude[\\/]plans[\\/][^\\/]+\.md$/.test(input.file_path || '')) return String(input.content || '');
+      return null;
+    }
+    let _lastPlanText = '';
+    function addPlanCard(text) {
+      const t = String(text || '').trim();
+      if (!t || t === _lastPlanText) return;      // 先写方案文件、再 ExitPlanMode 提交同一份：只显示一次
+      _lastPlanText = t;
+      const el = document.createElement('div');
+      el.className = 'msg msg-assistant msg-plan';
+      el.innerHTML = '<div class="plan-head">📋 方案</div><div class="content"></div>';
+      el.querySelector('.content').innerHTML = renderMarkdown(t);
+      (_replayParent || chatArea).appendChild(el);
+      if (!_replayParent) { trimMessages(); scrollToBottom(); }
+    }
     document.getElementById('ask-sheet-input').addEventListener('keydown', (e) => {
       if (e.key === 'Enter') { e.preventDefault(); submitAskReply(); }
     });
@@ -4609,15 +4993,22 @@
     };
 
     // ── 清除会话 ──────────────────────────────────
-    window.doClear = function() {
+    window.closeClearSheet = function() { document.getElementById('clear-sheet').classList.remove('open'); };
+    window.doClear = function(confirmed) {
+      // Agent 模式先弹说明确认：清除不可撤销，且用户常不清楚它会让 AI 忘掉上下文
+      if (currentSession?.mode === 'agent' && !confirmed) {
+        document.getElementById('clear-sheet').classList.add('open');
+        return;
+      }
+      closeClearSheet();
+      if (workState !== 'idle' && !confirm('AI 还在执行，清除会中断这一轮。确定清除？')) return;
       // 清除聊天区 UI
       chatArea.innerHTML = '';
       endStream();
       // Agent 模式：发送 /clear 清除 Claude 上下文
       if (currentSession?.mode === 'agent') {
         if (!isController && canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID });
-        socket.emit('agent:query', { prompt: '/clear' });
-        addStatusMessage('已清除对话和 Claude 上下文');
+        socket.emit('agent:query', { prompt: '/clear' });   // 服务端回一条「已开始新对话」，所有在看的人都能看到
         _ctxNudgeLevel = 0;
         _lastCtxTokens = 0;
         ctxUpdate(0); // 上下文已清空，水位指示复位
@@ -4793,6 +5184,55 @@
         `本任务有 ${n} 条待发草稿 —— 点这里取回`;
       tip.style.display = 'flex';
     }
+    // ── 项目说明（CLAUDE.md）：状态标记 + 适时建议生成 ─────────────
+    // 新用户不知道 CLAUDE.md，等看出是长期项目时再提：同目录还有别的任务 / 本任务聊了很多轮 / 说了「以后都…」。
+    // 每个目录可「不再提示」（存本机）；× 只关本页。
+    const GUIDE_REMEMBER_RE = /以后(都|每次|一律)|每次都(要|得|先)|记住|总是要|别再忘|下次(也|还)要/;
+    const GUIDE_TURNS = 15;
+    let _guide = null, _guideRemember = false, _guideTipClosed = false;
+    const guideOffKey = 'myhi_guide_tip_off';
+    const guideOffList = () => { try { return JSON.parse(localStorage.getItem(guideOffKey) || '[]'); } catch { return []; } };
+    async function checkGuide() {
+      if (currentSession?.mode !== 'agent') return;
+      try { const r = await fetch('/api/session/' + SESSION_ID + '/guide'); if (r.ok) _guide = await r.json(); } catch {}
+      renderGuideChip(); renderGuideTip();
+    }
+    function renderGuideChip() {
+      const c = document.getElementById('guide-chip');
+      if (!c) return;
+      if (!_guide?.exists) { c.style.display = 'none'; return; }
+      c.style.display = '';
+      c.style.color = _guide.long ? 'var(--yellow)' : 'var(--muted)';
+      c.textContent = _guide.long ? '📘 项目说明偏长' : '📘 已带项目说明';
+      c.title = _guide.long
+        ? `项目说明（CLAUDE.md）有 ${_guide.lines} 行，每轮都会占用 AI 的记忆容量。建议精简到要点（可以让 AI 帮你精简）。点击查看`
+        : `AI 每次开始工作前会先读本项目的项目说明（CLAUDE.md，${_guide.lines} 行）。点击查看 / 编辑`;
+    }
+    function guideTipReason() {
+      if (!_guide || _guide.exists) return '';
+      if (_guideRemember) return '想让 AI 以后每次都记得？可以写进「项目说明」，每次新对话 AI 都会先读，不用再重复交代。';
+      if (_guide.siblings > 0) return `这个项目目录还有 ${_guide.siblings} 个其他任务在用。让 AI 把项目情况和你的要求写成「项目说明」，以后每个任务、每次对话都会先读。`;
+      if (_guide.turns >= GUIDE_TURNS) return '这个项目你常来。让 AI 把项目情况和你的要求写成「项目说明」，以后每次新对话不用再重复交代。';
+      return '';
+    }
+    window.renderGuideTip = function() {
+      const tip = document.getElementById('guide-tip');
+      if (!tip) return;
+      const why = guideTipReason();
+      const off = currentSession?.cwd && guideOffList().includes(currentSession.cwd);
+      if (!why || off || _guideTipClosed || workState !== 'idle' || !canTakeControl()) { tip.style.display = 'none'; return; }
+      document.getElementById('guide-tip-text').textContent = why;
+      tip.style.display = 'flex';
+    };
+    window.guideTipGo = function() { _guideTipClosed = true; renderGuideTip(); genProjectGuide(); };
+    window.guideTipClose = function() { _guideTipClosed = true; _guideRemember = false; renderGuideTip(); };
+    window.guideTipOff = function() {
+      const l = guideOffList();
+      if (currentSession?.cwd && !l.includes(currentSession.cwd)) { l.push(currentSession.cwd); localStorage.setItem(guideOffKey, JSON.stringify(l.slice(-200))); }
+      renderGuideTip();
+      addStatusMessage('本项目不再提示生成项目说明（需要时在快捷栏「记忆」里生成）');
+    };
+
     window.hideDraftTip = function() { _draftTipDismissed = true; renderDraftTip(); };
 
     window.openInboxSheet = async function() {
@@ -4802,16 +5242,14 @@
       const cb = document.getElementById('inbox-new-autosend');
       if (cb) cb.checked = false;
       clearInboxNewImage();
+      _ibSelMode = false; _ibSel.clear(); _ibEditing = null;
+      ibTab('this');
       await refreshInbox(false);
       renderInbox();
     };
     window.closeInboxSheet = function() {
       document.getElementById('inbox-sheet').classList.remove('open');
     };
-    window.toggleInboxOthers = function() {
-      const box = document.getElementById('inbox-others');
-      box.style.display = box.style.display === 'none' ? '' : 'none';
-    };
 
     function draftPreview(d) {
       const t = (d.text || '').replace(/\s+/g, ' ').trim();
@@ -4836,48 +5274,228 @@
       return sameDay ? hm : `${p2(d.getMonth() + 1)}-${p2(d.getDate())} ${hm}`;
     }
 
-    function renderInbox() {
-      const esc = (s) => String(s).replace(/[&<>"']/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
-      const titleEl = document.getElementById('inbox-this-title');
-      if (titleEl) titleEl.textContent = currentSession?.title || '本会话';
+    // ── 草稿面板（队列）─────────────────────────────
+    let _ibSelMode = false;           // 多选模式
+    const _ibSel = new Set();         // 选中的草稿 id
+    let _ibEditing = null;            // 正在就地编辑的草稿 id
+    let _ibIdleSince = Date.now();    // 最近一次变空闲的时刻：刚干完的几秒里自动接力还没发，别急着报「暂停」
+    let _ibPauseTimer = null;
+    const ibEsc = (s) => String(s).replace(/[&<>"']/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
 
+    window.ibTab = function(t) {
+      document.querySelectorAll('.ib-tabs button').forEach(b => b.classList.toggle('on', b.dataset.ibt === t));
+      document.getElementById('ib-pane-this').style.display = t === 'this' ? '' : 'none';
+      document.getElementById('ib-pane-others').style.display = t === 'others' ? '' : 'none';
+    };
+
+    function renderInbox() {
       const mine = myDrafts();
-      document.getElementById('inbox-this').innerHTML = mine.length ? mine.map(d => `
-        <div class="dr-item">
-          <div class="dr-text">${esc(draftPreview(d))}</div>
-          <div class="dr-meta">
-            <span title="${esc(new Date(d.createdAt).toLocaleString())}">🕒 ${draftTime(d.createdAt)} · ${draftAge(d.createdAt)}</span>
+      for (const id of [..._ibSel]) if (!mine.some(d => d.id === id)) _ibSel.delete(id);
+      document.getElementById('ib-n-this').textContent = mine.length ? `(${mine.length})` : '';
+      const autoN = mine.filter(d => d.autoSend).length;
+      const allAuto = mine.length > 0 && autoN === mine.length;
+      const autoAll = document.getElementById('ib-auto-all');
+      autoAll.checked = allAuto;
+      autoAll.indeterminate = autoN > 0 && !allAuto;
+      document.getElementById('ib-hint').textContent = !mine.length ? '还没有草稿。AI 忙时想到什么，先记在这里。'
+        : autoN ? `共 ${mine.length} 条，${autoN} 条会按顺序自动发送（绿色序号），每干完一轮发下一条`
+        : `共 ${mine.length} 条，按顺序排队。AI 干完后点「取回」发送`;
+      const selBtn = document.getElementById('ib-sel-btn');
+      selBtn.textContent = _ibSelMode ? '完成' : '☑ 多选';
+      selBtn.style.display = mine.length > 1 || _ibSelMode ? '' : 'none';
+
+      // 暂停提示：有待自动发送的草稿，会话却已空闲一阵（上一轮被中断 / 出错时不会自动往下发）
+      clearTimeout(_ibPauseTimer);
+      const idleFor = Date.now() - _ibIdleSince;
+      const paused = autoN > 0 && workState === 'idle' && idleFor > 6000;
+      if (autoN > 0 && workState === 'idle' && !paused) _ibPauseTimer = setTimeout(() => { if (document.getElementById('inbox-sheet').classList.contains('open')) renderInbox(); }, 6100 - idleFor);
+      document.getElementById('ib-paused').style.display = paused ? 'flex' : 'none';
+
+      const n = mine.length;
+      document.getElementById('inbox-this').innerHTML = n ? mine.map((d, i) => {
+        const editing = _ibEditing === d.id;
+        const att = [d.images?.length ? `📷${d.images.length > 1 ? '×' + d.images.length : ''}` : '', d.files?.length ? `📎${d.files.length > 1 ? '×' + d.files.length : ''}` : ''].filter(Boolean).join(' ');
+        const lead = _ibSelMode
+          ? `<input type="checkbox" ${_ibSel.has(d.id) ? 'checked' : ''} onchange="ibPick('${d.id}', this.checked)">`
+          : `<span class="ib-handle" title="拖动排序" onmousedown="ibArmDrag(this)">⋮⋮</span>`;
+        const body = editing
+          ? `<div class="ib-edit"><textarea id="ib-edit-ta" spellcheck="false">${ibEsc(d.text || '')}</textarea>
+               <div><span style="font-size:0.64rem;color:var(--muted);margin-right:auto">Ctrl+Enter 保存 · Esc 取消</span>
+               <button class="dr-btn" onclick="ibEditCancel()">取消</button><button class="dr-btn take" onclick="ibEditSave('${d.id}')">保存</button></div></div>`
+          : `<div class="ib-text" onclick="${_ibSelMode ? `ibPick('${d.id}')` : `ibEdit('${d.id}')`}" title="${_ibSelMode ? '点选' : '点击编辑'}">${ibEsc((att ? att + ' ' : '') + ((d.text || '').trim() || '(仅附件)'))}</div>`;
+        const meta = editing ? '' : `<div class="ib-meta">
+            <span title="${ibEsc(new Date(d.createdAt).toLocaleString())}">🕒 ${draftTime(d.createdAt)}</span>
             ${d.source === 'busy' ? '<span class="dr-src">忙时自动存</span>' : ''}
-            <label style="cursor:pointer;color:${d.autoSend ? 'var(--yellow)' : 'var(--muted)'}"
-                   title="勾上后：本轮干完、会话空闲时自动发出这条（不用你在页面前）。默认关。">
-              <input type="checkbox" ${d.autoSend ? 'checked' : ''} onchange="toggleAutoSend('${d.id}', this.checked)"
-                     style="vertical-align:-1px"> 自动接力
-            </label>
-            <span class="dr-acts">
-              <button class="dr-btn take" onclick="useDraft('${d.id}')" title="取回到消息框，草稿随即删除">取回</button>
-              <button class="dr-btn" onclick="deleteDraft('${d.id}')">删</button>
-            </span>
-          </div>
-        </div>`).join('')
-        : '<div style="color:var(--muted);font-size:0.75rem;padding:0.5rem">（本任务暂无草稿）</div>';
+            ${d.mergedFrom?.length ? `<span class="dr-src">由 ${d.mergedFrom.length} 条合并 · <a style="cursor:pointer;text-decoration:underline" onclick="ibUnmerge('${d.id}')">撤销合并</a></span>` : ''}
+            <button class="ib-chip ${d.autoSend ? 'on' : ''}" onclick="toggleAutoSend('${d.id}', ${!d.autoSend})" title="${d.autoSend ? '这条会在轮到它时自动发出。点一下取消' : '点一下：轮到这条时自动发出'}">⚡ ${d.autoSend ? '自动' : '手动'}</button>
+            ${_ibSelMode ? '' : `<span class="ib-acts">
+              <button class="ib-ic" ${i === 0 ? 'disabled' : ''} onclick="ibMove('${d.id}', -1)" title="上移">↑</button>
+              <button class="ib-ic" ${i === n - 1 ? 'disabled' : ''} onclick="ibMove('${d.id}', 1)" title="下移">↓</button>
+              <button class="ib-ic" onclick="ibDelete('${d.id}')" title="删除">🗑</button>
+              ${canInjectNow() ? `<button class="dr-btn" style="color:var(--yellow);border:1px solid var(--yellow);background:rgba(210,153,34,0.12)" onclick="injectDraft('${d.id}')" title="AI 正在干活：不打断，马上把这条送过去，AI 下一步就会看到">⚡ 插入</button>` : ''}
+              <button class="dr-btn take" onclick="useDraft('${d.id}')" title="放回消息框，草稿随即出队">取回</button>
+            </span>`}
+          </div>`;
+        return `<div class="ib-item ${_ibSel.has(d.id) ? 'sel' : ''}" data-id="${d.id}">${lead}<span class="ib-no ${d.autoSend ? 'auto' : ''}" title="${d.autoSend ? '第 ' + (i + 1) + ' 条 · 自动发送' : '第 ' + (i + 1) + ' 条'}">${i + 1}</span><div class="ib-main">${body}${meta}</div></div>`;
+      }).join('') : '<div style="color:var(--muted);font-size:0.75rem;padding:1.2rem 0.5rem;text-align:center">本任务暂无草稿</div>';
+
+      const selbar = document.getElementById('ib-selbar');
+      selbar.style.display = _ibSelMode ? 'flex' : 'none';
+      document.getElementById('ib-sel-n').textContent = _ibSel.size;
+      selbar.querySelectorAll('button').forEach((b, k) => { if (k < 3) b.disabled = k < 2 ? _ibSel.size < (k === 0 ? 2 : 1) : !_ibSel.size; });
+
+      if (_ibEditing) {
+        const ta = document.getElementById('ib-edit-ta');
+        if (ta && document.activeElement !== ta) { ta.focus(); ta.setSelectionRange(ta.value.length, ta.value.length); }
+        if (ta) ta.onkeydown = (e) => {
+          if (e.key === 'Escape') { e.preventDefault(); e.stopPropagation(); ibEditCancel(); }
+          else if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) { e.preventDefault(); ibEditSave(_ibEditing); }
+        };
+      }
+      ibBindDrag();
 
+      // 其它任务：按任务分组
       const others = otherDrafts();
-      document.getElementById('inbox-others-count').textContent = others.length ? `(${others.length})` : '(0)';
-      document.getElementById('inbox-others').innerHTML = others.length ? others.map(d => `
-        <div class="dr-item">
-          <div class="dr-sess">${esc(d.sessionTitle || '(未知任务)')}${d.projectName ? ' · ' + esc(d.projectName) : ''}${d.sessionAlive ? '' : ' <span style="color:var(--muted)">(已结束)</span>'}</div>
-          <div class="dr-text" style="color:var(--text2)">${esc(draftPreview(d))}</div>
-          <div class="dr-meta">
-            <span>🕒 ${draftTime(d.createdAt)} · ${draftAge(d.createdAt)}</span>
-            <span class="dr-acts">
-              <button class="dr-btn" onclick="reassignDraft('${d.id}')" title="改投到本任务">改投</button>
-              <button class="dr-btn" onclick="deleteDraft('${d.id}')">删</button>
-            </span>
-          </div>
-        </div>`).join('')
-        : '<div style="color:var(--muted);font-size:0.75rem;padding:0.5rem">（没有其它任务的草稿）</div>';
+      document.getElementById('inbox-others-count').textContent = others.length ? `(${others.length})` : '';
+      const groups = new Map();
+      for (const d of others) { const k = d.sessionId; if (!groups.has(k)) groups.set(k, []); groups.get(k).push(d); }
+      document.getElementById('inbox-others').innerHTML = others.length ? [...groups.values()].map(g => `
+        <div class="ib-grp">${ibEsc(g[0].sessionTitle || '(未知任务)')}${g[0].projectName ? ' · ' + ibEsc(g[0].projectName) : ''}${g[0].sessionAlive ? '' : ' <span style="color:var(--muted);font-weight:400">(已结束)</span>'}</div>
+        ${g.map(d => `<div class="ib-item"><div class="ib-main">
+          <div class="ib-text" style="cursor:default;color:var(--text2)">${ibEsc(draftPreview(d))}</div>
+          <div class="ib-meta"><span>🕒 ${draftTime(d.createdAt)} · ${draftAge(d.createdAt)}</span>
+            <span class="ib-acts"><button class="ib-ic" onclick="deleteDraft('${d.id}')" title="删除">🗑</button>
+            <button class="dr-btn" onclick="reassignDraft('${d.id}')" title="挪到本任务，排到队尾">改投到本任务</button></span></div>
+        </div></div>`).join('')}`).join('')
+        : '<div style="color:var(--muted);font-size:0.75rem;padding:1.2rem 0.5rem;text-align:center">没有其它任务的草稿</div>';
+    }
+
+    async function ibReload() { await refreshInbox(); renderInbox(); }
+    async function ibPost(url, body) {
+      const r = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body || {}) });
+      const d = await r.json().catch(() => ({}));
+      if (!r.ok || d.error) throw new Error(d.error || ('HTTP ' + r.status));
+      return d;
+    }
+
+    // 就地编辑
+    window.ibEdit = function(id) { _ibEditing = id; renderInbox(); };
+    window.ibEditCancel = function() { _ibEditing = null; renderInbox(); };
+    window.ibEditSave = async function(id) {
+      const ta = document.getElementById('ib-edit-ta');
+      const text = ta ? ta.value : '';
+      const d = myDrafts().find(x => x.id === id);
+      if (!text.trim() && !d?.images?.length && !d?.files?.length) { addStatusMessage('草稿不能为空；不要了可以删除'); return; }
+      try {
+        await fetch('/api/inbox/' + id, { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ text }) });
+      } catch { addStatusMessage('保存失败，请重试'); return; }
+      _ibEditing = null;
+      await ibReload();
+    };
+
+    // 排序：↑↓（手机）/ 拖动（电脑）都汇成「新顺序」提交
+    async function ibSaveOrder(ids) {
+      const byId = new Map(_inboxCache.drafts.map(d => [d.id, d]));
+      // 先本地生效再提交，拖动 / 连点 ↑↓ 不卡
+      const mine = ids.map(id => byId.get(id)).filter(Boolean);
+      _inboxCache.drafts = _inboxCache.drafts.filter(d => d.sessionId !== SESSION_ID).concat(mine);
+      renderInbox();
+      try { await ibPost('/api/inbox/reorder', { sessionId: SESSION_ID, ids }); } catch (e) { addStatusMessage('保存顺序失败：' + e.message); }
+      await ibReload();
+    }
+    window.ibMove = function(id, dir) {
+      const ids = myDrafts().map(d => d.id);
+      const i = ids.indexOf(id), j = i + dir;
+      if (i < 0 || j < 0 || j >= ids.length) return;
+      [ids[i], ids[j]] = [ids[j], ids[i]];
+      ibSaveOrder(ids);
+    };
+    window.ibArmDrag = function(h) { const it = h.closest('.ib-item'); if (it) it.draggable = true; };
+    let _ibDragId = null;
+    function ibBindDrag() {
+      document.querySelectorAll('#inbox-this .ib-item').forEach(it => {
+        it.ondragstart = (e) => { _ibDragId = it.dataset.id; it.classList.add('dragging'); e.dataTransfer.effectAllowed = 'move'; try { e.dataTransfer.setData('text/plain', _ibDragId); } catch {} };
+        it.ondragend = () => { it.draggable = false; it.classList.remove('dragging'); _ibDragId = null; document.querySelectorAll('.ib-item').forEach(x => x.classList.remove('drag-over-top', 'drag-over-bottom')); };
+        it.ondragover = (e) => {
+          if (!_ibDragId || it.dataset.id === _ibDragId) return;
+          e.preventDefault();
+          const r = it.getBoundingClientRect(), top = e.clientY < r.top + r.height / 2;
+          it.classList.toggle('drag-over-top', top); it.classList.toggle('drag-over-bottom', !top);
+        };
+        it.ondragleave = () => it.classList.remove('drag-over-top', 'drag-over-bottom');
+        it.ondrop = (e) => {
+          e.preventDefault();
+          if (!_ibDragId || it.dataset.id === _ibDragId) return;
+          const top = it.classList.contains('drag-over-top');
+          const ids = myDrafts().map(d => d.id).filter(x => x !== _ibDragId);
+          ids.splice(ids.indexOf(it.dataset.id) + (top ? 0 : 1), 0, _ibDragId);
+          ibSaveOrder(ids);
+        };
+      });
     }
 
+    // 多选
+    window.ibToggleSelect = function(on) {
+      _ibSelMode = typeof on === 'boolean' ? on : !_ibSelMode;
+      _ibSel.clear(); _ibEditing = null;
+      renderInbox();
+    };
+    window.ibPick = function(id, on) {
+      if (on === undefined) on = !_ibSel.has(id);
+      on ? _ibSel.add(id) : _ibSel.delete(id);
+      renderInbox();
+    };
+    window.ibMergeSelected = async function(take) {
+      const ids = myDrafts().map(d => d.id).filter(id => _ibSel.has(id));   // 按列表顺序
+      if (!ids.length) return;
+      if (ids.length === 1) { if (take) { _ibSelMode = false; _ibSel.clear(); return useDraft(ids[0]); } return; }
+      let merged;
+      try { merged = (await ibPost('/api/inbox/merge', { ids })).draft; }
+      catch (e) { addStatusMessage('合并失败：' + e.message); return; }
+      _ibSelMode = false; _ibSel.clear();
+      await refreshInbox();
+      if (take) return useDraft(merged.id);
+      _ibEditing = merged.id;
+      renderInbox();
+      addStatusMessage(`📥 已把 ${ids.length} 条合并成一条，可以直接改；不满意可点「撤销合并」`);
+    };
+    window.ibDeleteSelected = async function() {
+      const ids = [..._ibSel];
+      if (!ids.length || !confirm(`删除选中的 ${ids.length} 条草稿？`)) return;
+      for (const id of ids) { try { await fetch('/api/inbox/' + id, { method: 'DELETE' }); } catch {} }
+      _ibSelMode = false; _ibSel.clear();
+      await ibReload();
+    };
+    window.ibDelete = async function(id) {
+      const d = myDrafts().find(x => x.id === id);
+      if (d && (d.text || '').trim().length > 20 && !confirm('删除这条草稿？\n\n' + d.text.trim().slice(0, 80))) return;
+      await deleteDraft(id);
+    };
+    window.ibUnmerge = async function(id) {
+      try { await ibPost('/api/inbox/' + id + '/unmerge'); } catch (e) { addStatusMessage('撤销合并失败：' + e.message); return; }
+      _ibEditing = null;
+      await ibReload();
+      addStatusMessage('📥 已撤销合并，原来的几条已放回');
+    };
+
+    // 依次自动发送：整队开 / 关
+    window.ibAutoAll = async function(on) {
+      const mine = myDrafts();
+      const targets = mine.filter(d => !!d.autoSend !== on);
+      if (on && !confirm(`按顺序自动发送 ${mine.length} 条草稿？\n\n每干完一轮自动发下一条，共约 ${mine.length} 轮模型调用。\n上一轮被中断或出错时会暂停，等你确认再继续。`)) { renderInbox(); return; }
+      for (const d of targets) {
+        try { await fetch('/api/inbox/' + d.id, { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ autoSend: on }) }); } catch {}
+      }
+      await ibReload();
+      addStatusMessage(on ? (workState === 'idle' ? '📥 已开启依次自动发送，马上发出第 1 条' : '📥 已开启依次自动发送：本轮干完后从第 1 条开始') : '📥 已关闭自动发送');
+    };
+    window.ibResume = async function() {
+      try { await ibPost('/api/inbox/resume', { sessionId: SESSION_ID }); } catch (e) { addStatusMessage('继续失败：' + e.message); return; }
+      _ibIdleSince = Date.now();
+      renderInbox();
+      addStatusMessage('📥 继续按顺序发送草稿');
+    };
+
     // ── 抽屉内就地新增草稿（不必先在消息框打字再"提取"）──────────
     let _inboxNewImage = null;   // { path, name }
 
@@ -4965,13 +5583,16 @@
     window.useDraft = async function(id) {
       const d = _inboxCache.drafts.find(x => x.id === id);
       if (!d) return;
-      cmdInput.value = d.text || '';
+      // 消息框一次只能挂一张图 / 一个文件：合并来的多余附件以路径写进文字里，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}），请读取分析。`)];
+      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, '');
-      if (d.files?.length) {
+      else 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');
@@ -5215,16 +5836,28 @@
       const isPlan = currentSession?.permissionMode === 'plan';
       if (!isController && canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID });
       if (isPlan) {
-        // 直接切回 bypassPermissions，不走 /plan 命令（因为那要等 agent 响应）
-        socket.emit('set-mode', { sessionId: SESSION_ID, mode: 'bypassPermissions' });
-        if (currentSession) currentSession.permissionMode = 'bypassPermissions';
-        updatePlanButton();
-        addStatusMessage('已退出计划模式，恢复到自动执行');
+        // AI 已经提交了方案在等审批：直接打开审批（批准即在原进程里切到执行，不打断）
+        if (_planCtl) return openPlanSheet();
+        document.getElementById('planexit-sheet').classList.add('open');
       } else {
         // 进入计划：弹窗输入计划描述
         doSlashCmd('/plan');
       }
     };
+    window.closePlanExit = function() { document.getElementById('planexit-sheet').classList.remove('open'); };
+    // 手动退出计划：切回自动执行会重启 claude 进程——AI 还在规划时先确认，免得这一轮被悄悄打断
+    window.exitPlan = function(run) {
+      closePlanExit();
+      if (workState !== 'idle' && !confirm('AI 还在规划，现在退出会中断这一轮。确定退出？')) return;
+      socket.emit('set-mode', { sessionId: SESSION_ID, mode: 'bypassPermissions' });
+      if (currentSession) currentSession.permissionMode = 'bypassPermissions';
+      updatePlanButton();
+      addStatusMessage('已退出计划模式，恢复到自动执行');
+      if (run) setTimeout(() => {
+        const t = '按刚才的方案开始执行。';
+        addInputMessage(t); socket.emit('agent:query', { prompt: t }); showThinking();
+      }, 600);
+    };
     socket.on('mode-changed', ({ sessionId, mode }) => {
       if (sessionId !== SESSION_ID) return;
       if (currentSession) currentSession.permissionMode = mode;
@@ -5756,10 +6389,22 @@
         container.innerHTML = '';
         container.appendChild(makeBar());
 
+        // 本项目还没有项目说明（CLAUDE.md）：讲清它是什么、适合什么项目，给一键生成入口——新用户不必知道这个文件名
+        if (_memScope === 'project' && !files.some(f => f.name === 'CLAUDE.md')) {
+          const intro = document.createElement('div');
+          intro.style.cssText = 'border:1px dashed var(--border);border-radius:10px;padding:0.75rem 0.85rem;margin-bottom:0.6rem;line-height:1.7';
+          intro.innerHTML = '<div style="font-weight:700;color:var(--text);font-size:0.86rem">📘 本项目还没有「项目说明」</div>'
+            + '<div>项目说明是 AI <b>每次开始工作前都会先读</b>的一页项目规矩：项目是做什么的、关键目录、怎么构建测试、你的固定要求（如「回复用中文」「改完先跑测试」）。有了它，每次新对话不用再重复交代。</div>'
+            + '<div style="color:var(--muted);margin-top:0.2rem">适合会反复来做的长期项目；一次性的小任务不需要。</div>'
+            + '<button onclick="genProjectGuide()" style="margin-top:0.55rem;width:100%;padding:0.5rem;border-radius:8px;cursor:pointer;font-size:0.8rem;border:none;background:var(--green);color:#fff;font-weight:600">📘 让 AI 生成项目说明</button>'
+            + '<div style="color:var(--muted);font-size:0.7rem;margin-top:0.3rem">AI 会先看一遍项目、写出草稿给你确认，确认后才保存（文件名 CLAUDE.md，放在项目目录里）。</div>';
+          container.appendChild(intro);
+        }
+
         if (files.length === 0) {
           const e = document.createElement('div');
           e.style.cssText = 'text-align:center;color:var(--muted);padding:1.5rem 0';
-          e.textContent = _memScope === 'project' ? '本项目暂无记忆文件' : '暂无记忆文件';
+          e.textContent = _memScope === 'project' ? '还没有其他记忆（AI 在对话中记下的经验会出现在这里）' : '暂无记忆文件';
           container.appendChild(e);
           return;
         }
@@ -5771,7 +6416,9 @@
           const dm = m[1].match(/^description:\s*(.+)$/m);
           return { desc: dm ? dm[1].trim() : '', body: content.slice(m[0].length) };
         };
-        const cleanName = (n) => n.replace(/^.*\//, '').replace(/\.md$/i, '');
+        // CLAUDE.md 用大白话称呼（文件名放进描述里给懂行的人看）
+        const NICE = { 'CLAUDE.md': ['📘 项目说明', 'CLAUDE.md · AI 每次开始工作前先读的项目规矩'], '~/.claude/CLAUDE.md': ['🌐 全局说明', '~/.claude/CLAUDE.md · 对所有项目都生效'] };
+        const cleanName = (n) => NICE[n] ? NICE[n][0] : n.replace(/^.*\//, '').replace(/\.md$/i, '');
 
         // 搜索框
         const search = document.createElement('input');
@@ -5789,7 +6436,7 @@
           for (const f of files) {
             if (kw && !(f.name.toLowerCase().includes(kw) || (f.content || '').toLowerCase().includes(kw))) continue;
             shown++;
-            const { desc, body: md } = parseFM(f.content || '');
+            const fm = parseFM(f.content || ''); const md = fm.body; const desc = fm.desc || (NICE[f.name] ? NICE[f.name][1] : '');
             const deletable = f.name.startsWith('memory/') || f.name.startsWith('~/.claude/memory/');
             const editable = deletable || f.name.endsWith('CLAUDE.md') || f.name.endsWith('settings.json');
             const card = document.createElement('div');
@@ -5837,6 +6484,205 @@
     };
 
     // 让 AI 按规则过一遍记忆（只分析给建议，不改文件）
+    // 一键生成项目说明（CLAUDE.md）：AI 先调研、出草稿，用户确认后才写文件——项目说明会改变 AI 之后的行为，不能静默写入
+    window.genProjectGuide = function() {
+      closeMemorySheet();
+      if (currentSession?.mode !== 'agent') return addStatusMessage('该功能仅在 agent(Claude) 会话可用');
+      if (workState !== 'idle') return addStatusMessage('AI 正在干活，等这一轮结束再生成项目说明');
+      const prompt = [
+        '请为当前项目目录写一份项目说明（项目根目录的 CLAUDE.md，以后每次对话开始你都会先读它）。',
+        '步骤：1) 先快速了解项目：目录结构、README、构建/依赖配置（如 package.json、pyproject、Makefile 等），不用逐个细读源码；',
+        '2) 结合本次对话里我交代过的要求和习惯；',
+        '3) 用中文写一份精简草稿（建议 30~60 行，只写要点）：项目是做什么的、关键目录/文件、怎么运行/构建/测试、约定与注意事项、我的固定要求；',
+        '不要写任何密码、token、密钥等敏感值。',
+        '4) 先把完整草稿贴出来让我确认，问我是否保存（可以直接保存 / 我要修改）；我确认后再写入 CLAUDE.md。在我确认前不要创建或修改任何文件。',
+        '如果项目根目录已经有 CLAUDE.md，就在它基础上补充，并说明改了哪些。',
+      ].join('');
+      if (!isController && canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID });
+      addInputMessage('📘 让 AI 生成项目说明');
+      socket.emit('agent:query', { prompt });
+      showThinking();
+    };
+
+    // ── 💡 问一问 ─────────────────────────────────────
+    // 在聊天里选中一段文字 → 浮出「解释 / 问一问 / 复制」；回答在旁边小窗里流式出现，可以继续追问。
+    // 服务端为每次提问起一个一次性的 claude（不带工具、不落会话），正在干活的 AI 看不到这些问答；
+    // 想让它知道就点「👉 告诉 AI」，把要点放进输入框由用户确认后发送。
+    const askPop = document.getElementById('ask-pop');
+    const askPanel = document.getElementById('ask-panel');
+    const askBody = document.getElementById('ask-body');
+    const askInput = document.getElementById('ask-input');
+    const askSendBtn = document.getElementById('ask-send');
+    const _askTouch = window.matchMedia('(hover: none)');
+    if (_askTouch.matches) askInput.placeholder = '继续问…';
+    let _askSel = null;        // 当前选区 { text, msgEl }
+    let _askThread = null;     // { selection, context, userAsk, items: [{ q, a, err, done }] }
+    let _askReq = null;        // 正在等回答的 reqId
+    const askClip = (s, n) => { s = String(s || '').trim(); return s.length > n ? s.slice(0, n) + '…' : s; };
+
+    function askHidePop() { askPop.classList.remove('show'); _askSel = null; }
+    function askCheckSelection() {
+      if (currentSession?.mode !== 'agent') return askHidePop();
+      const sel = window.getSelection();
+      const text = sel && !sel.isCollapsed ? sel.toString().trim() : '';
+      if (!text || !sel.rangeCount) return askHidePop();
+      const node = sel.anchorNode && (sel.anchorNode.nodeType === 1 ? sel.anchorNode : sel.anchorNode.parentElement);
+      const msgEl = node && node.closest && node.closest('#chat-area .msg');
+      if (!msgEl) return askHidePop();
+      _askSel = { text, msgEl };
+      askPop.classList.add('show');
+      const pw = askPop.offsetWidth, ph = askPop.offsetHeight;
+      if (_askTouch.matches) {
+        // 手机：系统自带的选择菜单在选区上方，工具条放到输入框上方，互不遮挡
+        const ia = document.getElementById('input-area').getBoundingClientRect();
+        askPop.style.left = Math.max(8, (window.innerWidth - pw) / 2) + 'px';
+        askPop.style.top = Math.max(8, ia.top - ph - 10) + 'px';
+      } else {
+        const r = sel.getRangeAt(0).getBoundingClientRect();
+        let top = r.top - ph - 8; if (top < 56) top = r.bottom + 8;
+        askPop.style.left = Math.min(window.innerWidth - pw - 8, Math.max(8, r.left + r.width / 2 - pw / 2)) + 'px';
+        askPop.style.top = top + 'px';
+      }
+    }
+    let _askSelTimer = null;
+    document.addEventListener('selectionchange', () => { clearTimeout(_askSelTimer); _askSelTimer = setTimeout(askCheckSelection, 250); });
+    chatArea.addEventListener('scroll', () => { if (askPop.classList.contains('show')) askCheckSelection(); }, { passive: true });
+
+    // 选区所在消息的上下文：消息原文（太长就截选区附近）+ 用户在它之前说的那句需求
+    function askContextOf(msgEl, selText) {
+      let ctx = (msgEl.innerText || '').trim();
+      if (ctx.length > 3000) {
+        const i = Math.max(0, ctx.indexOf(selText.slice(0, 50)));
+        ctx = ctx.slice(Math.max(0, i - 1500), i + 1500);
+      }
+      let userAsk = '';
+      for (let el = msgEl.previousElementSibling; el; el = el.previousElementSibling) {
+        if (el.classList.contains('msg-input')) { userAsk = (el.innerText || '').trim(); break; }
+      }
+      return { context: ctx, userAsk };
+    }
+
+    window.askFromSelection = function(custom) {
+      if (!_askSel) return;
+      const { text, msgEl } = _askSel;
+      const { context, userAsk } = askContextOf(msgEl, text);
+      askHidePop();
+      try { window.getSelection().removeAllRanges(); } catch {}
+      askCancel();
+      _askThread = { selection: text, context, userAsk, items: [] };
+      openAsk();
+      if (custom) { renderAsk(); askInput.focus(); }
+      else askSend('');
+    };
+    window.askCopySelection = function() {
+      if (!_askSel) return;
+      const t = _askSel.text;
+      (navigator.clipboard?.writeText(t) || Promise.reject()).then(() => addStatusMessage('已复制'), () => {
+        const ta = document.createElement('textarea'); ta.value = t; document.body.appendChild(ta); ta.select();
+        try { document.execCommand('copy'); addStatusMessage('已复制'); } catch {} ta.remove();
+      });
+      askHidePop();
+    };
+
+    function openAsk() {
+      askPanel.classList.add('open');
+      document.getElementById('ask-backdrop').classList.toggle('show', window.innerWidth <= 768);
+    }
+    window.closeAsk = function() {
+      askPanel.classList.remove('open');
+      document.getElementById('ask-backdrop').classList.remove('show');
+    };
+    function askCancel() {
+      if (_askReq) { socket.emit('aside:cancel'); _askReq = null; }
+      if (_askThread) _askThread.items.forEach(it => { if (!it.done) { it.done = true; if (!it.a) it.err = '已停止'; } });
+    }
+
+    function renderAsk() {
+      const t = _askThread;
+      if (!t) { askBody.innerHTML = ''; return; }
+      let html = `<div class="ask-quote">${escHtml(askClip(t.selection, 600))}</div>`;
+      t.items.forEach((it, i) => {
+        html += `<div class="ask-q"><span>${escHtml(it.q || '解释一下这段是什么意思')}</span></div>`;
+        if (it.err && !it.a) html += `<div class="ask-a err">⚠️ ${escHtml(it.err)}</div>`;
+        else html += `<div class="ask-a md" data-i="${i}">${it.a ? renderMarkdown(it.a) : '<span style="color:var(--muted)">思考中…</span>'}</div>`;
+        if (it.err && it.a) html += `<div class="ask-a err">⚠️ ${escHtml(it.err)}</div>`;
+        if (it.done && it.a) {
+          html += `<div class="ask-acts">${canTakeControl() ? `<button class="pri" onclick="askTellAI(${i})" title="把这段问答的要点放进输入框，你确认后再发给正在干活的 AI">👉 告诉 AI</button>` : ''}`
+            + `<button onclick="askCopyAnswer(${i})">📋 复制</button></div>`;
+        }
+      });
+      if (!t.items.length) html += '<div style="color:var(--muted);font-size:0.78rem">在下面输入你想问的，比如「这是什么意思？」「为什么要这样做？」「和 XX 有什么区别？」</div>';
+      askBody.innerHTML = html;
+      askBody.scrollTop = askBody.scrollHeight;
+      const busy = !!_askReq;
+      askSendBtn.textContent = busy ? '停止' : '发送';
+      askSendBtn.classList.toggle('stop', busy);
+    }
+
+    function askSend(q) {
+      const t = _askThread;
+      if (!t) return;
+      const history = t.items.filter(it => it.done && it.a).map(it => ({ q: it.q || '解释一下这段是什么意思', a: it.a }));
+      const it = { q, a: '', err: '', done: false };
+      t.items.push(it);
+      _askReq = 'a' + Date.now().toString(36) + Math.random().toString(36).slice(2, 6);
+      it.reqId = _askReq;
+      socket.emit('aside:ask', { reqId: _askReq, selection: t.selection, context: t.context, userAsk: t.userAsk, question: q, history });
+      renderAsk();
+    }
+    window.askSendOrStop = function() {
+      if (_askReq) { askCancel(); renderAsk(); return; }
+      const q = askInput.value.trim();
+      if (!q) { askInput.focus(); return; }
+      if (!_askThread) _askThread = { selection: '', context: '', userAsk: '', items: [] };
+      askInput.value = ''; askInput.style.height = '';
+      askSend(q);
+    };
+    askInput.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter' && !e.shiftKey && !e.isComposing && !_askTouch.matches) { e.preventDefault(); askSendOrStop(); }
+      else if (e.key === 'Escape') { e.preventDefault(); closeAsk(); }
+    });
+    askInput.addEventListener('input', () => { askInput.style.height = 'auto'; askInput.style.height = Math.min(askInput.scrollHeight, 150) + 'px'; });
+    document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && askPanel.classList.contains('open') && document.activeElement !== askInput) closeAsk(); });
+
+    const askItemOf = (reqId) => _askThread?.items.find(it => it.reqId === reqId);
+    socket.on('aside:delta', ({ reqId, text }) => {
+      const it = askItemOf(reqId);
+      if (!it || it.done) return;
+      it.a = text;
+      const el = askBody.querySelector(`.ask-a[data-i="${_askThread.items.indexOf(it)}"]`);
+      if (el) { const atBottom = askBody.scrollHeight - askBody.scrollTop - askBody.clientHeight < 40; el.innerHTML = renderMarkdown(text); if (atBottom) askBody.scrollTop = askBody.scrollHeight; }
+      else renderAsk();
+    });
+    socket.on('aside:done', ({ reqId, text, error, partial }) => {
+      const it = askItemOf(reqId);
+      if (_askReq === reqId) _askReq = null;
+      if (!it || it.done) { renderAsk(); return; }
+      it.done = true;
+      if (text) it.a = text;
+      else { it.a = partial || it.a; it.err = error || '没有拿到回答，稍后再试'; }
+      renderAsk();
+    });
+
+    // 👉 告诉 AI：把问答要点放进输入框（不直接发），用户补上自己的想法后再发给干活的 AI
+    window.askTellAI = function(i) {
+      const t = _askThread, it = t?.items[i];
+      if (!it) return;
+      const firstPara = askClip(String(it.a).split(/\n\s*\n/)[0].replace(/[#*`>]/g, ''), 200);
+      const about = t.selection ? `关于你刚才说的「${askClip(t.selection.replace(/\s+/g, ' '), 60)}」，` : '';
+      const asked = it.q ? `我问了一下「${askClip(it.q, 60)}」，` : '';
+      cmdInput.value = `${about}${asked}了解到：${firstPara}\n我的想法是：`;
+      cmdInput.dispatchEvent(new Event('input'));
+      if (window.innerWidth <= 768) closeAsk();
+      cmdInput.focus();
+      cmdInput.setSelectionRange(cmdInput.value.length, cmdInput.value.length);
+      addStatusMessage('已放进输入框，补上你的想法后发送给 AI');
+    };
+    window.askCopyAnswer = function(i) {
+      const a = _askThread?.items[i]?.a;
+      if (a) navigator.clipboard?.writeText(a).then(() => addStatusMessage('已复制回答'), () => {});
+    };
+
     window.analyzeMemory = function() {
       const scopeTxt = _memScope === 'all' ? '所有项目 + 全局' : '本项目';
       const prompt = [