feat: add subagent profiles, memory namespaces, and webui management

webui/src/App.tsx

@@ -15,6 +15,7 @@ import TaskAudit from './pages/TaskAudit';
 import EKG from './pages/EKG';
 import Tasks from './pages/Tasks';
 import LogCodes from './pages/LogCodes';
+import SubagentProfiles from './pages/SubagentProfiles';
 
 export default function App() {
   return (
@@ -35,6 +36,7 @@ export default function App() {
               <Route path="task-audit" element={<TaskAudit />} />
               <Route path="ekg" element={<EKG />} />
               <Route path="tasks" element={<Tasks />} />
+              <Route path="subagent-profiles" element={<SubagentProfiles />} />
             </Route>
           </Routes>
         </BrowserRouter>

webui/src/components/Sidebar.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LayoutDashboard, MessageSquare, Settings, Clock, Server, Terminal, Zap, FolderOpen, ClipboardList, ListTodo, BrainCircuit, Hash } from 'lucide-react';
+import { LayoutDashboard, MessageSquare, Settings, Clock, Server, Terminal, Zap, FolderOpen, ClipboardList, ListTodo, BrainCircuit, Hash, Bot } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { useAppContext } from '../context/AppContext';
 import NavItem from './NavItem';
@@ -26,6 +26,7 @@ const Sidebar: React.FC = () => {
         { icon: <Clock className="w-5 h-5" />, label: t('cronJobs'), to: '/cron' },
         { icon: <Server className="w-5 h-5" />, label: t('nodes'), to: '/nodes' },
         { icon: <FolderOpen className="w-5 h-5" />, label: t('memory'), to: '/memory' },
+        { icon: <Bot className="w-5 h-5" />, label: t('subagentProfiles'), to: '/subagent-profiles' },
       ],
     },
     {

webui/src/i18n/index.ts

@@ -16,6 +16,12 @@ const resources = {
       memory: 'Memory',
       taskAudit: 'Task Audit',
       tasks: 'Tasks',
+      subagentProfiles: 'Subagent Profiles',
+      newProfile: 'New Profile',
+      toolAllowlist: 'Tool Allowlist',
+      memoryNamespace: 'Memory Namespace',
+      subagentDeleteConfirmTitle: 'Delete Subagent Profile',
+      subagentDeleteConfirmMessage: 'Delete subagent profile "{{id}}" permanently?',
       sidebarCore: 'Core',
       sidebarSystem: 'System',
       sidebarOps: 'Operations',
@@ -440,6 +446,12 @@ const resources = {
       memory: '记忆文件',
       taskAudit: '任务审计',
       tasks: '任务管理',
+      subagentProfiles: '子代理档案',
+      newProfile: '新建档案',
+      toolAllowlist: '工具白名单',
+      memoryNamespace: '记忆命名空间',
+      subagentDeleteConfirmTitle: '删除子代理档案',
+      subagentDeleteConfirmMessage: '确认永久删除子代理档案 "{{id}}"？',
       sidebarCore: '核心',
       sidebarSystem: '系统',
       sidebarOps: '运维',

webui/src/pages/SubagentProfiles.tsx

@@ -0,0 +1,314 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useAppContext } from '../context/AppContext';
+import { useUI } from '../context/UIContext';
+
+type SubagentProfile = {
+  agent_id: string;
+  name?: string;
+  role?: string;
+  system_prompt?: string;
+  tool_allowlist?: string[];
+  memory_namespace?: string;
+  status?: 'active' | 'disabled' | string;
+  created_at?: number;
+  updated_at?: number;
+};
+
+const emptyDraft: SubagentProfile = {
+  agent_id: '',
+  name: '',
+  role: '',
+  system_prompt: '',
+  memory_namespace: '',
+  status: 'active',
+  tool_allowlist: [],
+};
+
+const SubagentProfiles: React.FC = () => {
+  const { t } = useTranslation();
+  const { q } = useAppContext();
+  const ui = useUI();
+
+  const [items, setItems] = useState<SubagentProfile[]>([]);
+  const [selectedId, setSelectedId] = useState<string>('');
+  const [draft, setDraft] = useState<SubagentProfile>(emptyDraft);
+  const [saving, setSaving] = useState(false);
+
+  const selected = useMemo(
+    () => items.find((p) => p.agent_id === selectedId) || null,
+    [items, selectedId],
+  );
+
+  const load = async () => {
+    const r = await fetch(`/webui/api/subagent_profiles${q}`);
+    if (!r.ok) throw new Error(await r.text());
+    const j = await r.json();
+    const profiles = Array.isArray(j.profiles) ? j.profiles : [];
+    setItems(profiles);
+    if (profiles.length === 0) {
+      setSelectedId('');
+      setDraft(emptyDraft);
+      return;
+    }
+    const keep = profiles.find((p: SubagentProfile) => p.agent_id === selectedId);
+    const next = keep || profiles[0];
+    setSelectedId(next.agent_id || '');
+    setDraft({
+      agent_id: next.agent_id || '',
+      name: next.name || '',
+      role: next.role || '',
+      system_prompt: next.system_prompt || '',
+      memory_namespace: next.memory_namespace || '',
+      status: (next.status as string) || 'active',
+      tool_allowlist: Array.isArray(next.tool_allowlist) ? next.tool_allowlist : [],
+    });
+  };
+
+  useEffect(() => {
+    load().catch(() => {});
+  }, [q]);
+
+  const onSelect = (p: SubagentProfile) => {
+    setSelectedId(p.agent_id || '');
+    setDraft({
+      agent_id: p.agent_id || '',
+      name: p.name || '',
+      role: p.role || '',
+      system_prompt: p.system_prompt || '',
+      memory_namespace: p.memory_namespace || '',
+      status: (p.status as string) || 'active',
+      tool_allowlist: Array.isArray(p.tool_allowlist) ? p.tool_allowlist : [],
+    });
+  };
+
+  const onNew = () => {
+    setSelectedId('');
+    setDraft(emptyDraft);
+  };
+
+  const parseAllowlist = (text: string): string[] => {
+    return text
+      .split(',')
+      .map((x) => x.trim())
+      .filter((x) => x.length > 0);
+  };
+
+  const allowlistText = (draft.tool_allowlist || []).join(', ');
+
+  const save = async () => {
+    const agentId = String(draft.agent_id || '').trim();
+    if (!agentId) {
+      await ui.notify({ title: t('requestFailed'), message: 'agent_id is required' });
+      return;
+    }
+
+    setSaving(true);
+    try {
+      const action = selected ? 'update' : 'create';
+      const r = await fetch(`/webui/api/subagent_profiles${q}`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          action,
+          agent_id: agentId,
+          name: draft.name || '',
+          role: draft.role || '',
+          system_prompt: draft.system_prompt || '',
+          memory_namespace: draft.memory_namespace || '',
+          status: draft.status || 'active',
+          tool_allowlist: draft.tool_allowlist || [],
+        }),
+      });
+      if (!r.ok) {
+        await ui.notify({ title: t('requestFailed'), message: await r.text() });
+        return;
+      }
+      await load();
+      setSelectedId(agentId);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const setStatus = async (status: 'active' | 'disabled') => {
+    const agentId = String(draft.agent_id || '').trim();
+    if (!agentId) return;
+    const action = status === 'active' ? 'enable' : 'disable';
+    const r = await fetch(`/webui/api/subagent_profiles${q}`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ action, agent_id: agentId }),
+    });
+    if (!r.ok) {
+      await ui.notify({ title: t('requestFailed'), message: await r.text() });
+      return;
+    }
+    await load();
+  };
+
+  const remove = async () => {
+    const agentId = String(draft.agent_id || '').trim();
+    if (!agentId) return;
+    const ok = await ui.confirmDialog({
+      title: t('subagentDeleteConfirmTitle'),
+      message: t('subagentDeleteConfirmMessage', { id: agentId }),
+      danger: true,
+      confirmText: t('delete'),
+    });
+    if (!ok) return;
+    const delQ = `${q}${q ? '&' : '?'}agent_id=${encodeURIComponent(agentId)}`;
+    const r = await fetch(`/webui/api/subagent_profiles${delQ}`, { method: 'DELETE' });
+    if (!r.ok) {
+      await ui.notify({ title: t('requestFailed'), message: await r.text() });
+      return;
+    }
+    await load();
+  };
+
+  return (
+    <div className="h-full p-4 md:p-6 flex flex-col gap-4">
+      <div className="flex items-center justify-between">
+        <h1 className="text-xl md:text-2xl font-semibold">{t('subagentProfiles')}</h1>
+        <div className="flex items-center gap-2">
+          <button onClick={() => load()} className="px-3 py-1.5 rounded-lg bg-zinc-800 hover:bg-zinc-700 text-sm">
+            {t('refresh')}
+          </button>
+          <button onClick={onNew} className="px-3 py-1.5 rounded-lg bg-emerald-700/80 hover:bg-emerald-600 text-sm">
+            {t('newProfile')}
+          </button>
+        </div>
+      </div>
+
+      <div className="flex-1 min-h-0 grid grid-cols-1 lg:grid-cols-[360px_1fr] gap-4">
+        <div className="border border-zinc-800 rounded-xl bg-zinc-900/40 overflow-hidden">
+          <div className="px-3 py-2 border-b border-zinc-800 text-xs text-zinc-400 uppercase tracking-wider">
+            {t('subagentProfiles')}
+          </div>
+          <div className="overflow-y-auto max-h-[70vh]">
+            {items.map((it) => (
+              <button
+                key={it.agent_id}
+                onClick={() => onSelect(it)}
+                className={`w-full text-left px-3 py-2 border-b border-zinc-800/50 hover:bg-zinc-800/40 ${selectedId === it.agent_id ? 'bg-indigo-500/15' : ''}`}
+              >
+                <div className="text-sm text-zinc-100 truncate">{it.agent_id || '-'}</div>
+                <div className="text-xs text-zinc-400 truncate">
+                  {(it.status || 'active')} · {it.role || '-'} · {(it.memory_namespace || '-')}
+                </div>
+              </button>
+            ))}
+            {items.length === 0 && (
+              <div className="px-3 py-4 text-sm text-zinc-500">No subagent profiles.</div>
+            )}
+          </div>
+        </div>
+
+        <div className="border border-zinc-800 rounded-xl bg-zinc-900/40 p-4 space-y-3">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
+            <div>
+              <div className="text-xs text-zinc-400 mb-1">{t('id')}</div>
+              <input
+                value={draft.agent_id || ''}
+                disabled={!!selected}
+                onChange={(e) => setDraft({ ...draft, agent_id: e.target.value })}
+                className="w-full px-2 py-1 text-xs bg-zinc-900 border border-zinc-700 rounded disabled:opacity-60"
+                placeholder="coder"
+              />
+            </div>
+            <div>
+              <div className="text-xs text-zinc-400 mb-1">{t('name')}</div>
+              <input
+                value={draft.name || ''}
+                onChange={(e) => setDraft({ ...draft, name: e.target.value })}
+                className="w-full px-2 py-1 text-xs bg-zinc-900 border border-zinc-700 rounded"
+                placeholder="Code Agent"
+              />
+            </div>
+            <div>
+              <div className="text-xs text-zinc-400 mb-1">Role</div>
+              <input
+                value={draft.role || ''}
+                onChange={(e) => setDraft({ ...draft, role: e.target.value })}
+                className="w-full px-2 py-1 text-xs bg-zinc-900 border border-zinc-700 rounded"
+                placeholder="coding"
+              />
+            </div>
+            <div>
+              <div className="text-xs text-zinc-400 mb-1">{t('status')}</div>
+              <select
+                value={draft.status || 'active'}
+                onChange={(e) => setDraft({ ...draft, status: e.target.value })}
+                className="w-full px-2 py-1 text-xs bg-zinc-900 border border-zinc-700 rounded"
+              >
+                <option value="active">active</option>
+                <option value="disabled">disabled</option>
+              </select>
+            </div>
+            <div className="md:col-span-2">
+              <div className="text-xs text-zinc-400 mb-1">{t('memoryNamespace')}</div>
+              <input
+                value={draft.memory_namespace || ''}
+                onChange={(e) => setDraft({ ...draft, memory_namespace: e.target.value })}
+                className="w-full px-2 py-1 text-xs bg-zinc-900 border border-zinc-700 rounded"
+                placeholder="coder"
+              />
+            </div>
+            <div className="md:col-span-2">
+              <div className="text-xs text-zinc-400 mb-1">{t('toolAllowlist')}</div>
+              <input
+                value={allowlistText}
+                onChange={(e) => setDraft({ ...draft, tool_allowlist: parseAllowlist(e.target.value) })}
+                className="w-full px-2 py-1 text-xs bg-zinc-900 border border-zinc-700 rounded"
+                placeholder="read_file, list_files, memory_search"
+              />
+            </div>
+            <div className="md:col-span-2">
+              <div className="text-xs text-zinc-400 mb-1">System Prompt</div>
+              <textarea
+                value={draft.system_prompt || ''}
+                onChange={(e) => setDraft({ ...draft, system_prompt: e.target.value })}
+                className="w-full px-2 py-1 text-xs bg-zinc-900 border border-zinc-700 rounded min-h-[140px]"
+                placeholder="You are a coding specialist..."
+              />
+            </div>
+          </div>
+
+          <div className="flex items-center gap-2">
+            <button
+              onClick={save}
+              disabled={saving}
+              className="px-3 py-1.5 text-xs rounded bg-indigo-700/80 hover:bg-indigo-600 disabled:opacity-60"
+            >
+              {selected ? t('update') : t('create')}
+            </button>
+            <button
+              onClick={() => setStatus('active')}
+              disabled={!draft.agent_id}
+              className="px-3 py-1.5 text-xs rounded bg-emerald-700/70 hover:bg-emerald-600 disabled:opacity-50"
+            >
+              Enable
+            </button>
+            <button
+              onClick={() => setStatus('disabled')}
+              disabled={!draft.agent_id}
+              className="px-3 py-1.5 text-xs rounded bg-amber-700/70 hover:bg-amber-600 disabled:opacity-50"
+            >
+              Disable
+            </button>
+            <button
+              onClick={remove}
+              disabled={!draft.agent_id}
+              className="px-3 py-1.5 text-xs rounded bg-red-700/70 hover:bg-red-600 disabled:opacity-50"
+            >
+              {t('delete')}
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default SubagentProfiles;
+