@wendongfly/myhi 1.3.204 → 1.3.206

package/dist/chat.html

@@ -324,6 +324,28 @@
     @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; }
+    #model-chip { display: inline-flex; align-items: center; gap: 0.25rem; height: 28px; max-width: 11rem; padding: 0 0.55rem; margin-right: 0.15rem; border-radius: 14px; border: 1px solid var(--border); background: var(--surface2); color: var(--text2, var(--text)); font-size: 0.74rem; cursor: pointer; flex-shrink: 1; min-width: 0; }
+    #model-chip:hover { border-color: var(--purple); }
+    #model-chip svg { width: 14px; height: 14px; flex-shrink: 0; }
+    #model-chip #model-chip-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
+    #model-chip .mc-caret { font-size: 0.7rem; color: var(--muted); flex-shrink: 0; }
+    @media (max-width: 480px) { #model-chip { max-width: 7.5rem; } }
+    #model-pop-ov { position: fixed; inset: 0; z-index: 80; display: none; }
+    #model-pop { position: fixed; z-index: 81; display: none; flex-direction: column; width: min(92vw, 340px); max-height: min(60vh, 460px); background: var(--surface); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
+    #model-pop.open, #model-pop-ov.open { display: flex; }
+    #model-pop-list { overflow-y: auto; padding: 0.3rem 0; flex: 1; min-height: 0; }
+    #model-pop .mp-h { padding: 0.45rem 0.85rem 0.15rem; font-size: 0.68rem; color: var(--muted); }
+    #model-pop .mp-i { display: flex; align-items: center; gap: 0.45rem; padding: 0.45rem 0.85rem; cursor: pointer; font-size: 0.82rem; color: var(--text); }
+    #model-pop .mp-i:hover { background: var(--surface2); }
+    #model-pop .mp-i.on { background: var(--surface2); font-weight: 600; }
+    #model-pop .mp-n { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    #model-pop .mp-sub { display: block; font-size: 0.66rem; color: var(--muted); font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    #model-pop .mp-tag { font-size: 0.62rem; padding: 0 0.35rem; border-radius: 8px; border: 1px solid; white-space: nowrap; flex-shrink: 0; font-weight: 400; }
+    #model-pop .mp-r { font-size: 0.68rem; color: var(--muted); white-space: nowrap; flex-shrink: 0; }
+    #model-pop .mp-ck { color: var(--green); flex-shrink: 0; }
+    #model-pop .mp-foot { border-top: 1px solid var(--surface2); padding: 0.45rem 0.6rem; display: flex; gap: 0.5rem; align-items: center; }
+    #model-pop .mp-foot input { flex: 1; min-width: 0; background: var(--bg); color: var(--text); border: 1px solid var(--border); border-radius: 7px; font-size: 0.74rem; padding: 0.3rem 0.5rem; outline: none; }
+    #model-pop .mp-foot a { font-size: 0.74rem; color: var(--text2, var(--text)); text-decoration: none; white-space: nowrap; }
     .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); }
@@ -406,7 +428,44 @@
     .fp-header h3 { flex: 1; font-size: 0.9rem; margin: 0; color: var(--text); }
     .fp-btn { background: var(--surface2); color: var(--text); border: 1px solid var(--border); border-radius: 6px; padding: 0.3rem 0.6rem; font-size: 0.75rem; cursor: pointer; }
     .fp-btn:active { background: var(--border); }
-    .fp-path { padding: 0.4rem 0.75rem; font-size: 0.7rem; color: var(--muted); border-bottom: 1px solid var(--surface2); word-break: break-all; flex-shrink: 0; }
+    .fp-path { padding: 0.4rem 0.75rem; font-size: 0.74rem; color: var(--muted); border-bottom: 1px solid var(--surface2); word-break: break-all; flex-shrink: 0; line-height: 1.6; }
+    .fp-path .crumb { color: var(--blue); cursor: pointer; }
+    .fp-path .crumb:hover { text-decoration: underline; }
+    .fp-path .crumb.cur { color: var(--text); cursor: default; text-decoration: none; font-weight: 600; }
+    .fp-path .sep { margin: 0 0.25rem; color: var(--muted); }
+    .fp-x { padding: 0.25rem 0.55rem; }
+    #fp-tools { display: flex; gap: 0.4rem; align-items: center; padding: 0.35rem 0.75rem; border-bottom: 1px solid var(--surface2); flex-shrink: 0; }
+    #fp-sel-bar { display: none; align-items: center; gap: 0.3rem; padding: 0.45rem 0.6rem; background: var(--surface2); font-size: 0.76rem; border-top: 1px solid var(--border); flex-shrink: 0; }
+    #fp-sel-bar .fp-btn { padding: 0.3rem 0.45rem; white-space: nowrap; }
+    .fp-item .fp-more { color: var(--muted); padding: 0 0.45rem; font-size: 1rem; line-height: 1; letter-spacing: 1px; flex-shrink: 0; align-self: flex-start; border-radius: 6px; cursor: pointer; }
+    .fp-item .fp-more:hover { background: var(--surface2); color: var(--text); }
+    #fp-viewer { position: fixed; inset: 0; z-index: 95; background: rgba(0,0,0,0.92); display: none; flex-direction: column; }
+    #fp-viewer.open { display: flex; }
+    #fp-viewer .fv-head { display: flex; align-items: center; gap: 0.4rem; padding: 0.55rem 0.75rem; padding-top: max(0.55rem, env(safe-area-inset-top)); color: #eee; flex-shrink: 0; }
+    #fp-viewer .fv-title { flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: 0.85rem; }
+    #fp-viewer .fv-title b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
+    #fp-viewer .fv-title span { font-size: 0.68rem; color: #aaa; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'SF Mono', Consolas, monospace; }
+    #fp-viewer .fp-btn { background: rgba(255,255,255,0.12); color: #fff; border-color: rgba(255,255,255,0.2); white-space: nowrap; }
+    #fp-viewer .fv-body { flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; overflow: auto; padding: 0 0.5rem max(0.5rem, env(safe-area-inset-bottom)); }
+    #fp-viewer .fv-body img { max-width: 100%; max-height: 100%; object-fit: contain; cursor: zoom-in; background: repeating-conic-gradient(#ccc 0 25%, #fff 0 50%) 0 0 / 16px 16px; }
+    #fp-viewer .fv-body img.zoom { max-width: none; max-height: none; cursor: zoom-out; }
+    #fp-viewer .fv-body.zoomed { align-items: flex-start; justify-content: flex-start; }
+    #fp-viewer .fv-body video { max-width: 100%; max-height: 100%; }
+    #fp-viewer .fv-body audio { width: min(90%, 32rem); }
+    #fp-viewer .fv-body iframe { width: 100%; height: 100%; border: 0; background: #fff; border-radius: 6px; }
+    #fp-viewer .fv-msg { color: #ddd; text-align: center; font-size: 0.88rem; line-height: 1.7; }
+    #fp-viewer .fv-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 2.6rem; height: 3.6rem; border: none; border-radius: 8px; background: rgba(255,255,255,0.14); color: #fff; font-size: 1.8rem; cursor: pointer; display: none; }
+    #fp-viewer .fv-nav.prev { left: 0.5rem; } #fp-viewer .fv-nav.next { right: 0.5rem; }
+    #fp-viewer.multi .fv-nav { display: block; }
+    /* 行 / 工具 ⋯ 菜单：电脑上是贴着鼠标的小菜单，手机上是底部抽屉 */
+    #fp-menu-ov { position: fixed; inset: 0; z-index: 90; }
+    #fp-menu { position: fixed; z-index: 91; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,0.3); padding: 0.3rem 0; min-width: 12rem; max-width: 18rem; }
+    #fp-menu.sheet { left: 0 !important; right: 0; bottom: 0; top: auto !important; max-width: none; border-radius: 16px 16px 0 0; padding-bottom: max(0.6rem, env(safe-area-inset-bottom)); }
+    #fp-menu .mh { padding: 0.4rem 0.9rem 0.3rem; font-size: 0.7rem; color: var(--muted); word-break: break-all; border-bottom: 1px solid var(--surface2); }
+    #fp-menu button { display: block; width: 100%; text-align: left; background: none; border: none; color: var(--text); font-size: 0.84rem; padding: 0.55rem 0.9rem; cursor: pointer; }
+    #fp-menu.sheet button { padding: 0.8rem 1.1rem; font-size: 0.9rem; }
+    #fp-menu button:hover { background: var(--surface2); }
+    #fp-menu button small { color: var(--muted); font-size: 0.7rem; margin-left: 0.3rem; }
     .fp-list { flex: 1; overflow-y: auto; padding: 0.25rem 0; }
     .fp-item { display: flex; align-items: center; padding: 0.5rem 0.75rem; gap: 0.5rem; cursor: pointer; font-size: 0.82rem; color: var(--text); }
     .fp-item:active { background: var(--surface2); }
@@ -419,12 +478,15 @@
     #fp-multi-btn.on { border-color: var(--purple); color: var(--purple); }
     .fp-item .fp-dl { color: var(--blue); font-size: 0.78rem; text-decoration: none; padding: 0.2rem 0.3rem; flex-shrink: 0; align-self: flex-start; }
     .fp-empty { text-align: center; color: var(--muted); padding: 2rem 0.75rem; font-size: 0.85rem; }
+    /* 拖拽上传区：平时不占位置，电脑上把文件拖进抽屉时才出现（手机没法拖拽） */
     .fp-drop-zone {
+      display: none;
       margin: 0.5rem 0.75rem; padding: 1.5rem; border: 2px dashed var(--border); border-radius: 8px;
       text-align: center; color: var(--muted); font-size: 0.8rem; flex-shrink: 0;
       transition: border-color 0.2s, background 0.2s;
     }
     .fp-drop-zone.dragover { border-color: var(--blue); background: rgba(88,166,255,0.08); }
+    #file-panel.dragging .fp-drop-zone { display: block; border-color: var(--blue); background: rgba(88,166,255,0.08); color: var(--blue); }
     .fp-progress { padding: 0.4rem 0.75rem; font-size: 0.75rem; color: var(--yellow); flex-shrink: 0; display: none; }
     .fp-sync-bar { display: flex; gap: 0.4rem; padding: 0.5rem 0.75rem; border-bottom: 1px solid var(--surface2); flex-shrink: 0; align-items: center; flex-wrap: wrap; }
     .fp-sync-bar .fp-btn { font-size: 0.7rem; padding: 0.25rem 0.5rem; }
@@ -760,6 +822,11 @@
         <input type="file" id="file-input" style="display:none" onchange="uploadTempFile(this.files[0]); this.value='';">
         <span id="enter-hint" style="display:none;font-size:0.68rem;color:var(--muted);white-space:nowrap;align-self:center;margin-left:0.15rem"></span>
         <div class="spacer"></div>
+        <!-- 模型：当前会话用的模型，点开在上方选（读 myhi 本地场景配置 + 网关模型目录） -->
+        <button id="model-chip" style="display:none" onclick="openModelPop()" title="切换模型">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
+          <span id="model-chip-name">默认</span><span class="mc-caret">⌃</span>
+        </button>
         <button class="tb-btn" id="voice-btn" onclick="openVaSheet()" title="语音输入 / 需求助手">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1a3 3 0 00-3 3v8a3 3 0 006 0V4a3 3 0 00-3-3z"/><path d="M19 10v2a7 7 0 01-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/><line x1="8" y1="23" x2="16" y2="23"/></svg>
         </button>
@@ -802,7 +869,6 @@
     <div id="sk-claude-agent" style="display:none">
       <button class="sk sk-claude" id="sk-inbox" data-sk="draft" onclick="openInboxSheet()" style="color:var(--yellow)">📥 草稿<span id="inbox-badge" style="display:none;margin-left:0.2rem;background:var(--yellow);color:#000;border-radius:8px;padding:0 0.32rem;font-size:0.66rem;font-weight:700"></span></button>
       <button class="sk sk-claude" data-sk="folder" onclick="fpOpenFolder()" style="color:var(--blue2)">📂 文件夹</button>
-      <button class="sk sk-claude" data-sk="model" onclick="openModelSheet()">模型</button>
       <button class="sk sk-claude" id="btn-plan" data-sk="plan" onclick="togglePlanMode()">计划</button>
       <button class="sk sk-claude" data-sk="compact" onclick="doSlashCmd('/compact')">压缩</button>
       <button class="sk sk-claude" data-sk="resume" onclick="openResumeSheet()">恢复</button>
@@ -826,10 +892,8 @@
   <div id="file-panel-backdrop" onclick="closeFilePanel()"></div>
   <div id="file-panel">
     <div class="fp-header">
-      <h3 id="fp-title">文件管理</h3>
-      <button class="fp-btn" onclick="fpUploadClick()">上传</button>
-      <button class="fp-btn" onclick="fpStartSync()">同步</button>
-      <button class="fp-btn" onclick="closeFilePanel()">关闭</button>
+      <h3 id="fp-title">文件</h3>
+      <button class="fp-btn fp-x" onclick="closeFilePanel()" title="关闭">✕</button>
     </div>
     <div class="fp-sync-bar" id="fp-sync-bar" style="display:none">
       <span class="sync-dir" id="fp-sync-dir"></span>
@@ -837,29 +901,45 @@
       <button class="fp-btn" onclick="fpExitSync()">退出同步</button>
     </div>
     <div class="fp-path" id="fp-path"></div>
-    <div id="fp-tools" style="display:flex;gap:0.4rem;align-items:center;padding:0.3rem 0.75rem;flex-wrap:wrap">
-      <button class="fp-btn" onclick="fpOpenFolder()" title="在本机桌面打开该任务的文件夹——仅当浏览器与 myhi 服务在同一台机器时有效；远程访问不会有效果，请用下方列表浏览/下载">📂 打开当前文件夹（不支持远程）</button>
+    <!-- 工具栏只留常用的两个；同步 / 排序 / 本机打开文件夹收进 ⋯ -->
+    <div id="fp-tools">
+      <button class="fp-btn" onclick="fpUploadClick()" title="上传文件到当前目录（电脑上也可以直接把文件拖进来）">⬆ 上传</button>
+      <button class="fp-btn" id="fp-multi-btn" onclick="fpToggleMulti()" title="勾选多个文件 / 文件夹：打包下载，或一次引用给 AI">☑ 选择</button>
       <span style="flex:1"></span>
-      <button class="fp-btn" id="fp-multi-btn" onclick="fpToggleMulti()" title="勾选多个文件 / 文件夹，打包成一个 zip 下载">☑ 多选</button>
-      <button class="fp-btn" id="fp-sort-btn" onclick="fpToggleSort()" title="切换排序">排序: 名称</button>
+      <button class="fp-btn" onclick="fpToolsMenu(event)" title="更多：同步到本地、排序、在本机打开文件夹">⋯</button>
     </div>
-    <div id="fp-sel-bar" style="display:none;align-items:center;gap:0.4rem;padding:0.35rem 0.75rem;background:var(--surface2);font-size:0.78rem;flex-wrap:wrap">
-      <span id="fp-sel-count" style="color:var(--muted)">已选 0 项</span>
+    <div class="fp-list" id="fp-list"></div>
+    <!-- 选择模式的操作栏放底部：手指够得着 -->
+    <div id="fp-sel-bar">
+      <span id="fp-sel-count" style="color:var(--muted);white-space:nowrap">已选0</span>
       <span style="flex:1"></span>
       <button class="fp-btn" onclick="fpSelAll()">全选</button>
+      <button class="fp-btn" id="fp-sel-ref" onclick="fpReferSelected()" disabled title="把选中的文件路径一起插进消息框，让 AI 读这些文件">@ 引用</button>
       <button class="fp-btn fp-btn-primary" id="fp-sel-dl" onclick="fpZipSelected()" disabled>⬇ 打包下载</button>
-      <button class="fp-btn" onclick="fpToggleMulti(false)">取消</button>
+      <button class="fp-btn" onclick="fpToggleMulti(false)" title="取消选择">✕</button>
     </div>
-    <div class="fp-list" id="fp-list"></div>
     <div class="fp-diff-actions" id="fp-diff-actions" style="display:none">
       <button class="fp-btn fp-btn-primary" onclick="fpSyncToLocal()">下载到本地</button>
       <button class="fp-btn fp-btn-warn" onclick="fpSyncToServer()">上传到服务器</button>
     </div>
     <div class="fp-progress" id="fp-progress"></div>
-    <div class="fp-drop-zone" id="fp-drop">拖拽文件到此处上传，或点击上方按钮</div>
+    <div class="fp-drop-zone" id="fp-drop">松开鼠标，上传到当前目录</div>
     <input type="file" id="fp-file-input" multiple style="display:none">
   </div>
 
+  <!-- 文件预览：图片 / PDF / 音视频（浏览器原生能显示的），文件面板和聊天里的文件链接共用 -->
+  <div id="fp-viewer">
+    <div class="fv-head">
+      <div class="fv-title"><b id="fv-name"></b><span id="fv-path"></span></div>
+      <button class="fp-btn" id="fv-open" title="在浏览器新标签页里打开">↗ 新标签</button>
+      <button class="fp-btn" id="fv-dl" title="下载">⬇</button>
+      <button class="fp-btn" onclick="fpClosePreview()" title="关闭 (Esc)">✕</button>
+    </div>
+    <div class="fv-body" id="fv-body"></div>
+    <button class="fv-nav prev" id="fv-prev" onclick="fpPreviewStep(-1)" title="上一张 (←)">‹</button>
+    <button class="fv-nav next" id="fv-next" onclick="fpPreviewStep(1)" title="下一张 (→)">›</button>
+  </div>
+
   <!-- 设置面板 -->
   <div id="settings-backdrop" onclick="closeSettings()"></div>
   <div id="settings-panel">
@@ -902,7 +982,6 @@
     <div class="setting-group" data-stab="task" style="display:none">
       <div class="set-task-hint">这些设置只对当前任务（或它所在的项目）生效，快捷栏里隐藏了的也能从这里打开。</div>
       <div class="set-task-grid">
-        <button onclick="closeSettings();openModelSheet()">🤖 模型</button>
         <button onclick="closeSettings();openGuardSheet()">🛡 隐私护栏</button>
         <button onclick="closeSettings();openSecretsSheet()">🔑 密钥</button>
         <button onclick="closeSettings();openFollowUpSheet()">🔄 自动跟进</button>
@@ -938,6 +1017,14 @@
     </div>
   </div>
 
+  <div id="model-pop-ov" onclick="closeModelPop()"></div>
+  <div id="model-pop">
+    <div id="model-pop-list"></div>
+    <div class="mp-foot">
+      <input id="model-pop-custom" placeholder="其他模型：输入名字后回车" autocomplete="off" spellcheck="false" onkeydown="if(event.key==='Enter'&&this.value.trim()){closeModelPop();selectModel({id:this.value.trim(),label:this.value.trim()});this.value=''}">
+      <a id="model-pop-cfg" href="/?settings=1" target="_top">⚙ 配置模型</a>
+    </div>
+  </div>
   <div id="model-sheet" class="action-sheet">
     <div class="action-sheet-backdrop" onclick="closeModelSheet()"></div>
     <div class="action-sheet-box">
@@ -1288,6 +1375,7 @@
     <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>
+    <button onmousedown="event.preventDefault()" onclick="askSendToAI()" title="把选中的内容引用到输入框，接着写要求发给当前任务的 AI">💬 发给 AI</button>
   </div>
   <div id="ask-panel" role="dialog" aria-label="问一问">
     <div class="ask-head">
@@ -3062,6 +3150,8 @@
       updateControlUI(session.controlHolder === socket.id, session.controlHolderName);
 
       claudeSession = isClaudeSession(session) || session.mode === 'agent';
+      document.getElementById('model-chip').style.display = session.mode === 'agent' ? '' : 'none';
+      if (session.mode === 'agent') refreshModelChip();
       updateShortcutBar();
       updatePlanButton();
       ctxUpdate(session.contextTokens || 0);
@@ -3648,6 +3738,11 @@
         saveDraftFromInput('busy');
         return;
       }
+      // 网关积分用尽：发出去大概率被网关拒，先提醒一句（本地 / 斜杠命令不算）
+      if (currentSession?.mode === 'agent' && !text.startsWith('/')) {
+        const q = quotaState();
+        if (q.out && !confirm(q.msg + '\n\n发出去大概率会被网关拒绝。仍要发送吗？')) return;
+      }
 
       if (!isController) {
         if (canTakeControl()) { socket.emit('take-control', { sessionId: SESSION_ID }); }
@@ -4056,7 +4151,7 @@
         <b>让它读文件</b>：打 <b>@</b> 从本项目逐层浏览、打字搜索；项目外打 <b>@D:</b>、<b>@/</b>、<b>@~/</b> 按路径逐层浏览；选中插路径；或点「文件」面板的 <b>@</b> 引用。<br>
         <b>工具/思考</b>：AI 干活的过程默认折叠，点「🔧 N 个工具调用」展开看命令与输出。<br>
         <b>AI 忙时</b>：想补充或提醒，点输入框右边「⚡ 插话」——不打断，AI 下一步就会看到并调整（气泡上显示「AI 已看到」）；不急的就回车「存草稿」排队，草稿里可排顺序、编辑、合并，开「依次自动发送」后每干完一轮自动发下一条，AI 忙时也能把草稿「⚡ 插入」当前任务。<br>
-        <b>看不懂就问</b>：在聊天里<b>选中</b>看不懂的词或一段话（手机长按选中），点「💡 解释」或「❓ 问一问」，答案在旁边小窗里，可以继续追问；这些问答<b>不会打扰正在干活的 AI</b>，想让它知道就点「👉 告诉 AI」。<br>
+        <b>看不懂就问</b>：在聊天里<b>选中</b>看不懂的词或一段话（手机长按选中），点「💡 解释」或「❓ 问一问」，答案在旁边小窗里，可以继续追问；这些问答<b>不会打扰正在干活的 AI</b>，想让它知道就点「👉 告诉 AI」。想直接拿这段内容跟 AI 说事，点「💬 发给 AI」：内容会引用到输入框，接着写要求再发送。<br>
         <b>AI 提问 / 交方案</b>：AI 需要你拿主意时会弹出选项，选一个即可，也可「跳过，让 AI 自己决定」；收起后输入框上方「❓ AI 在等你回答」可再打开。<br>
         <b>定位旧消息</b>：电脑上鼠标移到聊天区，右下角 ☰ 可列出你发过的消息点击跳转；看完点底部「↓ 回到底部」一键回来。
         ${sec('顶栏')}
@@ -4134,7 +4229,7 @@
         const r = await fetch(`/api/files/${SESSION_ID}?path=${encodeURIComponent(fpCurrentPath)}`);
         const data = await r.json();
         if (!data.ok) { list.innerHTML = `<div class="fp-empty">${escHtml(data.error)}</div>`; return; }
-        document.getElementById('fp-path').textContent = data.cwd + (data.path ? '/' + data.path : '');
+        fpRenderCrumbs(data.cwd, data.path || '');
         if (!data.entries.length && data.parent == null) {
           list.innerHTML = '<div class="fp-empty">空目录</div>';
           return;
@@ -4156,19 +4251,15 @@
             html += `<div class="fp-item${on ? ' sel' : ''}" onclick="fpToggleSel('${escAttr(rel)}')"><input type="checkbox" class="fp-chk" ${on ? 'checked' : ''} tabindex="-1" style="pointer-events:none"><span class="fp-icon">${e.isDir ? '📁' : '📄'}</span><span class="fp-name" title="${escAttr(rel)}">${escHtml(e.name)}</span>${e.isDir ? '' : `<span class="fp-size">${fpFormatSize(e.size)}</span>`}</div>`;
             continue;
           }
-          if (e.isDir) {
-            html += `<div class="fp-item" onclick="fpNav('${escHtml(rel)}')"><span class="fp-icon">📁</span><span class="fp-name" title="${escAttr(rel)}">${escHtml(e.name)}</span><span class="fp-dl" onclick="event.stopPropagation();fpRefer('${escAttr(rel)}/')" title="引用：把目录路径插入消息框">@</span><span class="fp-dl" onclick="event.stopPropagation();fpZip(['${escAttr(rel)}'])" title="打包下载这个文件夹（zip）">⬇</span></div>`;
-          } else {
-            const editable = isEditableFile(e.name);
-            html += `<div class="fp-item" ${editable ? `style="cursor:pointer" onclick="openFileEditor('${escAttr(rel)}')" title="点击在线编辑"` : ''}>
-              <span class="fp-icon">${editable ? '📝' : '📄'}</span>
-              <span class="fp-name" title="${escAttr(rel)}">${escHtml(e.name)}</span>
-              <span class="fp-size">${fpFormatSize(e.size)}</span>
-              <span class="fp-dl" onclick="event.stopPropagation();fpRefer('${escAttr(rel)}')" title="引用：把文件路径插入消息框，让 AI 读这个文件">@</span>
-              ${editable ? `<span class="fp-dl" onclick="event.stopPropagation();openFileEditor('${escAttr(rel)}')" title="在线编辑">✏️</span>` : ''}
-              <a class="fp-dl" href="/api/files/${SESSION_ID}/download?path=${encodeURIComponent(rel)}" download title="下载" onclick="event.stopPropagation()">⬇</a>
-            </div>`;
-          }
+          // 点整行 = 打开（文件夹进入 / 文件预览或编辑）；其余操作都在行尾 ⋯（电脑上右键也行）
+          const kind = e.isDir ? 'd' : isEditableFile(e.name) ? 'e' : previewKind(e.name) ? 'p' : 'f';
+          const a = `'${escAttr(rel)}','${kind}'`;
+          html += `<div class="fp-item" onclick="fpOpen(${a})" oncontextmenu="fpItemMenu(event,${a})" title="${kind === 'f' ? '点击查看可用操作' : '点击打开'}">
+            <span class="fp-icon">${e.isDir ? '📁' : kind === 'e' ? '📝' : kind === 'p' ? ({ img: '🖼', pdf: '📕', video: '🎬', audio: '🎵' })[previewKind(e.name)] : '📄'}</span>
+            <span class="fp-name">${escHtml(e.name)}</span>
+            ${e.isDir ? '' : `<span class="fp-size">${fpFormatSize(e.size)}</span>`}
+            <span class="fp-more" onclick="event.stopPropagation();fpItemMenu(event,${a})" title="更多操作">⋯</span>
+          </div>`;
         }
         list.innerHTML = html;
       } catch (e) {
@@ -4186,8 +4277,9 @@
       bar.style.display = fpSel ? 'flex' : 'none';
       document.getElementById('fp-multi-btn').classList.toggle('on', !!fpSel);
       if (!fpSel) return;
-      document.getElementById('fp-sel-count').textContent = `已选 ${fpSel.size} 项`;
+      document.getElementById('fp-sel-count').textContent = `已选${fpSel.size}`;
       document.getElementById('fp-sel-dl').disabled = !fpSel.size;
+      document.getElementById('fp-sel-ref').disabled = !fpSel.size;
     }
     window.fpToggleMulti = function(on) {
       fpSel = (on ?? !fpSel) ? new Set() : null;
@@ -4205,6 +4297,149 @@
       fpSyncSelBar(); fpLoadFiles();
     };
     window.fpZipSelected = function() { if (fpSel?.size) fpZip([...fpSel]); };
+    // 选中的一次引用给 AI：路径用空格连起来插进消息框
+    window.fpReferSelected = function() {
+      if (!fpSel?.size) return;
+      const list = [...fpSel];
+      fpToggleMulti(false);
+      fpRefer(list.join(' '));
+    };
+
+    // 面包屑：项目名 › 子目录 › …，点哪级回哪级
+    function fpRenderCrumbs(cwd, path) {
+      const el = document.getElementById('fp-path');
+      const root = String(cwd || '').replace(/[\\/]+$/, '').split(/[\\/]/).pop() || '项目';
+      const segs = path ? path.split('/') : [];
+      const parts = [{ name: root, rel: '' }, ...segs.map((n, i) => ({ name: n, rel: segs.slice(0, i + 1).join('/') }))];
+      el.innerHTML = parts.map((p, i) => i === parts.length - 1
+        ? `<span class="crumb cur">${escHtml(p.name)}</span>`
+        : `<span class="crumb" onclick="fpNav('${escAttr(p.rel)}')">${escHtml(p.name)}</span><span class="sep">›</span>`).join('');
+      el.title = String(cwd || '') + (path ? '/' + path : '');
+    }
+
+    // 点整行：文件夹进入；能在线看 / 改的打开（html / md 默认预览）；其他文件（图片、压缩包…）弹出操作菜单
+    window.fpOpen = function(rel, kind) {
+      if (fpSel) return fpToggleSel(rel);
+      if (kind === 'd') return fpNav(rel);
+      if (kind === 'e') return openFileEditor(rel);
+      if (kind === 'p') return fpPreview(rel);
+      fpItemMenu(null, rel, kind);
+    };
+    window.fpCopyPath = function(rel) {
+      const t = typeof feditAbs === 'function' ? feditAbs(rel) : rel;
+      const ok = () => addStatusMessage('已复制路径：' + t);
+      (navigator.clipboard?.writeText(t) || Promise.reject()).then(ok, () => {
+        const x = document.createElement('textarea'); x.value = t; document.body.appendChild(x); x.select();
+        try { document.execCommand('copy'); ok(); } catch {} x.remove();
+      });
+    };
+    function fpDownload(rel) {
+      const a = document.createElement('a');
+      a.href = `/api/files/${SESSION_ID}/download?path=${encodeURIComponent(rel)}`; a.download = '';
+      document.body.appendChild(a); a.click(); a.remove();
+    }
+
+    // 通用小菜单：电脑（鼠标）贴着点击位置弹，手机从底部弹
+    function fpMenu(ev, title, items) {
+      document.getElementById('fp-menu-ov')?.remove(); document.getElementById('fp-menu')?.remove();
+      const ov = document.createElement('div'); ov.id = 'fp-menu-ov';
+      const m = document.createElement('div'); m.id = 'fp-menu';
+      const sheet = !ev || !matchMedia('(pointer: fine)').matches;
+      if (sheet) { m.classList.add('sheet'); ov.style.background = 'rgba(0,0,0,0.45)'; }
+      m.innerHTML = (title ? `<div class="mh">${escHtml(title)}</div>` : '') +
+        items.map((it, i) => `<button data-i="${i}">${it[0]}${it[2] ? `<small>${escHtml(it[2])}</small>` : ''}</button>`).join('');
+      const close = () => { ov.remove(); m.remove(); };
+      ov.onclick = close; ov.oncontextmenu = (e) => { e.preventDefault(); close(); };
+      m.onclick = (e) => { const b = e.target.closest('button[data-i]'); if (!b) return; close(); items[+b.dataset.i][1](); };
+      document.body.appendChild(ov); document.body.appendChild(m);
+      if (!sheet) {
+        const r = m.getBoundingClientRect();
+        m.style.left = Math.max(8, Math.min(ev.clientX, innerWidth - r.width - 8)) + 'px';
+        m.style.top = Math.max(8, Math.min(ev.clientY, innerHeight - r.height - 8)) + 'px';
+      }
+    }
+    window.fpItemMenu = function(ev, rel, kind) {
+      if (ev) { ev.preventDefault(); ev.stopPropagation(); }
+      if (fpSel) return;
+      const items = [];
+      if (kind === 'd') items.push(['📂 打开', () => fpNav(rel)], ['⬇ 打包下载', () => fpZip([rel]), 'zip']);
+      else {
+        if (kind === 'e') items.push([/\.(html?|md|markdown)$/i.test(rel) ? '👁 查看 / 编辑' : '✏️ 编辑', () => openFileEditor(rel)]);
+        if (kind === 'p') items.push(['👁 预览', () => fpPreview(rel)]);
+        items.push(['⬇ 下载', () => fpDownload(rel)]);
+      }
+      items.push(['@ 引用到消息', () => fpRefer(kind === 'd' ? rel + '/' : rel), '让 AI 读它'], ['📋 复制路径', () => fpCopyPath(rel)]);
+      fpMenu(ev, rel, items);
+    };
+    // ── 文件预览：图片 / PDF / 音视频 —— 浏览器自己能显示的直接看，不用先下载 ──────────
+    window.previewKind = function(name) {
+      const e = (String(name).toLowerCase().match(/\.([a-z0-9]+)$/) || [])[1] || '';
+      if (/^(png|jpe?g|gif|webp|bmp|ico|avif|svg)$/.test(e)) return 'img';
+      if (e === 'pdf') return 'pdf';
+      if (/^(mp4|webm|ogv|mov|m4v)$/.test(e)) return 'video';
+      if (/^(mp3|wav|ogg|oga|m4a|flac|aac|opus)$/.test(e)) return 'audio';
+      return null;
+    };
+    let _fvList = [], _fvIdx = 0;
+    const fvUrl = (rel, inline) => `/api/files/${SESSION_ID}/download?path=${encodeURIComponent(rel)}${inline ? '&inline=1' : ''}`;
+    window.fpPreview = function(rel) {
+      // 同一目录的图片可以左右翻（从文件面板打开时）
+      const dir = rel.includes('/') ? rel.slice(0, rel.lastIndexOf('/')) : '';
+      const sameDirImgs = previewKind(rel) === 'img' && dir === fpCurrentPath ? fpVisible.filter(r => previewKind(r) === 'img') : [];
+      _fvList = sameDirImgs.length > 1 ? sameDirImgs : [rel];
+      _fvIdx = Math.max(0, _fvList.indexOf(rel));
+      document.getElementById('fp-viewer').classList.add('open');
+      fvShow();
+    };
+    function fvShow() {
+      const rel = _fvList[_fvIdx], kind = previewKind(rel), url = fvUrl(rel, true);
+      const v = document.getElementById('fp-viewer'), body = document.getElementById('fv-body');
+      v.classList.toggle('multi', _fvList.length > 1);
+      document.getElementById('fv-name').textContent = rel.split('/').pop() + (_fvList.length > 1 ? `  (${_fvIdx + 1}/${_fvList.length})` : '');
+      document.getElementById('fv-path').textContent = typeof feditAbs === 'function' ? feditAbs(rel) : rel;
+      document.getElementById('fv-open').onclick = () => window.open(url, '_blank');
+      document.getElementById('fv-dl').onclick = () => fpDownload(rel);
+      body.classList.remove('zoomed');
+      if (kind === 'img') {
+        body.innerHTML = `<img src="${escAttr(url)}" alt="">`;
+        const img = body.querySelector('img');
+        img.onclick = () => { img.classList.toggle('zoom'); body.classList.toggle('zoomed', img.classList.contains('zoom')); };   // 点击看原尺寸
+        img.onerror = () => { body.innerHTML = '<div class="fv-msg">图片打不开（可能已被删除或格式损坏）</div>'; };
+      } else if (kind === 'video') {
+        body.innerHTML = `<video src="${escAttr(url)}" controls autoplay playsinline></video>`;
+      } else if (kind === 'audio') {
+        body.innerHTML = `<audio src="${escAttr(url)}" controls autoplay></audio>`;
+      } else if (kind === 'pdf') {
+        // 手机浏览器大多不能把 PDF 嵌在页面里（安卓会直接下载）：给按钮在新标签打开
+        if (matchMedia('(pointer: coarse)').matches) {
+          body.innerHTML = `<div class="fv-msg">手机浏览器不能在页面里直接显示 PDF<br><button class="fp-btn" style="margin-top:0.8rem;padding:0.5rem 1rem" onclick="window.open('${escAttr(url)}','_blank')">↗ 在新标签打开</button></div>`;
+        } else body.innerHTML = `<iframe src="${escAttr(url)}"></iframe>`;
+      }
+    }
+    window.fpPreviewStep = function(d) {
+      if (_fvList.length < 2) return;
+      _fvIdx = (_fvIdx + d + _fvList.length) % _fvList.length; fvShow();
+    };
+    window.fpClosePreview = function() {
+      const v = document.getElementById('fp-viewer');
+      v.classList.remove('open');
+      document.getElementById('fv-body').innerHTML = '';   // 停掉正在播放的音视频
+    };
+    document.addEventListener('keydown', (e) => {
+      if (!document.getElementById('fp-viewer').classList.contains('open')) return;
+      if (e.key === 'Escape') fpClosePreview();
+      else if (e.key === 'ArrowLeft') fpPreviewStep(-1);
+      else if (e.key === 'ArrowRight') fpPreviewStep(1);
+    });
+
+    window.fpToolsMenu = function(ev) {
+      const items = [
+        ['🔄 同步到本地文件夹', () => fpStartSync(), 'Chrome / Edge'],
+        [fpSort === 'recent' ? '🔤 按名称排序' : '🕘 按最近修改排序', () => fpToggleSort()],
+      ];
+      if (!document.body.classList.contains('no-desktop')) items.push(['📂 在这台电脑上打开文件夹', () => fpOpenFolder(), '远程访问无效']);
+      fpMenu(ev, '', items);
+    };
     window.fpZip = async function(paths) {
       const prog = document.getElementById('fp-progress');
       prog.textContent = '正在统计要打包的文件…'; prog.style.display = 'block';
@@ -4285,13 +4520,16 @@
       setTimeout(() => { progress.style.display = 'none'; }, 3000);
     }
 
-    // 拖拽上传
-    const fpDrop = document.getElementById('fp-drop');
-    fpDrop.addEventListener('dragover', (e) => { e.preventDefault(); fpDrop.classList.add('dragover'); });
-    fpDrop.addEventListener('dragleave', () => fpDrop.classList.remove('dragover'));
-    fpDrop.addEventListener('drop', (e) => {
-      e.preventDefault();
-      fpDrop.classList.remove('dragover');
+    // 拖拽上传：把文件拖到抽屉任意位置，出现提示区，松开即上传到当前目录
+    const fpPanel = document.getElementById('file-panel');
+    let fpDragDepth = 0;
+    const isFileDrag = (e) => [...(e.dataTransfer?.types || [])].includes('Files');
+    fpPanel.addEventListener('dragenter', (e) => { if (!isFileDrag(e) || syncMode) return; e.preventDefault(); fpDragDepth++; fpPanel.classList.add('dragging'); });
+    fpPanel.addEventListener('dragover', (e) => { if (isFileDrag(e) && !syncMode) e.preventDefault(); });
+    fpPanel.addEventListener('dragleave', () => { if (--fpDragDepth <= 0) { fpDragDepth = 0; fpPanel.classList.remove('dragging'); } });
+    fpPanel.addEventListener('drop', (e) => {
+      if (!isFileDrag(e) || syncMode) return;
+      e.preventDefault(); fpDragDepth = 0; fpPanel.classList.remove('dragging');
       if (e.dataTransfer.files.length) fpUploadFiles(e.dataTransfer.files);
     });
 
@@ -4330,7 +4568,13 @@
       const rel = feditNormPath(String(rawPath || '').trim());
       if (!rel) { addStatusMessage('路径为空'); return; }
       if (!isEditableFile(rel)) {
-        addStatusMessage('「' + rel.split('/').pop() + '」不是可编辑的文本类型，请用下载');
+        // 图片 / PDF / 音视频：浏览器能直接显示，打开预览（AI 只写文件名时在任务目录里按名字找）
+        if (previewKind(rel)) {
+          let p = rel;
+          if (!rel.includes('/')) { const hit = await feditFindByName(rel); if (hit) p = hit; }
+          return fpPreview(p);
+        }
+        addStatusMessage('「' + rel.split('/').pop() + '」浏览器打不开这种文件，请在文件面板里下载');
         return;
       }
       const sheet = document.getElementById('fedit-sheet');
@@ -4357,14 +4601,15 @@
           return;
         }
         const html = /\.html?$/i.test(d.name || d.path || '');
-        _fedit = { path: d.path, name: d.name, mtime: d.mtime, md: !!d.md, html, mode: 'edit', loaded: d.content, dirty: false };
+        const svg = /\.svg$/i.test(d.name || d.path || '');
+        _fedit = { path: d.path, name: d.name, mtime: d.mtime, md: !!d.md, html, svg, mode: 'edit', loaded: d.content, dirty: false };
         document.getElementById('fedit-path').textContent = feditAbs(d.path);
         document.getElementById('fedit-ta').value = d.content;
         document.getElementById('fedit-loading').style.display = 'none';
-        document.getElementById('fedit-tab-preview').style.display = (_fedit.md || html) ? '' : 'none';
+        document.getElementById('fedit-tab-preview').style.display = (_fedit.md || html || svg) ? '' : 'none';
         document.getElementById('fedit-newtab').style.display = html ? '' : 'none';
         // 文档类（md / html）默认「看」，要改再点 ✏️ 编辑
-        feditSetMode(_fedit.md || html ? 'preview' : 'edit');
+        feditSetMode(_fedit.md || html || svg ? 'preview' : 'edit');
       } catch (e) {
         addStatusMessage('打开出错: ' + e.message);
         sheet.classList.remove('open');
@@ -4423,15 +4668,21 @@
 
     window.feditSetMode = function(mode) {
       if (!_fedit) return;
-      if (mode === 'preview' && !_fedit.md && !_fedit.html) mode = 'edit';
+      if (mode === 'preview' && !_fedit.md && !_fedit.html && !_fedit.svg) mode = 'edit';
       _fedit.mode = mode;
       const ta = document.getElementById('fedit-ta');
       const pv = document.getElementById('fedit-preview');
       ta.style.display = mode === 'edit' ? 'block' : 'none';
       pv.style.display = mode === 'preview' ? 'block' : 'none';
-      pv.classList.toggle('html', mode === 'preview' && !!_fedit.html);
+      pv.classList.toggle('html', mode === 'preview' && !!(_fedit.html || _fedit.svg));
       document.getElementById('fedit-icon').textContent = mode === 'preview' ? '📄' : '✏️';
-      if (mode === 'preview') { if (_fedit.html) feditRenderHtml(pv, ta.value); else pv.innerHTML = renderMarkdown(ta.value); }
+      if (mode === 'preview') {
+        if (_fedit.html) feditRenderHtml(pv, ta.value);
+        else if (_fedit.svg) {   // SVG 用 <img> 渲染：图片上下文里内嵌脚本不执行；用编辑框内容，没保存的修改也能看
+          const u = URL.createObjectURL(new Blob([ta.value], { type: 'image/svg+xml' }));
+          pv.innerHTML = `<div style="height:100%;display:flex;align-items:center;justify-content:center;padding:0.5rem;box-sizing:border-box"><img src="${u}" style="max-width:100%;max-height:100%;object-fit:contain"></div>`;
+        } else pv.innerHTML = renderMarkdown(ta.value);
+      }
       document.getElementById('fedit-tab-edit').classList.toggle('on', mode === 'edit');
       document.getElementById('fedit-tab-preview').classList.toggle('on', mode === 'preview');
     };
@@ -5348,19 +5599,103 @@
       if (e.key === 'Enter') { e.preventDefault(); submitAskReply(); }
     });
 
-    window.openModelSheet = function() {
-      const list = document.getElementById('model-list');
-      list.innerHTML = '';
-      MODELS.forEach(m => {
-        const item = document.createElement('div');
-        item.className = 'action-sheet-item';
-        const isCurrent = currentModelId && m.id.includes(currentModelId);
-        item.innerHTML = `<div><div>${m.label}</div><div class="desc">${m.desc}</div></div>${isCurrent ? '<span class="check">✓</span>' : ''}`;
-        item.onclick = () => selectModel(m);
-        list.appendChild(item);
+    // ── 模型：聊天框里的「模型」按钮 + 上方弹出列表 ─────────────────────────────
+    // 列表 = myhi 本地配置（场景模型）+ 网关模型目录（这个 token 能用的，按厂商分组），当前会话的打勾
+    const CAP_ICON = { vision: '🖼', function_calling: '🧰', reasoning: '🧠' };
+    const TAG_LABEL = { recommended: ['推荐', 'var(--purple)'], cheap: ['便宜', 'var(--green)'], vision: ['看图', 'var(--blue)'], fast: ['快', 'var(--yellow)'], experimental: ['实验', 'var(--muted)'], deprecated: ['将下线', 'var(--red)'] };
+    let _modelInfo = null;   // /api/models 的结果（服务端缓存 10 分钟）
+    async function loadModelInfo(force) {
+      if (_modelInfo && !force) return _modelInfo;
+      try { _modelInfo = await (await fetch('/api/models')).json(); } catch { _modelInfo = _modelInfo || {}; }
+      return _modelInfo;
+    }
+    const modelName = (id) => { const m = (_modelInfo?.models || []).find(x => x.id === id); return m && m.kind !== 'alias' ? m.name : id; };
+    // 网关积分（新网关的 /v1/models?scope=token 才带；网关按积分计费，1 积分 = $0.01）：已用 / 上限，用尽时发消息前提醒
+    function quotaState() {
+      const t = _modelInfo?.token;
+      if (!t) return { text: '', out: false };
+      const fmt = (u, l) => `${u ?? '?'} / ${l} 积分`;
+      const parts = [];
+      if (t.dailyLimit != null) parts.push('今日已用 ' + fmt(t.dailyUsed, t.dailyLimit));
+      if (t.monthlyLimit != null) parts.push('本月已用 ' + fmt(t.monthlyUsed, t.monthlyLimit));
+      const dayOut = t.dailyLimit != null && t.dailyUsed != null && t.dailyUsed >= t.dailyLimit;
+      const monOut = t.monthlyLimit != null && t.monthlyUsed != null && t.monthlyUsed >= t.monthlyLimit;
+      const out = dayOut || monOut;
+      return { text: parts.length ? '积分：' + parts.join(' · ') : '', out,
+        msg: out ? `网关 token${t.name ? '「' + t.name + '」' : ''}${dayOut ? '今日' : '本月'}积分已用完（${dayOut ? fmt(t.dailyUsed, t.dailyLimit) : fmt(t.monthlyUsed, t.monthlyLimit)}）` : '' };
+    }
+    // 额度会变：每 5 分钟后台刷新一次（服务端本身也缓存 10 分钟）
+    setInterval(() => { if (currentSession?.mode === 'agent' && !document.hidden) loadModelInfo(true); }, 5 * 60_000);
+    window.refreshModelChip = async function() {
+      await loadModelInfo();
+      const cur = currentSession?.modelId || '';
+      const main = _modelInfo?.scenes?.main || '';
+      const el = document.getElementById('model-chip-name');
+      el.textContent = cur ? modelName(cur) : main ? modelName(main) : '默认';
+      const chip = document.getElementById('model-chip'), q = quotaState();
+      chip.title = '切换模型 · 当前：' + (cur || (main ? main + '（主会话默认）' : 'Claude Code 默认')) + (q.text ? '\n' + (q.out ? q.msg : q.text) : '');
+      chip.style.borderColor = q.out ? 'var(--red)' : '';   // 积分用尽：按钮描红
+    };
+    window.openModelPop = async function() {
+      const pop = document.getElementById('model-pop'), ov = document.getElementById('model-pop-ov'), list = document.getElementById('model-pop-list');
+      list.innerHTML = '<div class="mp-h">加载模型列表…</div>';
+      pop.classList.add('open'); ov.classList.add('open');
+      placeModelPop();
+      const d = await loadModelInfo(true);
+      const cur = currentSession?.modelId || '';
+      const main = d.scenes?.main || '';
+      // unfit：不适合当主会话模型的原因（不支持工具等）→ 变灰 + 说明，点了先确认
+      const row = (id, name, sub, right, tags, on, unfit, tip) => `<div class="mp-i${on ? ' on' : ''}" data-model="${escAttr(id)}" data-label="${escAttr(name)}"${unfit ? ` data-unfit="${escAttr(unfit)}" style="opacity:0.55"` : ''}${tip ? ` title="${escAttr(tip)}"` : ''}><span class="mp-n">${escHtml(name)}${unfit ? `<span class="mp-sub" style="color:var(--yellow)">⚠ ${escHtml(unfit)}</span>` : sub ? `<span class="mp-sub">${escHtml(sub)}</span>` : ''}</span>${(tags || []).map(t => TAG_LABEL[t] ? `<span class="mp-tag" style="color:${TAG_LABEL[t][1]};border-color:${TAG_LABEL[t][1]}">${TAG_LABEL[t][0]}</span>` : '').join('')}${right ? `<span class="mp-r">${escHtml(right)}</span>` : ''}${on ? '<span class="mp-ck">✓</span>' : ''}</div>`;
+      const q = quotaState();
+      let html = q.text ? `<div class="mp-h" style="${q.out ? 'color:var(--red);font-weight:600' : ''}">${escHtml(q.out ? q.msg : q.text)}</div>` : '';
+      html += row('default', '默认', main ? '主会话默认：' + main : '跟随 Claude Code 默认', '', [], !cur);
+      const gm = (d.models || []).filter(m => !m.id.includes('*'));   // 通配别名（claude-*）不能直接选
+      const listed = new Set(['default']);
+      if (gm.length) {
+        const by = {};
+        for (const m of gm) (by[m.provider || '其他'] ||= []).push(m);
+        for (const [prov, ms] of Object.entries(by)) {
+          html += `<div class="mp-h">${escHtml(prov)}${d.scoped ? '' : ' · 网关未按 token 过滤'}</div>`;
+          for (const m of ms) {
+            listed.add(m.id);
+            const sub = [m.kind === 'alias' && m.target ? '→ ' + m.target : '', m.caps.map(c => CAP_ICON[c]).filter(Boolean).join(' ')].filter(Boolean).join(' · ');
+            // 右侧：有渠道系数就显示倍率（如 0.51x），否则显示单价；单价放悬停提示里
+            const price = m.inputCost != null ? `$${m.inputCost}/$${m.outputCost} 每百万 token` : '';
+            const right = m.multiplier != null ? `${m.multiplier}x` : (m.inputCost != null ? `$${m.inputCost}/$${m.outputCost}` : '');
+            html += row(m.id, m.kind === 'alias' ? m.id : m.name, sub, right, m.tags, cur === m.id, m.fit?.main || '', [price, m.multiplier != null ? `渠道系数 ${m.multiplier}` : ''].filter(Boolean).join(' · '));
+          }
+        }
+      } else if (d.gateway && d.error) html += `<div class="mp-h">网关模型列表读取失败：${escHtml(d.error)}</div>`;
+      // 自定义：本地场景配置里填过、或本会话正在用、但不在网关列表里的名字
+      const custom = [...new Set([cur, ...Object.values(d.scenes || {})].filter(x => x && !listed.has(x)))];
+      if (custom.length) { html += '<div class="mp-h">自定义模型</div>'; for (const id of custom) { listed.add(id); html += row(id, id, '', '', [], cur === id); } }
+      html += `<div class="mp-h">Claude 别名${d.gateway ? ' · 经网关映射' : ''}</div>`;
+      for (const m of MODELS.filter(x => x.id !== 'default' && !listed.has(x.id))) html += row(m.id, m.label, m.desc, '', [], cur === m.id);
+      list.innerHTML = html;
+      list.querySelectorAll('[data-model]').forEach(el => el.onclick = () => {
+        if (el.dataset.unfit && !confirm(`「${el.dataset.label}」${el.dataset.unfit}。\n\n用它当主会话模型，AI 很可能干不了活。仍要切换吗？`)) return;
+        closeModelPop(); selectModel({ id: el.dataset.model, label: el.dataset.label });
       });
-      document.getElementById('model-sheet').classList.add('open');
-    };
+      // 只有管理员能改场景模型：成员隐藏「配置模型」
+      document.getElementById('model-pop-cfg').style.display = myRole === 'admin' ? '' : 'none';
+      list.querySelector('.mp-i.on')?.scrollIntoView({ block: 'nearest' });
+      placeModelPop();
+    };
+    // 贴着按钮弹在上方、右对齐；按钮不可见（PTY 会话 / 从设置菜单打开）时居中
+    function placeModelPop() {
+      const pop = document.getElementById('model-pop'), chip = document.getElementById('model-chip');
+      const r = chip.getBoundingClientRect(), w = pop.offsetWidth, h = pop.offsetHeight;
+      if (chip.offsetParent) {
+        pop.style.left = Math.max(8, Math.min(r.right - w, innerWidth - w - 8)) + 'px';
+        pop.style.top = Math.max(8, r.top - h - 6) + 'px';
+      } else { pop.style.left = Math.max(8, (innerWidth - w) / 2) + 'px'; pop.style.top = Math.max(8, (innerHeight - h) / 2) + 'px'; }
+    }
+    window.closeModelPop = function() {
+      document.getElementById('model-pop').classList.remove('open');
+      document.getElementById('model-pop-ov').classList.remove('open');
+    };
+    // 旧入口（终端会话快捷栏「模型」、设置菜单）都改走新弹层
+    window.openModelSheet = function() { openModelPop(); };
     window.closeModelSheet = function() {
       document.getElementById('model-sheet').classList.remove('open');
     };
@@ -5380,7 +5715,8 @@
         }, 100);
       }
       currentModelId = m.id;
-      addStatusMessage('模型已切换为 ' + m.label);
+      if (currentSession) currentSession.modelId = m.id === 'default' ? null : m.id;   // 服务端会持久化，重启后照样用
+      refreshModelChip();
     }
     window.selectCustomModel = function() {
       const v = (document.getElementById('model-custom').value || '').trim();
@@ -7239,6 +7575,19 @@
       if (custom) { renderAsk(); askInput.focus(); }
       else askSend('');
     };
+    // 「发给 AI」：选中的内容以引用格式放进输入框，光标停在下面，接着写要求再发（不直接发出去）
+    window.askSendToAI = function() {
+      if (!_askSel) return;
+      const quote = _askSel.text.trim().split('\n').map(l => '> ' + l).join('\n');
+      askHidePop();
+      window.getSelection()?.removeAllRanges();
+      const cur = cmdInput.value.replace(/\s+$/, '');
+      cmdInput.value = (cur ? cur + '\n\n' : '') + quote + '\n\n';
+      cmdInput.focus();
+      cmdInput.setSelectionRange(cmdInput.value.length, cmdInput.value.length);
+      cmdInput.dispatchEvent(new Event('input'));   // 让输入框按内容长高
+      cmdInput.scrollTop = cmdInput.scrollHeight;
+    };
     window.askCopySelection = function() {
       if (!_askSel) return;
       const t = _askSel.text;