tagword-codeagent 1.1.6__py3-none-any.whl

codeagent/web/static/14-activity-bar.js

@@ -0,0 +1,177 @@
+var _activeMode = null;
+var _FULL_WIDTH_MODES = ['config', 'tasks', 'agent'];
+
+function _applySidebarForMode(mode) {
+  var chatSidebar = document.getElementById('chatSidebar');
+  var outerSidebar = document.querySelector('.app > aside.sidebar');
+  if (outerSidebar) outerSidebar.style.removeProperty('display');
+
+  if (mode === 'files') {
+    if (chatSidebar) chatSidebar.style.display = 'none';
+    return;
+  }
+  if (_FULL_WIDTH_MODES.indexOf(mode) >= 0) {
+    if (chatSidebar) chatSidebar.style.display = 'none';
+    return;
+  }
+  if (chatSidebar) {
+    if (typeof webuiSessionsEnabled !== 'undefined' && webuiSessionsEnabled) {
+      chatSidebar.style.display = 'flex';
+    } else {
+      chatSidebar.style.display = 'none';
+    }
+  }
+}
+
+function _syncWorkspacePages(pageId) {
+  if (typeof switchToPage === 'function') switchToPage(pageId);
+}
+
+function _syncFileBtnState() {
+  var fileBtn = document.getElementById('btnToggleFiles');
+  if (!fileBtn) return;
+  if (_activeMode === 'files') {
+    fileBtn.classList.add('is-active');
+  } else {
+    fileBtn.classList.remove('is-active');
+  }
+}
+
+function switchActivityMode(mode) {
+  // git 模式不走页面切换，由 09-git.js 的点击拦截处理
+  if (mode === 'git') return;
+
+  if (!mode) return;
+  if (mode === _activeMode) {
+    try { document.body.setAttribute('data-activity-mode', mode); } catch (_) {}
+    _syncWorkspacePages(mode);
+    return;
+  }
+  _activeMode = mode;
+  try { document.body.setAttribute('data-activity-mode', mode); } catch (_) {}
+
+  document.querySelectorAll('.activity-btn').forEach(function(b) {
+    if (b.id === 'btnLogout') return;
+    b.classList.toggle('active', b.getAttribute('data-mode') === mode);
+  });
+
+  var filesSection = document.getElementById('sidebarFiles');
+  var gitSidebarSection = document.getElementById('sidebarGit');
+
+  function hideSidebarModes() {
+    if (filesSection) filesSection.style.display = 'none';
+    if (gitSidebarSection) gitSidebarSection.style.display = 'none';
+  }
+
+  if (mode === 'files') {
+    hideSidebarModes();
+    if (filesSection) filesSection.style.display = 'flex';
+    _applySidebarForMode(mode);
+    if (typeof switchToPage === 'function') switchToPage('files');
+    else _syncWorkspacePages('files');
+    if (typeof activatePage === 'function') activatePage('files');
+    setTimeout(function() {
+      if (typeof window.webuiRefreshFileTreeIfVisible === 'function') {
+        window.webuiRefreshFileTreeIfVisible();
+      }
+    }, 0);
+  } else {
+    hideSidebarModes();
+    _applySidebarForMode(mode);
+    var pageId = mode;
+    _syncWorkspacePages(pageId);
+    if (typeof switchToPage === 'function') switchToPage(pageId);
+    if (typeof activatePage === 'function') activatePage(pageId);
+  }
+
+  if (mode === 'chat') {
+    if (typeof refreshProjects === 'function') setTimeout(function() { refreshProjects(false); }, 100);
+  }
+  trySetLS(STORAGE_KEYS.SESS_ACTIVITY_MODE, mode);
+  if (typeof window.webuiMobileSyncMode === 'function') window.webuiMobileSyncMode(mode);
+  syncTopbarChatShortcutUi();
+  _syncFileBtnState();
+}
+
+function syncTopbarChatShortcutUi() {
+  var grp = document.querySelector('.topbar__title-group');
+  if (!grp) return;
+  if (_activeMode && _activeMode !== 'chat') {
+    grp.style.cursor = 'pointer';
+    grp.title = '返回聊天';
+  } else {
+    grp.style.cursor = '';
+    grp.title = '';
+  }
+}
+
+function restoreActivityMode() {
+  try {
+    var saved = tryGetLS(STORAGE_KEYS.SESS_ACTIVITY_MODE);
+    if (saved && ['chat', 'tasks', 'agent', 'config', 'files'].indexOf(saved) >= 0) {
+      _activeMode = null;
+      switchActivityMode(saved);
+      return;
+    }
+  } catch (_) {}
+  _activeMode = null;
+  switchActivityMode('chat');
+}
+
+;(function initActivityBar() {
+  document.querySelectorAll('.activity-btn').forEach(function(btn) {
+    // 手机视图下用 touchstart 捕获，避免键盘收起时 viewport 变化吞掉 click
+    btn.addEventListener('touchstart', function(e) {
+      var isMobile = window.matchMedia('(max-width: 768px)').matches;
+      if (!isMobile) return;
+      var mode = this.getAttribute('data-mode');
+      if (!mode) return;
+      // 键盘弹出时：在 touchstart 阶段 blur 并切换，不等 click
+      if (document.activeElement && document.activeElement.id === 'msg') {
+        document.activeElement.blur();
+        switchActivityMode(mode);
+        e.preventDefault();
+      }
+    }, { passive: false });
+    btn.addEventListener('click', function() {
+      var mode = this.getAttribute('data-mode');
+      if (mode) switchActivityMode(mode);
+    });
+  });
+  var titleGrp = document.querySelector('.topbar__title-group');
+  if (titleGrp && titleGrp.dataset.chatNavBound !== '1') {
+    titleGrp.dataset.chatNavBound = '1';
+    titleGrp.addEventListener('click', function() {
+      if (_activeMode != null && _activeMode !== 'chat') {
+        switchActivityMode('chat');
+      }
+    });
+  }
+  restoreActivityMode();
+
+  // ======== 文件按钮（topbar 切换） ========
+  var fileBtn = document.getElementById('btnToggleFiles');
+  if (fileBtn) {
+    _syncFileBtnState();
+
+    fileBtn.addEventListener('click', function() {
+      if (_activeMode === 'files') {
+        switchActivityMode('chat');
+      } else {
+        // 关闭顶层面板：Plan/Todo/Git
+        ['planPanel','todoPanel','gitPanel'].forEach(function(id) {
+          var p = document.getElementById(id);
+          if (p && p.style.display !== 'none') {
+            p.style.display = 'none';
+            try { localStorage.setItem('oa_' + id.replace('Panel','').toLowerCase() + '_panel_open', '0'); } catch (_) {}
+          }
+        });
+        ['btnTogglePlans','btnToggleTodos','btnToggleGit'].forEach(function(id) {
+          var b = document.getElementById(id);
+          if (b) b.classList.remove('is-active');
+        });
+        switchActivityMode('files');
+      }
+    });
+  }
+})();

codeagent/web/static/15-plans.css

@@ -0,0 +1,194 @@
+/* ================================================================
+ * 15-plans.css — Plan 面板样式
+ *   与 todo-panel 视觉一致，保持统一
+ * ================================================================ */
+
+/* ---- Plan panel (right sidebar, like todo panel) ---- */
+
+.plan-panel {
+  position: absolute;
+  top: var(--topbar-h, 44px);
+  right: 0;
+  bottom: 0;
+  width: 400px;
+  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;
+}
+
+.plan-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;
+}
+
+.plan-panel__list {
+  flex: 1;
+  overflow-y: auto;
+  padding: var(--sp-2) 0;
+  scrollbar-width: thin;
+  scrollbar-color: var(--border-strong) transparent;
+}
+.plan-panel__list::-webkit-scrollbar { width: 8px; }
+.plan-panel__list::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 4px; }
+
+.plan-panel__footer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--sp-2) var(--sp-4);
+  border-top: 1px solid var(--border);
+  flex-shrink: 0;
+}
+
+/* ---- Plan card ---- */
+
+.plan-card {
+  margin: 0 var(--sp-2) var(--sp-1);
+  border: 1px solid var(--border);
+  border-radius: var(--r-sm, 6px);
+  background: var(--bg);
+  overflow: hidden;
+  transition: border-color 0.15s;
+}
+.plan-card:hover {
+  border-color: var(--border-strong);
+}
+
+.plan-card__header {
+  display: flex;
+  align-items: center;
+  padding: var(--sp-2) var(--sp-3);
+  cursor: pointer;
+  user-select: none;
+  gap: var(--sp-2);
+}
+
+.plan-card__icon {
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
+  color: var(--text-muted);
+  opacity: 0.7;
+}
+
+.plan-card__info {
+  flex: 1;
+  min-width: 0;
+}
+
+.plan-card__name {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--text);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* icon 由 JS 中的 .plan-card__icon 提供 */
+
+.plan-card__meta {
+  font-size: 11px;
+  color: var(--text-muted);
+  margin-top: 1px;
+}
+
+.plan-card__arrow {
+  flex-shrink: 0;
+  width: 14px;
+  height: 14px;
+  color: var(--text-muted);
+  transition: transform 0.2s;
+}
+.plan-card__arrow.is-open {
+  transform: rotate(90deg);
+}
+
+/* ---- Plan card expanded body ---- */
+
+.plan-card__body-wrap {
+  display: none;
+  border-top: 1px solid var(--border);
+  background: var(--bg-subtle, #fafafa);
+}
+.plan-card__body-wrap.is-open {
+  display: block;
+}
+
+.plan-card__body {
+  padding: var(--sp-3);
+  font-size: 13px;
+  line-height: 1.6;
+  color: var(--text);
+  max-height: 60vh;
+  overflow-y: auto;
+  white-space: pre-wrap;
+  word-break: break-word;
+  font-family: var(--font-mono, monospace);
+}
+
+.plan-card__body h1,
+.plan-card__body h2,
+.plan-card__body h3 {
+  font-family: var(--font-sans, system-ui, sans-serif);
+  margin: 0.5em 0 0.25em;
+  font-weight: 600;
+}
+.plan-card__body h1 { font-size: 15px; }
+.plan-card__body h2 { font-size: 14px; }
+.plan-card__body h3 { font-size: 13px; }
+
+.plan-card__body ul,
+.plan-card__body ol {
+  padding-left: 1.5em;
+  margin: 0.3em 0;
+}
+
+.plan-card__body code {
+  background: var(--bg-hover);
+  padding: 1px 4px;
+  border-radius: 3px;
+  font-size: 0.92em;
+}
+
+.plan-card__body pre {
+  background: var(--bg-hover);
+  padding: var(--sp-2);
+  border-radius: var(--r-sm, 4px);
+  overflow-x: auto;
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+/* ---- Empty state ---- */
+
+.plan-empty {
+  text-align: center;
+  padding: var(--sp-6) var(--sp-4);
+  color: var(--text-muted);
+  font-size: 13px;
+  line-height: 1.8;
+}
+
+/* ---- Group headers ---- */
+
+.plan-group-header {
+  padding: var(--sp-2) var(--sp-4) var(--sp-1);
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-muted);
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+}

codeagent/web/static/15-plans.js

@@ -0,0 +1,219 @@
+/* ================================================================
+ * 15-plans.js — Plan 面板 UI
+ *   - 与 todo-panel 互斥（打开一个自动关闭另一个）
+ *   - 显示当前项目的 *-plan.md 文件列表
+ *   - 点击展开/收起内容预览
+ *   - 监听 project-changed 事件自动刷新
+ * ================================================================ */
+
+(function() {
+
+const btnToggle = document.getElementById('btnTogglePlans');
+const planPanel = document.getElementById('planPanel');
+const planList = document.getElementById('planList');
+const planStatus = document.getElementById('planStatus');
+const btnRefresh = document.getElementById('btnPlanRefresh');
+
+if (!btnToggle || !planPanel || !planList) {
+  return;
+}
+
+// ---- 生命周期控制 ---- //
+
+// 用实际 DOM display 状态判断，不依赖内部布尔变量。
+// 这样即使被对方面板互斥关闭，下次点击也能正确打开。
+function planIsVisible() {
+  return planPanel.style.display === 'flex';
+}
+
+try {
+  if (tryGetLS(STORAGE_KEYS.PLAN_PANEL_OPEN) === '1') {
+    // 初始化互斥：如果待办已打开，不覆盖
+    var todoPanel = document.getElementById('todoPanel');
+    if (todoPanel && todoPanel.style.display === 'flex') {
+      // 待办已开 → 忽略 localStorage，自己不打开
+    } else {
+      planPanel.style.display = 'flex';
+      btnToggle.classList.add('is-active');
+      setTimeout(refreshPlans, 150);
+    }
+  }
+} catch (_) {}
+
+// ---- Toggle: 打开 Plan 面板时关闭 Todo 面板（互斥） ---- //
+
+btnToggle.addEventListener('click', function() {
+  var opening = !planIsVisible();
+  planPanel.style.display = opening ? 'flex' : 'none';
+  btnToggle.classList.toggle('is-active', opening);
+  trySetLS(STORAGE_KEYS.PLAN_PANEL_OPEN, opening ? '1' : '0');
+
+  // 互斥：打开 Plan 时自动关闭 Todo
+  if (opening) {
+    var todoP = document.getElementById('todoPanel');
+    var todoB = document.getElementById('btnToggleTodos');
+    if (todoP && todoP.style.display !== 'none') {
+      todoP.style.display = 'none';
+      if (todoB) todoB.classList.remove('is-active');
+      trySetLS(STORAGE_KEYS.TODO_PANEL_OPEN, '0');
+    }
+    refreshPlans();
+  }
+});
+
+if (btnRefresh) {
+  btnRefresh.addEventListener('click', refreshPlans);
+}
+
+// ---- 监听项目切换 ---- //
+
+document.addEventListener('project-changed', function() {
+  if (planIsVisible()) refreshPlans();
+});
+
+// ---- API ---- //
+
+async function fetchPlans() {
+  var pid = typeof projectId !== 'undefined' ? (projectId || '') : '';
+  if (!pid) return [];
+  try {
+    var r = await fetch('/api/ui/projects/plans?project_id=' + encodeURIComponent(pid));
+    if (!r.ok) return [];
+    var j = await r.json();
+    return j.plans || [];
+  } catch (_) { return []; }
+}
+
+// ---- 渲染 ---- //
+
+var SOURCE_LABELS = {
+  docs: { icon: '\uD83D\uDCC4', label: '项目文档' },         // 📄
+  plans: { icon: '\uD83D\uDCCB', label: '工作计划' },        // 📋
+  project_plans: { icon: '\uD83D\uDCC1', label: '项目计划' }, // 📁
+  rules: { icon: '\u2699\uFE0F', label: '项目规则' },        // ⚙️
+};
+var SOURCE_ORDER = ['rules', 'docs', 'plans', 'project_plans'];
+
+async function refreshPlans() {
+  var plans = await fetchPlans();
+  if (!planList) return;
+  planList.innerHTML = '';
+
+  if (!plans || plans.length === 0) {
+    planList.innerHTML = '<div class="plan-empty">当前项目暂无规划文档。<br/>Agent 在规划项目时会自动在 <code>docs/</code> 生成 <code>requirement.md / design.md / task.md</code>，<br/>在 <code>plans/</code> 生成 <code>*-plan.md</code>。<br/>你也可在 <code>.codeagent/rules.md</code> 中写入项目级规则，自动生效。</div>';
+    if (planStatus) planStatus.textContent = '';
+    return;
+  }
+
+  if (planStatus) planStatus.textContent = plans.length + ' 个文件';
+
+  // 按 source 分组
+  var groups = {};
+  plans.forEach(function(p) {
+    var src = p.source || 'project_plans';
+    if (!groups[src]) groups[src] = [];
+    groups[src].push(p);
+  });
+
+  // 按 SOURCE_ORDER 顺序渲染，每组的文件按修改时间倒序
+  SOURCE_ORDER.forEach(function(src) {
+    var items = groups[src];
+    if (!items || items.length === 0) return;
+
+    items.sort(function(a, b) { return (b.modified_at || 0) - (a.modified_at || 0); });
+
+    var label = SOURCE_LABELS[src] || { icon: '\uD83D\uDCC4', label: src };
+    var groupHeader = document.createElement('div');
+    groupHeader.className = 'plan-group-header';
+    groupHeader.textContent = label.icon + ' ' + label.label + ' (' + items.length + ')';
+    planList.appendChild(groupHeader);
+
+    items.forEach(function(p) {
+      planList.appendChild(buildPlanCard(p));
+    });
+  });
+}
+
+function buildPlanCard(plan) {
+  var wrap = document.createElement('div');
+  wrap.className = 'plan-card';
+
+  // ---- Header (clickable) ---- //
+  var header = document.createElement('div');
+  header.className = 'plan-card__header';
+
+  var icon = document.createElement('span');
+  icon.className = 'plan-card__icon';
+  icon.textContent = '📄';
+  icon.style.fontSize = '16px';
+
+  var info = document.createElement('div');
+  info.className = 'plan-card__info';
+
+  var nameEl = document.createElement('div');
+  nameEl.className = 'plan-card__name';
+  nameEl.textContent = plan.name;
+
+  var meta = document.createElement('div');
+  meta.className = 'plan-card__meta';
+  meta.textContent = formatRelativeTime(plan.modified_at) + (plan.size ? ' · ' + formatSize(plan.size) : '');
+
+  info.appendChild(nameEl);
+  info.appendChild(meta);
+
+  var arrow = document.createElement('span');
+  arrow.className = 'plan-card__arrow';
+  arrow.textContent = '\u25B6'; // ▶
+
+  header.appendChild(icon);
+  header.appendChild(info);
+  header.appendChild(arrow);
+  wrap.appendChild(header);
+
+  // ---- Body (collapsible) ---- //
+  var bodyWrap = document.createElement('div');
+  bodyWrap.className = 'plan-card__body-wrap';
+
+  var body = document.createElement('div');
+  body.className = 'plan-card__body';
+  body.textContent = plan.content || '';
+  bodyWrap.appendChild(body);
+  wrap.appendChild(bodyWrap);
+
+  // ---- Toggle ---- //
+  var isOpen = false;
+  header.addEventListener('click', function() {
+    isOpen = !isOpen;
+    bodyWrap.classList.toggle('is-open', isOpen);
+    arrow.classList.toggle('is-open', isOpen);
+  });
+
+  return wrap;
+}
+
+// ---- 工具函数 ---- //
+
+function formatRelativeTime(epochSec) {
+  if (!epochSec) return '';
+  var diffMs = Date.now() - (epochSec * 1000);
+  var diffSec = Math.floor(diffMs / 1000);
+  if (diffSec < 10) return '刚刚';
+  if (diffSec < 60) return diffSec + '秒前';
+  var diffMin = Math.floor(diffSec / 60);
+  if (diffMin < 60) return diffMin + '分钟前';
+  var diffHr = Math.floor(diffMin / 60);
+  if (diffHr < 24) return diffHr + '小时前';
+  var diffDay = Math.floor(diffHr / 24);
+  if (diffDay < 30) return diffDay + '天前';
+  var d = new Date(epochSec * 1000);
+  return d.toLocaleDateString('zh-CN', { month: 'short', day: 'numeric' });
+}
+
+function formatSize(bytes) {
+  if (!bytes) return '';
+  if (bytes < 1024) return bytes + 'B';
+  if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + 'KB';
+  return (bytes / (1024 * 1024)).toFixed(1) + 'MB';
+}
+
+})();