tagword-codeagent 1.1.6__py3-none-any.whl

codeagent/web/static/body.html

@@ -0,0 +1,824 @@
+<div class="app">
+  <nav class="activity-bar" id="activityBar" aria-label="活动栏">
+    <div class="activity-bar__top">
+      <button type="button" class="activity-btn active" data-mode="chat" title="聊天">
+        <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 018.5-8.5 8.38 8.38 0 013.8.9z" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>
+      </button>
+      <button type="button" class="activity-btn" data-mode="tasks" title="计划">
+        <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.75"/><path d="M12 7v6l4 2" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg>
+      </button>
+      <button type="button" class="activity-btn" data-mode="agent" title="Agent">
+        <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><path d="M12 5v2M10 3h4" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/><rect x="6" y="8" width="12" height="12" rx="2.5" fill="none" stroke="currentColor" stroke-width="1.75"/><circle cx="9.5" cy="13.5" r="1.2" fill="currentColor"/><circle cx="14.5" cy="13.5" r="1.2" fill="currentColor"/><path d="M9 18h6" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/><path d="M10 20v2h4v-2" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg>
+      </button>
+      <button type="button" class="activity-btn" data-mode="config" title="配置">
+        <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><circle cx="12" cy="12" r="3" fill="none" stroke="currentColor" stroke-width="1.75"/><path d="M12 2v2m0 18v2M4.93 4.93l1.41 1.41m11.32 11.32 1.41 1.41M2 12h2m18 0h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg>
+      </button>
+    </div>
+    <div class="activity-bar__bottom">
+      <button type="button" class="activity-btn" id="btnLogout" title="退出登录">
+        <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><path d="M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4M16 17l5-5-5-5M21 12H9" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>
+      </button>
+    </div>
+  </nav>
+  <aside class="sidebar" aria-label="主导航">
+    <div class="sidebar__head">
+      <div class="brand">
+        <img class="brand__logo" src="/icon.png" alt="" width="34" height="34" decoding="async"/>
+        <div class="brand__text">
+          <div class="brand__name">CodeAgent</div>
+          <div class="brand__slogan">对话 · 工作台</div>
+        </div>
+      </div>
+    </div>
+
+    <aside id="chatSidebar" class="sess-panel" style="display:none;" aria-label="会话列表">
+      <!-- 搜索栏 -->
+      <div class="search-bar">
+        <span class="search-bar__icon">
+          <svg viewBox="0 0 20 20" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" aria-hidden="true">
+            <circle cx="9" cy="9" r="4.5"/>
+            <path d="M13 13l3 3"/>
+          </svg>
+        </span>
+        <input type="text" id="treeSearchInput" class="search-bar__input" placeholder="搜索项目或会话... Ctrl+K">
+        <button type="button" class="search-bar__clear" id="treeSearchClear" style="display:none;" aria-label="清除搜索">×</button>
+      </div>
+      <!-- 项目树 -->
+      <div id="projectTree" class="project-tree" role="tree">
+        <div class="project-tree__empty">加载中...</div>
+      </div>
+      <!-- 费用汇总 -->
+      <div id="sidebarCost" class="sidebar-cost" style="display:none;">
+        <div class="sidebar-cost__title">运行费用</div>
+        <div class="sidebar-cost__body"></div>
+      </div>
+      <div class="project-tree__footer">
+        <button class="tree-footer-btn" id="btnNewProject">+ 新建项目</button>
+        <button class="tree-footer-btn" id="btnNewSession">+ 新建会话</button>
+      </div>
+
+
+    </aside>
+
+    <section id="sidebarFiles" class="sidebar-mode" style="display:none;">
+      <div class="sidebar-mode__scroll">
+        <div class="sidebar__head" style="padding-bottom:0;">
+          <div class="sidebar__section-label">文件浏览器</div>
+        </div>
+        <div id="fileTreeContainer" class="file-tree">
+          <div class="file-tree__loading">加载中...</div>
+        </div>
+      </div>
+    </section>
+    <section id="sidebarGit" class="sidebar-mode" style="display:none;">
+      <div class="sidebar-mode__scroll">
+        <div class="sidebar__head" style="padding-bottom:0;">
+          <div class="sidebar__section-label">源代码管理</div>
+        </div>
+        <div class="git-panel">
+          <div class="git-panel__branch" id="gitBranch">🌿 main</div>
+          <div class="git-panel__actions">
+            <button class="btn btn--sm btn--subtle" id="gitBtnRefresh" title="刷新">🔄</button>
+            <button class="btn btn--sm btn--subtle" id="gitBtnPull" title="拉取">⬇</button>
+            <button class="btn btn--sm btn--subtle" id="gitBtnPush" title="推送">⬆</button>
+          </div>
+          <div class="git-panel__status" id="gitStatus">
+            <div class="git-panel__loading">加载中...</div>
+          </div>
+          <div class="git-panel__commit">
+            <textarea id="gitCommitMsg" class="git-panel__commit-input" rows="3" placeholder="提交信息..."></textarea>
+            <button class="btn btn--primary btn--sm" id="gitBtnCommit" style="width:100%;">提交</button>
+          </div>
+        </div>
+      </div>
+    </section>
+
+  </aside>
+
+  <div class="sidebar-backdrop" id="sidebarBackdrop" aria-hidden="true"></div>
+
+  <main class="workspace">
+    <header class="topbar">
+      <button type="button" class="topbar__sidebar-btn" id="btnToggleSidebar" title="会话列表" aria-label="打开会话列表">
+        <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true">
+          <path d="M4 6h16M4 12h16M4 18h16"/>
+        </svg>
+      </button>
+      <div class="topbar__title-group">
+        <h2 class="topbar__title" id="currentConvTitle">新对话</h2>
+        <span class="channel-pill" id="currentConvChannel">Web 聊天</span>
+        <span class="topbar__project-path" id="currentProjectPath" style="display:none"></span>
+      </div>
+      <div class="topbar__meta">
+        <button type="button" class="topbar__todo-btn" id="btnToggleFiles" title="文件浏览器">
+          <svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <path d="M14 3v4a1 1 0 0 1-1 1h-4"/>
+            <path d="M13 15H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h6l4 4v8a2 2 0 0 1-2 2z"/>
+          </svg>
+        </button>
+        <button type="button" class="topbar__todo-btn" id="btnTogglePlans" title="项目规划面板">
+          <svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <path d="M3 2.5h10v11H3z"/>
+            <path d="M6 5.5h4M6 8h4M6 10.5h2"/>
+          </svg>
+        </button>
+        <button type="button" class="topbar__todo-btn" id="btnToggleTodos" title="待办事项面板">
+          <svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <path d="M3 4.5h10M3 8h10M3 11.5h10"/>
+            <circle cx="5.5" cy="4.5" r="1.2"/>
+            <circle cx="5.5" cy="8" r="1.2"/>
+            <circle cx="5.5" cy="11.5" r="1.2"/>
+          </svg>
+        </button>
+        <button type="button" class="topbar__todo-btn" id="btnToggleGit" title="Git 版本控制">
+          <svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <path d="M15 8l-6.5 6.5a1.5 1.5 0 0 1-2 0L2 9.5a1.5 1.5 0 0 1 0-2L8.5 1"/>
+            <circle cx="8" cy="8" r="1.5"/>
+          </svg>
+        </button>
+      </div>
+      <div class="oa-global-progress" id="chatGlobalProgress" aria-hidden="true"></div>
+    </header>
+
+    <section id="page-chat" class="page active">
+      <div class="chat-workspace">
+        <div id="log" class="chat-log" role="log" aria-live="polite"></div>
+        <button id="btnNewMessages" class="new-msg-btn" style="display:none" title="有新消息，点击回到最新">
+          <span class="new-msg-btn__dot"></span>
+          <span class="new-msg-btn__text">新消息 ↓</span>
+        </button>
+        <div class="compose">
+          <div class="compose__head" id="composeHead" hidden>
+            <div id="composeAttachments" class="compose__attachments" style="display:none"></div>
+          </div>
+          <div class="compose__box" id="composeBox">
+            <div class="compose__editor">
+              <textarea id="msg" rows="1" placeholder="输入消息，Enter 发送 · Shift+Enter 换行" autocomplete="off" spellcheck="true"></textarea>
+            </div>
+            <div class="compose__dock">
+              <div class="compose__dock-tools">
+                <button type="button" class="compose__tool-btn" id="attachBtnInline" title="附加文件">
+                  <svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" aria-hidden="true"><path d="M8 3v10M3 8h10"/></svg>
+                </button>
+              </div>
+              <div class="compose__dock-chips">
+                <button type="button" class="compose__chip compose__chip--think think-toggle" id="thinkToggle" aria-pressed="true" title="思考：开启时先推理再回答">
+                  <span class="compose__chip-leading" aria-hidden="true">
+                    <svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M8 1.8a4.5 4.5 0 0 0-3 7.9V11h6V9.7a4.5 4.5 0 0 0-3-7.9z"/><path d="M6.5 13.5h3M7 15h2"/></svg>
+                  </span>
+                  <span class="compose__chip-label think-toggle__label">思考</span>
+                  <span class="compose__switch" aria-hidden="true">
+                    <span class="compose__switch-track"><span class="compose__switch-thumb"></span></span>
+                  </span>
+                </button>
+                <button type="button" class="compose__chip compose__chip--model compose__model-pill" id="composeModelTrigger" aria-expanded="false" aria-controls="composeSettingsSheet" title="模型栈设置">
+                  <span class="compose__chip-leading" aria-hidden="true">
+                    <svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="8" r="2.2"/><path d="M8 1.5v2M8 12.5v2M1.5 8h2M12.5 8h2M3.4 3.4l1.4 1.4M11.2 11.2l1.4 1.4M3.4 12.6l1.4-1.4M11.2 4.8l1.4-1.4"/></svg>
+                  </span>
+                  <span class="compose__chip-label compose__model-pill-label" id="composeModelPillLabel">默认模型</span>
+                  <span class="compose__chip-extra" id="composeModelPillExtra" hidden aria-hidden="true"></span>
+                  <span class="compose__chip-badge compose__model-pill-pin" id="composeModelPillPin" hidden aria-hidden="true" title="本会话已自定义模型"></span>
+                  <svg class="compose__chip-chevron compose__model-pill-chevron" viewBox="0 0 16 16" width="10" height="10" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 6l4 4 4-4"/></svg>
+                </button>
+              </div>
+              <div class="compose__dock-actions">
+                <span id="tokenUsage" class="token-usage token-usage--seg token-usage--compact" role="meter" aria-label="上下文占用" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" title="上下文占用" style="display:none">
+                  <svg class="token-usage__icon" viewBox="0 0 16 16" width="13" height="13" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                    <path d="M8 2L2 5.5v5L8 14l6-3.5v-5L8 2z"/>
+                    <path d="M8 8L2 5.5M8 8l6-3.5M8 8v6"/>
+                  </svg>
+                  <span class="token-usage__segs" aria-hidden="true">
+                    <span class="token-usage__seg"></span>
+                    <span class="token-usage__seg"></span>
+                    <span class="token-usage__seg"></span>
+                    <span class="token-usage__seg"></span>
+                    <span class="token-usage__seg"></span>
+                  </span>
+                  <span class="token-usage__pct">0%</span>
+                </span>
+                <button type="button" class="btn btn--primary btn--icon btn--send" id="send" title="发送 (Enter)">
+                  <svg class="compose__send-icon" viewBox="0 0 16 16" width="15" height="15" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
+                  <svg class="compose__stop-icon" viewBox="0 0 16 16" width="14" height="14" fill="currentColor" aria-hidden="true" style="display:none"><rect x="2" y="2" width="12" height="12" rx="2"/></svg>
+                  <span class="btn__send-label">发送</span>
+                </button>
+              </div>
+            </div>
+            <div class="compose__sheet" id="composeSettingsSheet" hidden>
+              <div class="compose__sheet-head">
+                <span class="compose__sheet-title">模型栈</span>
+                <button type="button" class="compose__sheet-close" id="composeSettingsClose" aria-label="关闭">&times;</button>
+              </div>
+              <div class="compose__sheet-grid compose-stack-grid">
+                <div class="compose-stack-primary compose__field compose__field--wide">
+                  <span class="compose__field-label">主模型 · 对话</span>
+                  <select id="modelSelect" class="compose__field-select" title="选择 LLM 模型预设"><option value="__default__">默认模型</option></select>
+                </div>
+                <details class="compose-stack-panel compose__field--wide" id="composeStackTools">
+                  <summary class="compose-stack-panel__summary">工具模型</summary>
+                  <div class="compose-stack-panel__body">
+                    <label class="compose-stack-row">
+                      <span class="compose-stack-row__label">识图</span>
+                      <select id="visionModelSelect" class="compose__field-select" title="识图：多模态 LLM 或 MiniMax MCP" disabled><option value="">未配置识图</option></select>
+                    </label>
+                    <label class="compose-stack-row">
+                      <span class="compose-stack-row__label">生图</span>
+                      <select id="imageGenModelSelect" class="compose__field-select" title="图片生成模型（image_generate 工具）" disabled><option value="">未配置生图模型</option></select>
+                    </label>
+                    <label class="compose-stack-row">
+                      <span class="compose-stack-row__label">音频</span>
+                      <select id="audioModelSelect" class="compose__field-select" title="音频转写（audio_transcribe / video_analyze）" disabled><option value="">未配置音频模型</option></select>
+                    </label>
+                    <label class="compose-stack-row">
+                      <span class="compose-stack-row__label">音乐</span>
+                      <select id="musicModelSelect" class="compose__field-select" title="音乐生成（music_generate 工具）" disabled><option value="">未配置音乐模型</option></select>
+                    </label>
+                    <label class="compose-stack-row">
+                      <span class="compose-stack-row__label">视频生成</span>
+                      <select id="videoGenModelSelect" class="compose__field-select" title="视频生成（video_generate 工具）" disabled><option value="">未配置视频生成模型</option></select>
+                    </label>
+                    <p class="compose-stack-missing" id="composeStackMissingHint" hidden>
+                      部分能力未配置。<a href="#fieldsetLlmPresets" class="compose-stack-missing__link">去配置页添加</a>
+                    </p>
+                    <div class="compose-stack-actions" id="composeStackActions">
+                      <button type="button" class="btn btn--ghost btn--sm" id="composeClearOverridesBtn" hidden title="把当前会话的所有模型选择恢复到全局默认">
+                        <svg viewBox="0 0 16 16" width="12" height="12" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4l8 8M12 4l-8 8"/></svg>
+                        清除本会话覆盖（恢复全局默认）
+                      </button>
+                      <span class="compose-stack-actions__hint" id="composeStackActionsHint"></span>
+                    </div>
+                  </div>
+                </details>
+                <details class="compose-stack-panel compose__field--wide" id="composeStackTts">
+                  <summary class="compose-stack-panel__summary">朗读</summary>
+                  <div class="compose-stack-panel__body compose-stack-panel__body--grid">
+                    <label class="compose__field">
+                      <span class="compose__field-label">朗读音色</span>
+                      <select id="ttsVoiceSelect" class="compose__field-select" title="MiniMax 朗读音色（系统音色）" disabled><option value="">加载中…</option></select>
+                    </label>
+                    <label class="compose__field">
+                      <span class="compose__field-label">朗读模型</span>
+                      <select id="ttsModelSelect" class="compose__field-select" title="MiniMax 语音合成模型" disabled><option value="">加载中…</option></select>
+                    </label>
+                    <p class="compose__field-hint compose__field--wide" id="ttsVoiceHint">
+                      Token Plan Key 可聊天；MiniMax 朗读需在配置页填写「开放平台按量 API Key」。
+                    </p>
+                  </div>
+                </details>
+                <label class="compose__field compose__field--wide">
+                  <span class="compose__field-label">推理强度</span>
+                  <select id="reasoningEffortSelect" class="compose__field-select compose__reasoning-effort" title="推理强度（DeepSeek 思考模式）" disabled>
+                    <option value="high">高</option>
+                    <option value="max">最高</option>
+                  </select>
+                </label>
+              </div>
+            </div>
+            <input type="file" id="attachFileInput" accept="image/*,video/*,audio/*,.pdf,.txt,.md" multiple hidden />
+            <input type="file" id="attachFolderInput" webkitdirectory multiple hidden />
+            <input type="file" id="nativeCameraInput" accept="image/*" capture="environment" hidden />
+            <input type="file" id="nativeVideoInput" accept="video/*" capture="environment" hidden />
+          </div><!-- .compose__box -->
+          <div class="compose__attach-popup" id="attachPopup" style="display:none" role="menu">
+            <button type="button" class="compose__attach-option" data-action="file" role="menuitem">
+              <svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2 4.5A1.5 1.5 0 0 1 3.5 3H6l1.5 1.5H12.5A1.5 1.5 0 0 1 14 6v6.5A1.5 1.5 0 0 1 12.5 14h-9A1.5 1.5 0 0 1 2 12.5V4.5z"/></svg>
+              选择文件
+            </button>
+            <button type="button" class="compose__attach-option" data-action="camera" role="menuitem">
+              <svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2 5.5h2.2L5.5 4h5l1.3 1.5H14v7H2v-7z"/><circle cx="8" cy="9" r="2.2"/></svg>
+              拍照
+            </button>
+            <button type="button" class="compose__attach-option" data-action="video" role="menuitem">
+              <svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2 4h8a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z"/><path d="M11 7l3-2v6l-3-2"/></svg>
+              录制视频
+            </button>
+          </div>
+          <div id="cameraModal" class="modal-overlay camera-modal" style="display:none" role="dialog" aria-label="摄像头">
+              <div class="modal-dialog camera-modal__dialog">
+                <div class="modal-dialog__header">
+                  <span class="modal-dialog__title" id="cameraModalTitle">摄像头</span>
+                  <button type="button" class="modal-dialog__close" id="cameraModalClose" aria-label="关闭">&times;</button>
+                </div>
+                <div class="modal-dialog__body camera-modal__body">
+                  <div class="camera-modal__mode" id="cameraModeBar" role="tablist" aria-label="模式">
+                    <button type="button" class="camera-modal__mode-btn is-active" data-mode="photo" role="tab" aria-selected="true">拍照</button>
+                    <button type="button" class="camera-modal__mode-btn" data-mode="video" role="tab" aria-selected="false">录像</button>
+                  </div>
+                  <div class="camera-modal__stage" id="cameraStage">
+                    <video id="cameraPreview" class="camera-modal__video" autoplay playsinline muted></video>
+                    <div class="camera-modal__rec-indicator" id="cameraRecIndicator" hidden>
+                      <span class="camera-modal__rec-dot"></span>
+                      <span id="cameraRecTimer">00:00</span>
+                    </div>
+                    <canvas id="cameraCanvas" style="display:none" aria-hidden="true"></canvas>
+                    <p id="cameraStatus" class="camera-modal__status"></p>
+                    <button type="button" class="btn btn--ghost btn--sm camera-modal__fallback" id="cameraFallbackBtn" hidden>从文件选择</button>
+                  </div>
+                </div>
+                <div class="modal-dialog__footer camera-modal__footer" id="cameraFooterPhoto">
+                  <button type="button" class="btn btn--ghost btn--sm" id="cameraToggleInterval">定时截帧</button>
+                  <button type="button" class="btn btn--primary btn--sm" id="cameraCaptureBtn">拍照</button>
+                  <button type="button" class="btn btn--subtle btn--sm" id="cameraModalDone">完成</button>
+                </div>
+                <div class="modal-dialog__footer camera-modal__footer" id="cameraFooterVideo" hidden>
+                  <button type="button" class="btn btn--primary btn--sm" id="cameraRecordBtn">开始录制</button>
+                  <button type="button" class="btn btn--subtle btn--sm" id="cameraModalDoneVideo">完成</button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <aside id="todoPanel" class="todo-panel" style="display:none;" aria-label="待办事项">
+        <div class="todo-panel__header">
+          <span>待办事项</span>
+          <div class="todo-scope-toggle" id="todoScopeToggle">
+            <button type="button" class="todo-scope-btn is-active" data-scope="session">当前会话</button>
+            <button type="button" class="todo-scope-btn" data-scope="project">全部</button>
+          </div>
+        </div>
+        <div class="todo-panel__list" id="todoList"></div>
+        <div class="todo-panel__footer">
+          <button type="button" class="btn btn--ghost btn--sm" id="btnTodoRefresh">刷新</button>
+        </div>
+      </aside>
+      <aside id="planPanel" class="plan-panel" style="display:none;" aria-label="项目规划">
+        <div class="plan-panel__header">
+          <span>📋 项目规划</span>
+          <span id="planStatus" style="font-weight:400;font-size:12px;color:var(--text-muted);"></span>
+        </div>
+        <div class="plan-panel__list" id="planList"></div>
+        <div class="plan-panel__footer">
+          <button type="button" class="btn btn--ghost btn--sm" id="btnPlanRefresh">刷新</button>
+        </div>
+      </aside>
+      <aside id="gitPanel" class="git-slide-panel" style="display:none;" aria-label="Git 版本控制">
+        <div class="git-slide-panel__header">
+          <span>⎇ Git 版本控制</span>
+          <div style="display:flex;gap:4px;align-items:center;">
+            <span id="gitPanelBranch" style="font-size:11px;color:var(--text-muted);font-weight:400;"></span>
+            <button type="button" class="btn btn--ghost btn--sm" id="gitPanelRefresh" title="刷新">⟳</button>
+          </div>
+        </div>
+        <div class="git-slide-panel__remote" id="gitPanelRemote">
+          <!-- 远程信息展示（只读，编辑请到配置页） -->
+          <div class="git-slide-panel__remote-info" id="gitRemoteInfoBar" style="display:none;">
+            <span id="gitRemoteDisplay" style="font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;"></span>
+            <button type="button" class="btn btn--ghost btn--xs" id="gitRemoteTestBtn" title="测试连接">🔌</button>
+            <a href="#" id="gitRemoteConfigLink" style="font-size:10px;color:var(--accent);text-decoration:none;white-space:nowrap;" title="到配置页管理远程仓库">配置 ›</a>
+          </div>
+          <!-- 未配置时的提示栏 -->
+          <div class="git-slide-panel__remote-info" id="gitRemoteEmptyBar">
+            <span style="font-size:11px;color:var(--text-muted);">🔗 未配置远程仓库</span>
+            <a href="#" id="gitRemoteConfigLinkEmpty" style="font-size:10px;color:var(--accent);text-decoration:none;margin-left:auto;">到配置页设置 ›</a>
+          </div>
+        </div>
+        <div class="git-slide-panel__commit">
+          <textarea id="gitPanelCommitMsg" class="git-panel__commit-input" rows="2" placeholder="提交信息... (Ctrl+Enter)" spellcheck="false"></textarea>
+          <div style="display:flex;gap:4px;align-items:center;flex-wrap:wrap;">
+            <button type="button" class="btn btn--primary btn--sm" id="gitPanelCommit">提交</button>
+            <button type="button" class="btn btn--ghost btn--sm" id="gitPanelPush">↑ 推送</button>
+            <button type="button" class="btn btn--ghost btn--sm" id="gitPanelPull">↓ 拉取</button>
+            <span id="gitPanelHint" style="font-size:11px;color:var(--text-muted,#888);margin-left:auto;"></span>
+          </div>
+        </div>
+        <div class="git-slide-panel__tabs">
+          <button type="button" class="git-slide-panel__tab is-active" data-view="status">状态</button>
+          <button type="button" class="git-slide-panel__tab" data-view="log">历史</button>
+          <button type="button" class="git-slide-panel__tab" data-view="diff">差异</button>
+        </div>
+        <div class="git-slide-panel__content" id="gitPanelContent">
+          <div class="git-panel__loading">加载状态中...</div>
+        </div>
+      </aside>
+    </section>
+
+    <section id="page-config" class="page page--scroll">
+      <div class="content-max">
+        <fieldset class="section" id="fieldsetChatSessions">
+          <div class="section__header">
+            <h3 class="section__title">聊天与会话</h3>
+          </div>
+          <p class="section__desc" style="margin-bottom:var(--sp-4);">
+            在这里调整聊天的行为，比如对话太长时自动总结、工具调用超出上限后自动继续等。改完点"保存"就能生效。
+          </p>
+          <div class="chat-env-form" id="chatEnvForm">
+            <!-- 工具轮次 -->
+            <label class="checkbox-row">
+              <input type="checkbox" id="chkAutoContinue"/>
+              <span>工具轮次上限时自动续接</span>
+            </label>
+            <div class="sub-rows" id="rowToolRounds" style="display:none;">
+              <div class="form-row sub-row">
+                <label class="form-label" for="inpAutoContinueMax">最大续接段数</label>
+                <input type="number" id="inpAutoContinueMax" class="form-input-sm" min="0" max="200" value="4"/>
+                <span class="form-hint">0 表示不限，直到任务完成或被手动停止</span>
+              </div>
+              <div class="form-row sub-row">
+                <label class="form-label" for="inpMaxToolRounds">每轮最大工具调用次数</label>
+                <input type="number" id="inpMaxToolRounds" class="form-input-sm" min="1" max="400" value="16"/>
+                <span class="form-hint">1-400 次</span>
+              </div>
+              <div class="form-row sub-row">
+                <label class="form-label" for="inpMaxOutputTokens">最大输出 tokens</label>
+                <input type="number" id="inpMaxOutputTokens" class="form-input-sm" min="256" max="65536" step="512" value="8192"/>
+                <span class="form-hint">LLM 单次最大响应 token 数（保存即生效，下次对话生效）</span>
+              </div>
+            </div>
+
+            <!-- 上下文压缩 -->
+            <label class="checkbox-row">
+              <input type="checkbox" id="chkContextCompact"/>
+              <span>启用智能上下文压缩</span>
+            </label>
+            <div class="sub-rows" id="compactSubRows" style="display:none;">
+              <p style="font-size:12px;color:var(--text-muted);margin:var(--sp-2) 0;">
+                启用后，当满足任一触发条件时，用 LLM 对早期对话进行摘要压缩，释放上下文空间。
+              </p>
+              <div class="form-row sub-row">
+                <label class="form-label" for="inpCompactMinBytes">上下文 token 触发阈值</label>
+                <input type="number" id="inpCompactMinBytes" class="form-input-sm" min="0" max="500000" value="30000"/>
+                <span class="form-hint">消息长度超过此字节数时触发（0=禁用）</span>
+              </div>
+              <div class="form-row sub-row">
+                <label class="form-label" for="selCompactSummarizer">摘要模型</label>
+                <select id="selCompactSummarizer" class="md-select" style="max-width:180px;">
+                </select>
+              </div>
+              <div class="form-row sub-row">
+                <label class="form-label" for="inpCompactSummarizerMaxTokens">摘要最大 tokens</label>
+                <input type="number" id="inpCompactSummarizerMaxTokens" class="form-input-sm" min="256" max="65536" value="4096"/>
+                <span class="form-hint">压缩摘要的输出长度限制</span>
+              </div>
+            </div>
+          </div>
+          <div class="row-actions" style="margin-top:var(--sp-4);">
+            <button type="button" class="btn btn--primary btn--sm" id="btnChatEnvSave">保存</button>
+          </div>
+          <div id="chatEnvStatus" class="status-line"></div>
+        </fieldset>
+
+        <fieldset class="section" id="fieldsetLlmPresets">
+          <div class="section__header">
+            <h3 class="section__title">多模型预设</h3>
+            <div class="row-actions" style="display:flex;gap:var(--sp-2);margin:0;">
+              <button type="button" class="btn btn--primary btn--sm" id="btnLlmPresetAdd">+ 新增</button>
+              <button type="button" class="btn btn--ghost btn--sm" id="btnLlmPresetRefresh">刷新</button>
+            </div>
+          </div>
+          <p class="section__desc">
+            按能力添加模型：先选<strong>用途</strong>（对话 / 识图 / 生图…），再选服务商并填写连接信息。自部署（Ollama、OpenAI 兼容等）与云厂商使用同一表单，保存后自动标记能力，无需手改 JSON。聊天页「模型栈」中选用各能力 preset。
+          </p>
+          <div id="llmPresetList" class="preset-board" style="margin-bottom: var(--sp-4);"></div>
+          <div id="llmPresetStatus" class="status-line"></div>
+        </fieldset>
+
+        <fieldset class="section" id="fieldsetMcp">
+          <div class="section__header">
+            <h3 class="section__title">MCP 服务</h3>
+            <div class="row-actions" style="display:flex;gap:var(--sp-2);margin:0;align-items:center;">
+              <button type="button" class="btn btn--primary btn--sm" id="btnMcpAdd">+ 新增</button>
+              <button type="button" class="btn btn--ghost btn--sm" id="btnMcpEnvRefresh">刷新</button>
+            </div>
+          </div>
+          <p class="form-hint" id="mcpUvxHint" style="margin:var(--sp-2) 0;"></p>
+          <p class="form-hint" style="margin:0 0 var(--sp-3);">配置文件：<code id="mcpConfigPath"></code></p>
+          <div id="mcpServerBoard" class="mcp-board"></div>
+          <div id="mcpEnvStatus" class="status-line"></div>
+        </fieldset>
+
+        <fieldset class="section" id="fieldsetPaths">
+          <div class="section__header">
+            <h3 class="section__title">目录与权限</h3>
+          </div>
+          <div id="configPathsDisplay" style="margin-bottom:var(--sp-3);"></div>
+          <div id="allowlistConfig"></div>
+        </fieldset>
+
+        <fieldset class="section" id="fieldsetGitRemote">
+          <div class="section__header">
+            <h3 class="section__title">🔗 Git 远程仓库</h3>
+          </div>
+          <p class="section__desc">
+            预设方案整合了远程地址、SSH 连通性和 PAT 凭据。每个方案就是一整套 Git 远程配置，创建项目时一步到位。
+          </p>
+
+          <!-- Git 远程预设方案（集成版） -->
+          <div style="margin-bottom:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:6px;">
+            <select id="selGitDefaultProvider" style="display:none;"></select>
+            <select id="selConfigCredProvider" style="display:none;"></select>
+            <div style="font-weight:500;font-size:12px;margin-bottom:var(--sp-2);">📋 预设方案</div>
+            <p style="font-size:11px;color:var(--text-muted);margin:0 0 var(--sp-2);">
+              每个方案包含平台、所有者、主机地址、SSH 连通状态和 PAT 凭据——全套一起管理。
+            </p>
+            <label class="checkbox-row" style="margin-bottom:var(--sp-2);">
+              <input type="checkbox" id="chkGitDefaultEnabled"/>
+              <span>新建项目时默认启用远程仓库</span>
+            </label>
+            <div id="gitDefaultsForm" style="display:none;">
+
+              <!-- 方案列表 -->
+              <div id="gitPresetList"></div>
+
+              <!-- PAT 内联表单 -->
+              <div id="gitPatForm" style="display:none;border:1px solid var(--border);border-radius:4px;padding:var(--sp-2);margin-bottom:var(--sp-2);">
+                <div style="font-size:11px;font-weight:500;margin-bottom:var(--sp-1);">🔐 PAT 配置 — <span id="patFormHostLabel"></span></div>
+                <div class="form-row">
+                  <label class="form-label" for="inpPatUser">用户名</label>
+                  <input type="text" id="inpPatUser" class="form-input-sm" placeholder="用户名或邮箱" style="max-width:200px;">
+                </div>
+                <div class="form-row">
+                  <label class="form-label" for="inpPatToken">Token / 密码</label>
+                  <input type="password" id="inpPatToken" class="form-input-sm" placeholder="Personal Access Token" style="max-width:250px;">
+                </div>
+                <div class="row-actions">
+                  <button type="button" class="btn btn--primary btn--sm" id="btnPatSave">保存</button>
+                  <button type="button" class="btn btn--ghost btn--sm" id="btnPatCancel">取消</button>
+                  <span id="patFormStatus" class="status-line" style="display:inline;margin-left:8px;"></span>
+                </div>
+              </div>
+
+              <!-- 方案编辑表单 -->
+              <div id="gitPresetEditor" style="display:none;border:1px solid var(--border);border-radius:4px;padding:var(--sp-2);margin-bottom:var(--sp-2);">
+                <div style="font-size:11px;font-weight:500;margin-bottom:var(--sp-1);" id="gitPresetEditorTitle">添加方案</div>
+                <div class="form-row">
+                  <label class="form-label" for="inpPresetName">方案名称</label>
+                  <input type="text" id="inpPresetName" class="form-input-sm" placeholder="例如: GitHub 主号" style="max-width:200px;">
+                </div>
+                <div class="form-row">
+                  <label class="form-label" for="selPresetProvider">平台</label>
+                  <select id="selPresetProvider" class="md-select" style="max-width:160px;">
+                    <option value="github">GitHub</option>
+                    <option value="gitlab">GitLab</option>
+                    <option value="gitee">Gitee</option>
+                    <option value="bitbucket">Bitbucket</option>
+                    <option value="custom">自定义</option>
+                  </select>
+                </div>
+                <div class="form-row" id="rowPresetHost" style="display:none;">
+                  <label class="form-label" for="inpPresetHost">主机地址</label>
+                  <input type="text" id="inpPresetHost" class="form-input-sm" placeholder="例如 git.tagword.cn" style="max-width:250px;">
+                  <span class="form-hint">选「自定义」时必填</span>
+                </div>
+                <div class="form-row">
+                  <label class="form-label" for="inpPresetOwner">所有者</label>
+                  <input type="text" id="inpPresetOwner" class="form-input-sm" placeholder="用户名或组织名" style="max-width:200px;">
+                </div>
+                <div class="form-row">
+                  <label class="form-label">协议</label>
+                  <div style="display:flex;gap:12px;align-items:center;">
+                    <label style="font-size:12px;display:flex;align-items:center;gap:4px;cursor:pointer;">
+                      <input type="radio" name="presetProtocol" value="ssh" checked> SSH
+                    </label>
+                    <label style="font-size:12px;display:flex;align-items:center;gap:4px;cursor:pointer;">
+                      <input type="radio" name="presetProtocol" value="https"> HTTPS
+                    </label>
+                  </div>
+                </div>
+                <label class="checkbox-row">
+                  <input type="checkbox" id="chkPresetAutoPush"/>
+                  <span>创建后自动推送初始提交</span>
+                </label>
+                <div class="row-actions" style="margin-top:var(--sp-1);">
+                  <button type="button" class="btn btn--primary btn--sm" id="btnPresetSave">保存方案</button>
+                  <button type="button" class="btn btn--ghost btn--sm" id="btnPresetCancel">取消</button>
+                  <span id="presetFormStatus" class="status-line" style="display:inline;margin-left:8px;"></span>
+                </div>
+              </div>
+
+              <button type="button" class="btn btn--ghost btn--sm" id="btnPresetAdd">+ 添加方案</button>
+            </div>
+          </div>
+
+          <!-- Git 代理设置 -->
+          <div style="margin-bottom:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:6px;">
+            <div style="font-weight:500;font-size:12px;margin-bottom:var(--sp-2);">🌐 Git 代理</div>
+            <p style="font-size:11px;color:var(--text-muted);margin-bottom:var(--sp-2);">
+              如果你的网络需要代理才能访问 GitHub/GitLab 等，在这里设置。例如 <code>http://127.0.0.1:1087</code>
+            </p>
+            <label class="checkbox-row" style="margin-bottom:var(--sp-2);">
+              <input type="checkbox" id="chkGitProxyEnabled"/>
+              <span>启用代理</span>
+            </label>
+            <div id="gitProxyForm" style=""> <!-- toggled by JS -->
+            <div class="form-row">
+              <label class="form-label" for="inpGitHttpProxy">HTTP 代理</label>
+              <input type="text" id="inpGitHttpProxy" class="form-input-sm" placeholder="http://127.0.0.1:1087" style="max-width:280px;font-family:monospace;font-size:11px;">
+              <button type="button" class="btn btn--ghost btn--xs" id="btnGitHttpProxyClear" title="清除">✕</button>
+            </div>
+            <div class="form-row">
+              <label class="form-label" for="inpGitHttpsProxy">HTTPS 代理</label>
+              <input type="text" id="inpGitHttpsProxy" class="form-input-sm" placeholder="http://127.0.0.1:1087" style="max-width:280px;font-family:monospace;font-size:11px;">
+              <button type="button" class="btn btn--ghost btn--xs" id="btnGitHttpsProxyClear" title="清除">✕</button>
+            </div>
+            <div class="row-actions" style="margin-top:var(--sp-2);">
+              <button type="button" class="btn btn--primary btn--sm" id="btnGitProxySave">保存代理设置</button>
+              <span id="gitProxyStatus" class="status-line" style="display:inline;margin-left:8px;"></span>
+            </div>
+            </div><!-- /gitProxyForm -->
+          </div>
+        </fieldset>
+      </div>
+    </section>
+
+    <section id="page-tasks" class="page page--scroll">
+      <div class="content-max">
+        <fieldset class="section" id="fieldsetCron">
+          <div class="section__header">
+            <h3 class="section__title">定时任务</h3>
+            <div class="row-actions" style="display:flex;gap:var(--sp-2);margin:0;align-items:center;">
+              <span id="cronGlobalToggle" class="toggle-switch off" title="点击切换总开关"></span>
+              <button type="button" class="btn btn--primary btn--sm" id="btnCronJobAdd">+ 新增</button>
+              <button type="button" class="btn btn--ghost btn--sm" id="btnCronRefresh">刷新</button>
+            </div>
+          </div>
+          <p class="section__desc">
+            设置 Agent 在指定的时间自动干活，比如每天早晨发报告、定期检查消息。每个任务可以单独开关，也可以随时修改。
+          </p>
+          <div id="cronJobList" class="cron-list" style="margin-bottom: var(--sp-4);"></div>
+          <div id="cronUiStatus" class="status-line"></div>
+        </fieldset>
+      </div>
+    </section>
+
+    <section id="page-agent" class="page page--scroll">
+      <div class="content-max">
+
+        <!-- Current agent detail (always visible, single-agent mode) -->
+        <fieldset class="section" id="fieldsetAgentDetail">
+          <div class="section__header">
+            <h3 class="section__title" id="agentDetailTitle">Agent 配置</h3>
+          </div>
+          <div id="agentDetailContent"></div>
+          <div id="agentStatus" class="status-line"></div>
+        </fieldset>
+
+        <!-- Skills section -->
+        <fieldset class="section" id="fieldsetAgentSkills">
+          <div class="section__header">
+            <h3 class="section__title">📚 知识 / 技能</h3>
+            <div class="row-actions" style="display:flex;gap:var(--sp-2);margin:0;">
+              <button type="button" class="btn btn--primary btn--sm" id="btnSkillAdd">+ 新增</button>
+              <button type="button" class="btn btn--ghost btn--sm" id="btnSkillRefresh">刷新</button>
+            </div>
+          </div>
+          <p class="section__desc">
+            技能文件是 Markdown 文档，教导 Agent 如何完成特定任务。仅对当前 Agent 生效，可独立启用/停用。
+          </p>
+          <div id="skillList" class="skill-list" style="margin-bottom:var(--sp-3);"></div>
+          <div id="skillStatus" class="status-line"></div>
+        </fieldset>
+
+        <!-- System Prompt MD files -->
+        <fieldset class="section" id="fieldsetSysPromptMd">
+          <div class="section__header">
+            <h3 class="section__title">📄 身份配置文件</h3>
+          </div>
+          <p class="section__desc">
+            编辑当前 Agent 的身份/行为配置文件（Markdown）。所有文档默认参与<strong>系统提示</strong>，保存后<strong>下一轮对话</strong>生效。
+          </p>
+          <div id="mdFileList"></div>
+          <div id="mdFileStatus" class="status-line"></div>
+        </fieldset>
+
+      </div>
+    </section>
+
+    <section id="page-files" class="page">
+      <div class="file-editor-layout">
+        <div class="file-editor">
+          <div class="file-editor__tabs" id="editorTabs">
+            <div class="file-editor__tabs-empty">选择一个文件查看</div>
+          </div>
+          <div id="editorContainer" class="file-editor__container">
+            <div class="file-editor__welcome">
+              <h3>文件浏览器</h3>
+              <p>左侧边栏选择文件进行编辑</p>
+            </div>
+          </div>
+          <div class="file-editor__status" id="editorStatus"></div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ===== 新建项目对话框 ===== -->
+    <div id="newProjectDialog" class="modal-overlay" style="display:none">
+      <div class="modal-dialog" style="max-width:520px;position:relative;">
+        <!-- 进度提示覆盖层 -->
+        <div id="projectProgressOverlay" style="display:none;position:absolute;inset:0;background:var(--bg);border-radius:8px;z-index:10;flex-direction:column;align-items:center;justify-content:center;padding:32px;">
+          <div id="projectProgressText" style="font-size:14px;font-weight:500;text-align:center;margin-bottom:8px;">正在准备...</div>
+          <div id="projectProgressDetail" style="font-size:11px;color:var(--text-muted);text-align:center;max-width:360px;line-height:1.5;"></div>
+          <div style="margin-top:16px;width:200px;height:4px;background:var(--border);border-radius:2px;overflow:hidden;">
+            <div id="projectProgressBar" style="width:0%;height:100%;background:var(--accent);border-radius:2px;transition:width 0.5s;"></div>
+          </div>
+        </div>
+        <div class="modal-dialog__header">
+          <span class="modal-dialog__title">新建项目</span>
+          <button class="modal-dialog__close" id="btnNewProjectDialogClose">&times;</button>
+        </div>
+        <div class="modal-dialog__body">
+          <!-- 项目名称 -->
+          <div class="modal-field">
+            <label class="modal-field__label" for="inpNewProjectName">项目名称 <span class="required">*</span></label>
+            <input type="text" id="inpNewProjectName" class="modal-field__input" placeholder="例如：my-awesome-project" autofocus />
+          </div>
+
+          <!-- 项目来源 -->
+          <div class="modal-field">
+            <label class="modal-field__label">项目来源</label>
+            <div style="display:flex;flex-direction:column;gap:4px;margin-top:4px;">
+              <label class="modal-radio-row" style="display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 8px;border:1px solid var(--border);border-radius:6px;">
+                <input type="radio" name="projectSource" value="scratch" checked>
+                <span>📁 从零创建 <span style="font-size:11px;color:var(--text-muted);">— 本地空项目</span></span>
+              </label>
+              <label class="modal-radio-row" style="display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 8px;border:1px solid var(--border);border-radius:6px;">
+                <input type="radio" name="projectSource" value="clone">
+                <span>📥 从远程仓库克隆</span>
+              </label>
+              <label class="modal-radio-row" style="display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 8px;border:1px solid var(--border);border-radius:6px;">
+                <input type="radio" name="projectSource" value="template">
+                <span>🏗️ 从模板创建</span>
+              </label>
+            </div>
+          </div>
+
+          <!-- 文件系统路径（所有来源共用） -->
+          <div class="modal-field" id="fieldProjectPath">
+            <label class="modal-field__label" for="inpNewProjectPath">工作目录 <span class="optional">(可不填，稍后在项目菜单绑定)</span></label>
+            <div class="modal-field__input-row">
+              <input type="text" id="inpNewProjectPath" class="modal-field__input" placeholder="留空表示暂不绑定；需要时在项目 ⋮ → 项目目录 中设置" />
+              <button type="button" id="btnBrowseDir" class="modal-btn modal-btn--browse" title="浏览选择目录">📁 浏览</button>
+            </div>
+          </div>
+
+          <!-- 克隆 URL（仅克隆模式） -->
+          <div class="modal-field" id="fieldCloneUrl" style="display:none;">
+            <label class="modal-field__label" for="inpCloneUrl">仓库 URL</label>
+            <input type="text" id="inpCloneUrl" class="modal-field__input" placeholder="https://github.com/user/repo.git 或 git@github.com:user/repo.git" />
+          </div>
+
+          <!-- 模板选择（仅模板模式） -->
+          <div class="modal-field" id="fieldTemplate" style="display:none;">
+            <label class="modal-field__label" for="selProjectTemplate">模板</label>
+            <select id="selProjectTemplate" class="modal-field__input">
+              <option value="fastapi">FastAPI</option>
+              <option value="flask">Flask</option>
+              <option value="cli">CLI 工具</option>
+              <option value="package">Python 包</option>
+            </select>
+          </div>
+
+          <!-- 关联远程仓库（从零创建和模板模式可用，克隆模式隐藏） -->
+          <div class="modal-field" id="fieldProjectRemote" style="display:none;">
+            <div style="display:flex;align-items:center;gap:8px;margin-bottom:6px;">
+              <span style="font-size:12px;font-weight:500;">🔗 关联远程仓库</span>
+              <label style="font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px;cursor:pointer;">
+                <input type="checkbox" id="chkProjectRemoteEnable"> 启用
+              </label>
+            </div>
+            <div id="projectRemoteForm" style="display:none;padding:8px;border:1px solid var(--border);border-radius:6px;">
+              <div id="presetSelectorRow" style="display:none;margin-bottom:6px;">
+                <select id="selProjectPreset" class="modal-field__input" style="flex:1;min-width:140px;">
+                  <option value="">— 选择方案 —</option>
+                </select>
+                <span style="font-size:10px;color:var(--text-muted);margin-left:4px;">自动填充下方</span>
+              </div>
+              <div style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px;">
+                <select id="selProjectRemoteProvider" class="modal-field__input" style="flex:1;min-width:100px;">
+                  <option value="github">GitHub</option>
+                  <option value="gitlab">GitLab</option>
+                  <option value="gitee">Gitee</option>
+                  <option value="bitbucket">Bitbucket</option>
+                  <option value="custom">自定义</option>
+                </select>
+                <input type="text" id="inpProjectRemoteHost" class="modal-field__input" placeholder="主机地址" style="flex:1;min-width:100px;display:none;">
+                <input type="text" id="inpProjectRemoteOwner" class="modal-field__input" placeholder="所有者" style="flex:1;min-width:100px;">
+                <span style="line-height:32px;color:var(--text-muted);">/</span>
+                <input type="text" id="inpProjectRemoteRepo" class="modal-field__input" placeholder="仓库名" style="flex:1;min-width:100px;">
+              </div>
+              <div style="display:flex;gap:12px;align-items:center;">
+                <label style="font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px;cursor:pointer;">
+                  <input type="radio" name="projectRemoteProtocol" value="ssh" checked> SSH
+                </label>
+                <label style="font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px;cursor:pointer;">
+                  <input type="radio" name="projectRemoteProtocol" value="https"> HTTPS
+                </label>
+                <label style="font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px;cursor:pointer;margin-left:auto;">
+                  <input type="checkbox" id="chkProjectAutoPush"> 创建后自动推送
+                </label>
+              </div>
+              <div id="projectRemoteUrlPreview" style="font-size:10px;color:var(--text-muted);font-family:monospace;margin-top:4px;"></div>
+            </div>
+          </div>
+
+          <!-- 路径提示 -->
+          <div class="modal-field__hint" style="margin-top:4px;">关联源代码目录后，文件树和 Git 面板可直接操作项目文件</div>
+        </div>
+        <div class="modal-dialog__footer">
+          <button class="modal-btn modal-btn--cancel" id="btnNewProjectCancel">取消</button>
+          <button class="modal-btn modal-btn--confirm" id="btnNewProjectConfirm">创建项目</button>
+        </div>
+      </div>
+    </div>
+
+</main>
+</div>