aimeat 1.7.0 → 1.9.0

package/dist/public/views/profile/agents/state-detector.js

@@ -0,0 +1,62 @@
+/**
+ * @file state-detector.js
+ * @description Determines agent state from onboarding record and agent data.
+ *   States: 'new' | 'onboarding' | 'problem' | 'idle' | 'production'
+ *   Also provides default tab selection and state color mapping.
+ * @version-history
+ *   v1.3.0 -- 2026-05-24 -- Remove unused getStateLabel() export (audit fix #7)
+ *   v1.2.1 -- 2026-05-24 -- Document idle state in design spec, align with audit findings
+ *   v1.2.0 -- 2026-05-24 -- Add idle state for inactive production agents
+ *   v1.1.0 -- 2026-05-24 -- Fix: onboarding color to yellow, add readiness drop detection for problem state
+ *   v1.0.0 -- 2026-05-24 -- Initial creation for Agent Detail Tab-View
+ */
+
+/**
+ * Detect agent state from onboarding record and agent data.
+ * Checked in priority order: new > onboarding > problem > idle > production.
+ */
+export function detectAgentState(agent, onboarding) {
+  if (!onboarding || onboarding.status === 'pending' || onboarding.status === 'not_started') return 'new';
+  if (onboarding.status === 'in_progress') return 'onboarding';
+
+  const webhookDown = (agent.webhookFailCount ?? 0) >= 5;
+  const noTelemetry = !agent.last_seen || isStale(agent.last_seen, 24 * 60);
+  const readinessDrop = onboarding.previousReadinessLevel && onboarding.readinessLevel
+    && readinessRank(onboarding.readinessLevel) < readinessRank(onboarding.previousReadinessLevel);
+  if (webhookDown || noTelemetry || readinessDrop) return 'problem';
+
+  if (!agent.last_seen || isStale(agent.last_seen, 60)) return 'idle';
+  return 'production';
+}
+
+export function getDefaultTab(state) {
+  switch (state) {
+    case 'new': return 'integration';
+    case 'onboarding': return 'integration';
+    case 'problem': return 'integration';
+    case 'idle': return 'tasks';
+    case 'production': return 'tasks';
+    default: return 'tasks';
+  }
+}
+
+export function getStateColor(state) {
+  switch (state) {
+    case 'new': return 'var(--warning)';
+    case 'onboarding': return 'var(--warning)';
+    case 'problem': return 'var(--danger)';
+    case 'idle': return 'var(--text-muted)';
+    case 'production': return 'var(--success)';
+    default: return 'var(--text-muted)';
+  }
+}
+
+const READINESS_RANKS = { none: 0, basic: 1, standard: 2, advanced: 3, full: 4 };
+function readinessRank(level) {
+  return READINESS_RANKS[level] ?? 0;
+}
+
+function isStale(isoDate, thresholdMinutes) {
+  const diff = Date.now() - new Date(isoDate).getTime();
+  return diff > thresholdMinutes * 60 * 1000;
+}

package/dist/public/views/profile/agents/tab-activity.js

@@ -0,0 +1,232 @@
+/**
+ * @file tab-activity.js
+ * @description Enhanced Activity tab with governance filter and category badges.
+ *   Wraps the existing activity subtab with additional filter pills.
+ * @version-history
+ *   v1.4.0 -- 2026-05-24 -- Audit fix: two-line event layout with secondary detail row
+ *   v1.3.0 -- 2026-05-24 -- Wire up MCP status in delivery health from agent data
+ *   v1.2.0 -- 2026-05-24 -- Fix: F17 task breakdown, F18 violation red badge, M5 governance i18n namespace
+ *   v1.1.0 -- 2026-05-24 -- Fix: HH:MM timestamps, token budget %, readiness/override categories, audit trail footer, fix locale prefix
+ *   v1.0.0 -- 2026-05-24 -- Initial creation for Agent Detail Tab-View
+ */
+
+import { h } from 'preact';
+import { useState, useEffect, useRef } from 'preact/hooks';
+import htm from 'htm';
+import { t } from '/js/i18n.js';
+import { timeAgo } from '/js/utils.js';
+import { getActivity, getActivityLog } from '/js/services/agent-activity.js';
+import { getDirectives } from '/js/services/agent-directives.js';
+import { getWebhookConfig, getTelemetry, getDeliveryLog } from '/js/services/agent-integration.js';
+
+const html = htm.bind(h);
+
+const FILTERS = [
+  { id: 'all', key: 'profile.agents.detail.activity.filterAll' },
+  { id: 'tasks', key: 'profile.agents.detail.activity.filterTasks' },
+  { id: 'messages', key: 'profile.agents.detail.activity.filterMessages' },
+  { id: 'governance', key: 'profile.agents.detail.activity.filterGovernance' },
+  { id: 'system', key: 'profile.agents.detail.activity.filterSystem' },
+];
+
+function eventCategory(event) {
+  const type = (event.type || event.event || '').toLowerCase();
+  if (type.includes('task') || type.includes('todo')) return 'tasks';
+  if (type.includes('message') || type.includes('msg')) return 'messages';
+  if (type.includes('approve') || type.includes('scope') || type.includes('permission') || type.includes('governance') || type.includes('policy') || type.includes('readiness') || type.includes('override')) return 'governance';
+  return 'system';
+}
+
+export default function TabActivity({ agent, agentName, session, showToast }) {
+  const [events, setEvents] = useState([]);
+  const [stats, setStats] = useState(null);
+  const [governance, setGovernance] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [filter, setFilter] = useState('all');
+  const [logPage, setLogPage] = useState(1);
+  const [hasMore, setHasMore] = useState(false);
+
+  async function loadData() {
+    setLoading(true);
+    try {
+      const [actResp, logResp, dirResp, whResp, telResp] = await Promise.all([
+        getActivity(agentName, 30).catch(() => null),
+        getActivityLog(agentName, 1, 50).catch(() => null),
+        getDirectives(agentName).catch(() => null),
+        getWebhookConfig(agentName).catch(() => null),
+        getTelemetry(agentName, { days: 1 }).catch(() => null),
+      ]);
+      setStats(actResp?.data?.activity_stats || null);
+      setEvents(logResp?.data?.events || []);
+      setHasMore((logResp?.data?.events || []).length >= 50);
+      setLogPage(1);
+
+      const allEvents = logResp?.data?.events || [];
+      const todayStart = new Date(); todayStart.setHours(0,0,0,0);
+      const todayEvents = allEvents.filter(ev => new Date(ev.timestamp) >= todayStart);
+      const govEvents = todayEvents.filter(ev => eventCategory(ev) === 'governance');
+      const taskEvents = todayEvents.filter(ev => eventCategory(ev) === 'tasks');
+      const tasksCompleted = taskEvents.filter(e => { const tp = (e.type || '').toLowerCase(); return tp.includes('completed') || tp.includes('done'); }).length;
+      const tasksActive = taskEvents.filter(e => { const tp = (e.type || '').toLowerCase(); return tp.includes('started') || tp.includes('active'); }).length;
+      const tasksFailed = taskEvents.filter(e => { const tp = (e.type || '').toLowerCase(); return tp.includes('failed') || tp.includes('error'); }).length;
+      const budget = dirResp?.data?.budget_limits;
+      const wh = whResp?.data?.webhook;
+      const telemetryEntries = telResp?.data?.entries || [];
+
+      setGovernance({
+        budget,
+        tokensUsedToday: telemetryEntries.reduce((sum, e) => sum + (e.tokens_used || 0), 0),
+        tasksToday: taskEvents.length,
+        tasksCompleted,
+        tasksActive,
+        tasksFailed,
+        policyIssues: govEvents.length,
+        telemetryCount: telemetryEntries.length,
+        webhookEnabled: wh?.enabled ?? false,
+        webhookSuccessCount: wh?.success_count ?? 0,
+        webhookTotalCount: (wh?.success_count ?? 0) + (wh?.fail_count ?? 0),
+        mcpActive: agent?.mcpEnabled || agent?.mcp_enabled || false,
+      });
+    } catch {
+      setStats(null);
+      setEvents([]);
+    }
+    setLoading(false);
+  }
+
+  useEffect(() => { loadData(); }, [agentName]);
+
+  const loadRef = useRef(loadData);
+  loadRef.current = loadData;
+  useEffect(() => {
+    const handler = () => loadRef.current();
+    window.addEventListener('aimeat-live-update', handler);
+    return () => window.removeEventListener('aimeat-live-update', handler);
+  }, []);
+
+  async function handleLoadMore() {
+    const nextPage = logPage + 1;
+    try {
+      const resp = await getActivityLog(agentName, nextPage, 50);
+      const newEvents = resp?.data?.events || [];
+      setEvents(prev => [...prev, ...newEvents]);
+      setLogPage(nextPage);
+      setHasMore(newEvents.length >= 50);
+    } catch { /* silent */ }
+  }
+
+  if (loading) {
+    return html`<div class="pf-agd-empty">${t('profile.loading')}</div>`;
+  }
+
+  const filtered = filter === 'all' ? events : events.filter(ev => eventCategory(ev) === filter);
+
+  return html`
+    <div>
+      <!-- Stats summary -->
+      ${stats && html`
+        <div class="pf-agd-stats-grid">
+          <div class="pf-agd-stat-card">
+            <div class="pf-agd-stat-value">${stats.tasksCompleted ?? 0}</div>
+            <div class="pf-agd-stat-label">${t('profile.agents.activity.tasksCompleted')}</div>
+          </div>
+          <div class="pf-agd-stat-card">
+            <div class="pf-agd-stat-value">${stats.tokensUsed30d ?? 0}</div>
+            <div class="pf-agd-stat-label">${t('profile.agents.activity.tokensUsed')}</div>
+          </div>
+          <div class="pf-agd-stat-card">
+            <div class="pf-agd-stat-value">${stats.successRate != null ? `${Math.round(stats.successRate)}%` : '-'}</div>
+            <div class="pf-agd-stat-label">${t('profile.agents.activity.successRate')}</div>
+          </div>
+        </div>
+      `}
+
+      <!-- Governance summary -->
+      ${governance && html`
+        <div class="pf-agd-governance-section">
+          <div class="pf-agd-section-title">${t('profile.agents.detail.activity.governance.title')}</div>
+          <div class="pf-agd-governance-grid">
+            ${governance.budget ? html`
+              <div class="pf-agd-governance-item">
+                <span class="pf-agd-governance-label">${t('profile.agents.detail.activity.governance.tokenBudget')}</span>
+                <span class="pf-agd-governance-value">${(governance.tokensUsedToday || 0).toLocaleString()} / ${(governance.budget.max_tokens_per_day || '---').toLocaleString()}${governance.budget.max_tokens_per_day ? ` (${Math.round((governance.tokensUsedToday || 0) / governance.budget.max_tokens_per_day * 100)}%)` : ''}</span>
+              </div>
+            ` : ''}
+            <div class="pf-agd-governance-item">
+              <span class="pf-agd-governance-label">${t('profile.agents.detail.activity.governance.tasksToday')}</span>
+              <span class="pf-agd-governance-value">${t('profile.agents.detail.activity.governance.completed')}: ${governance.tasksCompleted}, ${t('profile.agents.detail.activity.governance.activeTasks')}: ${governance.tasksActive}, ${t('profile.agents.detail.activity.governance.failed')}: ${governance.tasksFailed}</span>
+            </div>
+            <div class="pf-agd-governance-item">
+              <span class="pf-agd-governance-label">${t('profile.agents.detail.activity.governance.policyIssues')}</span>
+              <span class="pf-agd-governance-value ${governance.policyIssues > 0 ? 'pf-agd-warning-text' : ''}">${governance.policyIssues}</span>
+            </div>
+            <div class="pf-agd-governance-item">
+              <span class="pf-agd-governance-label">${t('profile.agents.detail.activity.governance.telemetryEvents')}</span>
+              <span class="pf-agd-governance-value">${governance.telemetryCount}</span>
+            </div>
+          </div>
+          <div class="pf-agd-governance-delivery">
+            <span class="pf-agd-governance-label">${t('profile.agents.detail.activity.governance.deliveryHealth')}</span>
+            <span class="pf-agd-governance-value">
+              ${governance.mcpActive
+                ? html`<span class="pf-agd-status-dot pf-agd-status-dot--active"></span> ${t('profile.agents.detail.activity.governance.mcpLabel')}: ${t('profile.agents.detail.activity.governance.connected')}`
+                : html`<span class="pf-agd-status-dot pf-agd-status-dot--inactive"></span> ${t('profile.agents.detail.activity.governance.mcpLabel')}: ${t('profile.agents.detail.activity.governance.notConfigured')}`
+              }
+              ${' | '}
+              ${governance.webhookEnabled
+                ? `${t('profile.agents.webhook.title')}: ${governance.webhookSuccessCount}/${governance.webhookTotalCount}`
+                : t('profile.agents.detail.integration.webhookNotConfigured')
+              }
+            </span>
+          </div>
+        </div>
+      `}
+
+      <!-- Filter bar -->
+      <div class="pf-agd-filter-bar">
+        ${FILTERS.map(f => {
+          const label = t(f.key);
+          return html`
+            <button key=${f.id}
+                    class="pf-agd-filter-pill ${filter === f.id ? 'pf-agd-filter-pill--active' : ''}"
+                    onClick=${() => setFilter(f.id)}>
+              ${label !== f.key ? label : f.id.charAt(0).toUpperCase() + f.id.slice(1)}
+            </button>
+          `;
+        })}
+      </div>
+
+      <!-- Event log -->
+      <div class="pf-agd-event-log-scroll">
+        ${filtered.length === 0 && html`
+          <div class="pf-agd-empty">${t('profile.agents.detail.empty.activity')}</div>
+        `}
+        ${filtered.map((ev, i) => {
+          const cat = eventCategory(ev);
+          const evType = (ev.type || '').toLowerCase();
+          const badgeClass = (evType.includes('policy') || evType.includes('violation'))
+            ? 'pf-agd-event-badge--violation'
+            : `pf-agd-event-badge--${cat}`;
+          return html`
+            <div key=${ev.id || i} class="pf-agd-log-entry pf-agd-log-entry--two-line">
+              <div class="pf-agd-log-entry-primary">
+                <span class="pf-agd-log-time">${ev.timestamp ? new Date(ev.timestamp).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) : '-'}</span>
+                <span class="pf-agd-event-badge ${badgeClass}">${t(FILTERS.find(f => f.id === cat)?.key || '') || cat}</span>
+                <span class="pf-agd-log-type">${ev.type || ev.event || '-'}</span>
+              </div>
+              ${ev.message && html`<div class="pf-agd-log-entry-detail">${ev.message}</div>`}
+            </div>
+          `;
+        })}
+      </div>
+
+      ${hasMore && html`
+        <button class="btn-ghost btn-sm" onClick=${handleLoadMore}>
+          ${t('profile.agents.detail.showAll')}
+        </button>
+      `}
+
+      <div class="pf-agd-help-text">${t('profile.agents.detail.activity.auditTrail')}</div>
+    </div>
+  `;
+}

package/dist/public/views/profile/agents/tab-agent-config.js

@@ -0,0 +1,199 @@
+/**
+ * @file tab-agent-config.js
+ * @description Agent Config tab -- platform-specific config files with preview
+ *   and two-way sync. Shows files pushed by the agent (soul.md, AGENTS.md, etc).
+ *   Supports edit, copy, download, and upload actions.
+ * @version-history
+ *   v1.0.0 -- 2026-05-24 -- Initial creation for Agent Detail Tab-View
+ *   v1.1.0 -- 2026-05-24 -- Add edit/copy/download buttons (F8), edit mode (F9), upload (F10), file metadata (F11)
+ */
+
+import { h } from 'preact';
+import { useState, useEffect, useRef } from 'preact/hooks';
+import htm from 'htm';
+import { t } from '/js/i18n.js';
+import { apiGet, apiPut } from '/js/api.js';
+
+const html = htm.bind(h);
+
+export default function TabAgentConfig({ agent, agentName, session, showToast }) {
+  const [files, setFiles] = useState([]);
+  const [selectedFile, setSelectedFile] = useState(null);
+  const [preview, setPreview] = useState('');
+  const [loading, setLoading] = useState(true);
+  const [editing, setEditing] = useState(false);
+  const [editContent, setEditContent] = useState('');
+  const fileInputRef = useRef(null);
+
+  async function loadFiles() {
+    setLoading(true);
+    try {
+      const gaii = agent?.gaii || agentName;
+      const resp = await apiGet(`/v1/memory?prefix=agents.config.&agent=${encodeURIComponent(gaii)}`);
+      const items = resp?.data?.items || resp?.data?.memories || [];
+      const configFiles = items.map(item => ({
+        key: item.key,
+        filename: item.key.replace(/^agents\.(?:config\.|[^.]+\.config\.)/, ''),
+        content: typeof item.value === 'string' ? item.value : JSON.stringify(item.value, null, 2),
+        updatedAt: item.updated_at || item.updatedAt,
+        description: item.description,
+        platform: item.platform,
+        active: item.active,
+      }));
+      setFiles(configFiles);
+      if (configFiles.length > 0 && !selectedFile) {
+        setSelectedFile(configFiles[0].key);
+        setPreview(configFiles[0].content);
+      }
+    } catch {
+      setFiles([]);
+    }
+    setLoading(false);
+  }
+
+  useEffect(() => { loadFiles(); }, [agentName]);
+
+  const loadRef = useRef(loadFiles);
+  loadRef.current = loadFiles;
+  useEffect(() => {
+    const handler = () => loadRef.current();
+    window.addEventListener('aimeat-live-update', handler);
+    return () => window.removeEventListener('aimeat-live-update', handler);
+  }, []);
+
+  function selectFile(file) {
+    setSelectedFile(file.key);
+    setPreview(file.content);
+    setEditing(false);
+  }
+
+  function handleEdit() {
+    setEditContent(preview);
+    setEditing(true);
+  }
+
+  function handleCancelEdit() {
+    setEditing(false);
+  }
+
+  async function handleSave() {
+    try {
+      await apiPut(`/v1/memory/${encodeURIComponent(selectedFile)}`, { value: editContent });
+      setPreview(editContent);
+      setEditing(false);
+      const updated = files.map(f => f.key === selectedFile ? { ...f, content: editContent } : f);
+      setFiles(updated);
+      showToast(t('profile.agents.detail.agent_config.saved'));
+    } catch (err) {
+      showToast(err.message || t('profile.agents.detail.agent_config.saveError'), true);
+    }
+  }
+
+  function handleCopy() {
+    navigator.clipboard.writeText(preview).then(() => {
+      showToast(t('profile.agents.detail.agent_config.copy'));
+    });
+  }
+
+  function handleDownload() {
+    const file = files.find(f => f.key === selectedFile);
+    if (!file) return;
+    const blob = new Blob([file.content], { type: 'text/plain' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = file.filename;
+    a.click();
+    URL.revokeObjectURL(url);
+  }
+
+  function handleUploadClick() {
+    fileInputRef.current?.click();
+  }
+
+  async function handleFileUpload(e) {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    const reader = new FileReader();
+    reader.onload = async () => {
+      const content = reader.result;
+      const key = `agents.${agentName}.config.${file.name}`;
+      try {
+        await apiPut(`/v1/memory/${encodeURIComponent(key)}`, { value: content });
+        showToast(t('profile.agents.detail.agent_config.uploaded'));
+        await loadFiles();
+        setSelectedFile(key);
+        setPreview(content);
+      } catch (err) {
+        showToast(err.message || t('profile.agents.detail.agent_config.uploadError'), true);
+      }
+    };
+    reader.readAsText(file);
+    e.target.value = '';
+  }
+
+  if (loading) {
+    return html`<div class="pf-agd-empty">${t('profile.loading')}</div>`;
+  }
+
+  if (files.length === 0) {
+    return html`
+      <div>
+        <div class="pf-agd-config-upload">
+          <button class="btn-outline btn-sm" onClick=${handleUploadClick}>+ ${t('profile.agents.detail.agent_config.upload')}</button>
+          <input ref=${fileInputRef} type="file" accept=".md,.yaml,.yml,.json" class="pf-agd-hidden-input" onChange=${handleFileUpload} />
+        </div>
+        <div class="pf-agd-empty">${t('profile.agents.detail.empty.agent_config')}</div>
+      </div>
+    `;
+  }
+
+  return html`
+    <div>
+      <div class="pf-agd-config-upload">
+        <button class="btn-outline btn-sm" onClick=${handleUploadClick}>+ ${t('profile.agents.detail.agent_config.upload')}</button>
+        <input ref=${fileInputRef} type="file" accept=".md,.yaml,.yml,.json" class="pf-agd-hidden-input" onChange=${handleFileUpload} />
+      </div>
+
+      <div class="pf-agd-config-list">
+        ${files.map(file => html`
+          <div key=${file.key}
+               class="pf-agd-config-item ${selectedFile === file.key ? 'pf-agd-config-item--active' : ''}"
+               onClick=${() => selectFile(file)}>
+            ${file.active !== false && html`<span class="pf-agd-status-dot pf-agd-status-dot--active"></span>`}
+            <span class="pf-agd-config-name">${file.filename}</span>
+            ${file.description && html`<span class="pf-agd-config-desc">${file.description}</span>`}
+            ${!file.description && html`<span class="pf-agd-config-desc">${file.updatedAt ? `${t('profile.agents.tasks.updated')}: ${new Date(file.updatedAt).toLocaleDateString()}` : ''}</span>`}
+            ${file.platform && html`<span class="pf-agd-config-platform">${file.platform}</span>`}
+          </div>
+        `)}
+      </div>
+
+      ${selectedFile && html`
+        <div>
+          <div class="pf-agd-config-preview-header">
+            <span>${t('profile.agents.detail.agent_config.viewing')}: ${files.find(f => f.key === selectedFile)?.filename || ''}</span>
+            <div class="pf-agd-config-actions">
+              ${!editing && html`
+                <button class="btn-outline btn-sm" onClick=${handleEdit}>${t('profile.agents.detail.agent_config.edit')}</button>
+                <button class="btn-outline btn-sm" onClick=${handleCopy}>${t('profile.agents.detail.agent_config.copy')}</button>
+                <button class="btn-outline btn-sm" onClick=${handleDownload}>${t('profile.agents.detail.agent_config.download')}</button>
+              `}
+            </div>
+          </div>
+          ${editing ? html`
+            <div class="pf-agd-config-edit">
+              <textarea class="pf-agd-config-textarea" value=${editContent} onInput=${(e) => setEditContent(e.target.value)}></textarea>
+              <div class="pf-agd-form-actions">
+                <button class="btn-primary btn-sm" onClick=${handleSave}>${t('profile.agents.detail.agent_config.save')}</button>
+                <button class="btn-outline btn-sm" onClick=${handleCancelEdit}>${t('profile.agents.detail.agent_config.cancel')}</button>
+              </div>
+            </div>
+          ` : html`
+            <div class="pf-agd-config-preview">${preview}</div>
+          `}
+        </div>
+      `}
+    </div>
+  `;
+}