aimeat 1.6.1 → 1.8.0

package/dist/public/css/views/profile.css

@@ -97,14 +97,34 @@
 .pf .wallet-balance-copy:hover{background:rgba(232,86,74,.25)}
 .pf .mem-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(232,86,74,.08);font-size:.85rem;cursor:pointer;gap:.5rem}
 .pf .mem-item:hover{background:rgba(232,86,74,.05)}
-.pf .mem-key{font-family:monospace;color:var(--accent,#E8564A);font-weight:500;flex:1}
+.pf .mem-key{font-family:monospace;color:var(--accent,#E8564A);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.pf .mem-time{font-size:.7rem;color:var(--text-dim,#6B7280);white-space:nowrap;flex-shrink:0}
+.pf .mem-sort-bar{display:flex;align-items:center;gap:.35rem}
+.pf .mem-sort-select{font-size:.75rem;padding:2px 6px;min-width:auto;width:auto}
 .pf .mem-vis{font-size:.7rem}
 .pf .shield-icon{font-size:.85rem;cursor:pointer;opacity:.6;transition:opacity .2s}
 .pf .shield-icon:hover{opacity:1}
 .pf .key-rules-box{background:#F9FAFB;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:.75rem;margin-top:.75rem;margin-bottom:.5rem}
 .pf .mem-detail{background:rgba(0,0,0,.04);border:1px solid rgba(232,86,74,.1);border-radius:8px;padding:1rem;margin-top:.5rem;font-size:.85rem}
 .pf .mem-detail pre{white-space:pre-wrap;word-break:break-all;font-family:monospace;color:var(--text,#1A1A2E);font-size:.8rem}
-.pf .mem-detail .mem-actions{display:flex;gap:.5rem;margin-top:.75rem}
+.pf .mem-detail .mem-actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}
+.pf .mem-browse-panel{background:var(--surface,#F9FAFB);border:1px solid var(--border,#E5E7EB);border-radius:var(--radius,12px);padding:1rem;margin-bottom:1rem}
+.pf .mem-browse-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}
+.pf .mem-browse-list{display:flex;flex-direction:column;gap:.5rem}
+.pf .mem-browse-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--card,#FFFFFF);border:1px solid var(--border,#E5E7EB);border-radius:8px;min-width:0}
+.pf .mem-browse-item:hover{border-color:var(--accent,#E8564A)}
+.pf .mem-browse-key{font-family:monospace;color:var(--accent,#E8564A);font-weight:500;flex:1;font-size:.85rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.pf .mem-browse-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0;max-width:40%;overflow:hidden}
+.pf .mem-browse-tags{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}
+.pf .mem-browse-buttons{display:flex;gap:.5rem;flex-wrap:wrap}
+.pf .mem-discover-search{display:flex;gap:.35rem;align-items:center}
+.pf .mem-discover-item{border:1px solid var(--border,#E5E7EB);border-radius:8px;overflow:hidden;background:var(--card,#FFFFFF)}
+.pf .mem-discover-item:hover{border-color:var(--accent,#E8564A)}
+.pf .mem-discover-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;cursor:pointer;min-width:0}
+.pf .mem-discover-info{flex:1;min-width:0;overflow:hidden}
+.pf .mem-discover-owner{font-size:.7rem;color:var(--text-dim,#6B7280);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.pf .mem-discover-preview{padding:.5rem .75rem;border-top:1px solid var(--border,#E5E7EB);background:var(--bg-dim,#F3F4F6)}
+.pf .mem-discover-preview pre{white-space:pre-wrap;word-break:break-all;font-family:monospace;font-size:.75rem;color:var(--text,#1A1A2E);max-height:300px;overflow-y:auto;margin:0}
 .pf .peer-card{display:flex;justify-content:space-between;align-items:center}
 .pf .peer-status{display:flex;align-items:center;gap:.4rem}
 .pf .peer-dot{width:8px;height:8px;border-radius:50%}
@@ -823,6 +843,7 @@
 .pf .vis-pill:hover { opacity: 0.8; }
 .pf .vis-public    { background: rgba(74, 222, 128, .15); color: #4ade80; }
 .pf .vis-owner     { background: rgba(96, 165, 250, .15); color: #60a5fa; }
+.pf .vis-group     { background: rgba(16, 185, 129, .15); color: var(--success, #10b981); }
 .pf .vis-private   { background: rgba(192, 132, 252, .15); color: #c084fc; }
 .pf .vis-protected { background: rgba(96, 165, 250, .15); color: #60a5fa; }
 
@@ -1664,6 +1685,7 @@
 .pf .pf-view-item-vis { font-size: .62rem; font-weight: 500; padding: 1px 6px; border-radius: 4px; }
 .pf .pf-view-item-vis.pf-vis-private { background: var(--accent-soft, #FFF0EE); color: var(--accent, #E8564A); }
 .pf .pf-view-item-vis.pf-vis-public  { background: rgba(34,197,94,.1); color: var(--success, #22c55e); }
+.pf .pf-view-item-vis.pf-vis-group   { background: rgba(16,185,129,.1); color: var(--success, #10b981); }
 .pf .pf-view-item-vis.pf-vis-shared  { background: #EEF0FF; color: #6366F1; }
 
 /* Agent status dots in panels */

package/dist/public/js/services/admin.js

@@ -249,3 +249,16 @@ export const resetAllSystemPrompts = ()     => apiPost('/v1/admin/prompts/reset-
 export const resetPromptGroup     = (group) => apiPost(`/v1/admin/prompts/reset-group/${encodeURIComponent(group)}`);
 export const getPromptVersions    = (id)    => apiGet(`/v1/admin/prompts/${encodeURIComponent(id)}/versions`);
 export const restorePromptVersion = (id, v) => apiPost(`/v1/admin/prompts/${encodeURIComponent(id)}/versions/${v}/restore`);
+
+// ── Agent Tasks (admin) ──
+export const getAdminAgentTasks = (params = {}) => {
+  const q = new URLSearchParams();
+  if (params.status) q.set('status', params.status);
+  if (params.agent) q.set('agent', params.agent);
+  if (params.page) q.set('page', String(params.page));
+  if (params.per_page) q.set('per_page', String(params.per_page));
+  return apiGet('/v1/admin/agent-tasks?' + q.toString());
+};
+
+// ── Sharing Groups (admin) ──
+export const getAdminSharingGroups = () => apiGet('/v1/admin/sharing-groups');

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

@@ -0,0 +1,20 @@
+/**
+ * @file agent-activity.js
+ * @description Frontend API service for agent activity stats and history.
+ *   Provides access to activity statistics (tasks completed, tokens used,
+ *   success rate), daily activity history, and event log entries.
+ * @structure
+ *   - getActivity() -- fetch activity stats and daily history
+ *   - getActivityLog() -- fetch paginated event log
+ * @version-history
+ *   v1.0.0 -- 2026-05-22 -- Initial creation for Agent Dashboard Phase 2
+ */
+import { apiGet } from '/js/api.js';
+
+export async function getActivity(agentName, days = 30, granularity = 'daily') {
+  return apiGet(`/v1/agents/${encodeURIComponent(agentName)}/activity?days=${days}&granularity=${granularity}`);
+}
+
+export async function getActivityLog(agentName, page = 1, perPage = 20) {
+  return apiGet(`/v1/agents/${encodeURIComponent(agentName)}/activity/log?page=${page}&per_page=${perPage}`);
+}

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

@@ -0,0 +1,15 @@
+/**
+ * @file agent-capabilities.js
+ * @description Frontend API service for agent capability reporting and retrieval
+ * @version-history
+ *   v1.0.0 -- 2026-05-22 -- Initial creation for Agent Dashboard Phase 2
+ */
+import { apiGet, apiPut } from '/js/api.js';
+
+export async function getCapabilities(agentName) {
+  return apiGet(`/v1/agents/${encodeURIComponent(agentName)}/capabilities`);
+}
+
+export async function updateCapabilities(agentName, data) {
+  return apiPut(`/v1/agents/${encodeURIComponent(agentName)}/capabilities`, data);
+}

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

@@ -0,0 +1,28 @@
+/**
+ * @file agent-directives.js
+ * @description Frontend API service for agent directives operations.
+ *   Provides get/upsert/delete for per-agent directives and owner-level defaults.
+ * @version-history
+ *   v1.0.0 -- 2026-05-21 -- Initial creation for Agent Dashboard Phase 1
+ */
+import { apiGet, apiPut, apiDelete } from '/js/api.js';
+
+export async function getDirectives(agentName) {
+  return apiGet(`/v1/agents/${encodeURIComponent(agentName)}/directives`);
+}
+
+export async function upsertDirectives(agentName, data) {
+  return apiPut(`/v1/agents/${encodeURIComponent(agentName)}/directives`, data);
+}
+
+export async function deleteDirectives(agentName) {
+  return apiDelete(`/v1/agents/${encodeURIComponent(agentName)}/directives`);
+}
+
+export async function getOwnerDefaults() {
+  return apiGet('/v1/owner/agent-defaults');
+}
+
+export async function upsertOwnerDefaults(data) {
+  return apiPut('/v1/owner/agent-defaults', data);
+}

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/generator-spec-validate.js

@@ -8,6 +8,7 @@
  *   - validateDataApiSpec: structural validation of data API spec JSON
  *   - validateComponentSpec: structural validation of component spec JSON
  *   - validateAppDomainSpec: structural validation of app-domain spec JSON
+ *   - validateAppSpec: structural validation of app (HTML page) spec JSON
  *   - validateSpecAgainstProbe: compare spec declarations against probe results
  * @usage
  *   import { validateExtensionSpec, validateSpecAgainstProbe } from '/js/services/generator-spec-validate.js';
@@ -122,6 +123,28 @@ export function validateAppDomainSpec(spec) {
   return { valid: errors.length === 0, errors };
 }
 
+/**
+ * Validate that an app (HTML page) spec has required structure.
+ * @param {object} spec - Parsed app spec JSON
+ * @returns {{ valid: boolean, errors: string[] }}
+ */
+export function validateAppSpec(spec) {
+  const errors = [];
+  if (!spec) return { valid: false, errors: ['Spec is null or undefined'] };
+
+  if (!spec.name) errors.push('Missing spec.name');
+  if (spec.name && !/^[a-z0-9]+(-[a-z0-9]+)*$/.test(spec.name)) {
+    errors.push(`spec.name "${spec.name}" must be ASCII kebab-case`);
+  }
+  if (!spec.title) errors.push('Missing spec.title');
+  if (!spec.appDomainLib) errors.push('Missing spec.appDomainLib — must reference the app-domain cortex libName');
+  if (!Array.isArray(spec.cortexDependencies) || spec.cortexDependencies.length === 0) {
+    errors.push('Missing or empty spec.cortexDependencies — must list all cortex registeredAs names');
+  }
+
+  return { valid: errors.length === 0, errors };
+}
+
 /**
  * Compare extension spec against actual probe results.
  * SPEC IS KING: if probe response doesn't match spec, the CODE is wrong.

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),
   });
 }
 
@@ -120,3 +123,42 @@ export async function pullFromHome(key) {
 export async function pushToHome(key) {
   return apiPost('/v1/memory/push-home', { key });
 }
+
+/** List memory entries on the home node (federated sessions). */
+export async function listHomeMemories() {
+  const resp = await apiPost('/v1/memory/list-home', {});
+  return resp?.data?.entries || [];
+}
+
+/** List memory entries on a remote peer node (home sessions). */
+export async function listRemoteMemories(peerNodeId) {
+  const resp = await apiPost('/v1/memory/list-remote', { peer_node_id: peerNodeId });
+  return resp?.data?.entries || [];
+}
+
+/** Pull a memory entry from a remote peer node (home sessions). */
+export async function pullFromRemote(peerNodeId, key) {
+  return apiPost('/v1/memory/pull-remote', { peer_node_id: peerNodeId, key });
+}
+
+/** Discover public memory entries from other users on this node. */
+export async function discoverPublicMemories(opts = {}) {
+  const params = new URLSearchParams();
+  if (opts.prefix) params.set('prefix', opts.prefix);
+  if (opts.owner) params.set('owner', opts.owner);
+  if (opts.q) params.set('q', opts.q);
+  if (opts.limit) params.set('limit', String(opts.limit));
+  if (opts.offset) params.set('offset', String(opts.offset));
+  const qs = params.toString();
+  const data = await apiGet('/v1/memory/discover' + (qs ? '?' + qs : ''));
+  return data?.data || { items: [], total: 0 };
+}
+
+/** Copy a public memory entry from another user to your own memory. */
+export async function copyPublicMemory(sourceGaii, key, visibility) {
+  return apiPost('/v1/memory/copy', {
+    source_gaii: sourceGaii,
+    key,
+    visibility: visibility || 'private',
+  });
+}

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

@@ -38,10 +38,10 @@ export default function FederationTab({ data, reload }) {
 
   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';
+      if (res.ok && res.data?.schema) {
+        const s = res.data.schema;
+        setAuthPolicy(s['federation.auth_policy']?.value ?? 'disabled');
+        const scopes = s['federation.default_scopes']?.value ?? 'memory:read,catalogue:read';
         setDefaultScopes(typeof scopes === 'string' ? scopes.split(',').filter(Boolean) : (scopes || []));
       }
       setAuthPolicyLoading(false);
@@ -50,8 +50,8 @@ export default function FederationTab({ data, reload }) {
 
   const doSaveAuthPolicy = async (policy, scopes) => {
     const changes = [
-      { key: 'federation.auth_policy', value: policy },
-      { key: 'federation.default_scopes', value: Array.isArray(scopes) ? scopes.join(',') : scopes },
+      { 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); }
@@ -385,7 +385,7 @@ export default function FederationTab({ data, reload }) {
                 ${(p.status === 'active' || p.status === 'degraded') && html`
                   <button class="adm-btn-sm" onClick=${() => doRemove(p.node_id)}>${t('dashboard.fedDepeer')}</button>
                 `}
-                ${p.status === 'active' && html`
+                ${(p.status === 'active' || p.status === 'degraded' || p.status === 'offline' || p.status === 'depeering') && html`
                   <button class="adm-btn-sm adm-text-error" onClick=${() => doEmergencyRemove(p.node_id)}>\u26A0 ${t('dashboard.fedEmergencyDepeer')}</button>
                 `}
               </td>

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}>