tagword-codeagent 1.1.6__py3-none-any.whl

codeagent/web/static/06c-camera.js

@@ -0,0 +1,488 @@
+/* Real-time camera: getUserMedia preview, single capture + interval frames + MediaRecorder video */
+
+(function initCameraUi() {
+  const cameraBtn = document.getElementById('cameraBtn');
+  const nativeInput = document.getElementById('nativeCameraInput');
+  const modal = document.getElementById('cameraModal');
+  const closeBtn = document.getElementById('cameraModalClose');
+  const doneBtn = document.getElementById('cameraModalDone');
+  const doneBtnVideo = document.getElementById('cameraModalDoneVideo');
+  const captureBtn = document.getElementById('cameraCaptureBtn');
+  const intervalBtn = document.getElementById('cameraToggleInterval');
+  const recordBtn = document.getElementById('cameraRecordBtn');
+  const video = document.getElementById('cameraPreview');
+  const canvas = document.getElementById('cameraCanvas');
+  const statusEl = document.getElementById('cameraStatus');
+  const modeBar = document.getElementById('cameraModeBar');
+  const footerPhoto = document.getElementById('cameraFooterPhoto');
+  const footerVideo = document.getElementById('cameraFooterVideo');
+  const modalTitle = document.getElementById('cameraModalTitle');
+  const recIndicator = document.getElementById('cameraRecIndicator');
+  const recTimer = document.getElementById('cameraRecTimer');
+
+  if (!modal) return;
+
+  // --- State ---
+  let stream = null;
+  let intervalId = null;
+  let captureCount = 0;
+  const MAX_INTERVAL_CAPTURES = 8;
+  const INTERVAL_MS = 3000;
+
+  // Recording state
+  let mediaRecorder = null;
+  let recordedBlobs = [];
+  let recordStartTs = 0;
+  let recordTimerId = null;
+  let isRecording = false;
+  let currentMode = 'photo'; // 'photo' | 'video'
+  // 'user' = front, 'environment' = back — prefer front first (desktop / laptop)
+  let currentFacing = 'user';
+  let modeLocked = false; // true when opened from "+" menu (photo vs video)
+
+  function isPreviewMirrored() {
+    return currentFacing === 'user';
+  }
+
+  function updatePreviewMirror() {
+    if (!video) return;
+    video.classList.toggle('camera-modal__video--mirror', isPreviewMirrored());
+  }
+
+  function syncFacingFromStream() {
+    if (!stream) return;
+    const track = stream.getVideoTracks()[0];
+    if (!track || typeof track.getSettings !== 'function') return;
+    try {
+      const fm = track.getSettings().facingMode;
+      if (fm === 'user' || fm === 'environment') currentFacing = fm;
+    } catch (_) {}
+    updatePreviewMirror();
+  }
+
+  // --- Helpers ---
+  function setStatus(text) {
+    if (statusEl) statusEl.textContent = text || '';
+  }
+
+  function visionReady() {
+    return typeof attachmentImageReady === 'function' && attachmentImageReady();
+  }
+
+  function videoModelReady() {
+    return typeof attachmentVideoReady === 'function' && attachmentVideoReady();
+  }
+
+  function stopInterval() {
+    if (intervalId) {
+      clearInterval(intervalId);
+      intervalId = null;
+    }
+    if (intervalBtn) {
+      intervalBtn.classList.remove('is-active');
+      intervalBtn.textContent = '定时截帧';
+    }
+  }
+
+  function stopStream() {
+    stopInterval();
+    stopRecording(false);
+    if (stream) {
+      stream.getTracks().forEach(function(t) { t.stop(); });
+      stream = null;
+    }
+    if (video) video.srcObject = null;
+  }
+
+  function closeModal() {
+    stopStream();
+    captureCount = 0;
+    if (recIndicator) recIndicator.hidden = true;
+    if (recordBtn) {
+      recordBtn.textContent = '开始录制';
+      recordBtn.classList.remove('is-recording');
+    }
+    modal.style.display = 'none';
+    setStatus('');
+  }
+
+  // --- Photo capture ---
+  async function captureFrame() {
+    if (!video || !canvas || !video.videoWidth) {
+      systemMsg('err', '摄像头未就绪');
+      return false;
+    }
+    canvas.width = video.videoWidth;
+    canvas.height = video.videoHeight;
+    const ctx = canvas.getContext('2d');
+    if (!ctx) return false;
+    const mirror = isPreviewMirrored();
+    if (mirror) {
+      ctx.translate(canvas.width, 0);
+      ctx.scale(-1, 1);
+    }
+    ctx.drawImage(video, 0, 0);
+    if (mirror) ctx.setTransform(1, 0, 0, 1, 0, 0);
+    return new Promise(function(resolve) {
+      canvas.toBlob(function(blob) {
+        if (!blob) {
+          resolve(false);
+          return;
+        }
+        const ts = new Date().toISOString().replace(/[:.]/g, '-');
+        const file = new File([blob], 'camera-' + ts + '.jpg', { type: 'image/jpeg' });
+        if (typeof stageFiles === 'function') {
+          stageFiles([file]).then(function() {
+            captureCount += 1;
+            setStatus('已捕获 ' + captureCount + ' 张');
+            resolve(true);
+          }).catch(function() { resolve(false); });
+        } else {
+          resolve(false);
+        }
+      }, 'image/jpeg', 0.92);
+    });
+  }
+
+  function toggleIntervalCapture() {
+    if (intervalId) {
+      stopInterval();
+      setStatus('定时截帧已停止 · 共 ' + captureCount + ' 张');
+      return;
+    }
+    if (intervalBtn) {
+      intervalBtn.classList.add('is-active');
+      intervalBtn.textContent = '停止截帧';
+    }
+    setStatus('每 ' + (INTERVAL_MS / 1000) + ' 秒截帧（最多 ' + MAX_INTERVAL_CAPTURES + ' 张）');
+    intervalId = setInterval(function() {
+      if (captureCount >= MAX_INTERVAL_CAPTURES) {
+        stopInterval();
+        if (typeof systemMsg === 'function') systemMsg('info', '已达截帧上限 ' + MAX_INTERVAL_CAPTURES);
+        return;
+      }
+      captureFrame();
+    }, INTERVAL_MS);
+  }
+
+  // --- Video recording ---
+  function pickRecorderMime() {
+    const candidates = [
+      'video/webm;codecs=vp9',
+      'video/webm;codecs=vp8',
+      'video/webm',
+      'video/mp4',
+    ];
+    for (let i = 0; i < candidates.length; i++) {
+      if (typeof MediaRecorder !== 'undefined' &&
+          MediaRecorder.isTypeSupported &&
+          MediaRecorder.isTypeSupported(candidates[i])) {
+        return candidates[i];
+      }
+    }
+    return '';
+  }
+
+  function formatRecordTime(ms) {
+    const total = Math.floor(ms / 1000);
+    const m = Math.floor(total / 60);
+    const s = total % 60;
+    return String(m).padStart(2, '0') + ':' + String(s).padStart(2, '0');
+  }
+
+  function startRecording() {
+    if (!stream) {
+      systemMsg('err', '摄像头未就绪，无法录制');
+      return;
+    }
+    const mime = pickRecorderMime();
+    try {
+      mediaRecorder = mime ? new MediaRecorder(stream, { mimeType: mime })
+                           : new MediaRecorder(stream);
+    } catch (e) {
+      systemMsg('err', '当前浏览器不支持视频录制: ' + (e.message || e));
+      return;
+    }
+    recordedBlobs = [];
+    mediaRecorder.ondataavailable = function(ev) {
+      if (ev.data && ev.data.size > 0) recordedBlobs.push(ev.data);
+    };
+    mediaRecorder.onstop = function() {
+      finalizeRecording();
+    };
+    mediaRecorder.onerror = function(ev) {
+      systemMsg('err', '录制出错: ' + (ev.error && ev.error.name ? ev.error.name : 'unknown'));
+    };
+    mediaRecorder.start(250); // collect a chunk every 250ms
+    isRecording = true;
+    recordStartTs = Date.now();
+    if (recIndicator) recIndicator.hidden = false;
+    if (recTimer) recTimer.textContent = '00:00';
+    if (recordBtn) {
+      recordBtn.textContent = '停止录制';
+      recordBtn.classList.add('is-recording');
+    }
+    setStatus('正在录制…点击「停止录制」结束');
+    recordTimerId = setInterval(function() {
+      if (recTimer) recTimer.textContent = formatRecordTime(Date.now() - recordStartTs);
+    }, 250);
+  }
+
+  function stopRecording(finish) {
+    if (recordTimerId) {
+      clearInterval(recordTimerId);
+      recordTimerId = null;
+    }
+    if (!isRecording) return;
+    isRecording = false;
+    if (recIndicator) recIndicator.hidden = true;
+    if (recordBtn) {
+      recordBtn.textContent = '开始录制';
+      recordBtn.classList.remove('is-recording');
+    }
+    if (mediaRecorder && mediaRecorder.state !== 'inactive') {
+      try {
+        mediaRecorder.stop();
+      } catch (_) {}
+    }
+    if (!finish) {
+      // forced stop without saving (e.g. stream was torn down)
+      recordedBlobs = [];
+    }
+  }
+
+  function finalizeRecording() {
+    if (!recordedBlobs.length) {
+      setStatus('录制已停止（无数据）');
+      return;
+    }
+    const mime = (mediaRecorder && mediaRecorder.mimeType) || 'video/webm';
+    const ext = mime.indexOf('mp4') >= 0 ? 'mp4' : 'webm';
+    const blob = new Blob(recordedBlobs, { type: mime });
+    const ts = new Date().toISOString().replace(/[:.]/g, '-');
+    const file = new File([blob], 'camera-' + ts + '.' + ext, { type: mime });
+    const dur = formatRecordTime(Date.now() - recordStartTs);
+    if (typeof stageFiles === 'function') {
+      stageFiles([file]).then(function() {
+        setStatus('已录制 ' + dur + ' · 已加入附件');
+        if (typeof systemMsg === 'function') systemMsg('info', '已附加录像 ' + dur);
+      }).catch(function() {
+        setStatus('录像已停止，但加入附件失败');
+      });
+    } else {
+      setStatus('录像已停止（无 stageFiles）');
+    }
+    recordedBlobs = [];
+  }
+
+  // --- Stream acquisition ---
+  // 4 级降级配置：requested facing → 切换 facing → 不带 facing → video:true
+  // 任一成功立即返回；全部失败时抛出第一次的错误（保留原行为）。
+  function _streamConstraintCandidates(facing) {
+    const alt = facing === 'user' ? 'environment' : 'user';
+    const audio = currentMode === 'video';
+    return [
+      { video: { facingMode: { ideal: facing }, width: { ideal: 1280 }, height: { ideal: 720 } }, audio },
+      { video: { facingMode: { ideal: alt    }, width: { ideal: 1280 }, height: { ideal: 720 } }, audio },
+      { video: { width: { ideal: 1280 }, height: { ideal: 720 } }, audio },
+      { video: true, audio },
+    ];
+  }
+
+  async function tryGetStream(facing) {
+    if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+      throw new Error('浏览器不支持 getUserMedia');
+    }
+    const candidates = _streamConstraintCandidates(facing);
+    let firstErr = null;
+    for (const c of candidates) {
+      try {
+        return await navigator.mediaDevices.getUserMedia(c);
+      } catch (e) {
+        if (!firstErr) firstErr = e;
+      }
+    }
+    throw firstErr;
+  }
+
+  function hasMediaDevices() {
+    return !!(navigator.mediaDevices && navigator.mediaDevices.getUserMedia);
+  }
+
+  function nativeInputForMode(mode) {
+    return (mode === 'video')
+      ? document.getElementById('nativeVideoInput')
+      : nativeInput;
+  }
+
+  async function attachPreviewStream(nextStream) {
+    stream = nextStream;
+    if (!video) return;
+    video.srcObject = stream;
+    video.muted = true;
+    syncFacingFromStream();
+    try { await video.play(); } catch (_) {}
+  }
+
+  async function openStream(forceNew) {
+    if (stream && !forceNew) return stream;
+    if (stream) {
+      stream.getTracks().forEach(function(t) { t.stop(); });
+      stream = null;
+    }
+    setStatus('正在打开摄像头…');
+    stream = await tryGetStream(currentFacing);
+    await attachPreviewStream(stream);
+    return stream;
+  }
+
+  function showStreamError(err) {
+    const msg = (err && (err.name || err.message))
+      ? (err.name + (err.message ? ': ' + err.message : ''))
+      : String(err || 'unknown');
+    setStatus('无法访问摄像头：' + msg + '。可点下方「从文件选择」，或改用 HTTPS / localhost 访问。');
+    if (typeof systemMsg === 'function') {
+      systemMsg('err', '无法访问摄像头：' + msg);
+    }
+    const fb = document.getElementById('cameraFallbackBtn');
+    if (fb) fb.hidden = false;
+  }
+
+  // --- Modal open ---
+  async function openCameraModal(mode, preStream) {
+    currentMode = (mode === 'video') ? 'video' : 'photo';
+    setModeUi(currentMode, false);
+
+    if (currentMode === 'photo' && !visionReady()) {
+      systemMsg('err', '请先配置识图（多模态 LLM 或 MiniMax MCP）');
+    }
+    if (currentMode === 'video' && !videoModelReady()) {
+      systemMsg('err', '请先配置视频识图模型');
+    }
+
+    captureCount = 0;
+    modal.style.display = 'flex';
+    const fb = document.getElementById('cameraFallbackBtn');
+    if (fb) fb.hidden = true;
+
+    try {
+      if (preStream) {
+        await attachPreviewStream(preStream);
+      } else {
+        await openStream(true);
+      }
+      setStatus(currentMode === 'video'
+        ? '点击「开始录制」开始录像'
+        : '对准目标后点击「拍照」，或开启定时截帧');
+    } catch (e) {
+      showStreamError(e);
+    }
+  }
+
+  /** Called synchronously from "+" menu click — opens modal first, then getUserMedia in the same gesture. */
+  function launchCameraCapture(mode) {
+    const m = (mode === 'video') ? 'video' : 'photo';
+
+    if (!hasMediaDevices()) {
+      const nativeEl = nativeInputForMode(m);
+      if (nativeEl) nativeEl.click();
+      return;
+    }
+
+    currentMode = m;
+    setModeUi(m, true);
+    captureCount = 0;
+    modal.style.display = 'flex';
+    const fb = document.getElementById('cameraFallbackBtn');
+    if (fb) fb.hidden = true;
+    setStatus('正在打开摄像头…');
+
+    tryGetStream(currentFacing).then(function(s) {
+      return attachPreviewStream(s).then(function() {
+        setStatus(m === 'video'
+          ? '点击「开始录制」开始录像'
+          : '对准目标后点击「拍照」，或开启定时截帧');
+      });
+    }).catch(function(err) {
+      showStreamError(err);
+    });
+  }
+
+  function setModeUi(mode, lockMode) {
+    currentMode = mode;
+    if (typeof lockMode === 'boolean') modeLocked = lockMode;
+    if (modeBar) modeBar.hidden = modeLocked;
+    if (modeBar) {
+      Array.from(modeBar.querySelectorAll('.camera-modal__mode-btn')).forEach(function(btn) {
+        const isActive = btn.getAttribute('data-mode') === mode;
+        btn.classList.toggle('is-active', isActive);
+        btn.setAttribute('aria-selected', isActive ? 'true' : 'false');
+      });
+    }
+    if (footerPhoto) {
+      const showPhoto = mode === 'photo';
+      footerPhoto.hidden = !showPhoto;
+      footerPhoto.style.display = showPhoto ? 'flex' : 'none';
+    }
+    if (footerVideo) {
+      const showVideo = mode === 'video';
+      footerVideo.hidden = !showVideo;
+      footerVideo.style.display = showVideo ? 'flex' : 'none';
+    }
+    if (modalTitle) modalTitle.textContent = (mode === 'video') ? '录像' : '拍照';
+  }
+
+  // --- Expose to popup ---
+  window.openCameraModal = openCameraModal;
+  window.launchCameraCapture = launchCameraCapture;
+
+  const fallbackBtn = document.getElementById('cameraFallbackBtn');
+  fallbackBtn && fallbackBtn.addEventListener('click', function() {
+    const inp = nativeInputForMode(currentMode);
+    if (inp) inp.click();
+  });
+
+  // --- Bindings ---
+  captureBtn && captureBtn.addEventListener('click', function() { captureFrame(); });
+  intervalBtn && intervalBtn.addEventListener('click', function() { toggleIntervalCapture(); });
+
+  recordBtn && recordBtn.addEventListener('click', function() {
+    if (isRecording) stopRecording(true);
+    else startRecording();
+  });
+
+  // Mode switch — restart stream when audio requirement changes (photo vs video)
+  if (modeBar) {
+    modeBar.addEventListener('click', function(e) {
+      const btn = e.target.closest('.camera-modal__mode-btn');
+      if (!btn) return;
+      const m = btn.getAttribute('data-mode');
+      if (!m || m === currentMode) return;
+      if (isRecording) stopRecording(true);
+      const prev = currentMode;
+      setModeUi(m);
+      if (prev !== m && hasMediaDevices()) {
+        openStream(true).then(function() {
+          setStatus(m === 'video' ? '点击「开始录制」开始录像' : '对准目标后点击「拍照」');
+        }).catch(function(err) {
+          showStreamError(err);
+        });
+      } else {
+        setStatus(m === 'video' ? '点击「开始录制」开始录像' : '对准目标后点击「拍照」');
+      }
+    });
+  }
+
+  closeBtn && closeBtn.addEventListener('click', closeModal);
+  doneBtn && doneBtn.addEventListener('click', closeModal);
+  doneBtnVideo && doneBtnVideo.addEventListener('click', closeModal);
+
+  modal.addEventListener('click', function(e) {
+    if (e.target === modal) closeModal();
+  });
+
+  document.addEventListener('keydown', function(e) {
+    if (modal.style.display === 'none' || modal.style.display === '') return;
+    if (e.key === 'Escape') closeModal();
+  });
+})();

codeagent/web/static/07-activity-bar.css

@@ -0,0 +1,127 @@
+.activity-bar {
+  width: var(--activity-bar-w, 48px);
+  min-width: var(--activity-bar-w, 48px);
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: var(--bg-panel);
+  border-right: 1px solid var(--border);
+  flex-shrink: 0;
+  overflow: hidden;
+  z-index: 10;
+}
+.activity-bar__top {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2px;
+  padding: var(--sp-3) 0;
+}
+.activity-bar__bottom {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: var(--sp-2) 0;
+  border-top: 1px solid var(--divider);
+}
+.activity-btn {
+  width: 36px; height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  border-radius: var(--r-md);
+  background: transparent;
+  color: var(--text-muted);
+  cursor: pointer;
+  font-size: 16px;
+  line-height: 1;
+  position: relative;
+  transition: background 0.12s ease, color 0.12s ease;
+}
+.activity-btn svg { display: block; flex-shrink: 0; }
+.activity-btn:hover { background: var(--bg-hover); color: var(--text); }
+.activity-btn.active { color: var(--accent); background: var(--accent-soft); }
+.activity-btn.active::before {
+  content: ''; position: absolute; left: -6px; top: 50%; transform: translateY(-50%);
+  width: 3px; height: 20px; border-radius: 0 3px 3px 0; background: var(--accent);
+}
+
+/* App shell grid: explicit columns so workspace stays in the main column when sidebar collapses */
+.activity-bar {
+  grid-column: 1;
+  grid-row: 1;
+}
+.app > aside.sidebar {
+  grid-column: 2;
+  grid-row: 1;
+}
+.workspace {
+  grid-column: 3;
+  grid-row: 1;
+  position: relative;
+}
+
+/* workspace 内各 page 叠在同一区域，避免 flex 列里多页同时占位把配置挤到视口外 */
+.workspace > .page {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: var(--topbar-h, 48px);
+  bottom: 0;
+  flex: none !important;
+  width: 100%;
+  box-sizing: border-box;
+  z-index: 0;
+}
+.workspace > .page.active {
+  z-index: 1;
+}
+
+/* 配置 / 计划 / Agent：全宽主内容，隐藏项目侧栏 */
+body[data-activity-mode="config"] .app,
+body[data-activity-mode="tasks"] .app,
+body[data-activity-mode="agent"] .app,
+body[data-activity-mode="team"] .app,
+body[data-activity-mode="hub"] .app {
+  grid-template-columns: var(--activity-bar-w, 48px) 1fr;
+}
+
+body[data-activity-mode="config"] .workspace,
+body[data-activity-mode="tasks"] .workspace,
+body[data-activity-mode="agent"] .workspace,
+body[data-activity-mode="team"] .workspace,
+body[data-activity-mode="hub"] .workspace {
+  grid-column: 2;
+}
+
+body[data-activity-mode="config"] .app > aside.sidebar,
+body[data-activity-mode="tasks"] .app > aside.sidebar,
+body[data-activity-mode="agent"] .app > aside.sidebar,
+body[data-activity-mode="team"] .app > aside.sidebar,
+body[data-activity-mode="hub"] .app > aside.sidebar {
+  display: none !important;
+}
+
+/* 按活动模式强制显示对应 workspace 页面（避免多个 .page.active 叠在一起） */
+body[data-activity-mode="chat"] .workspace > .page:not(#page-chat),
+body[data-activity-mode="config"] .workspace > .page:not(#page-config),
+body[data-activity-mode="tasks"] .workspace > .page:not(#page-tasks),
+body[data-activity-mode="agent"] .workspace > .page:not(#page-agent),
+body[data-activity-mode="files"] .workspace > .page:not(#page-files) {
+  display: none !important;
+  flex: 0 0 0 !important;
+  min-height: 0 !important;
+  overflow: hidden !important;
+}
+
+body[data-activity-mode="chat"] .workspace > #page-chat,
+body[data-activity-mode="config"] .workspace > #page-config,
+body[data-activity-mode="tasks"] .workspace > #page-tasks,
+body[data-activity-mode="agent"] .workspace > #page-agent,
+body[data-activity-mode="files"] .workspace > #page-files {
+  display: flex !important;
+  flex-direction: column;
+  min-height: 0 !important;
+}

codeagent/web/static/09-git-p1.css

@@ -0,0 +1 @@
+/* === Git 滑出面板 === */.git-slide-panel {  position: absolute;  top: var(--topbar-h, 44px);  right: 0;  bottom: 0;  width: 420px;  max-width: 92vw;  background: var(--bg-panel);  border-left: 1px solid var(--border);  display: none;  flex-direction: column;  z-index: 50;  box-shadow: -4px 0 16px rgba(0,0,0,0.06);  overflow: hidden;}.git-slide-panel__header {  display: flex;  align-items: center;  justify-content: space-between;  padding: var(--sp-3) var(--sp-4);  font-size: 13px;  font-weight: 600;  color: var(--text);  border-bottom: 1px solid var(--border);  flex-shrink: 0;}.git-slide-panel__commit {  flex-shrink: 0;  padding: 6px var(--sp-4);  border-bottom: 1px solid var(--border);}/* ---- 远程仓库配置 ---- */.git-slide-panel__remote {  flex-shrink: 0;  padding: 4px var(--sp-4);  border-bottom: 1px solid var(--border);  font-size: 11px;}.git-slide-panel__remote-info {  display: flex;  align-items: center;  gap: 6px;  min-height: 24px;}.git-slide-panel__remote-form {  display: flex;  flex-direction: column;  gap: 4px;  padding: 6px 0;}.git-remote-input {  background: var(--bg-input, #2d2d2d);  color: var(--text, #ccc);  border: 1px solid var(--border, #555);  border-radius: 4px;  padding: 4px 6px;  font-size: 11px;  font-family: inherit;  box-sizing: border-box;}.git-remote-input:focus {  outline: none;  border-color: var(--accent, #0078d4);}/* ---- 提供商选择卡片 ---- */.git-provider-card {  display: inline-flex;  align-items: center;  gap: 4px;  padding: 3px 10px;  border: 1px solid var(--border, #555);  border-radius: 12px;  font-size: 11px;  cursor: pointer;  background: transparent;  color: var(--text-muted, #888);  transition: all 0.12s;  user-select: none;}.git-provider-card:hover {  border-color: var(--accent, #0078d4);  color: var(--text, #ccc);  background: rgba(0,120,212,0.06);}.git-provider-card.is-active {  border-color: var(--accent, #0078d4);  background: rgba(0,120,212,0.12);  color: var(--accent, #0078d4);  font-weight: 500;}/* ---- SSH 密钥管理 ---- */.git-slide-panel__ssh {  border-top: 1px solid var(--border, #333);  padding: 2px 0;}.git-slide-panel__ssh-header {  display: flex;  align-items: center;  justify-content: space-between;  padding: 5px 0;  font-size: 11px;  color: var(--text-muted, #888);  cursor: pointer;  user-select: none;}.git-slide-panel__ssh-header:hover {  color: var(--text, #ccc);}.git-slide-panel__ssh-body {  padding: 2px 0 6px;}/* ---- Tab 与内容 ---- */.git-slide-panel__tabs {  display: flex;  gap: 0;  border-bottom: 1px solid var(--border);  flex-shrink: 0;}.git-slide-panel__tab {  flex: 1;  padding: 6px 0;  border: none;  background: transparent;  color: var(--text-muted);  font-size: 11px;  font-weight: 500;  cursor: pointer;  transition: color 0.12s, background 0.12s;  border-bottom: 2px solid transparent;}.git-slide-panel__tab:hover {  color: var(--text);  background: var(--bg-hover);}.git-slide-panel__tab.is-active {  color: var(--accent);  border-bottom-color: var(--accent);}.git-slide-panel__content {  flex: 1;  overflow-y: auto;  font-size: 12px;  line-height: 1.5;  font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace;  padding: 4px 0;}

codeagent/web/static/09-git-p2.css

@@ -0,0 +1 @@
+/* ---- Commits 输入 ---- */.git-panel__commit-input {  width: 100%;  background: var(--bg-input, #2d2d2d);  color: var(--text, #ccc);  border: 1px solid var(--border, #555);  border-radius: 6px;  padding: 6px 8px;  font-size: 12px;  font-family: inherit;  resize: vertical;  box-sizing: border-box;  margin-bottom: 4px;  line-height: 1.4;  transition: border-color 0.15s;}.git-panel__commit-input:focus {  outline: none;  border-color: var(--accent, #0078d4);}.git-panel__commit-input::placeholder {  color: var(--text-muted, #666);}/* ---- 文件列表 ---- */.git-panel__file {  display: flex;  align-items: center;  gap: 8px;  padding: 4px 12px;  cursor: pointer;  border-radius: 0;  font-size: 12px;  transition: background 0.1s;}.git-panel__file:hover {  background: var(--bg-hover, rgba(128,128,128,0.1));}.git-panel__file-icon {  font-size: 14px;  width: 20px;  text-align: center;  flex-shrink: 0;}.git-panel__file-name {  flex: 1;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}/* ---- 加载中 ---- */.git-panel__loading {  color: var(--text-muted, #888);  font-style: italic;  padding: 16px;  text-align: center;}/* ---- 状态颜色 ---- */.git-status--M { color: #e5c07b; }.git-status--A { color: #98c379; }.git-status--D { color: #e06c75; }.git-status--R { color: #61afef; }.git-status--U { color: #c678dd; }.git-status--C { color: #56b6c2; }/* ---- Log / Diff 预览 ---- */.git-diff-pre {  margin: 0;  padding: 8px 12px;  font-size: 11px;  line-height: 1.6;  white-space: pre-wrap;  word-break: break-all;  color: var(--text, #ccc);}/* ---- 按钮辅助尺寸 ---- */.btn--xs {  font-size: 10px;  padding: 2px 6px;  line-height: 1.4;}