feihong-code 7.2.0 → 7.6.0

package/dist/web/public/js/ui.js

@@ -98,6 +98,7 @@
 
         // 长期记忆：编辑按钮
         document.getElementById('memEditLong')?.addEventListener('click', () => {
+          bindGhostTextOnce(); // P1-1: 编辑时启用 ghost text 补全
           const content = document.getElementById('memLongContent');
           const editor = document.getElementById('memLongEditor');
           const editBtn = document.getElementById('memEditLong');
@@ -748,6 +749,33 @@
 
     /* ========== P0-1: Monaco 补全 Provider 注册（内联 ghost text + 补全弹窗） ========== */
     let _monacoCompletionsRegistered = false;
+
+    // P6-1: 补全接受后自动 lint——调 /api/lint 校验插入代码，异常追加 fhcode-lint 波浪线 + 提示
+    let _lintFeedbackShown = false;
+    async function lintAfterAccept(inserted) {
+      if (!inserted || !inserted.trim()) return;
+      try {
+        const d = await api('/api/lint', 'POST', { code: inserted, language: '' });
+        if (!d || !d.ok) return;
+        if (d.clean) {
+          _lintFeedbackShown = false;
+          return;
+        }
+        if (typeof FHMonaco !== 'undefined' && FHMonaco.showLintFeedback) {
+          FHMonaco.showLintFeedback(d.errors || []);
+        }
+        const errCount = (d.errors || []).filter((x) => x.severity === 1).length;
+        if (errCount > 0 && !_lintFeedbackShown) {
+          _lintFeedbackShown = true;
+          const bar = document.getElementById('statusMessage');
+          if (bar) bar.textContent = '⚠️ 补全已接受，但校验发现 ' + errCount + ' 个语法错误（已标注）';
+          setTimeout(() => { if (bar && bar.textContent.includes('校验发现')) bar.textContent = ''; }, 6000);
+        }
+      } catch (e) {
+        /* lint 反馈失败静默 */
+      }
+    }
+
     function registerMonacoCompletions() {
       if (_monacoCompletionsRegistered || typeof FHMonaco === 'undefined') return;
       _monacoCompletionsRegistered = true;
@@ -769,6 +797,10 @@
         } catch (e) {
           return null;
         }
+      }, {
+        getActiveEditor: function () { return (typeof FHMonaco !== 'undefined') ? FHMonaco.getActiveEditor() : null; },
+        // P6-1: 补全被接受后自动 lint 反馈
+        onAccept: function (inserted) { lintAfterAccept(inserted); },
       });
 
       // 补全项弹窗（Ctrl+Space 触发，↑↓选择，Enter接受）—— Monaco 原生支持
@@ -791,6 +823,19 @@
           return [];
         }
       });
+
+      // P4-2: 语义诊断波浪线（编辑防抖调 /api/lsp/diagnostics，setModelMarkers 标注）
+      FHMonaco.registerDiagnostics(async function ({ filePath }) {
+        try {
+          const rel = String(filePath).replace(/^\/+/, '');
+          if (!rel || rel === 'untitled') return { diagnostics: [] };
+          const q = 'cwd=' + encodeURIComponent('') + '&file=' + encodeURIComponent(rel);
+          const d = await api('/api/lsp/diagnostics?' + q, 'GET');
+          return Array.isArray(d.diagnostics) ? { diagnostics: d.diagnostics } : { diagnostics: [] };
+        } catch (e) {
+          return { diagnostics: [] };
+        }
+      }, function () { return (typeof monacoEditor !== 'undefined') ? monacoEditor : null; });
     }
 
     function switchRightTab(name) {
@@ -803,6 +848,7 @@
       document.getElementById('designPanel')?.classList.toggle('active', name === 'design');
       document.getElementById('gitPanel')?.classList.toggle('active', name === 'git');
       document.getElementById('teamPanel')?.classList.toggle('active', name === 'team');
+      document.getElementById('capabilitiesPanel')?.classList.toggle('active', name === 'capabilities');
       if (name === 'changes') {
         bindChangesButtonsOnce();
         loadChanges();
@@ -818,6 +864,10 @@
         bindTeamButtonsOnce();
         loadTeamData();
       }
+      if (name === 'capabilities') {
+        bindCapabilitiesOnce();
+        loadCapabilitiesPlugins();
+      }
     }
 
     // 变更面板顶部按钮只绑定一次
@@ -860,19 +910,40 @@
     }
 
     /* ========== P3: 多文件变更面板 ========== */
+    let _autoConflictChecked = false; // P1-2: 每次会话仅自动检测一次
     async function loadChanges() {
       try {
         const d = await api('/api/changes', 'GET');
         renderChanges(d);
+        // P1-2 增强：加载后自动检测一次冲突（无需手动点击）
+        if (!_autoConflictChecked && Array.isArray(d.changes) && d.changes.length > 0) {
+          _autoConflictChecked = true;
+          try {
+            const dc = await api('/api/changes/detect-conflicts', 'POST');
+            _conflictFiles = Array.isArray(dc.conflicts) ? dc.conflicts.map(c => c.path || c) : [];
+            if (_conflictFiles.length > 0) renderChanges(d);
+          } catch { /* 自动检测失败不阻塞 */ }
+        }
       } catch (e) {
         document.getElementById('changesList').innerHTML = '<div class="muted" style="text-align:center;padding:20px;">加载失败：' + escapeHtml(e.message) + '</div>';
       }
     }
 
+    // P6-3: 多文件 diff 视图状态——每文件显示模式（inline/side）+ 折叠集合
+    const _diffModes = {};
+    const _collapsedPaths = new Set();
+
     function renderChanges(data) {
       const changes = Array.isArray(data.changes) ? data.changes : [];
       const count = changes.length;
       document.getElementById('changesCount').textContent = count;
+      // P1-2 增强：冲突计数 badge
+      const conflictBadge = document.getElementById('changesConflictCount');
+      if (conflictBadge) {
+        const n = _conflictFiles.filter(cf => changes.some(c => c.path === cf || c.path.endsWith(cf) || cf.endsWith(c.path))).length;
+        conflictBadge.style.display = n > 0 ? 'inline' : 'none';
+        conflictBadge.textContent = n + ' 冲突';
+      }
       const list = document.getElementById('changesList');
       if (!count) {
         list.innerHTML = '<div class="muted" style="text-align:center;padding:30px;font-size:12px;">暂无暂存变更<br/><span style="font-size:11px;">AI 生成的文件修改会先暂存在这里，审批后才写入磁盘</span></div>';
@@ -887,35 +958,58 @@
         const hunks = Array.isArray(c.hunks) ? c.hunks : [];
         let hunksHtml = '';
         if (hunks.length) {
-          hunksHtml = '<div style="margin-top:6px;">' + hunks.map((h, hi) => {
-            const lines = (h.lines || []).map(l => {
-              const cls = l.type === 'add' ? 'diff-add' : l.type === 'del' ? 'diff-del' : 'diff-ctx';
-              return '<div class="' + cls + '">' + escapeHtml(l.content) + '</div>';
-            }).join('');
-            return '<div class="diff-hunk" style="margin-bottom:6px;border:1px solid var(--border);border-radius:4px;overflow:hidden;">'
-              + '<div style="display:flex;justify-content:space-between;align-items:center;padding:3px 6px;background:var(--bg);font-size:11px;">'
-              + '<span class="muted">@@ ' + escapeHtml(String(h.header || '')) + '</span>'
-              + '<span style="display:flex;gap:4px;">'
-              + '<button class="ghost-btn" style="font-size:10px;padding:1px 6px;" data-act="accept-hunk" data-idx="' + idx + '" data-hunk="' + hi + '">✓</button>'
-              + '<button class="ghost-btn" style="font-size:10px;padding:1px 6px;" data-act="reject-hunk" data-idx="' + idx + '" data-hunk="' + hi + '">✕</button>'
-              + '</span></div>'
-              + '<div style="font-family:monospace;font-size:11px;line-height:1.5;">' + lines + '</div></div>';
-          }).join('') + '</div>';
+          const mode = _diffModes[c.path] || 'inline';
+          if (mode === 'side') {
+            // P6-3: 并排 diff 视图（左=原文件，右=新文件，行级对齐）
+            hunksHtml = '<div style="margin-top:6px;">' + hunks.map((h) => {
+              const rows = (h.lines || []).map((l) => {
+                const left = (l.type === 'del' || l.type === 'ctx')
+                  ? '<div class="' + (l.type === 'del' ? 'diff-del' : 'diff-ctx') + '">' + escapeHtml(l.content) + '</div>'
+                  : '<div class="diff-ctx" style="color:transparent;">·</div>';
+                const right = (l.type === 'add' || l.type === 'ctx')
+                  ? '<div class="' + (l.type === 'add' ? 'diff-add' : 'diff-ctx') + '">' + escapeHtml(l.content) + '</div>'
+                  : '<div class="diff-ctx" style="color:transparent;">·</div>';
+                return '<div style="display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line, #222);">' + left + right + '</div>';
+              }).join('');
+              return '<div style="border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-bottom:6px;">'
+                + '<div style="display:flex;justify-content:space-between;align-items:center;padding:2px 6px;background:var(--bg);font-size:11px;">'
+                + '<span class="muted">@@ ' + escapeHtml(String(h.header || '')) + '</span>'
+                + '<span class="muted" style="font-size:10px;">← 原文件 | 新文件 →</span></div>'
+                + rows + '</div>';
+            }).join('') + '</div>';
+          } else {
+            hunksHtml = '<div style="margin-top:6px;">' + hunks.map((h, hi) => {
+              const lines = (h.lines || []).map(l => {
+                const cls = l.type === 'add' ? 'diff-add' : l.type === 'del' ? 'diff-del' : 'diff-ctx';
+                return '<div class="' + cls + '">' + escapeHtml(l.content) + '</div>';
+              }).join('');
+              return '<div class="diff-hunk" style="margin-bottom:6px;border:1px solid var(--border);border-radius:4px;overflow:hidden;">'
+                + '<div style="display:flex;justify-content:space-between;align-items:center;padding:3px 6px;background:var(--bg);font-size:11px;">'
+                + '<span class="muted">@@ ' + escapeHtml(String(h.header || '')) + '</span>'
+                + '<span style="display:flex;gap:4px;">'
+                + '<button class="ghost-btn" style="font-size:10px;padding:1px 6px;" data-act="accept-hunk" data-idx="' + idx + '" data-hunk="' + hi + '">✓</button>'
+                + '<button class="ghost-btn" style="font-size:10px;padding:1px 6px;" data-act="reject-hunk" data-idx="' + idx + '" data-hunk="' + hi + '">✕</button>'
+                + '</span></div>'
+                + '<div style="font-family:monospace;font-size:11px;line-height:1.5;">' + lines + '</div></div>';
+            }).join('') + '</div>';
+          }
         }
+        const collapsed = _collapsedPaths.has(c.path);
         return '<div class="change-item" style="padding:8px;margin-bottom:8px;' + conflictBorder + 'border-radius:6px;background:var(--card);">'
           + '<div style="display:flex;justify-content:space-between;align-items:center;gap:6px;">'
-          + '<div style="flex:1;min-width:0;">'
-          + '<div style="font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" title="' + escapeHtml(c.path) + '">' + escapeHtml(c.path) + conflictBadge + '</div>'
+          + '<div style="flex:1;min-width:0;cursor:pointer;" data-act="toggle-collapse" data-idx="' + idx + '" title="点击折叠/展开">'
+          + '<div style="font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">' + (collapsed ? '▸ ' : '▾ ') + escapeHtml(c.path) + conflictBadge + '</div>'
           + '<div style="font-size:11px;margin-top:2px;"><span style="color:' + typeColor + ';">' + typeLabel + '</span>'
           + (c.additions != null ? ' · <span style="color:#2d8a4e;">+' + c.additions + '</span>' : '')
           + (c.deletions != null ? ' · <span style="color:#c0392b;">-' + c.deletions + '</span>' : '')
           + ' · <span class="muted">' + escapeHtml(c.status || 'pending') + '</span></div>'
           + '</div>'
           + '<div style="display:flex;gap:4px;flex-shrink:0;">'
+          + (hunks.length ? '<button class="ghost-btn" style="font-size:11px;padding:3px 8px;" data-act="toggle-mode" data-idx="' + idx + '">' + ((_diffModes[c.path] || 'inline') === 'side' ? '内联' : '并排') + '</button>' : '')
           + '<button class="ghost-btn" style="font-size:11px;padding:3px 8px;background:#2d5a3d;color:#fff;" data-act="accept" data-idx="' + idx + '">接受</button>'
           + '<button class="ghost-btn" style="font-size:11px;padding:3px 8px;" data-act="reject" data-idx="' + idx + '">拒绝</button>'
           + '</div></div>'
-          + hunksHtml
+          + (collapsed ? '' : hunksHtml)
           + '</div>';
       }).join('');
       // 绑定事件
@@ -940,6 +1034,11 @@
               const hi = parseInt(btn.getAttribute('data-hunk'));
               await api('/api/changes/hunk/reject', 'POST', { path: change.path, hunkIndex: hi });
               toast('已拒绝 Hunk');
+            } else if (act === 'toggle-mode') {
+              _diffModes[change.path] = (_diffModes[change.path] || 'inline') === 'side' ? 'inline' : 'side';
+            } else if (act === 'toggle-collapse') {
+              if (_collapsedPaths.has(change.path)) _collapsedPaths.delete(change.path);
+              else _collapsedPaths.add(change.path);
             }
             loadChanges();
           } catch (e) { toast('操作失败：' + e.message); }
@@ -983,6 +1082,10 @@
         const out = (d.output || '').toString();
         return '<div class="step result ' + (ok ? 'ok' : 'fail') + '"><div class="res-head">' + (ok ? '✅' : '❌') + ' ' + escapeHtml(d.name || '') + ' ' + (ok ? '成功' : '失败') + '</div>' + (out.trim() ? '<div class="res-out">' + escapeHtml(out).slice(0, 500) + '</div>' : '') + '</div>';
       } else if (step.type === 'self-heal') {
+        // 区分「普通反思重试」与「连续失败换路线继续」
+        if (d.strategy === 'bypass-and-continue') {
+          return '<div class="step note">🔄 连续失败已自动换路线：放弃当前方案，正在尝试<b>其他方式继续任务</b>（第 ' + (d.iteration != null ? d.iteration : '?') + ' 轮）</div>';
+        }
         return '<div class="step note">🩹 进入自愈：检测到 <b>' + escapeHtml(d.category || '') + '</b> 类错误，已注入反思重试（第 ' + (d.iteration != null ? d.iteration : '?') + ' 轮）</div>';
       } else if (step.type === 'context.compact') {
         return '<div class="step note">📦 上下文压缩：从 ' + (d.originalLength != null ? d.originalLength : '?') + ' 条压缩至 ' + (d.compressedLength != null ? d.compressedLength : '?') + ' 条，保留首条目标与近期对话</div>';
@@ -1082,48 +1185,10 @@
         }
         html += '<div class="msg assistant error-msg">任务遇到问题：' + escapeHtml(task.error || '未知错误') + '</div>';
       } else if (task.status === 'running') {
-        // 计算已运行时间，让用户知道等了多久
-        let waitTip = '';
-        if (task.createdAt) {
-          const elapsed = Math.floor((Date.now() - new Date(task.createdAt).getTime()) / 1000);
-          if (elapsed > 5) {
-            const mins = Math.floor(elapsed / 60);
-            const secs = elapsed % 60;
-            const timeStr = mins > 0 ? `${mins}分${secs}秒` : `${secs}秒`;
-            waitTip = `<span style="color:var(--muted);font-size:12px;margin-left:8px;">已等待 ${timeStr}</span>`;
-          }
-          // 分级超时警告：让用户明确感知任务可能卡住，而非无限期"思考中"
-          if (elapsed >= 300 && elapsed < 900) {
-            // 5-15 分钟：橙色温和提醒
-            waitTip += '<div style="color:#e65100;font-size:12px;margin-top:8px;line-height:1.6;background:#fff3e0;padding:8px 10px;border-radius:6px;border-left:3px solid #ff9800;">'
-              + '⚠️ 已等待较久，模型可能正在处理复杂推理或执行耗时操作。'
-              + '<br>若长时间无任何输出，可点击右上角「停止」后重新提交。'
-              + '</div>';
-          } else if (elapsed >= 900 && elapsed < 1500) {
-            // 15-25 分钟：红色明确警告
-            waitTip += '<div style="color:#c62828;font-size:12px;margin-top:8px;line-height:1.6;background:#ffebee;padding:8px 10px;border-radius:6px;border-left:3px solid #e53935;">'
-              + '🚨 任务可能已卡住（已等待超过15分钟无输出）。'
-              + '<br>常见原因：模型 API 无响应、网络中断、或工具调用死锁。'
-              + '<br>建议点击下方按钮停止任务，检查模型配置后重新提交。'
-              + '<br><button onclick="document.getElementById(\'tchStop\')?.click()" style="margin-top:6px;background:#e53935;color:#fff;border:none;padding:4px 14px;border-radius:5px;cursor:pointer;font-size:12px;">⏹ 停止当前任务</button>'
-              + '</div>';
-          } else if (elapsed >= 1500) {
-            // 25 分钟以上：紧急警告，提示即将自动超时
-            const remain = Math.max(0, 30 - Math.floor(elapsed / 60));
-            waitTip += '<div style="color:#b71c1c;font-size:12px;margin-top:8px;line-height:1.6;background:#ffcdd2;padding:8px 10px;border-radius:6px;border-left:3px solid #c62828;font-weight:500;">'
-              + `⛔ 任务即将到达 30 分钟自动超时限制（约 ${remain} 分钟后自动终止）。`
-              + '<br>可立即点击下方按钮手动停止，或等待系统自动终止。'
-              + '<br><button onclick="document.getElementById(\'tchStop\')?.click()" style="margin-top:6px;background:#c62828;color:#fff;border:none;padding:4px 14px;border-radius:5px;cursor:pointer;font-size:12px;">⏹ 立即停止任务</button>'
-              + '</div>';
-          } else if (elapsed > 60) {
-            // 1-5 分钟：普通提示
-            waitTip += '<div style="color:var(--muted);font-size:12px;margin-top:6px;line-height:1.5;">模型正在深度思考或执行复杂操作，请耐心等待...</div>';
-          }
-        }
+        // 仅显示思考动画，不显示已等待时间
         html += '<div class="thinking-indicator">'
           + '<span class="dot"></span><span class="dot"></span><span class="dot"></span>'
           + '<span>思考中...</span>'
-          + waitTip
           + '</div>';
       } else if (task.status === 'queued') {
         html += '<div class="msg sys">任务已入队，等待执行…</div>';
@@ -1845,11 +1910,57 @@
         document.getElementById('teamTaskCount').textContent = d.stats?.totalTasks || 0;
         renderTeamMembers();
         renderTeamTasks();
+        renderTeamOverview(d);
       } catch (e) {
         toast('团队数据加载失败: ' + (e.message || '网络错误'));
       }
     }
 
+    // P7-4: 多 agent 协作总览——任务状态漏斗 + 成员负载分布可视化
+    function renderTeamOverview(d) {
+      const box = document.getElementById('teamOverview');
+      if (!box) return;
+      const tasks = d?.team?.tasks || [];
+      const members = d?.team?.members || [];
+      if (!tasks.length) { box.style.display = 'none'; return; }
+      box.style.display = 'block';
+      const statusColors = { todo: '#7f8c8d', 'in-progress': '#3498db', review: '#e67e22', done: '#2d5a3d' };
+      const statusLabels = { todo: '待办', 'in-progress': '进行中', review: '评审', done: '完成' };
+      const order = ['todo', 'in-progress', 'review', 'done'];
+      const counts = {};
+      order.forEach((s) => { counts[s] = 0; });
+      tasks.forEach((t) => { counts[t.status] = (counts[t.status] || 0) + 1; });
+      const max = Math.max(1, ...Object.values(counts));
+      const funnelHtml = '<div style="display:flex;flex-direction:column;gap:3px;margin-bottom:8px;">'
+        + order.map((s) => {
+          const n = counts[s] || 0;
+          const pct = Math.round((n / max) * 100);
+          return '<div style="display:flex;align-items:center;gap:6px;font-size:10px;">'
+            + '<span style="width:40px;color:var(--muted);">' + statusLabels[s] + '</span>'
+            + '<div style="flex:1;background:var(--bg);border-radius:3px;height:12px;overflow:hidden;">'
+            + '<div style="width:' + pct + '%;height:100%;background:' + statusColors[s] + ';border-radius:3px;"></div></div>'
+            + '<span style="width:24px;text-align:right;font-weight:600;">' + n + '</span>'
+            + '</div>';
+        }).join('') + '</div>';
+      // 成员负载：按创建人统计任务数（top 5）
+      const byMember = {};
+      tasks.forEach((t) => { byMember[t.createdBy || '未指派'] = (byMember[t.createdBy || '未指派'] || 0) + 1; });
+      const loadRows = Object.entries(byMember).sort((a, b) => b[1] - a[1]).slice(0, 5).map(([name, n]) => {
+        const pct = Math.round((n / Math.max(1, ...Object.values(byMember))) * 100);
+        return '<div style="display:flex;align-items:center;gap:6px;font-size:10px;">'
+          + '<span style="width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">' + escapeHtml(name) + '</span>'
+          + '<div style="flex:1;background:var(--bg);border-radius:3px;height:10px;overflow:hidden;">'
+          + '<div style="width:' + pct + '%;height:100%;background:#9b59b6;border-radius:3px;"></div></div>'
+          + '<span style="width:24px;text-align:right;font-weight:600;">' + n + '</span>'
+          + '</div>';
+      }).join('');
+      box.innerHTML = '<div style="background:var(--card);border:1px solid var(--border);border-radius:6px;padding:8px;">'
+        + '<div style="font-size:11px;font-weight:600;margin-bottom:6px;">📊 协作总览</div>'
+        + '<div style="font-size:10px;color:var(--muted);margin-bottom:4px;">任务状态</div>' + funnelHtml
+        + (loadRows ? '<div style="font-size:10px;color:var(--muted);margin:6px 0 4px;">成员负载（按创建人）</div>' + loadRows : '')
+        + '</div>';
+    }
+
     function renderTeamMembers() {
       const container = document.getElementById('teamMembersList');
       const members = _teamData?.team?.members || [];
@@ -1979,3 +2090,128 @@
         loadTeamData();
       } catch (e) { toast('创建失败: ' + (e.message || '网络错误')); }
     }
+
+    /* ========== P0-3: 能力中心（v7.2 新能力前端接线）========== */
+    let _capabilitiesBound = false;
+    function bindCapabilitiesOnce() {
+      if (_capabilitiesBound) return;
+      _capabilitiesBound = true;
+      document.getElementById('capVoiceBtn')?.addEventListener('click', runCapabilityVoice);
+      document.getElementById('capVoiceInput')?.addEventListener('keydown', (e) => { if (e.key === 'Enter') runCapabilityVoice(); });
+      document.getElementById('capKnowledgeSearchBtn')?.addEventListener('click', runCapabilityKnowledge);
+      document.getElementById('capKnowledgeQuery')?.addEventListener('keydown', (e) => { if (e.key === 'Enter') runCapabilityKnowledge(); });
+      document.getElementById('capPluginsBtn')?.addEventListener('click', loadCapabilitiesPlugins);
+    }
+
+    async function runCapabilityVoice() {
+      const input = document.getElementById('capVoiceInput');
+      const out = document.getElementById('capVoiceResult');
+      const text = (input?.value || '').trim();
+      if (!text) { if (out) out.textContent = '请输入语音指令文本'; return; }
+      if (out) out.textContent = '解析中…';
+      try {
+        const d = await apiVoiceParse(text);
+        if (!d.ok) { if (out) out.textContent = '解析失败: ' + (d.error || ''); return; }
+        const c = d.command || {};
+        if (out) out.textContent = '→ ' + (c.type || '?') + (c.params && Object.keys(c.params).length ? ' 参数: ' + JSON.stringify(c.params) : '') + '  置信度: ' + (c.confidence ?? '?');
+      } catch (e) { if (out) out.textContent = '请求失败: ' + (e.message || '网络错误'); }
+    }
+
+    async function runCapabilityKnowledge() {
+      const input = document.getElementById('capKnowledgeQuery');
+      const out = document.getElementById('capKnowledgeResult');
+      const query = (input?.value || '').trim();
+      if (!query) { if (out) out.innerHTML = '<div class="muted">请输入搜索关键词</div>'; return; }
+      if (out) out.innerHTML = '<div class="muted">搜索中…</div>';
+      try {
+        const d = await apiKnowledgeSearch(query);
+        if (!d.ok) { if (out) out.innerHTML = '<div>搜索失败: ' + (d.error || '') + '</div>'; return; }
+        const list = d.results || [];
+        if (!list.length) { if (out) out.innerHTML = '<div class="muted">未找到匹配资料</div>'; return; }
+        if (out) out.innerHTML = list.map((r) => {
+          const t = r.document?.title || r.title || '未命名';
+          const id = r.document?.id || r.id || '';
+          return '<div style="padding:3px 0;border-bottom:1px solid var(--border,#eee);">📄 ' + t +
+            (id ? ' <span style="color:var(--muted);font-size:10px;">' + id.slice(0, 18) + '</span>' : '') + '</div>';
+        }).join('');
+      } catch (e) { if (out) out.innerHTML = '<div>请求失败: ' + (e.message || '网络错误') + '</div>'; }
+    }
+
+    async function loadCapabilitiesPlugins() {
+      const out = document.getElementById('capPluginsResult');
+      if (!out) return;
+      out.innerHTML = '<div class="muted">加载中…</div>';
+      try {
+        const d = await apiPluginsMarket('', '');
+        if (!d.ok) { out.innerHTML = '<div>加载失败: ' + (d.error || '') + '</div>'; return; }
+        const list = d.plugins || [];
+        if (!list.length) { out.innerHTML = '<div class="muted">插件市场为空</div>'; return; }
+        out.innerHTML = list.slice(0, 15).map((p) =>
+          '<div style="padding:3px 0;border-bottom:1px solid var(--border,#eee);">🧩 ' + (p.name || p.id) +
+          ' <span style="color:var(--muted);font-size:10px;">v' + (p.version || '?') + '</span>' +
+          '<div style="font-size:10px;color:var(--muted);">' + (p.description || '').slice(0, 40) + '</div></div>'
+        ).join('') + (list.length > 15 ? '<div class="muted" style="font-size:10px;margin-top:4px;">…共 ' + list.length + ' 个</div>' : '');
+      } catch (e) { out.innerHTML = '<div>请求失败: ' + (e.message || '网络错误') + '</div>'; }
+    }
+
+    /* ========== P1-1: ghost text 补全（记忆编辑器）========== */
+    let _ghostTimer = null;
+    let _ghostSuggestion = '';
+    let _ghostBound = false;
+
+    function bindGhostTextOnce() {
+      if (_ghostBound) return;
+      _ghostBound = true;
+      const editor = document.getElementById('memLongEditor');
+      const bar = document.getElementById('memGhostBar');
+      if (!editor || !bar) return;
+      editor.addEventListener('input', () => {
+        clearTimeout(_ghostTimer);
+        _ghostTimer = setTimeout(() => requestGhost(editor), 350);
+      });
+      editor.addEventListener('keydown', (e) => {
+        if (e.key === 'Tab' && _ghostSuggestion) {
+          e.preventDefault();
+          acceptGhost(editor);
+        } else if (e.key === 'Escape') {
+          clearGhost();
+        }
+      });
+      editor.addEventListener('blur', () => setTimeout(clearGhost, 250));
+      // 编辑框显示时绑定一次
+      document.getElementById('memLongEditor')?.addEventListener('focus', () => { /* 已绑定 */ });
+    }
+
+    async function requestGhost(editor) {
+      const content = editor.value;
+      const bar = document.getElementById('memGhostBar');
+      if (!content.trim() || content.length < 10) { clearGhost(); return; }
+      try {
+        const d = await apiCompletion('memory-note.md', content, { language: 'markdown', mode: 'quick' });
+        if (d.ok && Array.isArray(d.suggestions) && d.suggestions.length) {
+          const t = d.suggestions[0].text || '';
+          if (t && !content.endsWith(t)) {
+            _ghostSuggestion = t;
+            document.getElementById('memGhostText').textContent = t.slice(0, 200);
+            bar.style.display = 'block';
+          } else { clearGhost(); }
+        } else { clearGhost(); }
+      } catch { clearGhost(); }
+    }
+
+    function acceptGhost(editor) {
+      if (!_ghostSuggestion) return;
+      const cur = editor.selectionStart ?? editor.value.length;
+      const end = editor.selectionEnd ?? cur;
+      editor.value = editor.value.slice(0, cur) + _ghostSuggestion + editor.value.slice(end);
+      const pos = cur + _ghostSuggestion.length;
+      editor.selectionStart = editor.selectionEnd = pos;
+      try { editor.dispatchEvent(new Event('input')); } catch {}
+      clearGhost();
+    }
+
+    function clearGhost() {
+      _ghostSuggestion = '';
+      const bar = document.getElementById('memGhostBar');
+      if (bar) bar.style.display = 'none';
+    }

package/dist/web/public/service-worker.js

@@ -3,9 +3,9 @@
  * 支持离线缓存、PWA 安装、移动端适配
  */
 
-const CACHE_NAME = 'feihong-code-v1';
-const STATIC_CACHE = 'feihong-static-v1';
-const RUNTIME_CACHE = 'feihong-runtime-v1';
+const CACHE_NAME = 'feihong-code-v2';
+const STATIC_CACHE = 'feihong-static-v2';
+const RUNTIME_CACHE = 'feihong-runtime-v2';
 
 // 静态资源缓存列表
 const STATIC_ASSETS = [
@@ -60,33 +60,9 @@ self.addEventListener('fetch', (event) => {
     return;
   }
 
-  // API 请求：网络优先，失败时回退到缓存
+  // API 请求：直接透传，不缓存（API 响应是动态的，缓存会导致公钥/认证/模型配置等数据过期）
   if (url.pathname.startsWith('/api/')) {
-    event.respondWith(
-      fetch(request)
-        .then((response) => {
-          // 缓存成功的 API 响应
-          if (response.status === 200) {
-            const clone = response.clone();
-            caches.open(RUNTIME_CACHE).then((cache) => cache.put(request, clone));
-          }
-          return response;
-        })
-        .catch(() => {
-          return caches.match(request).then((cached) => {
-            if (cached) return cached;
-            // 返回离线错误
-            return new Response(JSON.stringify({
-              ok: false,
-              error: '网络连接失败，显示离线数据',
-              offline: true,
-            }), {
-              status: 503,
-              headers: { 'Content-Type': 'application/json' },
-            });
-          });
-        })
-    );
+    // 安全相关 API 强制不缓存，直接走网络
     return;
   }