feihong-code 7.2.0 → 7.6.0

package/dist/web/public/css/style.css

@@ -1,4 +1,4 @@
-:root {
+:root {
       --bg: #f5f7fa;
       --card: #ffffff;
       --ink: #1f2933;
@@ -35,7 +35,7 @@
       overflow: hidden;
     }
 
-    /* ========== 登录遮罩 ========== */
+    /* ========== 鐧诲綍閬僵 ========== */
     #loginOverlay {
       position: fixed; inset: 0; background: var(--bg); z-index: 50;
       display: flex; align-items: center; justify-content: center;
@@ -58,7 +58,7 @@
     #loginOverlay .login-status { font-size: 13px; margin-top: 10px; min-height: 18px; }
     #loginOverlay .login-status.err { color: var(--err); }
 
-    /* ========== 主布局 ========== */
+    /* ========== 涓诲竷灞€ ========== */
     .app-layout {
       display: flex;
       flex-direction: column;
@@ -66,11 +66,11 @@
       display: none;
     }
     .app-layout.show { display: flex; }
-    /* 已登录状态：提前隐藏登录页，显示应用布局，避免闪烁（感觉像打开两次） */
+    /* 宸茬櫥褰曠姸鎬侊細鎻愬墠闅愯棌鐧诲綍椤碉紝鏄剧ず搴旂敤甯冨眬锛岄伩鍏嶉棯鐑侊紙鎰熻鍍忔墦寮€涓ゆ锛?*/
     html.logged-in #loginOverlay { display: none !important; }
     html.logged-in .app-layout { display: flex !important; }
 
-    /* ========== 顶部导航栏 ========== */
+    /* ========== 椤堕儴瀵艰埅鏍?========== */
     .topbar {
       height: var(--topbar-height);
       background: var(--card);
@@ -152,9 +152,9 @@
     .lang-btn.active { background: var(--brand); color: #fff; }
     .lang-btn:hover:not(.active) { background: var(--bg); }
 
-    /* ========== 主体内容区 ========== */
-    /* overflow 必须为 hidden：约束内部 .messages / .sidebar 各自滚动，
-       原生 <select> 弹层由浏览器绘制在顶层，不受此裁剪影响。 */
+    /* ========== 涓讳綋鍐呭鍖?========== */
+    /* overflow 蹇呴』涓?hidden锛氱害鏉熷唴閮?.messages / .sidebar 鍚勮嚜婊氬姩锛?
+       鍘熺敓 <select> 寮瑰眰鐢辨祻瑙堝櫒缁樺埗鍦ㄩ《灞傦紝涓嶅彈姝よ鍓奖鍝嶃€?*/
     .main-area {
       flex: 1;
       display: flex;
@@ -165,7 +165,7 @@
       width: 100%;
     }
 
-    /* ========== 左侧侧边栏 ========== */
+    /* ========== 宸︿晶渚ц竟鏍?========== */
     .sidebar {
       width: 200px;
       background: var(--card);
@@ -290,7 +290,7 @@
     .task-item .task-actions .delete-btn:hover { background: #fee2e2; color: var(--err); }
     .task-pinned { color: var(--warn); }
 
-    /* ========== 中间对话区 ========== */
+    /* ========== 涓棿瀵硅瘽鍖?========== */
     .chat-area {
       flex: 1;
       display: flex;
@@ -299,7 +299,7 @@
       background: var(--bg);
     }
 
-    /* ========== 任务上下文头部 ========== */
+    /* ========== 浠诲姟涓婁笅鏂囧ご閮?========== */
     .task-context-header {
       display: flex;
       align-items: center;
@@ -315,7 +315,7 @@
     .tch-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
     .tch-time { font-size: 12px; color: var(--muted); }
 
-    /* ========== 思维链路线程 ========== */
+    /* ========== 鎬濈淮閾捐矾绾跨▼ ========== */
     .messages { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; padding: 16px; padding-right: 4px; }
     .step { max-width: 92%; font-size: 13.5px; line-height: 1.6; word-break: break-word; }
     .step.created {
@@ -350,7 +350,7 @@
       font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 12px; color: var(--muted);
     }
     .step.note { align-self: stretch; background: var(--bg); border-radius: 8px; padding: 6px 12px; color: var(--muted); font-size: 12px; }
-    /* 对话流与思维链路分隔标题 */
+    /* 瀵硅瘽娴佷笌鎬濈淮閾捐矾鍒嗛殧鏍囬 */
     .conv-divider {
       align-self: stretch; text-align: center; font-size: 11px; color: var(--muted);
       border-top: 1px solid var(--line); padding-top: 8px; margin-top: 4px;
@@ -378,7 +378,7 @@
       padding: 12px 16px; white-space: pre-wrap; word-break: break-word; max-width: 92%;
     }
 
-    /* 对话消息区 */
+    /* 瀵硅瘽娑堟伅鍖?*/
     .conv {
       flex: 1;
       display: flex;
@@ -410,26 +410,31 @@
     }
     .msg-actions {
       position: absolute;
-      top: 6px;
-      right: 6px;
-      display: none;
+      bottom: 4px;
+      right: 8px;
+      display: flex;
       gap: 4px;
-      background: rgba(255,255,255,0.95);
+      background: rgba(255,255,255,0.92);
       border-radius: 6px;
-      padding: 2px;
-      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+      padding: 2px 4px;
+      box-shadow: 0 1px 6px rgba(0,0,0,0.08);
+      opacity: 0.35;
+      transition: opacity 0.2s ease;
+      user-select: none;
+      z-index: 2;
     }
     .msg:hover .msg-actions {
-      display: flex;
+      opacity: 1;
     }
     .msg-action-btn {
       background: none;
       border: none;
-      padding: 4px 8px;
+      padding: 5px 10px;
       font-size: 12px;
       cursor: pointer;
       border-radius: 4px;
       color: var(--ink-2);
+      white-space: nowrap;
     }
     .msg-action-btn:hover {
       background: var(--brand-soft);
@@ -444,7 +449,7 @@
       border: 1px solid var(--border);
       align-self: flex-start;
     }
-    /* ========== 思考过程气泡（Cursor 风格） ========== */
+    /* ========== 鎬濊€冭繃绋嬫皵娉★紙Cursor 椋庢牸锛?========== */
     .msg.assistant.thinking-msg {
       background: var(--card);
       border: 1px solid var(--border);
@@ -554,7 +559,7 @@
       padding-top: 8px;
       border-top: 1px solid var(--line);
     }
-    /* 思考中状态指示 */
+    /* 鎬濊€冧腑鐘舵€佹寚绀?*/
     .thinking-indicator {
       display: flex;
       align-items: center;
@@ -584,7 +589,7 @@
     }
     .dark .msg.sys { background: #334155; }
     .msg .artifact { color: var(--brand); text-decoration: underline; cursor: pointer; }
-    /* 内部执行过程：默认折叠，避免"一直都在调用/验证"的噪声；点击展开查看思考与工具调用 */
+    /* 鍐呴儴鎵ц杩囩▼锛氶粯璁ゆ姌鍙狅紝閬垮厤"涓€鐩撮兘鍦ㄨ皟鐢?楠岃瘉"鐨勫櫔澹帮紱鐐瑰嚮灞曞紑鏌ョ湅鎬濊€冧笌宸ュ叿璋冪敤 */
     .proc-details {
       align-self: stretch; margin-top: 6px; border-top: 1px dashed var(--line);
       padding: 8px 0 2px; display: flex; flex-direction: column; gap: 8px;
@@ -600,7 +605,7 @@
     .error-msg { border-left: 3px solid var(--err); align-self: flex-start; color: var(--err); }
     .msg .artifact:hover { opacity: 0.8; }
 
-    /* 输入栏 */
+    /* 杈撳叆鏍?*/
     .input-area {
       padding: 0 16px 16px;
       flex-shrink: 0;
@@ -645,7 +650,7 @@
     .pill:hover { border-color: var(--brand); }
     .voice-badge { display: inline-flex; align-items: center; gap: 6px; color: var(--err); font-size: 12px; }
 
-    /* 工作区条 */
+    /* 宸ヤ綔鍖烘潯 */
     .workspace-bar {
       display: flex;
       align-items: center;
@@ -692,7 +697,7 @@
     }
     .wb-perm:hover { border-color: var(--brand); }
 
-    /* 通话栏 */
+    /* 閫氳瘽鏍?*/
     .call-bar {
       display: flex;
       align-items: center;
@@ -716,7 +721,7 @@
     .call-btn.hangup { background: #fee2e2; color: var(--err); border-color: #fecaca; }
     .call-status { font-size: 12px; color: var(--muted); margin-left: auto; }
 
-    /* 视频通话窗口 */
+    /* 瑙嗛閫氳瘽绐楀彛 */
     .video-call-window {
       position: fixed;
       bottom: 100px;
@@ -765,7 +770,7 @@
       background: #000;
     }
 
-    /* 底部工具栏 */
+    /* 搴曢儴宸ュ叿鏍?*/
     .chat-footbar {
       display: flex;
       align-items: center;
@@ -795,7 +800,7 @@
     }
     .ghost-btn:hover { background: var(--brand-soft); }
 
-    /* 新建任务按钮（侧边栏） */
+    /* 鏂板缓浠诲姟鎸夐挳锛堜晶杈规爮锛?*/
     .new-task-btn {
       border: 1px solid var(--border);
       background: var(--brand);
@@ -809,7 +814,7 @@
     }
     .new-task-btn:hover { opacity: 0.88; }
 
-    /* 新建对话任务弹窗 */
+    /* 鏂板缓瀵硅瘽浠诲姟寮圭獥 */
     .nt-form { display: flex; flex-direction: column; gap: 12px; margin-top: 4px; }
     .nt-label { font-size: 12.5px; font-weight: 600; color: var(--ink-2); display: block; margin-bottom: 4px; }
     .nt-form textarea, .nt-form select {
@@ -822,7 +827,7 @@
     .nt-row > div { flex: 1; }
     .nt-hint { font-size: 12px; color: var(--muted); }
 
-    /* ========== 右侧面板 ========== */
+    /* ========== 鍙充晶闈㈡澘 ========== */
     .right-panel {
       width: 320px;
       background: var(--card);
@@ -861,7 +866,7 @@
     }
     .preview-content pre { margin: 0; white-space: pre-wrap; word-break: break-word; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
 
-    /* 电脑操作面板 */
+    /* 鐢佃剳鎿嶄綔闈㈡澘 */
     .computer-controls { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
     .screen-preview {
       background: var(--bg);
@@ -891,7 +896,7 @@
     }
     .computer-actions .pill:hover { background: var(--brand-soft); border-color: var(--brand); color: var(--brand); }
 
-    /* 任务详情 */
+    /* 浠诲姟璇︽儏 */
     .detail-ops {
       display: grid;
       grid-template-columns: 1fr 1fr;
@@ -921,7 +926,7 @@
     }
     .artifact-file:hover { background: var(--brand-soft); color: var(--brand); }
 
-    /* ========== 功能页面 ========== */
+    /* ========== 鍔熻兘椤甸潰 ========== */
     .page-view {
       flex: 1;
       display: none;
@@ -948,7 +953,7 @@
     .tile .desc { color: var(--muted); font-size: 12px; line-height: 1.5; }
     .tile .ops { display: flex; gap: 6px; margin-top: 12px; }
     .tile .ops button { padding: 6px 12px; font-size: 12px; flex: 1; }
-    /* 预置指令卡片：带渐变边框，和用户自定义区分 */
+    /* 棰勭疆鎸囦护鍗＄墖锛氬甫娓愬彉杈规锛屽拰鐢ㄦ埛鑷畾涔夊尯鍒?*/
     .tile.builtin-tile {
       background: linear-gradient(135deg, var(--card) 0%, rgba(37,99,235,0.03) 100%);
       border: 1px solid var(--brand-soft);
@@ -957,7 +962,7 @@
     .tile.builtin-tile .ops { flex-wrap: wrap; }
     .tile.builtin-tile .ops button { flex: 1 1 auto; }
 
-    /* ========== 产品发布故事页面 ========== */
+    /* ========== 浜у搧鍙戝竷鏁呬簨椤甸潰 ========== */
     .release-container { max-width: 900px; margin: 0 auto; }
     .release-hero {
       text-align: center;
@@ -1189,7 +1194,7 @@
     .cta-btn.secondary:hover { background: var(--brand-soft); }
     .cta-sub { color: var(--muted); font-size: 13px; }
 
-    /* ========== 通用样式 ========== */
+    /* ========== 閫氱敤鏍峰紡 ========== */
     .card {
       background: var(--card);
       border: 1px solid var(--border);
@@ -1234,7 +1239,7 @@
     .badge.done { background: #f0fdf4; color: var(--ok); }
     .badge.failed { background: #fef2f2; color: var(--err); }
 
-    /* ========== 模态框 ========== */
+    /* ========== 妯℃€佹 ========== */
     .mask {
       position: fixed;
       inset: 0;
@@ -1260,7 +1265,7 @@
     .modal .footer { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }
     .close-x { float: right; cursor: pointer; color: var(--muted); font-size: 18px; }
 
-    /* ========== 下拉菜单 ========== */
+    /* ========== 涓嬫媺鑿滃崟 ========== */
     .dropdown { position: relative; }
     .dropdown-menu {
       position: absolute;
@@ -1281,21 +1286,21 @@
     .dropdown-item:hover { background: var(--bg); }
     .dropdown-divider { height: 1px; background: var(--line); margin: 6px 0; }
 
-    /* ========== 权限窗口 ========== */
+    /* ========== 鏉冮檺绐楀彛 ========== */
     .perm-section { margin-bottom: 14px; }
     .perm-title { font-size: 13px; font-weight: 600; margin-bottom: 8px; }
     .perm-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; font-size: 13px; }
     .perm-row input[type="checkbox"] { width: auto; margin: 0; }
     .perm-row label { margin: 0; color: var(--ink-2); }
 
-    /* ========== 智能体选择 ========== */
+    /* ========== 鏅鸿兘浣撻€夋嫨 ========== */
     .agent-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
     .agent-card { border: 1px solid var(--border); border-radius: 12px; padding: 14px; text-align: center; cursor: pointer; }
     .agent-card:hover, .agent-card.selected { border-color: var(--brand); background: var(--brand-soft); }
     .agent-card .icon { font-size: 24px; }
     .agent-card .title { font-size: 13px; font-weight: 600; margin-top: 6px; }
 
-    /* ========== 大模型管理 ========== */
+    /* ========== 澶фā鍨嬬鐞?========== */
     .model-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; max-height: 200px; overflow-y: auto; }
     .model-item {
       border: 1px solid var(--border);
@@ -1344,7 +1349,7 @@
     .ghost { background: var(--card); color: var(--ink-2); border: 1px solid var(--border); border-radius: 8px; padding: 8px 16px; cursor: pointer; font-size: 13px; }
     .primary.sm, .ghost.sm { padding: 5px 12px; font-size: 12px; }
 
-    /* ========== 设置面板 ========== */
+    /* ========== 璁剧疆闈㈡澘 ========== */
     .settings-layout { display: flex; gap: 0; min-height: 360px; }
     .settings-nav { flex: 0 0 130px; border-right: 1px solid var(--line); padding-right: 8px; }
     .settings-cat { padding: 9px 10px; border-radius: 8px; cursor: pointer; font-size: 13px; color: var(--ink-2); }
@@ -1369,7 +1374,7 @@
     .settings-item .si-desc { font-size: 12px; color: var(--muted); }
     .settings-item .si-arrow { color: var(--muted); }
 
-    /* ========== 设置·大模型管理（简洁卡片风） ========== */
+    /* ========== 璁剧疆路澶фā鍨嬬鐞嗭紙绠€娲佸崱鐗囬锛?========== */
     .model-manage { margin-top: 4px; }
     .mm-list { display: flex; flex-direction: column; gap: 8px; }
     .mm-empty {
@@ -1413,7 +1418,7 @@
       align-items: center;
       gap: 4px;
     }
-    .mm-card-url::before { content: '🔗'; font-size: 11px; opacity: 0.7; }
+    .mm-card-url::before { content: '馃敆'; font-size: 11px; opacity: 0.7; }
     .mm-card-meta { font-size: 11px; color: var(--muted); }
     .mm-card-actions {
       display: flex;
@@ -1438,7 +1443,7 @@
     .mm-act-primary:hover { background: var(--brand-soft); }
     .mm-act-danger { color: var(--muted); }
     .mm-act-danger:hover { color: var(--err); background: transparent; }
-    /* 分隔 */
+    /* 鍒嗛殧 */
     .mm-divider {
       display: flex;
       align-items: center;
@@ -1453,7 +1458,7 @@
       height: 1px;
       background: var(--line);
     }
-    /* 表单 */
+    /* 琛ㄥ崟 */
     .mm-form {
       display: flex;
       flex-direction: column;
@@ -1482,7 +1487,7 @@
     .mm-form-actions .mm-form-msg { font-size: 12px; color: var(--muted); margin-left: auto; }
     .mm-form-actions .mm-form-msg.err { color: var(--err); }
 
-    /* ========== 用户菜单（右侧侧边栏样式） ========== */
+    /* ========== 鐢ㄦ埛鑿滃崟锛堝彸渚т晶杈规爮鏍峰紡锛?========== */
     .bottom-sheet-mask {
       position: fixed;
       inset: 0;
@@ -1511,7 +1516,7 @@
     .sheet-item .icon { width: 22px; text-align: center; }
     .sheet-item .right { margin-left: auto; font-size: 12px; color: var(--muted); }
 
-    /* ========== 工作区 ========== */
+    /* ========== 宸ヤ綔鍖?========== */
     .workspace-box { border: 1px solid var(--border); border-radius: 10px; padding: 10px; background: var(--bg); }
     .workspace-cwd { font-size: 12px; color: var(--ink-2); word-break: break-all; margin-bottom: 8px; }
     .workspace-input { display: flex; gap: 6px; }
@@ -1525,10 +1530,10 @@
     .drive-option { padding: 3px 10px; margin-top: 4px; border-radius: 4px; font-size: 11px; cursor: pointer; color: var(--ink-2); }
     .drive-option:hover { background: var(--brand-soft); color: var(--brand); }
 
-    /* ========== 文件芯片 ========== */
+    /* ========== 鏂囦欢鑺墖 ========== */
     .file-chip { display: inline-flex; align-items: center; gap: 6px; background: var(--brand-soft); color: var(--brand); padding: 4px 8px; border-radius: 6px; font-size: 12px; cursor: pointer; }
     .file-chip:hover { opacity: 0.85; }
-    /* 输入区·待发送附件暂存（点发送时统一上传给 AI） */
+    /* 杈撳叆鍖郝峰緟鍙戦€侀檮浠舵殏瀛橈紙鐐瑰彂閫佹椂缁熶竴涓婁紶缁?AI锛?*/
     .staged-area {
       display: none;
       flex-wrap: wrap;
@@ -1574,10 +1579,10 @@
       margin-left: 4px;
     }
 
-    /* ========== 截图遮罩 ========== */
-    .crop-overlay { position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,0.35); cursor: crosshair; }
-    .crop-tip { position: fixed; top: 16px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.7); color: #fff; padding: 6px 14px; border-radius: 20px; font-size: 13px; pointer-events: none; }
-    .crop-selection { position: fixed; border: 2px dashed #fff; background: rgba(255,255,255,0.12); box-shadow: 0 0 0 9999px rgba(0,0,0,0.25); pointer-events: none; }
+    /* ========== 鎴浘閬僵 ========== */
+    .crop-overlay { position: fixed; inset: 0; z-index: 9999; background: #000; cursor: crosshair; }
+    .crop-tip { position: fixed; top: 16px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.8); color: #fff; padding: 8px 18px; border-radius: 20px; font-size: 13px; pointer-events: none; z-index: 10001; }
+    .crop-selection { position: fixed; border: 2px dashed #00ffcc; background: rgba(0,255,204,0.08); box-shadow: 0 0 0 9999px rgba(0,0,0,0.5); pointer-events: none; z-index: 10000; display: none; }
 
     /* ========== Toast ========== */
     .toast {
@@ -1597,10 +1602,10 @@
     }
     .toast.show { opacity: 1; }
 
-    /* ========== 隐藏文件输入 ========== */
+    /* ========== 闅愯棌鏂囦欢杈撳叆 ========== */
     input[type="file"] { display: none; }
 
-    /* ========== 记忆系统 ========== */
+    /* ========== 璁板繂绯荤粺 ========== */
     .stat-card { text-align: center; padding: 16px; }
     .stat-label { font-size: 12px; color: var(--muted); margin-bottom: 8px; }
     .stat-value { font-size: 24px; font-weight: 700; color: var(--brand); }
@@ -1610,7 +1615,7 @@
     .memory-content pre { background: var(--bg); padding: 12px; border-radius: 8px; overflow-x: auto; }
     .memory-content code { background: var(--bg); padding: 2px 6px; border-radius: 4px; font-size: 12px; }
 
-    /* ========== 欢迎引导弹窗 ========== */
+    /* ========== 娆㈣繋寮曞寮圭獥 ========== */
     #welcomeGuideModal .modal { width: 480px; }
     .welcome-guide-header { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
     .welcome-guide-header .icon { font-size: 32px; }
@@ -1670,7 +1675,7 @@
       font-size: 13px;
     }
 
-/* ========== 后端服务断连提示横幅 ========== */
+/* ========== 鍚庣鏈嶅姟鏂繛鎻愮ず妯箙 ========== */
 .backend-offline-banner {
   position: fixed;
   top: 0;
@@ -1712,18 +1717,40 @@
   from { transform: translateY(-100%); opacity: 0; }
   to   { transform: translateY(0);     opacity: 1; }
 }
+
+/* ========== P2-1: 璁捐绋胯浆浠ｇ爜 ========== */
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+.design-result-tab.active {
+  background: var(--accent, #2d5a3d) !important;
+  color: #fff !important;
+  border-color: var(--accent, #2d5a3d) !important;
+}
+#designDropZone:hover {
+  border-color: var(--accent, #2d5a3d);
+  background: var(--card, #f5f5f5);
+}
+
 
-/* ========== P2-1: 设计稿转代码 ========== */
-@keyframes spin {
-  to { transform: rotate(360deg); }
+/* ===== 文字选择优化（精确选择、长按复制、不跳开） ===== */
+.msg, .msg * {
+  -webkit-user-select: text !important;
+  user-select: text !important;
+  -webkit-touch-callout: default !important;
 }
-.design-result-tab.active {
-  background: var(--accent, #2d5a3d) !important;
-  color: #fff !important;
-  border-color: var(--accent, #2d5a3d) !important;
+.msg {
+  cursor: text;
 }
-#designDropZone:hover {
-  border-color: var(--accent, #2d5a3d);
-  background: var(--card, #f5f5f5);
+.msg ::selection, .msg::selection {
+  background: rgba(79, 110, 247, 0.25);
+  color: inherit;
 }
-
+.msg ::-moz-selection {
+  background: rgba(79, 110, 247, 0.25);
+}
+/* 代码块内文字也可选择 */
+pre, code, .code-block, .code-block * {
+  -webkit-user-select: text !important;
+  user-select: text !important;
+}

package/dist/web/public/index.html

@@ -4,6 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title data-i18n="app.title_login">飞虹 Code 控制台 / fhcode Console</title>
+  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='20' fill='%231a1a2e'/><text x='50' y='68' font-size='52' font-family='monospace' font-weight='bold' fill='%2300d4aa' text-anchor='middle'>&lt;/&gt;</text></svg>" />
     <link rel="stylesheet" href="css/style.css">
   <!-- Monaco Editor AMD Loader（代码编辑器内核，VSCode 同款） -->
   <script src="vendor/monaco/vs/loader.js"></script>
@@ -342,6 +343,11 @@
               <div class="empty" data-i18n="common.loading">加载中…</div>
             </div>
             <textarea id="memLongEditor" style="display:none;width:100%;min-height:400px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--ink);font-family:monospace;font-size:13px;resize:vertical;box-sizing:border-box;"></textarea>
+            <!-- P1-1: ghost text 补全建议条 -->
+            <div id="memGhostBar" style="display:none;margin-top:4px;padding:6px 10px;border:1px dashed var(--border,#ccc);border-radius:6px;background:rgba(45,90,61,0.06);font-family:monospace;font-size:12px;color:var(--muted,#777);white-space:pre-wrap;word-break:break-all;line-height:1.5;">
+              <span id="memGhostText" style="color:#888;"></span>
+              <span style="margin-left:8px;font-size:10px;color:#aaa;">按 <b>Tab</b> 接受补全 · Esc 取消</span>
+            </div>
           </div>
 
           <!-- 总结历史面板 -->
@@ -560,6 +566,7 @@
           <div class="right-tab" data-tab="design" id="designTab">🎨 设计稿</div>
           <div class="right-tab" data-tab="git" id="gitTab">🔀 Git</div>
           <div class="right-tab" data-tab="team" id="teamTab">👥 团队</div>
+          <div class="right-tab" data-tab="capabilities" id="capabilitiesTab">🧪 能力中心</div>
           <div class="right-tab" data-tab="computer" id="computerTab" style="display:none;">🖥 电脑操作</div>
         </div>
         <div class="right-body">
@@ -601,7 +608,7 @@
           <!-- P3: 多文件变更面板 -->
           <div class="preview-panel" id="changesPanel">
             <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;">
-              <div style="font-size:13px;font-weight:600;">📝 待审批变更 <span id="changesCount" class="badge" style="margin-left:4px;">0</span></div>
+              <div style="font-size:13px;font-weight:600;">📝 待审批变更 <span id="changesCount" class="badge" style="margin-left:4px;">0</span><span id="changesConflictCount" class="badge" style="margin-left:4px;background:#c0392b;color:#fff;display:none;">0 冲突</span></div>
               <div style="display:flex;gap:6px;">
                 <button id="changesDetectBtn" class="ghost-btn" style="font-size:11px;padding:3px 8px;" title="检测文件冲突">⚠️ 检测冲突</button>
                 <button id="changesRefreshBtn" class="ghost-btn" style="font-size:11px;padding:3px 8px;">🔄</button>
@@ -763,6 +770,8 @@
                   <div style="font-size:10px;color:var(--muted);">任务</div>
                 </div>
               </div>
+              <!-- P7-4: 多 agent 协作总览（状态漏斗 + 成员负载） -->
+              <div id="teamOverview" style="display:none;margin-bottom:10px;"></div>
             </div>
             <!-- Tab 切换 -->
             <div style="display:flex;gap:4px;margin-bottom:8px;border-bottom:1px solid var(--border);padding-bottom:6px;">
@@ -794,6 +803,40 @@
               <div id="teamTasksList" style="max-height:300px;overflow-y:auto;"></div>
             </div>
           </div>
+          <!-- P0-3: 能力中心面板（v7.2 新能力前端接线：语音/资料库/插件市场） -->
+          <div class="preview-panel" id="capabilitiesPanel">
+            <div style="margin-bottom:10px;">
+              <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;">
+                <span style="font-size:13px;font-weight:600;">🧪 能力中心 <span style="font-size:10px;color:var(--muted);">v7.2 实测可用</span></span>
+              </div>
+              <!-- 语音编程 -->
+              <div style="background:var(--card);padding:8px;border-radius:6px;margin-bottom:8px;">
+                <div style="font-size:11px;font-weight:600;margin-bottom:6px;">🎙 语音指令解析</div>
+                <div style="display:flex;gap:6px;">
+                  <input id="capVoiceInput" placeholder="如：打开文件 / 生成排序函数" style="flex:1;font-size:11px;padding:4px 6px;" />
+                  <button id="capVoiceBtn" class="primary" style="font-size:11px;padding:4px 10px;">解析</button>
+                </div>
+                <div id="capVoiceResult" style="font-size:11px;margin-top:6px;color:var(--muted);"></div>
+              </div>
+              <!-- AI 资料库 -->
+              <div style="background:var(--card);padding:8px;border-radius:6px;margin-bottom:8px;">
+                <div style="font-size:11px;font-weight:600;margin-bottom:6px;">📚 AI 资料库</div>
+                <div style="display:flex;gap:6px;">
+                  <input id="capKnowledgeQuery" placeholder="搜索资料（如：私有化部署）" style="flex:1;font-size:11px;padding:4px 6px;" />
+                  <button id="capKnowledgeSearchBtn" class="primary" style="font-size:11px;padding:4px 10px;">搜索</button>
+                </div>
+                <div id="capKnowledgeResult" style="font-size:11px;margin-top:6px;max-height:140px;overflow-y:auto;color:var(--muted);"></div>
+              </div>
+              <!-- 插件市场 -->
+              <div style="background:var(--card);padding:8px;border-radius:6px;">
+                <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;">
+                  <span style="font-size:11px;font-weight:600;">🧩 插件市场</span>
+                  <button id="capPluginsBtn" class="ghost-btn" style="font-size:11px;padding:2px 8px;">🔄 加载</button>
+                </div>
+                <div id="capPluginsResult" style="font-size:11px;max-height:140px;overflow-y:auto;color:var(--muted);"></div>
+              </div>
+            </div>
+          </div>
         </div>
       </aside>
     </div>

package/dist/web/public/js/api.js

@@ -295,7 +295,10 @@
       if (!text) return '';
       const d = await api('/api/security/public-key');
       const b64 = String(d.publicKey || '').replace(/-----[^-]+-----/g, '').replace(/\s+/g, '');
-      if (!b64) throw new Error('未获取到加密公钥');
+      if (!b64) {
+        console.error('[rsaEncryptText] 公钥为空，完整响应:', d);
+        throw new Error('未获取到加密公钥（请按 Ctrl+F5 强制刷新页面，或检查服务是否已重启）');
+      }
       const bin = atob(b64);
       const buf = new Uint8Array(bin.length);
       for (let i = 0; i < bin.length; i++) buf[i] = bin.charCodeAt(i);
@@ -357,7 +360,7 @@
     async function api(path, method = 'GET', body) {
       let res;
       try {
-        res = await fetch(path, { method, headers: authHeaders(), body: body ? JSON.stringify(body) : undefined });
+        res = await fetch(path, { method, headers: authHeaders(), body: body ? JSON.stringify(body) : undefined, cache: 'no-store' });
       } catch (e) {
         // 网络层失败（Failed to fetch / 连接拒绝 / 超时中断）：标记后端可能已断开
         if (typeof BackendConn !== 'undefined') BackendConn.markFailure();
@@ -494,3 +497,62 @@
     } else {
       BackendConn.init();
     }
+
+    /* ========== v7.2.0 新能力 API 封装（voice / knowledge / plugins / sso）==========
+     * 修复：v7.2 新增能力此前前端 0 调用。以下封装供能力中心面板使用。
+     */
+    async function apiVoiceParse(text) {
+      return api('/api/voice/parse', 'POST', { text });
+    }
+    async function apiVoiceCommands() {
+      return api('/api/voice/commands');
+    }
+    async function apiVoiceToCode(description, language) {
+      return api('/api/voice/to-code', 'POST', { description, language: language || 'typescript' });
+    }
+    async function apiKnowledgeStats() {
+      return api('/api/knowledge/stats');
+    }
+    async function apiKnowledgeList(params) {
+      const qs = new URLSearchParams();
+      if (params) { for (const k of ['category', 'type', 'sortBy', 'order', 'limit', 'offset']) { if (params[k]) qs.set(k, params[k]); } }
+      const s = qs.toString();
+      return api('/api/knowledge/documents' + (s ? '?' + s : ''));
+    }
+    async function apiKnowledgeSearch(query, extra) {
+      return api('/api/knowledge/search', 'POST', { query, ...(extra || {}) });
+    }
+    async function apiKnowledgeAdd(data) {
+      return api('/api/knowledge/document', 'POST', data);
+    }
+    async function apiKnowledgeDelete(id) {
+      return api('/api/knowledge/document/' + encodeURIComponent(id), 'DELETE');
+    }
+    async function apiPluginsMarket(q, category) {
+      const qs = new URLSearchParams();
+      if (q) qs.set('q', q);
+      if (category) qs.set('category', category);
+      const s = qs.toString();
+      return api('/api/plugins/market' + (s ? '?' + s : ''));
+    }
+    async function apiPluginsList(status) {
+      const s = status ? '?status=' + encodeURIComponent(status) : '';
+      return api('/api/plugins' + s);
+    }
+    async function apiPluginsInstall(plugin) {
+      return api('/api/plugins/install', 'POST', { plugin });
+    }
+    async function apiSsoProviders() {
+      return api('/api/sso/providers');
+    }
+
+    /* ========== P1-1: 代码补全（ghost text）========== */
+    async function apiCompletion(filePath, fileContent, opts) {
+      return api('/api/completion', 'POST', {
+        filePath,
+        fileContent,
+        cursorOffset: opts?.cursorOffset ?? fileContent.length,
+        mode: opts?.mode ?? 'quick',
+        language: opts?.language,
+      });
+    }