npm - feihong-code - Versions diffs - 0.6.1 → 7.2.0 - Mend

feihong-code 0.6.1 → 7.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (247) hide show

package/dist/web/public/index.html CHANGED Viewed

@@ -5,8 +5,16 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title data-i18n="app.title_login">飞虹 Code 控制台 / fhcode Console</title>
     <link rel="stylesheet" href="css/style.css">
+  <!-- Monaco Editor AMD Loader（代码编辑器内核，VSCode 同款） -->
+  <script src="vendor/monaco/vs/loader.js"></script>
 </head>
 <body>
+  <!-- 后端服务断连提示横幅 -->
+  <div class="backend-offline-banner" id="backendOfflineBanner" style="display:none;">
+    <span class="bob-icon">⚠️</span>
+    <span class="bob-text" id="backendOfflineText">后端服务已断开，正在自动重连…</span>
+    <button class="bob-reconnect" id="backendReconnectBtn">立即重连</button>
+  </div>
   <div id="loginOverlay">
     <div class="login-card">
       <h2 data-i18n="app.title_login">飞虹 Code 控制台</h2>
@@ -72,6 +80,10 @@
             <span class="icon">📎</span>
             <span class="label" data-i18n="sidebar.office">办公助理</span>
           </div>
+          <div class="sidebar-icon" data-nav="nodes" title="节点管理" data-i18n="sidebar.nodes">
+            <span class="icon">🔗</span>
+            <span class="label" data-i18n="sidebar.nodes">节点管理</span>
+          </div>
           <div class="sidebar-icon" data-nav="memory" title="记忆系统" data-i18n="sidebar.memory">
             <span class="icon">🧠</span>
             <span class="label" data-i18n="sidebar.memory">记忆系统</span>
@@ -142,15 +154,16 @@
                     <div class="dropdown-item" data-action="screenshot" data-i18n="chat.screenshot">📷 截图</div>
                     <div class="dropdown-item" data-action="upload-file" data-i18n="chat.upload_file">📄 上传文件</div>
                     <div class="dropdown-item" data-action="upload-image" data-i18n="chat.upload_image">🖼 上传图片</div>
-                    <div class="dropdown-item" data-action="direct-mode" data-i18n="chat.direct_mode">🖥 直接操作电脑</div>
+                    <div class="dropdown-item" data-action="direct-mode" data-i18n="chat.direct_mode">🖥 电脑操作</div>
                     <div class="dropdown-item" data-action="voice" data-i18n="chat.voice">🎤 语音输入</div>
                     <div class="dropdown-divider"></div>
                     <div class="dropdown-item" data-action="agent-type" data-i18n="chat.agent_type">🤖 选择智能体类型</div>
                   </div>
                 </div>
                 <button class="pill" id="screenshotBtn" title="截图（框选屏幕区域发给 AI）" data-i18n="chat.screenshot">📷 截图</button>
+                <button class="pill" id="voiceBtn" title="语音输入（点击开始/停止）" data-i18n="chat.voice">🎤 语音</button>
                 <span class="pill" id="skillPill" title="当前智能体" data-i18n="chat.agent_default">🤖 通用助手</span>
-                <span class="pill" id="directModePill" style="display:none;" title="直接操作电脑模式已开启" data-i18n="chat.direct_mode">🖥 直接操作电脑</span>
+                <span class="pill" id="directModePill" style="display:none;" title="电脑操作模式已开启" data-i18n="chat.direct_mode">🖥 电脑操作</span>
                 <span id="voiceBadge" class="voice-badge" style="display:none;" data-i18n="chat.listening">● 正在听…</span>
                 <span class="spacer"></span>
                 <button id="sendBtn" data-i18n="chat.send">▶ 发送</button>
@@ -183,7 +196,10 @@
             <div data-i18n="nav.automations"><h2>⚡ 自动化</h2><div class="sub">把常用目标存成指令，一键发起任务</div></div>
             <button id="newAutoBtn" data-i18n="btn.new_automation">+ 新建指令</button>
           </div>
-          <div class="grid" id="autoGrid" data-i18n="empty.no_automations"><div class="empty">还没有快捷指令</div></div>
+          <div class="section-title">常用快捷指令</div>
+          <div class="grid" id="builtinAutoGrid"></div>
+          <div class="section-title" style="margin-top:20px;">我的指令</div>
+          <div class="grid" id="autoGrid" data-i18n="empty.no_automations"><div class="empty">还没有自定义指令，点击上方「新建指令」或从常用指令保存</div></div>
         </div>
         <!-- 模板库页面 -->
@@ -194,6 +210,10 @@
           </div>
           <div class="section-title" data-i18n="tpl.builtin">内置模板</div>
           <div class="grid" id="builtinGrid"></div>
+          <div class="section-title" style="margin-top:20px;" id="nodeTplTitle" data-i18n="tpl.node">来自节点</div>
+          <div class="grid" id="nodeTplGrid"><div class="empty">暂无节点模板，去「节点管理」添加节点</div></div>
+          <div class="section-title" style="margin-top:20px;" id="customTplTitle" data-i18n="tpl.custom">自定义来源</div>
+          <div class="grid" id="customTplGrid"><div class="empty">暂无自定义来源模板</div></div>
           <div class="section-title" style="margin-top:20px;" data-i18n="tpl.my">我的模板</div>
           <div class="grid" id="userTplGrid" data-i18n="empty.no_templates"><div class="empty">暂无自定义模板</div></div>
         </div>
@@ -208,6 +228,8 @@
                 <option value="all" data-i18n="market.source_all">全部来源</option>
                 <option value="clawhub">ClawHub</option>
                 <option value="agent-foundry">Agent-Foundry</option>
+                <option value="node">节点</option>
+                <option value="custom">自定义来源</option>
               </select>
               <button id="marketRefresh" data-i18n="btn.refresh">刷新</button>
             </div>
@@ -225,6 +247,21 @@
           <div class="grid" id="officeGrid" data-i18n="common.loading"><div class="empty">加载中…</div></div>
         </div>
+        <!-- 节点管理页面 -->
+        <div class="page-view" data-view="nodes">
+          <div class="page-head">
+            <div><h2>🔗 节点管理</h2><div class="sub">连接外部节点，扩展模板/插件/办公能力来源</div></div>
+            <div class="row" style="flex:0 0 auto; gap:8px;">
+              <button id="addNodeBtn">+ 添加节点</button>
+              <button id="addSourceBtn" class="ghost">+ 自定义来源</button>
+            </div>
+          </div>
+          <div class="section-title">已连接节点</div>
+          <div class="grid" id="nodesGrid"><div class="empty">还没有添加节点，点击上方「添加节点」连接外部服务</div></div>
+          <div class="section-title" style="margin-top:20px;">自定义来源</div>
+          <div class="grid" id="sourcesGrid"><div class="empty">还没有自定义来源，点击上方「自定义来源」添加远程数据源</div></div>
+        </div>
         <!-- 记忆系统页面 -->
         <div class="page-view" data-view="memory">
           <div class="page-head">
@@ -267,8 +304,17 @@
             <div class="row" style="margin-bottom:16px;align-items:center;">
               <input type="date" id="memDateInput" style="margin:0;width:160px;" />
               <button id="memLoadDay" style="margin:0;" data-i18n="btn.view">查看</button>
+              <button id="memAddShort" style="margin:0;" class="ghost">＋ 添加记录</button>
               <span class="muted" id="memDateLabel" style="margin-left:8px;"></span>
             </div>
+            <!-- 添加记录文本框（默认隐藏，点击添加记录后展开） -->
+            <div id="memShortEditor" style="display:none;margin-bottom:16px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);">
+              <textarea id="memShortInput" rows="4" placeholder="直接输入你想记录的内容，点击保存即可添加到今天的短期记忆..." style="width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--ink);font-size:13px;resize:vertical;box-sizing:border-box;"></textarea>
+              <div style="margin-top:8px;display:flex;gap:8px;justify-content:flex-end;">
+                <button id="memShortCancel" class="ghost">取消</button>
+                <button id="memShortSave" class="primary">保存</button>
+              </div>
+            </div>
             <div class="card memory-content" id="memShortContent">
               <div class="empty" data-i18n="btn.view">选择日期查看短期记忆</div>
             </div>
@@ -276,9 +322,26 @@
           <!-- 长期记忆面板 -->
           <div class="mem-panel" id="memLongPanel" style="display:none;">
+            <div class="row" style="margin-bottom:16px;align-items:center;">
+              <button id="memEditLong" style="margin:0;">✎ 编辑</button>
+              <button id="memSaveLong" style="margin:0;display:none;" class="primary">💾 保存</button>
+              <button id="memCancelLong" style="margin:0;display:none;" class="ghost">取消</button>
+              <button id="memAppendLong" style="margin:0;" class="ghost">＋ 追加</button>
+              <span class="muted" style="margin-left:8px;">长期记忆会在对话中被 AI 参考</span>
+            </div>
+            <!-- 追加条目文本框（默认隐藏） -->
+            <div id="memLongAppendEditor" style="display:none;margin-bottom:16px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);">
+              <input type="text" id="memAppendTitle" placeholder="条目标题（如：项目知识/用户偏好）" style="width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--ink);font-size:13px;margin-bottom:8px;box-sizing:border-box;" />
+              <textarea id="memAppendContent" rows="3" placeholder="输入你想追加的记忆内容..." style="width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--ink);font-size:13px;resize:vertical;box-sizing:border-box;"></textarea>
+              <div style="margin-top:8px;display:flex;gap:8px;justify-content:flex-end;">
+                <button id="memAppendCancel" class="ghost">取消</button>
+                <button id="memAppendSave" class="primary">追加</button>
+              </div>
+            </div>
             <div class="card memory-content" id="memLongContent">
               <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>
           </div>
           <!-- 总结历史面板 -->
@@ -475,6 +538,17 @@
             <button id="modelSettingsShortcut" class="ghost-btn" title="大模型设置" data-i18n="sidebar.settings">🧠</button>
           </div>
         </div>
+        <!-- 视频通话窗口 -->
+        <div class="video-call-window" id="videoCallWindow" style="display:none;">
+          <div class="video-call-header">
+            <span>📹 视频通话中</span>
+            <div style="display:flex;gap:8px;align-items:center;">
+              <button class="video-call-snapshot" id="videoSnapshotBtn" title="截取当前画面发送">📸</button>
+              <button class="video-call-close" id="videoCallClose">✕</button>
+            </div>
+          </div>
+          <video id="localVideo" autoplay muted playsinline></video>
+        </div>
       </main>
       <!-- 右侧面板 -->
@@ -482,6 +556,11 @@
         <div class="right-tabs">
           <div class="right-tab active" data-tab="detail" data-i18n="right.detail">📦 任务详情</div>
           <div class="right-tab" data-tab="preview" data-i18n="right.preview">👁 产物预览</div>
+          <div class="right-tab" data-tab="changes" id="changesTab">📝 变更</div>
+          <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="computer" id="computerTab" style="display:none;">🖥 电脑操作</div>
         </div>
         <div class="right-body">
           <div class="preview-panel active" id="detailPanel">
@@ -491,6 +570,230 @@
             <div class="preview-title" id="previewTitle" data-i18n="right.preview_title">预览</div>
             <div class="preview-content" id="previewContent" data-i18n="right.preview_title"><div class="muted">点击任务或对话中的文件/代码进行预览。</div></div>
           </div>
+          <div class="preview-panel" id="computerPanel">
+            <div class="computer-controls">
+              <button id="screenCaptureBtn" class="pill">📷 截取屏幕</button>
+              <span id="mousePos" class="muted" style="font-size:12px;">坐标: -</span>
+            </div>
+            <div class="screen-preview" id="screenPreview">
+              <div class="muted" style="text-align:center;padding:40px;">点击「截取屏幕」查看当前屏幕</div>
+            </div>
+            <div class="computer-actions">
+              <div style="margin-bottom:8px;font-size:13px;font-weight:600;">快捷操作</div>
+              <div style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;">
+                <button class="pill" id="clickLeftBtn">左键点击</button>
+                <button class="pill" id="clickRightBtn">右键点击</button>
+                <button class="pill" id="doubleClickBtn">双击</button>
+              </div>
+              <div style="margin-bottom:8px;">
+                <input type="text" id="typeTextInput" placeholder="输入文字后回车发送" style="width:100%;padding:6px 8px;font-size:12px;border:1px solid var(--border);border-radius:6px;" />
+              </div>
+              <div style="display:flex;gap:6px;flex-wrap:wrap;">
+                <button class="pill" data-key="{ENTER}">回车</button>
+                <button class="pill" data-key="{TAB}">Tab</button>
+                <button class="pill" data-key="{ESC}">Esc</button>
+                <button class="pill" data-key="^c">复制</button>
+                <button class="pill" data-key="^v">粘贴</button>
+                <button class="pill" data-key="^a">全选</button>
+              </div>
+            </div>
+          </div>
+          <!-- 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="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>
+                <button id="changesCommitBtn" class="ghost-btn" style="font-size:11px;padding:3px 8px;background:#2d5a3d;color:#fff;">✓ 全部提交</button>
+                <button id="changesDiscardBtn" class="ghost-btn" style="font-size:11px;padding:3px 8px;">🗑 丢弃</button>
+              </div>
+            </div>
+            <div id="changesList" style="overflow-y:auto;max-height:calc(100vh - 280px);">
+              <div class="muted" style="text-align:center;padding:30px;font-size:12px;">暂无暂存变更<br/><span style="font-size:11px;">AI 生成的文件修改会先暂存在这里，审批后才写入磁盘</span></div>
+            </div>
+          </div>
+          <!-- P2-1: 设计稿转代码面板 -->
+          <div class="preview-panel" id="designPanel">
+            <div style="margin-bottom:10px;font-size:13px;font-weight:600;">🎨 设计稿转代码</div>
+            <!-- 图片上传区域 -->
+            <div id="designDropZone" style="border:2px dashed var(--border);border-radius:8px;padding:20px;text-align:center;cursor:pointer;margin-bottom:10px;transition:border-color 0.2s;">
+              <div style="font-size:24px;margin-bottom:6px;">📷</div>
+              <div style="font-size:12px;color:var(--muted);">点击或拖拽上传设计稿图片</div>
+              <div style="font-size:10px;color:var(--muted);margin-top:4px;">支持 PNG/JPG/WebP，最大 8MB</div>
+              <input type="file" id="designFileInput" accept="image/*" style="display:none;" />
+            </div>
+            <!-- 图片预览 -->
+            <div id="designImagePreview" style="display:none;margin-bottom:10px;">
+              <img id="designPreviewImg" style="width:100%;max-height:200px;object-fit:contain;border-radius:6px;border:1px solid var(--border);" />
+              <button id="designRemoveImgBtn" style="margin-top:6px;font-size:11px;padding:2px 8px;background:none;border:1px solid var(--border);border-radius:4px;cursor:pointer;color:var(--ink);">🗑 移除图片</button>
+            </div>
+            <!-- 框架选择 -->
+            <div style="margin-bottom:8px;">
+              <label style="font-size:12px;font-weight:600;display:block;margin-bottom:4px;">目标框架</label>
+              <select id="designFramework" style="width:100%;padding:6px 8px;font-size:12px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--ink);">
+                <option value="html">HTML + 内联 CSS</option>
+                <option value="tailwind">HTML + Tailwind CSS</option>
+                <option value="html-css">HTML + CSS（分离）</option>
+                <option value="react">React 组件（JSX）</option>
+                <option value="vue">Vue 3 单文件组件</option>
+              </select>
+            </div>
+            <!-- 附加说明 -->
+            <div style="margin-bottom:8px;">
+              <label style="font-size:12px;font-weight:600;display:block;margin-bottom:4px;">附加说明（可选）</label>
+              <textarea id="designInstructions" placeholder="如：使用深色主题、响应式设计、圆角按钮..." style="width:100%;padding:6px 8px;font-size:12px;border:1px solid var(--border);border-radius:6px;resize:vertical;min-height:50px;background:var(--card);color:var(--ink);"></textarea>
+            </div>
+            <!-- 生成按钮 -->
+            <button id="designGenerateBtn" style="width:100%;padding:8px;font-size:13px;font-weight:600;background:#2d5a3d;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-bottom:10px;">✨ 生成代码</button>
+            <!-- 生成状态 -->
+            <div id="designStatus" style="display:none;font-size:12px;color:var(--muted);text-align:center;margin-bottom:10px;">
+              <span style="display:inline-block;width:12px;height:12px;border:2px solid var(--muted);border-top-color:transparent;border-radius:50%;animation:spin 0.8s linear infinite;vertical-align:middle;margin-right:6px;"></span>
+              <span id="designStatusText">正在分析设计稿...</span>
+            </div>
+            <!-- 结果区域：代码 + 预览切换 -->
+            <div id="designResult" style="display:none;">
+              <div style="display:flex;gap:4px;margin-bottom:8px;">
+                <button class="design-result-tab active" data-tab="code" style="flex:1;padding:5px;font-size:11px;border:1px solid var(--border);border-radius:4px;cursor:pointer;background:var(--card);color:var(--ink);">📄 代码</button>
+                <button class="design-result-tab" data-tab="preview" style="flex:1;padding:5px;font-size:11px;border:1px solid var(--border);border-radius:4px;cursor:pointer;background:var(--card);color:var(--ink);">👁 预览</button>
+              </div>
+              <!-- 代码视图 -->
+              <div id="designCodeView" style="margin-bottom:10px;">
+                <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
+                  <span style="font-size:11px;color:var(--muted);" id="designCodeLang">HTML</span>
+                  <button id="designCopyBtn" style="font-size:10px;padding:2px 6px;background:none;border:1px solid var(--border);border-radius:3px;cursor:pointer;color:var(--ink);">📋 复制</button>
+                </div>
+                <pre id="designCode" style="margin:0;max-height:300px;overflow:auto;padding:10px;background:var(--card);border:1px solid var(--border);border-radius:6px;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-all;"></pre>
+              </div>
+              <!-- 预览视图 -->
+              <div id="designPreviewView" style="display:none;margin-bottom:10px;">
+                <iframe id="designPreviewFrame" style="width:100%;height:300px;border:1px solid var(--border);border-radius:6px;background:#fff;"></iframe>
+              </div>
+              <!-- 迭代修正 -->
+              <div style="border-top:1px solid var(--border);padding-top:8px;">
+                <div style="font-size:12px;font-weight:600;margin-bottom:4px;">🔧 迭代修正</div>
+                <textarea id="designFeedback" placeholder="描述需要修改的地方，如：按钮颜色改为蓝色、标题字号增大..." style="width:100%;padding:6px 8px;font-size:12px;border:1px solid var(--border);border-radius:6px;resize:vertical;min-height:40px;margin-bottom:6px;background:var(--card);color:var(--ink);"></textarea>
+                <button id="designRefineBtn" style="width:100%;padding:6px;font-size:12px;background:var(--card);color:var(--ink);border:1px solid var(--border);border-radius:6px;cursor:pointer;">🔄 修正代码</button>
+              </div>
+            </div>
+          </div>
+          <!-- P2-2: Git 集成面板 -->
+          <div class="preview-panel" id="gitPanel">
+            <!-- 分支信息和操作 -->
+            <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;">
+              <div style="font-size:13px;font-weight:600;">🔀 Git <span id="gitBranchName" class="muted" style="font-size:11px;font-weight:normal;"></span></div>
+              <div style="display:flex;gap:4px;">
+                <button id="gitRefreshBtn" class="ghost-btn" style="font-size:11px;padding:3px 8px;" title="刷新">🔄</button>
+                <button id="gitPullBtn" class="ghost-btn" style="font-size:11px;padding:3px 8px;" title="拉取">⬇ 拉取</button>
+                <button id="gitPushBtn" class="ghost-btn" style="font-size:11px;padding:3px 8px;" title="推送">⬆ 推送</button>
+              </div>
+            </div>
+            <!-- 非仓库提示 -->
+            <div id="gitNoRepo" style="display:none;text-align:center;padding:30px;">
+              <div style="font-size:24px;margin-bottom:8px;">📦</div>
+              <div class="muted" style="font-size:12px;margin-bottom:10px;">当前目录不是 Git 仓库</div>
+              <button id="gitInitBtn" class="ghost-btn" style="font-size:11px;padding:4px 12px;">初始化 Git 仓库</button>
+            </div>
+            <!-- Git 内容区 -->
+            <div id="gitContent" style="display:none;">
+              <!-- 分支切换 -->
+              <div style="margin-bottom:8px;">
+                <select id="gitBranchSelect" style="width:100%;padding:5px 8px;font-size:11px;border:1px solid var(--border);border-radius:4px;background:var(--card);color:var(--ink);"></select>
+              </div>
+              <!-- 暂存区 -->
+              <div style="margin-bottom:10px;">
+                <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;">
+                  <span style="font-size:11px;font-weight:600;color:#2d8a4e;">📥 暂存区 <span id="gitStagedCount" class="muted">0</span></span>
+                  <button id="gitResetAllBtn" class="ghost-btn" style="font-size:10px;padding:2px 6px;display:none;">全部取消</button>
+                </div>
+                <div id="gitStagedList" style="max-height:120px;overflow-y:auto;"></div>
+              </div>
+              <!-- 工作区修改 -->
+              <div style="margin-bottom:10px;">
+                <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;">
+                  <span style="font-size:11px;font-weight:600;color:#c0392b;">📝 修改 <span id="gitModifiedCount" class="muted">0</span></span>
+                  <button id="gitAddAllBtn" class="ghost-btn" style="font-size:10px;padding:2px 6px;display:none;">全部暂存</button>
+                </div>
+                <div id="gitModifiedList" style="max-height:120px;overflow-y:auto;"></div>
+              </div>
+              <!-- 未跟踪文件 -->
+              <div style="margin-bottom:10px;">
+                <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;">
+                  <span style="font-size:11px;font-weight:600;color:#888;">❓ 未跟踪 <span id="gitUntrackedCount" class="muted">0</span></span>
+                </div>
+                <div id="gitUntrackedList" style="max-height:80px;overflow-y:auto;"></div>
+              </div>
+              <!-- 提交 -->
+              <div style="border-top:1px solid var(--border);padding-top:8px;">
+                <textarea id="gitCommitMessage" placeholder="提交信息（Ctrl+Enter 提交）" style="width:100%;padding:6px 8px;font-size:12px;border:1px solid var(--border);border-radius:6px;resize:vertical;min-height:50px;margin-bottom:6px;background:var(--card);color:var(--ink);"></textarea>
+                <button id="gitCommitBtn" style="width:100%;padding:6px;font-size:12px;font-weight:600;background:#2d5a3d;color:#fff;border:none;border-radius:6px;cursor:pointer;">✓ 提交</button>
+              </div>
+              <!-- 提交历史 -->
+              <div style="margin-top:10px;border-top:1px solid var(--border);padding-top:8px;">
+                <div style="font-size:11px;font-weight:600;margin-bottom:4px;cursor:pointer;" id="gitLogToggle">📜 提交历史 ▼</div>
+                <div id="gitLogList" style="display:none;max-height:150px;overflow-y:auto;font-size:11px;"></div>
+              </div>
+            </div>
+            <!-- Diff 查看模态 -->
+            <div id="gitDiffModal" style="display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;display:none;align-items:center;justify-content:center;">
+              <div style="background:var(--card);border-radius:8px;padding:16px;max-width:90%;max-height:80%;width:700px;overflow:hidden;display:flex;flex-direction:column;">
+                <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;">
+                  <span id="gitDiffTitle" style="font-size:13px;font-weight:600;">Diff</span>
+                  <button id="gitDiffCloseBtn" style="background:none;border:none;font-size:18px;cursor:pointer;color:var(--ink);">✕</button>
+                </div>
+                <pre id="gitDiffContent" style="margin:0;overflow:auto;flex:1;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-all;"></pre>
+              </div>
+            </div>
+          </div>
+          <!-- P2-3: 团队协作面板 -->
+          <div class="preview-panel" id="teamPanel">
+            <!-- 团队信息和统计 -->
+            <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 id="teamName">团队</span></span>
+                <button id="teamRefreshBtn" class="ghost-btn" style="font-size:11px;padding:3px 8px;">🔄</button>
+              </div>
+              <div style="display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;">
+                <div style="background:var(--card);padding:8px;border-radius:6px;text-align:center;">
+                  <div style="font-size:16px;font-weight:600;color:#2d5a3d;" id="teamMemberCount">0</div>
+                  <div style="font-size:10px;color:var(--muted);">成员</div>
+                </div>
+                <div style="background:var(--card);padding:8px;border-radius:6px;text-align:center;">
+                  <div style="font-size:16px;font-weight:600;color:#2d5a3d;" id="teamTaskCount">0</div>
+                  <div style="font-size:10px;color:var(--muted);">任务</div>
+                </div>
+              </div>
+            </div>
+            <!-- Tab 切换 -->
+            <div style="display:flex;gap:4px;margin-bottom:8px;border-bottom:1px solid var(--border);padding-bottom:6px;">
+              <button class="team-tab active" data-tab="members" style="flex:1;padding:5px;font-size:11px;border:none;background:none;cursor:pointer;color:var(--ink);border-bottom:2px solid #2d5a3d;font-weight:600;">👤 成员</button>
+              <button class="team-tab" data-tab="tasks" style="flex:1;padding:5px;font-size:11px;border:none;background:none;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;">📋 任务</button>
+            </div>
+            <!-- 成员管理 -->
+            <div id="teamMembersTab">
+              <div style="display:flex;gap:4px;margin-bottom:8px;">
+                <input type="text" id="teamInviteName" placeholder="姓名" style="flex:1;padding:5px 8px;font-size:11px;border:1px solid var(--border);border-radius:4px;background:var(--card);color:var(--ink);" />
+                <input type="email" id="teamInviteEmail" placeholder="邮箱" style="flex:1;padding:5px 8px;font-size:11px;border:1px solid var(--border);border-radius:4px;background:var(--card);color:var(--ink);" />
+                <button id="teamInviteBtn" style="padding:5px 10px;font-size:11px;background:#2d5a3d;color:#fff;border:none;border-radius:4px;cursor:pointer;">邀请</button>
+              </div>
+              <div id="teamMembersList" style="max-height:300px;overflow-y:auto;"></div>
+            </div>
+            <!-- 任务管理 -->
+            <div id="teamTasksTab" style="display:none;">
+              <div style="display:flex;gap:4px;margin-bottom:8px;">
+                <input type="text" id="teamTaskTitle" placeholder="任务标题" style="flex:1;padding:5px 8px;font-size:11px;border:1px solid var(--border);border-radius:4px;background:var(--card);color:var(--ink);" />
+                <button id="teamCreateTaskBtn" style="padding:5px 10px;font-size:11px;background:#2d5a3d;color:#fff;border:none;border-radius:4px;cursor:pointer;">创建</button>
+              </div>
+              <div style="display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap;">
+                <button class="team-task-filter active" data-status="" style="padding:3px 8px;font-size:10px;border:1px solid var(--border);border-radius:3px;cursor:pointer;background:var(--card);color:var(--ink);">全部</button>
+                <button class="team-task-filter" data-status="todo" style="padding:3px 8px;font-size:10px;border:1px solid var(--border);border-radius:3px;cursor:pointer;background:var(--card);color:var(--ink);">待办</button>
+                <button class="team-task-filter" data-status="in-progress" style="padding:3px 8px;font-size:10px;border:1px solid var(--border);border-radius:3px;cursor:pointer;background:var(--card);color:var(--ink);">进行中</button>
+                <button class="team-task-filter" data-status="review" style="padding:3px 8px;font-size:10px;border:1px solid var(--border);border-radius:3px;cursor:pointer;background:var(--card);color:var(--ink);">评审</button>
+                <button class="team-task-filter" data-status="done" style="padding:3px 8px;font-size:10px;border:1px solid var(--border);border-radius:3px;cursor:pointer;background:var(--card);color:var(--ink);">完成</button>
+              </div>
+              <div id="teamTasksList" style="max-height:300px;overflow-y:auto;"></div>
+            </div>
+          </div>
         </div>
       </aside>
     </div>
@@ -513,6 +816,62 @@
     </div>
   </div>
+  <!-- 添加节点模态框 -->
+  <div class="mask" id="nodeModal">
+    <div class="modal">
+      <span class="close-x" data-close="nodeModal">✕</span>
+      <h3 id="nodeModalTitle">添加节点</h3>
+      <p class="hint">连接外部节点，扩展模板/插件/办公能力来源。节点需提供标准 API 或本地 JSON 文件。</p>
+      <input type="hidden" id="nodeEditId" />
+      <label for="nodeName">节点名称</label>
+      <input type="text" id="nodeName" placeholder="如：公司内部技能库" />
+      <label for="nodeType">节点类型</label>
+      <select id="nodeType">
+        <option value="http">HTTP API 节点</option>
+        <option value="local">本地目录节点</option>
+        <option value="git">Git 仓库节点</option>
+      </select>
+      <label for="nodeUrl">地址（URL 或本地路径）</label>
+      <input type="text" id="nodeUrl" placeholder="如：https://api.example.com 或 D:\nodes\my-node" />
+      <label for="nodeApiKey">API Key（可选）</label>
+      <input type="password" id="nodeApiKey" placeholder="留空表示不需要认证" autocomplete="off" />
+      <label>提供的能力</label>
+      <div style="display:flex;gap:16px;margin-bottom:12px;">
+        <label style="display:flex;align-items:center;gap:6px;cursor:pointer;"><input type="checkbox" id="nodeCapTemplates" checked /> 模板</label>
+        <label style="display:flex;align-items:center;gap:6px;cursor:pointer;"><input type="checkbox" id="nodeCapSkills" checked /> 插件</label>
+        <label style="display:flex;align-items:center;gap:6px;cursor:pointer;"><input type="checkbox" id="nodeCapOffice" checked /> 办公</label>
+      </div>
+      <div class="footer">
+        <button class="ghost" data-close="nodeModal">取消</button>
+        <button id="nodeSaveBtn" class="primary">保存并测试连接</button>
+      </div>
+    </div>
+  </div>
+  <!-- 添加自定义来源模态框 -->
+  <div class="mask" id="sourceModal">
+    <div class="modal">
+      <span class="close-x" data-close="sourceModal">✕</span>
+      <h3 id="sourceModalTitle">添加自定义来源</h3>
+      <p class="hint">添加远程 JSON 数据源，自动拉取模板/插件/办公能力。</p>
+      <input type="hidden" id="sourceEditId" />
+      <label for="sourceName">来源名称</label>
+      <input type="text" id="sourceName" placeholder="如：团队共享模板" />
+      <label for="sourceType">来源类型</label>
+      <select id="sourceType">
+        <option value="templates">模板</option>
+        <option value="skills">插件</option>
+        <option value="office">办公能力</option>
+      </select>
+      <label for="sourceUrl">JSON 数据地址</label>
+      <input type="text" id="sourceUrl" placeholder="https://example.com/templates.json" />
+      <div class="footer">
+        <button class="ghost" data-close="sourceModal">取消</button>
+        <button id="sourceSaveBtn" class="primary">保存</button>
+      </div>
+    </div>
+  </div>
   <div class="mask" id="tplModal">
     <div class="modal">
       <span class="close-x" data-close="tplModal">✕</span>
@@ -602,14 +961,47 @@
   </div>
   <div class="mask" id="folderPickerModal">
-    <div class="modal" style="width:520px;">
+    <div class="modal" style="width:560px;">
       <span class="close-x" data-close="folderPickerModal">✕</span>
-      <h3 data-i18n="modal.folder_title">📂 选择工作区文件夹</h3>
-      <div class="fp-path" id="fpPath" style="font-size:12px;color:var(--ink-2);word-break:break-all;padding:8px;background:var(--bg);border-radius:8px;">—</div>
-      <div class="file-tree" id="fpTree" style="max-height:280px;overflow:auto;margin:10px 0;"></div>
+      <h3 id="fpTitle">📂 选择工作区文件夹</h3>
+      <!-- 驱动器选择视图 -->
+      <div id="fpDrivesView">
+        <p class="hint" style="margin:8px 0;">请选择一个驱动器，然后在其中选择或新建文件夹作为工作区。</p>
+        <div class="fp-drives-grid" id="fpDrivesGrid" style="display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0;max-height:320px;overflow:auto;"></div>
+      </div>
+      <!-- 文件夹选择视图 -->
+      <div id="fpFoldersView" style="display:none;">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+          <button class="ghost sm" id="fpBackToDrives" style="flex-shrink:0;">← 驱动器</button>
+          <button class="ghost sm" id="fpUpDir" style="flex-shrink:0;">↑ 上级</button>
+          <div class="fp-path" id="fpPath" style="flex:1;font-size:12px;color:var(--ink-2);word-break:break-all;padding:6px 8px;background:var(--bg);border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">—</div>
+        </div>
+        <div style="display:flex;gap:8px;margin-bottom:8px;">
+          <button class="ghost sm" id="fpNewFolder">＋ 新建文件夹</button>
+          <button class="ghost sm" id="fpRenameFolder" disabled>✎ 重命名</button>
+        </div>
+        <div class="file-tree" id="fpTree" style="max-height:260px;overflow:auto;margin:10px 0;"></div>
+      </div>
+      <!-- 新建文件夹输入框 -->
+      <div id="fpMkdirBar" style="display:none;gap:8px;margin-bottom:8px;">
+        <input type="text" id="fpMkdirName" placeholder="输入新文件夹名称" style="flex:1;padding:6px 10px;border:1px solid var(--line);border-radius:6px;font-size:13px;" />
+        <button class="primary sm" id="fpMkdirConfirm">确定</button>
+        <button class="ghost sm" id="fpMkdirCancel">取消</button>
+      </div>
+      <!-- 重命名输入框 -->
+      <div id="fpRenameBar" style="display:none;gap:8px;margin-bottom:8px;">
+        <input type="text" id="fpRenameName" placeholder="输入新名称" style="flex:1;padding:6px 10px;border:1px solid var(--line);border-radius:6px;font-size:13px;" />
+        <button class="primary sm" id="fpRenameConfirm">确定</button>
+        <button class="ghost sm" id="fpRenameCancel">取消</button>
+      </div>
       <div class="footer">
-        <button class="ghost" id="fpCancel" data-close="folderPickerModal" data-i18n="btn.cancel">取消</button>
-        <button class="primary" id="fpConfirm" data-i18n="btn.select_folder">选择此文件夹</button>
+        <button class="ghost" id="fpCancel" data-close="folderPickerModal">取消</button>
+        <button class="primary" id="fpConfirm" disabled>选择此文件夹</button>
       </div>
     </div>
   </div>
@@ -798,7 +1190,9 @@
   <input type="file" id="imageInput" accept="image/*" />
   <div class="toast" id="toast"></div>
+      <script src="js/mock-api.js"></script>
       <script src="js/utils.js"></script>
+  <script src="js/monaco-editor.js"></script>
   <script src="js/api.js"></script>
   <script src="js/ui.js"></script>
   <script src="js/app.js"></script>