tagword-codeagent 1.1.6__py3-none-any.whl

codeagent/web/static/16-mobile.js

@@ -0,0 +1,178 @@
+;(function initMobileUi() {
+  var MQ = window.matchMedia('(max-width: 768px)');
+
+  function isMobile() {
+    return MQ.matches;
+  }
+
+  function closeSidebar() {
+    document.body.classList.remove('sidebar-open');
+    var btn = document.getElementById('btnToggleSidebar');
+    if (btn) btn.classList.remove('is-active');
+    var backdrop = document.getElementById('sidebarBackdrop');
+    if (backdrop) backdrop.setAttribute('aria-hidden', 'true');
+  }
+
+  function openSidebar() {
+    if (!isMobile()) return;
+    var mode = document.body.getAttribute('data-activity-mode');
+    if (mode && mode !== 'chat') return;
+    document.body.classList.add('sidebar-open');
+    var btn = document.getElementById('btnToggleSidebar');
+    if (btn) btn.classList.add('is-active');
+    var backdrop = document.getElementById('sidebarBackdrop');
+    if (backdrop) backdrop.setAttribute('aria-hidden', 'false');
+  }
+
+  function toggleSidebar() {
+    if (document.body.classList.contains('sidebar-open')) closeSidebar();
+    else openSidebar();
+  }
+
+  function syncActivityModeAttr(mode) {
+    if (mode) document.body.setAttribute('data-activity-mode', mode);
+    if (isMobile()) closeSidebar();
+  }
+
+  // Expose for activity-bar.js
+  window.webuiMobileCloseSidebar = closeSidebar;
+  window.webuiMobileSyncMode = syncActivityModeAttr;
+
+  var sidebarBtn = document.getElementById('btnToggleSidebar');
+  if (sidebarBtn) {
+    sidebarBtn.addEventListener('click', function(e) {
+      e.stopPropagation();
+      toggleSidebar();
+    });
+  }
+
+  var backdrop = document.getElementById('sidebarBackdrop');
+  if (backdrop) {
+    backdrop.addEventListener('click', closeSidebar);
+  }
+
+  // Close drawer after picking a session
+  window.addEventListener('session-changed', function() {
+    if (isMobile()) closeSidebar();
+  });
+
+  // Close drawer when switching project
+  window.addEventListener('project-changed', function() {
+    if (isMobile()) closeSidebar();
+  });
+
+  // Resize Monaco editor on orientation change
+  MQ.addEventListener('change', function() {
+    closeSidebar();
+    window.dispatchEvent(new Event('resize'));
+  });
+
+  // iOS keyboard: keep compose visible
+  if (window.visualViewport) {
+    var composeEl = null;
+    var pageEl = null;
+    var activityBarEl = null;
+    function onViewportResize() {
+      if (!isMobile()) {
+        document.documentElement.style.removeProperty('--vv-offset');
+        return;
+      }
+      var vv = window.visualViewport;
+      var offset = Math.max(0, window.innerHeight - vv.height - vv.offsetTop);
+      document.documentElement.style.setProperty('--vv-offset', offset + 'px');
+      if (!composeEl) composeEl = document.querySelector('.compose');
+      if (!pageEl) pageEl = document.getElementById('page-chat');
+      if (!activityBarEl) activityBarEl = document.getElementById('activityBar');
+      var keyboardOpen = offset > 0;
+      if (composeEl && document.activeElement && document.activeElement.id === 'msg') {
+        composeEl.style.transform = keyboardOpen ? 'translateY(-' + offset + 'px)' : '';
+      } else if (composeEl) {
+        composeEl.style.transform = '';
+      }
+      // 键盘弹出时：iOS 上 fixed 和 absolute 坐标系统不一致，
+      // activity-bar（fixed, z-index:120）会拦截 compose dock 的触摸事件。
+      // 临时降低 activity-bar 层级到 page（z-index:1）之下。
+      if (activityBarEl) {
+        activityBarEl.style.zIndex = keyboardOpen ? '0' : '';
+      }
+    }
+    window.visualViewport.addEventListener('resize', onViewportResize);
+    window.visualViewport.addEventListener('scroll', onViewportResize);
+    var msgInput = document.getElementById('msg');
+    if (msgInput) {
+      msgInput.addEventListener('blur', function() {
+        if (composeEl) composeEl.style.transform = '';
+        if (activityBarEl) activityBarEl.style.zIndex = '';
+        document.documentElement.style.removeProperty('--vv-offset');
+      });
+    }
+  }
+
+  // 手机视图 + 键盘弹出时：compose dock 按钮（思考/加号/发送等）在 touchstart 阶段
+  // 立即 blur 输入框 + 主动触发对应操作，避免键盘收起 → viewport resize → 按钮位移 → 事件丢失
+  function initComposeDockTouchFix() {
+    if (!isMobile()) return;
+    var dock = document.querySelector('.compose__dock');
+    if (!dock) return;
+    dock.addEventListener('touchstart', function(e) {
+      var targetBtn = e.target.closest('.compose__tool-btn, .compose__chip, .btn--send, .compose__attach-option');
+      if (!targetBtn) return;
+      if (!(document.activeElement && document.activeElement.id === 'msg')) return;
+      // 键盘弹出时：先 blur 让键盘收起
+      // blur 是同步操作，此时 compose 的 transform 还没被 visualViewport.resize 重置，
+      // 按钮坐标没变。同步触发 click 能命中正确位置。
+      document.activeElement.blur();
+      e.preventDefault();
+      // 同步触发 click（blur 在同一 task 中，resize 事件尚未触发）
+      targetBtn.click();
+    }, { passive: false });
+  }
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initComposeDockTouchFix);
+  } else {
+    initComposeDockTouchFix();
+  }
+
+  // Initial mode attribute + page visibility (after activity bar init in 14-*.js)
+  try {
+    var saved = tryGetLS(STORAGE_KEYS.SESS_ACTIVITY_MODE) || 'chat';
+    document.body.setAttribute('data-activity-mode', saved);
+    if (typeof switchToPage === 'function') switchToPage(saved);
+  } catch (_) {
+    document.body.setAttribute('data-activity-mode', 'chat');
+    if (typeof switchToPage === 'function') switchToPage('chat');
+  }
+
+  // ======== 面板关闭按钮（所有尺寸通用）：点击 ✕ 关闭 Plan/Todo/Git 面板 ========
+  document.addEventListener('click', function(e) {
+    var closeBtn = e.target.closest('.panel-close-btn');
+    if (!closeBtn) return;
+    var panelId = closeBtn.getAttribute('data-panel');
+    if (!panelId) return;
+    var panel = document.getElementById(panelId);
+    if (!panel) return;
+    // 隐藏面板
+    panel.style.display = 'none';
+    // 清除对应 toggle 按钮的 is-active
+    var btnMap = {
+      todoPanel: 'btnToggleTodos',
+      planPanel: 'btnTogglePlans',
+      gitPanel: 'btnToggleGit'
+    };
+    var btnId = btnMap[panelId];
+    if (btnId) {
+      var btn = document.getElementById(btnId);
+      if (btn) btn.classList.remove('is-active');
+    }
+    // 清除 localStorage 标志
+    var lsMap = {
+      todoPanel: 'oa_todo_panel_open',
+      planPanel: 'oa_plan_panel_open',
+      gitPanel: 'oa_git_panel_open'
+    };
+    var lsKey = lsMap[panelId];
+    if (lsKey) {
+      try { localStorage.setItem(lsKey, '0'); } catch (_) {}
+    }
+  });
+})();

codeagent/web/static/17-preset-ux.css

@@ -0,0 +1,287 @@
+/* ============ Preset board (capability-grouped config) ============ */
+.preset-board {
+  display: flex;
+  flex-direction: column;
+  gap: var(--sp-4);
+}
+.preset-board-section {
+  border: 1px solid var(--border);
+  border-radius: var(--r-lg);
+  background: var(--bg-panel);
+  overflow: hidden;
+}
+.preset-board-section__head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--sp-2);
+  padding: var(--sp-2) var(--sp-3);
+  background: var(--bg-subtle);
+  border-bottom: 1px solid var(--border);
+}
+.preset-board-section__title {
+  margin: 0;
+  font-size: 12px;
+  font-weight: 650;
+  letter-spacing: 0.04em;
+  color: var(--text);
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+.preset-board-section__count {
+  font-size: 10px;
+  font-weight: 600;
+  color: var(--text-muted);
+  background: var(--bg-panel);
+  border: 1px solid var(--border);
+  border-radius: var(--r-full);
+  padding: 0 6px;
+  line-height: 1.5;
+}
+.preset-board-section__body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--sp-2);
+  padding: var(--sp-2) var(--sp-3) var(--sp-3);
+}
+.preset-board-section__empty {
+  margin: 0;
+  padding: var(--sp-2) 0;
+  font-size: 12px;
+  color: var(--text-muted);
+  line-height: 1.55;
+}
+
+/* Capability segmented control */
+.preset-use-type-seg {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  margin-bottom: var(--sp-2);
+}
+.preset-use-type-seg__btn {
+  border: 1px solid var(--border);
+  border-radius: var(--r-full);
+  background: var(--bg-panel);
+  color: var(--text-secondary);
+  font-size: 11.5px;
+  font-weight: 600;
+  padding: 4px 10px;
+  cursor: pointer;
+  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
+}
+.preset-use-type-seg__btn:hover {
+  border-color: var(--border-strong);
+  color: var(--text);
+}
+.preset-use-type-seg__btn.is-active {
+  background: var(--accent-softer);
+  border-color: var(--accent-soft);
+  color: var(--accent);
+}
+.preset-copy-row { margin-top: var(--sp-2); }
+
+/* ============ Compose model stack ============ */
+.compose-stack-grid {
+  grid-template-columns: 1fr;
+}
+.compose-stack-primary .compose__field-select {
+  font-size: 13px;
+  font-weight: 500;
+}
+.compose-stack-panel {
+  border: 1px solid var(--border);
+  border-radius: var(--r-md);
+  background: var(--bg-panel);
+  overflow: hidden;
+}
+.compose-stack-panel__summary {
+  list-style: none;
+  cursor: pointer;
+  padding: 8px 10px;
+  font-size: 11px;
+  font-weight: 650;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  color: var(--text-muted);
+  user-select: none;
+}
+.compose-stack-panel__summary::-webkit-details-marker { display: none; }
+.compose-stack-panel__summary::before {
+  content: '▸';
+  display: inline-block;
+  margin-right: 6px;
+  transition: transform 0.12s ease;
+}
+.compose-stack-panel[open] .compose-stack-panel__summary::before {
+  transform: rotate(90deg);
+}
+.compose-stack-panel__body {
+  padding: 0 10px 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.compose-stack-panel__body--grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px 10px;
+}
+.compose-stack-row {
+  display: grid;
+  grid-template-columns: 52px minmax(0, 1fr);
+  align-items: center;
+  gap: 8px;
+}
+.compose-stack-row__label {
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--text-subtle);
+}
+.compose-stack-missing {
+  margin: 2px 0 0;
+  font-size: 11px;
+  color: var(--text-muted);
+  line-height: 1.5;
+}
+.compose-stack-missing__link {
+  color: var(--accent);
+  text-decoration: none;
+}
+.compose-stack-missing__link:hover { text-decoration: underline; }
+
+/* ============ MCP server board ============ */
+.mcp-board {
+  display: flex;
+  flex-direction: column;
+  gap: var(--sp-2);
+  margin-top: var(--sp-2);
+}
+.mcp-board-empty {
+  margin: 0;
+  padding: var(--sp-3) 0;
+  font-size: 12px;
+  color: var(--text-muted);
+  line-height: 1.55;
+}
+.mcp-board-toolbar {
+  align-items: center;
+}
+.mcp-card-wrap { margin-bottom: 0; }
+.mcp-card {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: var(--bg-subtle);
+  border: 1px solid var(--border);
+  border-radius: var(--r-md);
+  padding: var(--sp-3) var(--sp-4);
+  transition: border-color 0.12s ease;
+}
+.mcp-card:hover { border-color: var(--accent); }
+.mcp-card-wrap .mcp-card { border-radius: var(--r-md) var(--r-md) 0 0; }
+.mcp-card-wrap .mcp-edit-wrap {
+  background: var(--bg-panel);
+  border: 1px solid var(--border);
+  border-top: none;
+  border-radius: 0 0 var(--r-md) var(--r-md);
+  padding: var(--sp-3) var(--sp-4) var(--sp-4);
+}
+.mcp-card-wrap.is-new .mcp-edit-wrap {
+  border-radius: var(--r-md);
+  border: 1px solid var(--accent);
+}
+.mcp-card__info { flex: 1; min-width: 0; }
+.mcp-card__name {
+  font-weight: 600;
+  font-size: 13px;
+  color: var(--text);
+  line-height: 1.4;
+}
+.mcp-card__detail {
+  font-size: 11.5px;
+  color: var(--text-subtle);
+  margin-top: 2px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.mcp-card__actions {
+  display: flex;
+  gap: var(--sp-1);
+  flex-shrink: 0;
+  margin-left: var(--sp-3);
+}
+.mcp-card__badge {
+  display: inline-block;
+  font-weight: 500;
+  font-size: 10px;
+  color: var(--text-muted);
+  background: var(--bg-panel);
+  border: 1px solid var(--border);
+  border-radius: var(--r-xs);
+  padding: 0 5px;
+  margin-left: 6px;
+  vertical-align: middle;
+  line-height: 1.5;
+}
+.mcp-card__badge--ok {
+  color: var(--accent);
+  border-color: var(--accent-soft);
+  background: var(--accent-softer);
+}
+.mcp-del { color: var(--danger); }
+.mcp-del:hover { background: var(--danger); color: #fff; }
+.mcp-edit-wrap .form-input-sm,
+.mcp-edit-wrap textarea.form-input-sm {
+  max-width: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+/* ---- MCP 表单分组 ---- */
+.mcp-form-section {
+  display: flex;
+  flex-direction: column;
+  gap: var(--sp-1);
+}
+.mcp-field-group {
+  background: var(--bg-subtle);
+  border: 1px solid var(--border);
+  border-radius: var(--r-sm);
+  padding: var(--sp-2) var(--sp-3);
+  margin-top: var(--sp-1);
+}
+.mcp-field-group__label {
+  font-size: 10px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: var(--text-muted);
+  margin-bottom: var(--sp-1);
+  padding-bottom: var(--sp-1);
+  border-bottom: 1px solid var(--border);
+}
+.mcp-field-group .form-label {
+  margin-top: var(--sp-1);
+}
+
+/* ---- 卡片内联编辑动作 ---- */
+.mcp-edit-actions {
+  padding-top: var(--sp-2);
+  border-top: 1px solid var(--border-soft);
+}
+
+/* ---- 卡片错误行 ---- */
+.mcp-card__error {
+  font-size: 11px;
+  color: var(--danger);
+  margin-top: 3px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
+}
+
+/* ---- 卡片传输类型标签（由 JS 内联 style 控制） ---- */