tagword-codeagent 1.1.6__py3-none-any.whl

codeagent/web/static/18-agent-mgr.js

@@ -0,0 +1,204 @@
+/* ================================================================
+ * 18-agent-mgr.js  —  单 Agent 配置页（v2）
+ *
+ * 简化版：去掉多 Agent 列表/搜索/创建/删除/切换，
+ * 直接展示当前 Agent 的详情 + 编辑能力（描述/系统提示/工具）。
+ * Skills/SysPrompt MD/外部集成由 13a-skills.js / 13b-tools.js 管理。
+ * ================================================================ */
+
+// ── 头像色板 ──
+var _AVATAR_COLORS = [
+  'default','blue','teal','pink','amber','cyan','rose','violet','emerald','orange'
+];
+
+function _avatarColor(agentId) {
+  if (!agentId) return 'default';
+  var idx = 0;
+  for (var i = 0; i < agentId.length; i++) idx = (idx * 31 + agentId.charCodeAt(i)) % _AVATAR_COLORS.length;
+  return _AVATAR_COLORS[idx];
+}
+
+function _agentMgrApi(path, options) {
+  return fetch(apiUrl(path), options || {}).then(function(r){
+    if (!r.ok) return r.json().then(function(e){ throw new Error(e.detail || '请求失败') });
+    return r.json();
+  });
+}
+
+// ── 渲染当前 Agent 详情 ──
+function renderCurrentAgent() {
+  var aid = typeof agentId !== 'undefined' ? agentId : 'default';
+  _agentMgrApi('/api/ui/agents/' + encodeURIComponent(aid))
+    .then(function(data) {
+      var a = data.agent;
+      if (!a) { _setStatus('error', '未找到 Agent: ' + aid); return; }
+      _renderAgentDetail(a);
+      // 加载技能和 MD 文件
+      if (typeof loadSkills === 'function') loadSkills(a.id);
+      if (typeof loadMdFiles === 'function') setTimeout(function(){ loadMdFiles(a.id); }, 50);
+    })
+    .catch(function(err) {
+      _setStatus('error', '加载 Agent 失败: ' + err.message);
+    });
+}
+
+function _renderAgentDetail(a) {
+  var color = _avatarColor(a.id);
+  var name = a.name || a.id;
+  var firstChar = name.charAt(0).toUpperCase();
+  var isActive = a.id === (typeof agentId !== 'undefined' ? agentId : 'default');
+  var tools = a.tools && a.tools.acquired && a.tools.acquired.allow ? a.tools.acquired.allow : [];
+
+  document.getElementById('agentDetailTitle').textContent = 'Agent 配置: ' + (a.name || a.id);
+
+  // 描述
+  var descHtml = '<span class="agent-detail__desc-text">' + escHtml(a.description || '') + '</span>'
+    + '<button class="btn btn--ghost btn--sm agent-detail__desc-edit-btn" onclick="_editDescription(\'' + escAttr(a.id) + '\')">✎</button>';
+
+  // 工具
+  var toolsHtml;
+  if (!a.tools_configured) {
+    toolsHtml = '<span class="agent-detail__tool-none agent-detail__tool-none--unrestricted">未限制（全部工具开放）</span>'
+      + '<button class="btn btn--ghost btn--sm agent-detail__tool-edit-btn" onclick="_startEditTools(\'' + escAttr(a.id) + '\')">✎ 编辑</button>';
+  } else if (tools.length === 0) {
+    toolsHtml = '<span class="agent-detail__tool-none">仅基础工具</span>'
+      + '<button class="btn btn--ghost btn--sm agent-detail__tool-edit-btn" onclick="_startEditTools(\'' + escAttr(a.id) + '\')">✎ 编辑</button>';
+  } else {
+    toolsHtml = '<div class="agent-detail__tools">' + tools.map(function(t){
+        return '<span class="agent-detail__tool-tag">' + escHtml(t) + '</span>';
+      }).join('') + '</div>'
+      + '<button class="btn btn--ghost btn--sm agent-detail__tool-edit-btn" onclick="_startEditTools(\'' + escAttr(a.id) + '\')">✎ 编辑</button>';
+  }
+
+  var html = ''
+    + '<div class="agent-detail">'
+    // Hero
+    + '<div class="agent-detail__hero">'
+    + '<div class="agent-card__avatar agent-card__avatar--' + color + '">' + escHtml(firstChar) + '</div>'
+    + '<div class="agent-detail__hero-info">'
+    + '<div class="agent-detail__hero-name">' + escHtml(name) + '</div>'
+    + '<div class="agent-detail__hero-id">' + escHtml(a.id) + '</div>'
+    + '<div class="agent-detail__hero-desc" id="agentDetailDesc">' + descHtml + '</div>'
+    + '<div class="agent-detail__hero-status' + (isActive ? ' agent-detail__hero-status--active' : '') + '">'
+    + (isActive ? '🟢 当前活跃' : '⚪ 未激活') + '</div>'
+    + '</div></div>'
+    // Grid
+    + '<div class="agent-detail__grid">'
+    + '<div class="agent-detail__card" id="agentToolsCard" style="grid-column:1/-1">'
+    + '<div class="agent-detail__card-title">已启用工具' + (a.tools_configured ? ' (' + tools.length + ')' : '') + '</div>'
+    + '<div id="agentToolsContent">' + toolsHtml + '</div>'
+    + '</div></div>'
+    + '</div>';
+
+  document.getElementById('agentDetailContent').innerHTML = html;
+}
+
+// ── 编辑工具 ──
+function _startEditTools(agentId) {
+  var contentEl = document.getElementById('agentToolsContent');
+  if (!contentEl) return;
+  contentEl.innerHTML = '<div class="agent-loading"><div class="agent-loading__spinner"></div><span>加载工具列表...</span></div>';
+
+  fetch(apiUrl('/api/ui/tools/available'))
+    .then(function(r){ return r.json(); })
+    .then(function(data){
+      var allTools = data.tools || [];
+      return fetch(apiUrl('/api/ui/agents/' + encodeURIComponent(agentId)))
+        .then(function(r){ return r.json(); })
+        .then(function(d){
+          var a = d.agent;
+          var allowed = a.tools && a.tools.acquired && a.tools.acquired.allow ? a.tools.acquired.allow : [];
+          return {allTools: allTools, allowed: allowed, agentId: agentId};
+        });
+    })
+    .then(function(ctx){
+      var html = '<div class="agent-tool-edit">';
+      ctx.allTools.forEach(function(t){
+        var checked = ctx.allowed.indexOf(t) >= 0 ? ' checked' : '';
+        html += '<label class="checkbox-label"><input type="checkbox" class="agent-tool-cb" value="' + escAttr(t) + '"' + checked + '> ' + escHtml(t) + '</label>';
+      });
+      html += '</div>'
+        + '<div class="agent-detail__tool-actions">'
+        + '<button class="btn btn--primary btn--sm" onclick="_saveTools(\'' + escAttr(ctx.agentId) + '\')">💾 保存</button>'
+        + '<button class="btn btn--ghost btn--sm" onclick="renderCurrentAgent()">取消</button>'
+        + '</div>';
+      contentEl.innerHTML = html;
+    })
+    .catch(function(err){
+      contentEl.innerHTML = '<span class="agent-detail__tool-none">加载失败: ' + escHtml(err.message) + '</span>'
+        + '<button class="btn btn--ghost btn--sm" onclick="renderCurrentAgent()">返回</button>';
+    });
+}
+
+function _saveTools(agentId) {
+  var checked = [];
+  document.querySelectorAll('#agentToolsContent .agent-tool-cb:checked').forEach(function(cb){
+    checked.push(cb.value);
+  });
+  var toolsData = { acquired: { allow: checked } };
+
+  fetch(apiUrl('/api/ui/agents/' + encodeURIComponent(agentId)), {
+    method: 'PUT',
+    headers: {'Content-Type': 'application/json'},
+    body: JSON.stringify({ tools: toolsData })
+  })
+    .then(function(r){ return r.json(); })
+    .then(function(){
+      _setStatus('ok', '工具已更新');
+      renderCurrentAgent();
+    })
+    .catch(function(err){
+      _setStatus('error', '保存失败: ' + err.message);
+    });
+}
+
+// ── 编辑描述 ──
+function _editDescription(agentId) {
+  var descEl = document.getElementById('agentDetailDesc');
+  if (!descEl) return;
+  var current = descEl.textContent.replace('✎', '').trim();
+  descEl.innerHTML = '<input type="text" class="input agent-detail__desc-input" id="inpAgentDesc" value="' + escAttr(current) + '" placeholder="一句话描述这个 Agent 的用途" />'
+    + '<button class="btn btn--primary btn--sm" onclick="_saveDescription(\'' + escAttr(agentId) + '\')">保存</button>'
+    + '<button class="btn btn--ghost btn--sm" onclick="renderCurrentAgent()">取消</button>';
+  var inp = document.getElementById('inpAgentDesc');
+  if (inp) { inp.focus(); inp.select(); }
+}
+
+function _saveDescription(agentId) {
+  var desc = document.getElementById('inpAgentDesc') ? document.getElementById('inpAgentDesc').value.trim() : '';
+  fetch(apiUrl('/api/ui/agents/' + encodeURIComponent(agentId)), {
+    method: 'PUT',
+    headers: {'Content-Type': 'application/json'},
+    body: JSON.stringify({ description: desc })
+  })
+    .then(function(r){ return r.json(); })
+    .then(function(){
+      _setStatus('ok', '描述已更新');
+      renderCurrentAgent();
+    })
+    .catch(function(err){
+      _setStatus('error', '保存失败: ' + err.message);
+    });
+}
+
+// ── 状态提示 ──
+function _setStatus(type, msg) {
+  var el = document.getElementById('agentStatus');
+  if (!el) return;
+  el.textContent = msg;
+  el.className = 'status-line status-line--' + type;
+  if (type === 'ok') {
+    setTimeout(function(){ el.textContent = ''; el.className = 'status-line'; }, 3000);
+  }
+}
+
+// ── 初始化 ──
+function initAgentMgr() {
+  renderCurrentAgent();
+}
+
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', initAgentMgr);
+} else {
+  initAgentMgr();
+}

codeagent/web/static/24-health-dashboard.js

@@ -0,0 +1,68 @@
+// 健康看板 — Agent 心跳/状态/运行一览
+
+function _healthApi(path) {
+  return fetch(apiUrl(path)).then(function(r){
+    if (!r.ok) throw new Error('请求失败');
+    return r.json();
+  });
+}
+
+function _loadHealthDashboard() {
+  _healthApi('/api/ui/health/status').then(function(data){
+    _renderHealthStatus(data);
+  }).catch(function(err){
+    document.getElementById('healthContent').innerHTML = '<div class="health__error">加载失败: ' + err.message + '</div>';
+  });
+
+  _healthApi('/api/ui/runs').then(function(data){
+    _renderHealthRuns(data.runs || []);
+  }).catch(function(){});
+}
+
+function _renderHealthStatus(status) {
+  var el = document.getElementById('healthContent');
+  var statusBadge = status.status === 'alive' ? '🟢' : (status.status === 'stuck' ? '🔴' : '⚪');
+  var html = '<div class="health-section"><h3>Agent 状态</h3>'
+    + '<div class="health-grid">'
+    + '<div class="health-card"><div class="health-card__label">状态</div><div class="health-card__value">' + statusBadge + ' ' + status.status + '</div></div>'
+    + '<div class="health-card"><div class="health-card__label">PID</div><div class="health-card__value">' + (status.process_id || '-') + '</div></div>'
+    + '<div class="health-card"><div class="health-card__label">心跳</div><div class="health-card__value">' + (status.elapsed_seconds ? status.elapsed_seconds + 's 前' : '-') + '</div></div>'
+    + '</div></div>';
+  el.innerHTML = html;
+}
+
+function _renderHealthRuns(runs) {
+  var html = '<div class="health-section"><h3>运行记录 (' + runs.length + ')</h3><div class="health-runs">';
+  if (runs.length === 0) {
+    html += '<div class="text-dim">暂无运行记录</div>';
+  } else {
+    runs.slice(0, 10).forEach(function(r){
+      var time = r.created_at ? new Date(r.created_at * 1000).toLocaleString() : '';
+      var icon = r.status === 'done' ? '✅' : (r.status === 'failed' ? '❌' : (r.status === 'running' ? '🔄' : '⏳'));
+      html += '<div class="health-run"><span class="health-run__icon">' + icon + '</span>'
+        + '<span class="health-run__id">' + escHtml(r.id) + '</span>'
+        + '<span class="health-run__status">' + escHtml(r.status) + '</span>'
+        + '<span class="health-run__time">' + escHtml(time) + '</span></div>';
+    });
+  }
+  html += '</div></div>';
+  document.getElementById('healthContent').innerHTML += html;
+}
+
+// ── 挂在 stats 页面上 ──
+function initHealthDashboard() {
+  // 如果 stats 页面已有内容，追加到后面
+  var statsContent = document.getElementById('statsContent');
+  if (!statsContent) return;
+  statsContent.innerHTML = '<div id="healthContent"></div>';
+  _loadHealthDashboard();
+
+  // 每 30 秒刷新
+  setInterval(_loadHealthDashboard, 30000);
+}
+
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', initHealthDashboard);
+} else {
+  initHealthDashboard();
+}

codeagent/web/static/99-brand-polish.css

@@ -0,0 +1,152 @@
+/* ================================================================
+ * 99-brand-polish — shell gradient, icon treatment, topbar mark
+ * (loads after theme/layout; uses --accent from 01-theme.css)
+ * ================================================================ */
+
+.app {
+  position: relative;
+  background: var(--bg);
+  background-image:
+    radial-gradient(1200px 600px at 0% 0%, var(--accent-softer, rgba(79, 70, 229, 0.06)) 0%, transparent 55%),
+    radial-gradient(900px 500px at 100% 10%, rgba(99, 102, 241, 0.07) 0%, transparent 50%),
+    radial-gradient(600px 400px at 50% 100%, var(--accent-softer) 0%, transparent 45%);
+}
+
+.workspace {
+  position: relative;
+}
+
+.topbar {
+  background: linear-gradient(180deg, var(--bg-panel) 0%, color-mix(in srgb, var(--bg-panel) 96%, var(--bg)) 100%);
+  box-shadow: 0 1px 0 color-mix(in srgb, var(--accent) 8%, transparent);
+  z-index: 160;
+}
+
+.topbar::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 3px;
+  background: linear-gradient(180deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 40%, transparent) 100%);
+  border-radius: 0 2px 2px 0;
+  opacity: 0.85;
+  pointer-events: none;
+}
+
+.topbar__mark {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  margin-right: var(--sp-2);
+}
+
+.topbar__mark img {
+  width: 24px;
+  height: 24px;
+  border-radius: 6px;
+  object-fit: contain;
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--border) 80%, transparent), var(--shadow-xs);
+  background: var(--bg-panel);
+  padding: 1px;
+}
+
+/* Activity bar: app mark */
+.activity-bar__brand {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--sp-2) 0 var(--sp-1);
+  border-bottom: 1px solid var(--divider);
+  flex-shrink: 0;
+}
+
+.activity-bar__logo {
+  width: 30px;
+  height: 30px;
+  border-radius: 8px;
+  object-fit: contain;
+  background: linear-gradient(145deg, #fff 0%, var(--bg-subtle) 100%);
+  padding: 2px;
+  box-shadow:
+    0 0 0 1px color-mix(in srgb, var(--accent) 18%, var(--border)),
+    0 2px 8px color-mix(in srgb, var(--accent) 12%, transparent);
+}
+
+@media (prefers-color-scheme: dark) {
+  .activity-bar__logo {
+    background: linear-gradient(145deg, var(--bg-subtle) 0%, #0a0a0c 100%);
+    box-shadow:
+      0 0 0 1px color-mix(in srgb, var(--accent) 25%, var(--border)),
+      0 2px 10px rgba(0, 0, 0, 0.35);
+  }
+}
+
+/* Sidebar brand block */
+.brand {
+  position: relative;
+  overflow: hidden;
+}
+
+.brand::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 6%, transparent) 0%, transparent 60%);
+  pointer-events: none;
+  opacity: 0.9;
+}
+
+.brand__logo {
+  position: relative;
+  z-index: 1;
+  width: 36px;
+  height: 36px;
+  border-radius: 10px;
+  padding: 3px;
+  background: linear-gradient(160deg, #fff, var(--bg-subtle));
+  box-shadow:
+    0 0 0 1px color-mix(in srgb, var(--accent) 15%, var(--border-strong)),
+    var(--shadow-sm);
+}
+
+.brand__text {
+  position: relative;
+  z-index: 1;
+}
+
+@media (prefers-color-scheme: dark) {
+  .brand__logo {
+    background: linear-gradient(160deg, var(--bg-hover), var(--bg-panel));
+    box-shadow:
+      0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent),
+      var(--shadow-sm);
+  }
+}
+
+.brand__name {
+  font-weight: 700;
+  letter-spacing: -0.02em;
+}
+
+@supports (-webkit-background-clip: text) {
+  .brand__name {
+    background: linear-gradient(90deg, var(--text) 0%, color-mix(in srgb, var(--accent) 65%, var(--text)) 125%);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  @supports (-webkit-background-clip: text) {
+    .brand__name {
+      background: linear-gradient(90deg, var(--text) 0%, var(--accent-hover) 130%);
+      -webkit-background-clip: text;
+      background-clip: text;
+      color: transparent;
+    }
+  }
+}