aimeat 1.5.0 → 1.7.0

package/dist/public/js/services/agent-messages.js

@@ -0,0 +1,34 @@
+/**
+ * @file agent-messages.js
+ * @description Frontend API service for agent messages.
+ *   Provides send, list, thread listing, and status update operations.
+ * @version-history
+ *   v1.0.0 -- 2026-05-22 -- Initial creation for Agent Dashboard Phase 3
+ */
+import { apiGet, apiPost, apiPatch } from '/js/api.js';
+
+export async function sendMessage(agentName, content, threadId) {
+  return apiPost(`/v1/agents/${encodeURIComponent(agentName)}/messages`, {
+    content,
+    direction: 'inbound',
+    ...(threadId && { thread_id: threadId }),
+  });
+}
+
+export async function listMessages(agentName, opts = {}) {
+  const params = new URLSearchParams();
+  if (opts.page) params.set('page', String(opts.page));
+  if (opts.perPage) params.set('per_page', String(opts.perPage));
+  if (opts.direction) params.set('direction', opts.direction);
+  if (opts.threadId) params.set('thread_id', opts.threadId);
+  const qs = params.toString();
+  return apiGet(`/v1/agents/${encodeURIComponent(agentName)}/messages${qs ? '?' + qs : ''}`);
+}
+
+export async function listThreads(agentName) {
+  return apiGet(`/v1/agents/${encodeURIComponent(agentName)}/messages/threads`);
+}
+
+export async function updateMessageStatus(agentName, messageId, status) {
+  return apiPatch(`/v1/agents/${encodeURIComponent(agentName)}/messages/${messageId}`, { status });
+}

package/dist/public/js/services/agent-services.js

@@ -0,0 +1,17 @@
+/**
+ * @file agent-services.js
+ * @description Frontend API service for agent published services (actions).
+ *   Fetches actions from the work exchange and filters by agent name.
+ * @version-history
+ *   v1.0.0 -- 2026-05-22 -- Initial creation for Agent Dashboard Phase 3
+ */
+import { apiGet } from '/js/api.js';
+
+export async function getAgentServices(agentName) {
+  const res = await apiGet('/v1/actions');
+  if (!res.ok) return { ok: false, actions: [] };
+  const actions = (res.data?.actions || []).filter(a =>
+    a.provider_gaii?.includes(`${agentName}#`) || a.provider_gaii?.includes(agentName)
+  );
+  return { ok: true, actions };
+}

package/dist/public/js/services/agent-tasks.js

@@ -0,0 +1,46 @@
+/**
+ * @file agent-tasks.js
+ * @description Frontend API service for agent task operations.
+ *   Provides CRUD, lifecycle (start/complete/fail), and event log access
+ *   for the agent task queue system.
+ * @version-history
+ *   v1.0.0 -- 2026-05-21 -- Initial creation for Agent Dashboard Phase 1
+ */
+import { apiGet, apiPost, apiDelete } from '/js/api.js';
+
+export async function listTasks(agentName, opts = {}) {
+  const params = new URLSearchParams();
+  if (opts.status) params.set('status', opts.status);
+  if (opts.page) params.set('page', String(opts.page));
+  if (opts.per_page) params.set('per_page', String(opts.per_page));
+  const qs = params.toString();
+  return apiGet(`/v1/agents/${encodeURIComponent(agentName)}/tasks${qs ? '?' + qs : ''}`);
+}
+
+export async function getTask(agentName, taskId) {
+  return apiGet(`/v1/agents/${encodeURIComponent(agentName)}/tasks/${encodeURIComponent(taskId)}`);
+}
+
+export async function createTask(agentName, data) {
+  return apiPost(`/v1/agents/${encodeURIComponent(agentName)}/tasks`, data);
+}
+
+export async function startTask(agentName, taskId) {
+  return apiPost(`/v1/agents/${encodeURIComponent(agentName)}/tasks/${encodeURIComponent(taskId)}/start`);
+}
+
+export async function completeTask(agentName, taskId, data = {}) {
+  return apiPost(`/v1/agents/${encodeURIComponent(agentName)}/tasks/${encodeURIComponent(taskId)}/complete`, data);
+}
+
+export async function failTask(agentName, taskId, reason) {
+  return apiPost(`/v1/agents/${encodeURIComponent(agentName)}/tasks/${encodeURIComponent(taskId)}/fail`, { reason });
+}
+
+export async function deleteTask(agentName, taskId) {
+  return apiDelete(`/v1/agents/${encodeURIComponent(agentName)}/tasks/${encodeURIComponent(taskId)}`);
+}
+
+export async function listEvents(agentName, taskId) {
+  return apiGet(`/v1/agents/${encodeURIComponent(agentName)}/tasks/${encodeURIComponent(taskId)}/events`);
+}

package/dist/public/js/services/memory.js

@@ -22,9 +22,10 @@ export async function searchMemory(query, agentGaii) {
 }
 
 /** Create a new memory entry. */
-export async function createMemory(key, value, visibility, tags) {
+export async function createMemory(key, value, visibility, tags, groupId) {
   const body = { key, value, visibility: visibility || 'private' };
   if (tags) body.tags = Array.isArray(tags) ? tags : tags.split(',').map(t => t.trim()).filter(Boolean);
+  if (visibility === 'group' && groupId) body.group_id = groupId;
   return api('/v1/memory', {
     method: 'POST',
     body: JSON.stringify(body),
@@ -48,10 +49,12 @@ export async function updateMemoryFull(key, fields) {
 }
 
 /** Update visibility on a memory entry. */
-export async function updateMemoryVisibility(key, visibility, version) {
+export async function updateMemoryVisibility(key, visibility, version, groupId) {
+  const body = { visibility, version };
+  if (visibility === 'group' && groupId) body.group_id = groupId;
   return api(`/v1/memory/${encodeURIComponent(key)}`, {
     method: 'PUT',
-    body: JSON.stringify({ visibility, version }),
+    body: JSON.stringify(body),
   });
 }
 

package/dist/public/js/services/sharing-groups.js

@@ -0,0 +1,51 @@
+/**
+ * @file sharing-groups.js
+ * @description Frontend API service for sharing group operations.
+ *   Provides list/get/create/update/delete for groups and add/update/remove for members.
+ * @structure
+ *   - listGroups()   -- GET /v1/groups
+ *   - getGroup(id)   -- GET /v1/groups/:id
+ *   - createGroup()  -- POST /v1/groups
+ *   - updateGroup()  -- PATCH /v1/groups/:id
+ *   - deleteGroup()  -- DELETE /v1/groups/:id
+ *   - addMember()    -- POST /v1/groups/:id/members
+ *   - updateMember() -- PATCH /v1/groups/:id/members/:identifier
+ *   - removeMember() -- DELETE /v1/groups/:id/members/:identifier
+ * @usage
+ *   import { listGroups, createGroup } from '/js/services/sharing-groups.js';
+ * @version-history
+ *   v1.0.0 -- 2026-05-21 -- Initial creation for Agent Dashboard Phase 1
+ */
+import { apiGet, apiPost, apiPatch, apiDelete } from '/js/api.js';
+
+export async function listGroups() {
+  return apiGet('/v1/groups');
+}
+
+export async function getGroup(groupId) {
+  return apiGet(`/v1/groups/${encodeURIComponent(groupId)}`);
+}
+
+export async function createGroup(data) {
+  return apiPost('/v1/groups', data);
+}
+
+export async function updateGroup(groupId, data) {
+  return apiPatch(`/v1/groups/${encodeURIComponent(groupId)}`, data);
+}
+
+export async function deleteGroup(groupId) {
+  return apiDelete(`/v1/groups/${encodeURIComponent(groupId)}`);
+}
+
+export async function addMember(groupId, data) {
+  return apiPost(`/v1/groups/${encodeURIComponent(groupId)}/members`, data);
+}
+
+export async function updateMember(groupId, identifier, data) {
+  return apiPatch(`/v1/groups/${encodeURIComponent(groupId)}/members/${encodeURIComponent(identifier)}`, data);
+}
+
+export async function removeMember(groupId, identifier) {
+  return apiDelete(`/v1/groups/${encodeURIComponent(groupId)}/members/${encodeURIComponent(identifier)}`);
+}

package/dist/public/spa.html

@@ -64,6 +64,7 @@
   <link rel="stylesheet" href="/css/components/tags.css">
   <link rel="stylesheet" href="/css/views/help.css">
   <link rel="stylesheet" href="/css/views/capabilities.css">
+  <link rel="stylesheet" href="/css/views/agents-detail.css">
   <link rel="stylesheet" href="/css/views/admin.css">
   <script type="importmap">
   {
@@ -140,7 +141,20 @@
       "/components/useViewCSS.js": "/components/useViewCSS.js",
       "/lib/live-updates.js": "/lib/live-updates.js",
       "/lib/minidenticons.min.js": "/lib/minidenticons.min.js",
-      "/lib/yaml.mjs": "/lib/yaml.mjs"
+      "/lib/yaml.mjs": "/lib/yaml.mjs",
+      "/views/profile/agents-tasks-subtab.js": "/views/profile/agents-tasks-subtab.js",
+      "/views/profile/agents-directives-subtab.js": "/views/profile/agents-directives-subtab.js",
+      "/js/services/agent-tasks.js": "/js/services/agent-tasks.js",
+      "/js/services/agent-directives.js": "/js/services/agent-directives.js",
+      "/js/services/agent-capabilities.js": "/js/services/agent-capabilities.js",
+      "/views/profile/agents-capabilities-subtab.js": "/views/profile/agents-capabilities-subtab.js",
+      "/js/services/sharing-groups.js": "/js/services/sharing-groups.js",
+      "/js/services/agent-activity.js": "/js/services/agent-activity.js",
+      "/views/profile/agents-activity-subtab.js": "/views/profile/agents-activity-subtab.js",
+      "/views/profile/agents-services-subtab.js": "/views/profile/agents-services-subtab.js",
+      "/views/profile/agents-messages-subtab.js": "/views/profile/agents-messages-subtab.js",
+      "/js/services/agent-services.js": "/js/services/agent-services.js",
+      "/js/services/agent-messages.js": "/js/services/agent-messages.js"
     }
   }
   </script>
@@ -377,9 +391,14 @@
             <a href="/v1/help" onClick=${(e) => handleNav(e, '/v1/help')} class="${currentPath === '/v1/help' ? 'active' : ''}">${t('nav.help')}</a>
             ${session && html`
               <a href="/app-catalog.html" target="_blank" class="${currentPath === '/app-catalog.html' ? 'active' : ''}">${t('nav.apps') || 'Apps'}</a>
-              <a href="/v1/profile" class="profile-link visible" onClick=${(e) => handleNav(e, '/v1/profile')}>
+              <a href="/v1/profile" class="profile-link visible ${currentPath === '/v1/profile' ? 'active' : ''}" onClick=${(e) => handleNav(e, '/v1/profile')}>
                 ${t('nav.profile')}
               </a>
+              ${session.roles && session.roles.includes('operator') && html`
+                <a href="/v1/admin" class="${currentPath === '/v1/admin' ? 'active' : ''}" onClick=${(e) => handleNav(e, '/v1/admin')}>
+                  ${t('nav.admin')}
+                </a>
+              `}
             `}
             <div class="topnav-center">
               <button class="lang-btn ${locale === 'en' ? 'active' : ''}" onClick=${() => handleLangSwitch('en')}>EN</button>

package/dist/public/views/admin/agent-tasks-tab.js

@@ -0,0 +1,156 @@
+/**
+ * @file agent-tasks-tab.js
+ * @description Admin dashboard tab for browsing all agent tasks across all owners.
+ *   Provides status filtering, pagination, and TODO progress display.
+ * @version-history
+ *   v1.0.0 -- 2026-05-21 -- Initial creation for Agent Dashboard Phase 1
+ */
+import { h } from 'preact';
+import { useState, useEffect, useCallback } from 'preact/hooks';
+import htm from 'htm';
+const html = htm.bind(h);
+import { t } from '/js/i18n.js';
+import { escHtml } from '/js/utils.js';
+import { num, dt, Empty, Badge } from './shared.js';
+import { apiGet } from '/js/api.js';
+
+const PAGE_SIZE = 20;
+
+const STATUSES = ['', 'draft', 'queued', 'active', 'stalled', 'done', 'failed'];
+
+export default function AgentTasksTab({ data, reload, session }) {
+  const [tasks, setTasks] = useState([]);
+  const [total, setTotal] = useState(0);
+  const [page, setPage] = useState(1);
+  const [loading, setLoading] = useState(false);
+  const [statusFilter, setStatusFilter] = useState('');
+
+  const loadTasks = useCallback(async (p = 1) => {
+    setLoading(true);
+    try {
+      const params = new URLSearchParams();
+      params.set('page', String(p));
+      params.set('per_page', String(PAGE_SIZE));
+      if (statusFilter) params.set('status', statusFilter);
+      const r = await apiGet('/v1/admin/agent-tasks?' + params.toString());
+      if (r.data) {
+        setTasks(r.data.tasks || []);
+        setTotal(r.data.total || 0);
+        setPage(p);
+      }
+    } catch (e) {
+      console.warn('Failed to load agent tasks:', e.message);
+    }
+    setLoading(false);
+  }, [statusFilter]);
+
+  useEffect(() => { loadTasks(1); }, [loadTasks]);
+
+  // Listen for live updates
+  useEffect(() => {
+    const handler = () => { loadTasks(page); };
+    window.addEventListener('aimeat-live-update', handler);
+    return () => window.removeEventListener('aimeat-live-update', handler);
+  }, [loadTasks, page]);
+
+  function handleFilterChange(e) {
+    setStatusFilter(e.target.value);
+  }
+
+  function statusColor(status) {
+    switch (status) {
+      case 'active':  return 'var(--accent, #06b6d4)';
+      case 'done':    return '#22c55e';
+      case 'failed':  return '#ef4444';
+      case 'stalled': return '#eab308';
+      case 'queued':  return '#a855f7';
+      case 'draft':   return 'var(--text-dim)';
+      default:        return 'var(--text-dim)';
+    }
+  }
+
+  const totalPages = Math.ceil(total / PAGE_SIZE);
+
+  return html`
+    <div>
+      <!-- Filter bar -->
+      <div class="adm-mem-filters">
+        <select class="adm-input" value=${statusFilter} onChange=${handleFilterChange}>
+          <option value="">${t('dashboard.agentTasksStatus')} (${t('dashboard.all') || 'All'})</option>
+          ${STATUSES.filter(s => s).map(s => html`
+            <option value=${s}>${s}</option>
+          `)}
+        </select>
+        <button class="adm-btn" onClick=${() => loadTasks(1)} disabled=${loading}>
+          ${loading ? t('dashboard.loading') : t('dashboard.refresh')}
+        </button>
+      </div>
+
+      <!-- Stats summary -->
+      <div class="adm-mem-stats">
+        <div class="adm-mem-stat">
+          <span class="adm-mem-stat-value">${num(total)}</span>
+          <span class="adm-mem-stat-label">${t('dashboard.agentTasksTotal')}</span>
+        </div>
+      </div>
+
+      <!-- Table -->
+      ${tasks.length === 0 && !loading && html`<${Empty} text=${t('dashboard.agentTasksEmpty')} />`}
+
+      ${tasks.length > 0 && html`
+        <div class="adm-card">
+          <div class="scrollable">
+            <table>
+              <thead><tr>
+                <th>${t('dashboard.agentTasksAgent')}</th>
+                <th>${t('dashboard.agentTasksTitle')}</th>
+                <th>${t('dashboard.agentTasksStatus')}</th>
+                <th>${t('dashboard.agentTasksTodoProgress')}</th>
+                <th>${t('dashboard.agentTasksCreated')}</th>
+                <th>${t('dashboard.agentTasksLastEvent')}</th>
+              </tr></thead>
+              <tbody>
+                ${tasks.map(task => html`
+                  <tr>
+                    <td class="mono" style="font-size:.8rem">${escHtml(task.agent_gaii)}</td>
+                    <td>${escHtml(task.title)}</td>
+                    <td>
+                      <span class="tag" style="color:${statusColor(task.status)};border-color:${statusColor(task.status)}">
+                        ${task.status}
+                      </span>
+                    </td>
+                    <td>
+                      ${task.todo_progress.total > 0
+                        ? html`${task.todo_progress.done}/${task.todo_progress.total}`
+                        : html`<span style="color:var(--text-dim)">--</span>`
+                      }
+                    </td>
+                    <td style="color:var(--text-dim)">${dt(task.created_at)}</td>
+                    <td style="color:var(--text-dim)">${dt(task.last_event_at)}</td>
+                  </tr>
+                `)}
+              </tbody>
+            </table>
+          </div>
+
+          <!-- Pagination -->
+          ${totalPages > 1 && html`
+            <div class="adm-mem-pagination">
+              <button class="adm-btn-sm"
+                disabled=${page <= 1}
+                onClick=${() => loadTasks(page - 1)}>
+                ← ${t('dashboard.prev') || 'Prev'}
+              </button>
+              <span class="adm-mem-page-info">${page} / ${totalPages}</span>
+              <button class="adm-btn-sm"
+                disabled=${page >= totalPages}
+                onClick=${() => loadTasks(page + 1)}>
+                ${t('dashboard.next') || 'Next'} →
+              </button>
+            </div>
+          `}
+        </div>
+      `}
+    </div>
+  `;
+}

package/dist/public/views/admin/federation-tab.js

@@ -9,6 +9,7 @@ import {
   getFederationPeers, getFederationDirectory, approvePeeringRequest, rejectPeeringRequest,
   deletePeeringRequest, activatePeer, addPeerDirect, removePeer, removePeerEmergency,
   testFederationNode, joinGenesisNetwork, updatePeerPolicy, getNetworkDirectory,
+  getConfig, saveConfig,
 } from '/js/services/admin.js';
 import { useConfirm } from '/components/Modal.js';
 
@@ -30,6 +31,39 @@ export default function FederationTab({ data, reload }) {
   const [joining, setJoining] = useState(false);
   const [joinResult, setJoinResult] = useState(null);
 
+  // ── Federation Auth Policy state ──
+  const [authPolicy, setAuthPolicy] = useState('disabled');
+  const [defaultScopes, setDefaultScopes] = useState([]);
+  const [authPolicyLoading, setAuthPolicyLoading] = useState(true);
+
+  useEffect(() => {
+    getConfig().then(res => {
+      if (res.ok && res.data?.config) {
+        const c = res.data.config;
+        setAuthPolicy(c.federation?.auth_policy ?? c.federationAuthPolicy ?? 'disabled');
+        const scopes = c.federation?.default_scopes ?? c.federationDefaultScopes ?? 'memory:read,catalogue:read';
+        setDefaultScopes(typeof scopes === 'string' ? scopes.split(',').filter(Boolean) : (scopes || []));
+      }
+      setAuthPolicyLoading(false);
+    });
+  }, []);
+
+  const doSaveAuthPolicy = async (policy, scopes) => {
+    const changes = [
+      { path: 'federation.auth_policy', value: policy },
+      { path: 'federation.default_scopes', value: Array.isArray(scopes) ? scopes.join(',') : scopes },
+    ];
+    const res = await saveConfig(changes);
+    if (res.ok) { setActionSuccess(t('dashboard.fedPolicyUpdated')); setTimeout(() => setActionSuccess(null), 3000); }
+    else setActionError(res.error?.message || 'Failed to save');
+  };
+
+  const toggleScope = (scope) => {
+    const next = defaultScopes.includes(scope) ? defaultScopes.filter(s => s !== scope) : [...defaultScopes, scope];
+    setDefaultScopes(next);
+    doSaveAuthPolicy(authPolicy, next);
+  };
+
   // ── Network Directory state ──
   const [dirEntries, setDirEntries] = useState([]);
   const [dirSearch, setDirSearch] = useState('');
@@ -217,6 +251,31 @@ export default function FederationTab({ data, reload }) {
       { label: t('dashboard.fedPendingRequests'), value: pendingRequests.length, color: '#06b6d4' },
     ]} />
 
+    <!-- ═══ Federation Auth Policy ═══ -->
+    <div class="adm-card adm-mt-lg">
+      <h4 class="adm-mb-sm" style="margin:0">${t('dashboard.fedAuthPolicyTitle')}</h4>
+      <p class="adm-text-dim adm-text-base adm-mb-md" style="margin:0">${t('dashboard.fedAuthPolicyDesc')}</p>
+      ${authPolicyLoading ? html`<p class="adm-text-dim">...</p>` : html`
+        <div style="display:flex;gap:12px;align-items:center;flex-wrap:wrap">
+          <select class="adm-input" style="max-width:240px" value=${authPolicy} onChange=${(e) => { setAuthPolicy(e.target.value); doSaveAuthPolicy(e.target.value, defaultScopes); }}>
+            <option value="disabled">${t('dashboard.fedAuthDisabled')}</option>
+            <option value="all_peers">${t('dashboard.fedAuthAllPeers')}</option>
+            <option value="specific_peers">${t('dashboard.fedAuthSpecificPeers')}</option>
+          </select>
+        </div>
+        ${authPolicy !== 'disabled' && html`
+          <div class="adm-mt-md">
+            <p class="adm-text-sm adm-text-dim adm-mb-sm">${t('dashboard.fedDefaultScopes')}</p>
+            <div style="display:flex;gap:8px;flex-wrap:wrap">
+              ${['memory:read','memory:write','catalogue:read','social:read','social:write','work:request','boards:read','boards:write'].map(s => html`
+                <label class="adm-text-sm"><input type="checkbox" checked=${defaultScopes.includes(s)} onChange=${() => toggleScope(s)} /> ${s}</label>
+              `)}
+            </div>
+          </div>
+        `}
+      `}
+    </div>
+
     <!-- ═══ Network Directory ═══ -->
     <div class="adm-card adm-mt-lg">
       <h4 class="adm-mb-sm" style="margin:0">${t('dashboard.fedNetworkDirectoryTitle')}</h4>
@@ -313,6 +372,7 @@ export default function FederationTab({ data, reload }) {
                 <label class="adm-text-sm"><input type="checkbox" checked=${p.share_catalogue !== false} onChange=${(e) => doUpdatePolicy(p.node_id, 'share_catalogue', e.target.checked)} /> ${t('dashboard.fedShareCatalogue')}</label>
                 <label class="adm-text-sm"><input type="checkbox" checked=${p.replicate_memory !== false} onChange=${(e) => doUpdatePolicy(p.node_id, 'replicate_memory', e.target.checked)} /> ${t('dashboard.fedReplicateMemory')}</label>
                 <label class="adm-text-sm"><input type="checkbox" checked=${p.allow_routing !== false} onChange=${(e) => doUpdatePolicy(p.node_id, 'allow_routing', e.target.checked)} /> ${t('dashboard.fedAllowRouting')}</label>
+                <label class="adm-text-sm"><input type="checkbox" checked=${!!p.allow_federated_auth} onChange=${(e) => doUpdatePolicy(p.node_id, 'allow_federated_auth', e.target.checked)} /> ${t('dashboard.fedAllowAuth')}</label>
                 <select class="adm-input" style="font-size:.75rem;padding:2px 4px;margin-top:4px" value=${p.peer_mode || 'federation'} onChange=${(e) => doUpdatePolicy(p.node_id, 'peer_mode', e.target.value)}>
                   <option value="federation">${t('dashboard.fedPeerModeFederation')}</option>
                   <option value="private">${t('dashboard.fedPeerModePrivate')}</option>

package/dist/public/views/admin/memory-tab.js

@@ -141,6 +141,7 @@ export default function MemoryTab({ data, reload, session }) {
           <option value="">${t('dashboard.memoryVisibility')} (${t('dashboard.all') || 'All'})</option>
           <option value="private">private</option>
           <option value="owner">owner</option>
+          <option value="group">group</option>
           <option value="public">public</option>
         </select>
         <button type="submit" class="adm-btn" disabled=${loading}>

package/dist/public/views/admin/overview-tab.js

@@ -1,14 +1,37 @@
 import { h } from 'preact';
+import { useState, useEffect } from 'preact/hooks';
 import htm from 'htm';
 const html = htm.bind(h);
 import { t } from '/js/i18n.js';
 import { escHtml } from '/js/utils.js';
 import { num, fmtUp, Badge, StatsGrid, EconRow, HealthRow } from './shared.js';
+import { apiGet } from '/js/api.js';
 
 export default function OverviewTab({ data }) {
   const d = data.dash;
   if (!d) return html`<div class="empty">${t('dashboard.loading')}</div>`;
 
+  const [activeTaskCount, setActiveTaskCount] = useState(null);
+  const [sharingGroupCount, setSharingGroupCount] = useState(null);
+
+  useEffect(() => {
+    // Fetch active/queued agent task count
+    apiGet('/v1/admin/agent-tasks?status=active&per_page=1')
+      .then(r => {
+        const activeTotal = r.data?.total || 0;
+        // Also fetch queued
+        return apiGet('/v1/admin/agent-tasks?status=queued&per_page=1').then(r2 => {
+          setActiveTaskCount(activeTotal + (r2.data?.total || 0));
+        });
+      })
+      .catch(() => setActiveTaskCount(0));
+
+    // Fetch sharing group count
+    apiGet('/v1/admin/sharing-groups')
+      .then(r => setSharingGroupCount(r.data?.total || 0))
+      .catch(() => setSharingGroupCount(0));
+  }, []);
+
   const h_ = d.health;
   const c = d.counts;
   const e = d.economy;
@@ -41,6 +64,8 @@ export default function OverviewTab({ data }) {
       { label: t('dashboard.publishedActions'), value: c.actions, color: '#06b6d4' },
       { label: t('dashboard.activeBoards'), value: c.boards, color: '#22c55e' },
       { label: t('dashboard.activeChatSessions'), value: c.chat_instances || 0, color: '#06b6d4' },
+      { label: t('dashboard.agentTasksActiveTasks'), value: activeTaskCount != null ? activeTaskCount : '--', color: '#f97316' },
+      { label: t('dashboard.sharingGroupsTotalCount'), value: sharingGroupCount != null ? sharingGroupCount : '--', color: '#8b5cf6' },
     ]} />
 
     <!-- Economy & Config -->

package/dist/public/views/admin/sharing-groups-tab.js

@@ -0,0 +1,86 @@
+/**
+ * @file sharing-groups-tab.js
+ * @description Admin dashboard tab for browsing all sharing groups across all owners.
+ *   Shows group name, owner, member count, entry count, and creation date.
+ * @version-history
+ *   v1.0.0 -- 2026-05-21 -- Initial creation for Agent Dashboard Phase 1
+ */
+import { h } from 'preact';
+import { useState, useEffect, useCallback } from 'preact/hooks';
+import htm from 'htm';
+const html = htm.bind(h);
+import { t } from '/js/i18n.js';
+import { escHtml } from '/js/utils.js';
+import { num, dt, Empty } from './shared.js';
+import { apiGet } from '/js/api.js';
+
+export default function SharingGroupsTab({ data, reload, session }) {
+  const [groups, setGroups] = useState([]);
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState(false);
+
+  const loadGroups = useCallback(async () => {
+    setLoading(true);
+    try {
+      const r = await apiGet('/v1/admin/sharing-groups');
+      if (r.data) {
+        setGroups(r.data.groups || []);
+        setTotal(r.data.total || 0);
+      }
+    } catch (e) {
+      console.warn('Failed to load sharing groups:', e.message);
+    }
+    setLoading(false);
+  }, []);
+
+  useEffect(() => { loadGroups(); }, [loadGroups]);
+
+  // Listen for live updates
+  useEffect(() => {
+    const handler = () => { loadGroups(); };
+    window.addEventListener('aimeat-live-update', handler);
+    return () => window.removeEventListener('aimeat-live-update', handler);
+  }, [loadGroups]);
+
+  return html`
+    <div>
+      <!-- Stats summary -->
+      <div class="adm-mem-stats">
+        <div class="adm-mem-stat">
+          <span class="adm-mem-stat-value">${num(total)}</span>
+          <span class="adm-mem-stat-label">${t('dashboard.sharingGroupsTotal')}</span>
+        </div>
+      </div>
+
+      <!-- Table -->
+      ${groups.length === 0 && !loading && html`<${Empty} text=${t('dashboard.sharingGroupsEmpty')} />`}
+
+      ${groups.length > 0 && html`
+        <div class="adm-card">
+          <div class="scrollable">
+            <table>
+              <thead><tr>
+                <th>${t('dashboard.sharingGroupsName')}</th>
+                <th>${t('dashboard.sharingGroupsOwner')}</th>
+                <th>${t('dashboard.sharingGroupsMembers')}</th>
+                <th>${t('dashboard.sharingGroupsEntries')}</th>
+                <th>${t('dashboard.sharingGroupsCreated')}</th>
+              </tr></thead>
+              <tbody>
+                ${groups.map(g => html`
+                  <tr>
+                    <td>${escHtml(g.name)}</td>
+                    <td class="mono" style="font-size:.8rem">${escHtml(g.owner_gaii)}</td>
+                    <td>${num(g.member_count)}</td>
+                    <td>${num(g.entry_count)}</td>
+                    <td style="color:var(--text-dim)">${dt(g.created_at)}</td>
+                  </tr>
+                `)}
+              </tbody>
+            </table>
+          </div>
+        </div>
+      `}
+    </div>
+  `;
+}