aimeat 1.23.2 → 1.24.0

package/dist/public/views/profile/agents/shared-board.js

@@ -1,31 +1,58 @@
 /**
  * @file shared-board.js
- * @description Shared Agent Board component. Shows fleet-wide overview grid
- *   above agent cards with mini-cards per agent and shared tag summary.
+ * @description Shared Agent Board ("radiator") — fleet state at a glance. Mini-cards per agent
+ *   (name + status color + ONE essential figure), a status legend that doubles as filter pills,
+ *   and issue-first sorting so a problem never drowns among healthy agents. Clicking a card
+ *   expands the same agent in the management list below.
  * @version-history
+ *   v2.0.0 -- 2026-06-10 -- Glance optimization round: status legend = clickable filter pills
+ *     (online/quiet/onboarding/issue) with counts; sort issues first, then onboarding, then the
+ *     rest; cards slimmed to name + one figure (no "--" filler rows, tags line dropped — tags
+ *     live in the list's filter bar and the shared-tags summary).
  *   v1.1.0 -- 2026-05-24 -- Fix: board card name colored by state, fix locale prefix
  *   v1.0.0 -- 2026-05-24 -- Initial creation for Agent Detail Tab-View
  */
 
 import { h } from 'preact';
-import { useMemo } from 'preact/hooks';
+import { useMemo, useState } from 'preact/hooks';
 import htm from 'htm';
 import { t } from '/js/i18n.js';
 import { detectAgentState, getStateColor } from './state-detector.js';
 
 const html = htm.bind(h);
 
+// Detailed states collapse into four glanceable buckets for the legend/filter.
+const BUCKET_OF = { production: 'online', idle: 'quiet', new: 'onboarding', onboarding: 'onboarding', problem: 'issue' };
+const BUCKET_RANK = { issue: 0, onboarding: 1, online: 2, quiet: 3 };
+const BUCKETS = [
+  { id: 'online', color: 'var(--success)', key: 'profile.agents.board.online' },
+  { id: 'quiet', color: 'var(--text-muted)', key: 'profile.agents.board.quiet' },
+  { id: 'onboarding', color: 'var(--warning)', key: 'profile.agents.board.onboarding' },
+  { id: 'issue', color: 'var(--danger)', key: 'profile.agents.board.issue' },
+];
+
 export default function SharedBoard({ agents, onboardings, onAgentClick }) {
+  const [bucketFilter, setBucketFilter] = useState(null);
   if (!agents || agents.length === 0) return null;
 
   const agentStates = useMemo(() => {
-    return agents.map(agent => ({
-      agent,
-      state: detectAgentState(agent, onboardings?.[agent.name]),
-      onboarding: onboardings?.[agent.name],
-    }));
+    const rows = agents.map(agent => {
+      const state = detectAgentState(agent, onboardings?.[agent.name]);
+      return { agent, state, bucket: BUCKET_OF[state] || 'quiet', onboarding: onboardings?.[agent.name] };
+    });
+    // Problems first, onboarding second, then the rest — an issue must not drown.
+    rows.sort((a, b) => (BUCKET_RANK[a.bucket] ?? 9) - (BUCKET_RANK[b.bucket] ?? 9));
+    return rows;
   }, [agents, onboardings]);
 
+  const counts = useMemo(() => {
+    const c = { online: 0, quiet: 0, onboarding: 0, issue: 0 };
+    for (const r of agentStates) c[r.bucket]++;
+    return c;
+  }, [agentStates]);
+
+  const shown = bucketFilter ? agentStates.filter(r => r.bucket === bucketFilter) : agentStates;
+
   const allTags = useMemo(() => {
     const tagCounts = {};
     for (const { agent } of agentStates) {
@@ -38,8 +65,19 @@ export default function SharedBoard({ agents, onboardings, onAgentClick }) {
 
   return html`
     <div class="pf-agd-board">
+      <div class="pf-agd-board-legend">
+        ${BUCKETS.map(b => html`
+          <button key=${b.id}
+            class="pf-agd-legend-pill ${bucketFilter === b.id ? 'pf-agd-legend-pill--active' : ''}"
+            disabled=${counts[b.id] === 0 && bucketFilter !== b.id}
+            onClick=${() => setBucketFilter(f => (f === b.id ? null : b.id))}>
+            <span class="pf-agd-legend-dot" style="background: ${b.color}"></span>
+            ${t(b.key)} <span class="pf-agd-legend-count">${counts[b.id]}</span>
+          </button>
+        `)}
+      </div>
       <div class="pf-agd-board-grid">
-        ${agentStates.map(({ agent, state, onboarding }) => html`
+        ${shown.map(({ agent, state, onboarding }) => html`
           <div
             key=${agent.name}
             class="pf-agd-board-card"
@@ -48,12 +86,7 @@ export default function SharedBoard({ agents, onboardings, onAgentClick }) {
           >
             <div class="pf-agd-board-card-name" style="color: ${getStateColor(state)}">${agent.display_name || agent.name}</div>
             <div class="pf-agd-board-card-activity">
-              ${renderActivitySummary(state, agent, onboarding)}
-            </div>
-            <div class="pf-agd-board-card-tags">
-              ${(agent.tags ?? []).length > 0
-                ? (agent.tags ?? []).join(', ')
-                : '--'}
+              ${glanceFigure(state, agent, onboarding)}
             </div>
           </div>
         `)}
@@ -69,22 +102,23 @@ export default function SharedBoard({ agents, onboardings, onAgentClick }) {
   `;
 }
 
-function renderActivitySummary(state, agent, onboarding) {
+// ONE essential figure per card — the radiator's job is fleet state at a glance,
+// not prose. Onboarding → progress, problem → short word, otherwise last-seen age.
+function glanceFigure(state, agent, onboarding) {
   switch (state) {
     case 'new':
-      return t('profile.agents.detail.state.newSummary');
+      return t('profile.agents.board.newShort');
     case 'onboarding': {
       const passed = onboarding?.steps?.filter(s => s.status === 'passed').length ?? 0;
       const total = onboarding?.steps?.length ?? 11;
-      return `${t('profile.agents.detail.state.onboarding')}: ${passed}/${total}`;
+      return `${passed}/${total}`;
     }
     case 'problem':
-      return t('profile.agents.detail.state.problemSummary');
+      return t('profile.agents.board.issueShort');
     case 'production':
+    case 'idle':
     default:
-      return agent.last_seen
-        ? `${t('profile.agents.detail.lastSeen')}: ${formatTimeAgo(agent.last_seen)}`
-        : t('profile.agents.detail.state.idle');
+      return agent.last_seen ? formatTimeAgo(agent.last_seen) : t('profile.agents.detail.state.idle');
   }
 }
 

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

@@ -3,6 +3,10 @@
  * @description Enhanced Activity tab with governance filter and category badges.
  *   Wraps the existing activity subtab with additional filter pills.
  * @version-history
+ *   v1.6.0 -- 2026-06-10 -- Event log strictly newest-first (pages interleaved lifecycle events);
+ *     "Tokens used (30d)" shows "—/not reported" when telemetry isn't wired (0 claimed no usage);
+ *     delivery health shows a neutral "Delivery: polling" line when neither MCP nor webhook is
+ *     configured (polling is a working method, not two missing ones).
  *   v1.5.0 -- 2026-05-28 -- Fix governance card: telemetry response field is `events` (not `entries`), and per-event tokens live in e.data.tokens_used / e.data.tokens_in+out
  *   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
@@ -135,7 +139,12 @@ export default function TabActivity({ agent, agentName, session, showToast }) {
     return html`<div class="pf-agd-empty">${t('profile.loading')}</div>`;
   }
 
-  const filtered = filter === 'all' ? events : events.filter(ev => eventCategory(ev) === filter);
+  // Strict newest-first ordering — the backend pages can interleave lifecycle events
+  // (completed before progress, timestamps jumping 05:25 → 05:28 → 05:25 otherwise).
+  const sorted = [...events].sort((a, b) => String(b.timestamp || '').localeCompare(String(a.timestamp || '')));
+  const filtered = filter === 'all' ? sorted : sorted.filter(ev => eventCategory(ev) === filter);
+  // Telemetry not wired ≠ zero consumption — don't let "0" claim there was none.
+  const telemetryConnected = (governance?.telemetryCount || 0) > 0 || (stats?.tokensUsed30d || 0) > 0;
 
   return html`
     <div>
@@ -147,8 +156,8 @@ export default function TabActivity({ agent, agentName, session, showToast }) {
             <div class="stat-card-label">${t('profile.agents.activity.tasksCompleted')}</div>
           </div>
           <div class="stat-card">
-            <div class="stat-card-value">${stats.tokensUsed30d ?? 0}</div>
-            <div class="stat-card-label">${t('profile.agents.activity.tokensUsed')}</div>
+            <div class="stat-card-value">${telemetryConnected ? (stats.tokensUsed30d ?? 0) : '—'}</div>
+            <div class="stat-card-label">${t('profile.agents.activity.tokensUsed')}${telemetryConnected ? '' : ` (${t('profile.agents.detail.activity.notReported') || 'not reported'})`}</div>
           </div>
           <div class="stat-card">
             <div class="stat-card-value">${stats.successRate != null ? `${Math.round(stats.successRate)}%` : '-'}</div>
@@ -184,15 +193,18 @@ export default function TabActivity({ agent, agentName, session, showToast }) {
           <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')
-              }
+              ${(!governance.mcpActive && !governance.webhookEnabled)
+                ? html`<span class="pf-agd-status-dot ${agent?.last_seen && (Date.now() - new Date(agent.last_seen).getTime() < 24 * 3600 * 1000) ? 'pf-agd-status-dot--active' : 'pf-agd-status-dot--inactive'}"></span> ${t('profile.agents.detail.activity.deliveryPollingLine') || 'Delivery: polling'}`
+                : html`
+                  ${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>

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

@@ -9,6 +9,8 @@
  *   v1.2.0 -- 2026-06-02 -- Component unification: route handleCopy through the shared
  *     copyToClipboard (/js/utils.js) instead of raw navigator.clipboard.writeText, so the
  *     insecure-context fallback applies; toast preserved (TIER 3, stays a handler)
+ *   v1.3.0 -- 2026-06-10 -- AgentDangerZone at the tab bottom: typed-agent-name gate +
+ *     the shared confirm — replaces the Delete button that sat on every tab's footer.
  */
 
 import { h } from 'preact';
@@ -67,7 +69,33 @@ function ScheduleBudgetSection({ agent, agentName, showToast }) {
     </div>`;
 }
 
-export default function TabAgentConfig({ agent, agentName, session, showToast }) {
+/** Danger zone — deleting the agent lives HERE (not on every tab's footer): a red-bordered box
+ *  whose Delete needs the agent's name typed first; the final confirm dialog still applies. */
+function AgentDangerZone({ agent, agentName, onDeleteClick }) {
+  const [open, setOpen] = useState(false);
+  const [typed, setTyped] = useState('');
+  if (!onDeleteClick) return null;
+  return html`
+    <div class="pj-danger pj-danger-box">
+      <div class="pj-danger-row">
+        <div class="pj-danger-text">
+          <div class="pj-danger-title">${t('profile.agents.detail.agent_config.deleteTitle') || 'Delete this agent'}</div>
+          <div class="pj-danger-sub">${t('profile.agents.detail.agent_config.deleteDesc') || 'Removes the agent, its credentials and its task history. This cannot be undone.'}</div>
+        </div>
+        <button class="btn-danger btn-sm" onClick=${() => { setOpen(o => !o); setTyped(''); }}>${t('profile.agents.deleteAgent')}…</button>
+      </div>
+      ${open && html`
+        <div class="pj-danger-confirm">
+          <label class="pj-field"><span>${(t('profile.agents.detail.agent_config.deleteConfirmLabel') || 'Type the agent’s name to confirm') + ': ' + agentName}</span>
+            <input type="text" class="input-field input-sm" value=${typed} onInput=${(e) => setTyped(e.target.value)} placeholder=${agentName} /></label>
+          <button class="btn-danger btn-sm" disabled=${typed.trim() !== agentName}
+            onClick=${() => onDeleteClick(agent.name)}>${t('profile.agents.deleteAgent')}</button>
+        </div>
+      `}
+    </div>`;
+}
+
+export default function TabAgentConfig({ agent, agentName, session, showToast, onDeleteClick }) {
   const [files, setFiles] = useState([]);
   const [selectedFile, setSelectedFile] = useState(null);
   const [preview, setPreview] = useState('');
@@ -197,6 +225,7 @@ export default function TabAgentConfig({ agent, agentName, session, showToast })
           <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>
+        <${AgentDangerZone} agent=${agent} agentName=${agentName} onDeleteClick=${onDeleteClick} />
       </div>
     `;
   }
@@ -248,6 +277,7 @@ export default function TabAgentConfig({ agent, agentName, session, showToast })
           `}
         </div>
       `}
+      <${AgentDangerZone} agent=${agent} agentName=${agentName} onDeleteClick=${onDeleteClick} />
     </div>
   `;
 }

package/dist/public/views/profile/agents/tab-data-access.js

@@ -9,6 +9,8 @@
  *   v1.3.0 -- 2026-05-31 -- Make Stored Memory Keys editable (inline textarea + Save) and deletable; make Memory Areas editable (key prefix / description / access) and deletable. Stored-key list now carries `version` for optimistic-lock PUTs. Delete confirmations use the shared useConfirm dialog.
  *   v1.4.0 -- 2026-05-31 -- Add "+ Add key" button + create form to Stored Memory Keys. New entries are created under the AGENT's GAII (createMemory passes agent.gaii), not the owner's GHII, so they belong to the agent being viewed.
  *   v1.5.0 -- 2026-05-31 -- Stored Memory Keys: show per-key created + last-updated timestamps (relative, full date on hover) and add a sort control (by updated or created, newest/oldest toggle). List now carries createdAt.
+ *   v1.6.0 -- 2026-06-10 -- Empty sections compact to one row (title + "none" + Add button on the
+ *     same line) — section order unchanged; a section grows when content arrives.
  */
 
 import { h } from 'preact';
@@ -365,6 +367,7 @@ export default function TabDataAccess({ agent, agentName, session, showToast, al
       <div class="pf-agd-data-section">
         <div class="pf-agd-section-header">
           <span class="pf-agd-section-title">${t('profile.agents.detail.data_access.sharedTagsTitle')}</span>
+          ${tags.length === 0 && !addingTag && html`<span class="pf-agd-none-inline">${t('profile.agents.detail.data_access.noneInline') || 'none'}</span>`}
           <button class="btn-outline btn-sm" onClick=${() => setAddingTag(!addingTag)}>+ ${t('profile.agents.detail.data_access.addTag')}</button>
         </div>
         ${addingTag && html`
@@ -390,16 +393,14 @@ export default function TabDataAccess({ agent, agentName, session, showToast, al
             </div>
           `;
         })}
-        ${tags.length === 0 && !addingTag && html`
-          <div class="pf-agd-empty">${t('profile.agents.detail.data_access.noTags')}</div>
-        `}
-        <div class="pf-agd-help-text">${t('profile.agents.detail.data_access.tagsHelp')}</div>
+        ${(tags.length > 0 || addingTag) && html`<div class="pf-agd-help-text">${t('profile.agents.detail.data_access.tagsHelp')}</div>`}
       </div>
 
       <!-- MEMORY AREAS -->
       <div class="pf-agd-data-section">
         <div class="pf-agd-section-header">
           <span class="pf-agd-section-title">${t('profile.agents.detail.data_access.memoryAreasTitle')}</span>
+          ${!hasAreas && !addingArea && html`<span class="pf-agd-none-inline">${t('profile.agents.detail.data_access.noneInline') || 'none'}</span>`}
           <button class="btn-outline btn-sm" onClick=${() => setAddingArea(!addingArea)}>+ ${t('profile.agents.detail.data_access.addArea')}</button>
         </div>
         ${addingArea && html`
@@ -443,15 +444,14 @@ export default function TabDataAccess({ agent, agentName, session, showToast, al
               </span>
             </div>
           `
-        )) : !addingArea && html`
-          <div class="pf-agd-empty">${t('profile.agents.detail.data_access.noAreas')}</div>
-        `}
+        )) : null}
       </div>
 
       <!-- KNOWLEDGE PACKAGES -->
       <div class="pf-agd-data-section">
         <div class="pf-agd-section-header">
           <span class="pf-agd-section-title">${t('profile.agents.detail.data_access.knowledgeTitle')}</span>
+          ${!hasResources && !addingPackage && html`<span class="pf-agd-none-inline">${t('profile.agents.detail.data_access.noneInline') || 'none'}</span>`}
           <button class="btn-outline btn-sm" onClick=${() => setAddingPackage(!addingPackage)}>+ ${t('profile.agents.detail.data_access.linkPackage')}</button>
         </div>
         ${addingPackage && html`
@@ -470,15 +470,14 @@ export default function TabDataAccess({ agent, agentName, session, showToast, al
             <span class="pf-agd-area-desc">${res.description || ''}</span>
             ${(res.documentCount || res.count) ? html`<span class="pf-agd-package-count">${res.documentCount || res.count} ${t('profile.agents.detail.data_access.docCount')}</span>` : ''}
           </div>
-        `) : !addingPackage && html`
-          <div class="pf-agd-empty">${t('profile.agents.detail.data_access.noPackages')}</div>
-        `}
+        `) : null}
       </div>
 
       <!-- STORED MEMORY KEYS -->
       <div class="pf-agd-data-section">
           <div class="pf-agd-section-header">
             <span class="pf-agd-section-title">${t('profile.agents.detail.data_access.storedKeysTitle')}</span>
+            ${!hasKeys && !addingKey && html`<span class="pf-agd-none-inline">${t('profile.agents.detail.data_access.noneInline') || 'none'}</span>`}
             <div class="pf-agd-keys-controls">
               ${hasKeys && html`
                 <label class="pf-agd-sort-label">${t('profile.agents.detail.data_access.sortBy')}</label>
@@ -515,9 +514,6 @@ export default function TabDataAccess({ agent, agentName, session, showToast, al
               </div>
             </div>
           `}
-          ${memoryKeys.length === 0 && !addingKey && html`
-            <div class="pf-agd-empty">${t('profile.agents.detail.data_access.noKeys')}</div>
-          `}
           ${sortedKeys.map(mk => html`
             <div key=${mk.key}>
               <div class="pf-agd-area-row pf-agd-area-row--clickable" onClick=${() => toggleExpandKey(mk)}>

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

@@ -4,6 +4,8 @@
  *   during onboarding or production status (connection, platform, readiness,
  *   identity, delivery log) after completion.
  * @version-history
+ *   v1.7.0 -- 2026-06-10 -- Webhook fields (URL, fail count, Test/Edit) hidden while delivery
+ *     is polling; a "+ Set up webhook" reveal opens the URL form for switching methods.
  *   v1.6.0 -- 2026-06-02 -- Component unification (#1): the 3 copy buttons (agent prompt,
  *     install command, curl) now use the canonical <CopyButton> with precomputed text
  *     payloads -- dropped 3 copied-state useState hooks, 3 hand-rolled handlers, the
@@ -302,7 +304,7 @@ function renderProductionView(agent, onboarding, webhook, bundleVersion, display
             ${(webhook && webhook.url) ? t('profile.agents.detail.deliveryWebhook') : t('profile.agents.detail.deliveryPolling')}
           </span>
         </div>
-        ${webhook ? html`
+        ${(webhook && webhook.url) ? html`
           <div class="pf-agd-info-row">
             <span class="pf-agd-info-label">${t('profile.agents.webhook.url')}</span>
             <span class="pf-agd-info-value">${webhook.url || '--'}</span>
@@ -341,10 +343,34 @@ function renderProductionView(agent, onboarding, webhook, bundleVersion, display
             </div>
           `}
         ` : html`
+          <!-- Polling is the active method: webhook plumbing stays hidden until the owner
+               chooses to switch (the "+ Set up webhook" reveal). -->
           <div class="pf-agd-info-row">
             <span class="pf-agd-info-label">${t('profile.agents.detail.integration.pollingInterval')}</span>
             <span class="pf-agd-info-value">${agent.pollingInterval || agent.polling_interval || '60s'}</span>
           </div>
+          ${editingWebhook ? html`
+            <div class="pf-agd-webhook-form">
+              <input
+                type="url"
+                value=${webhookDraft}
+                onInput=${e => setWebhookDraft(e.target.value)}
+                placeholder="https://..."
+              />
+              <button class="btn-primary btn-sm" onClick=${handleSaveWebhook} disabled=${savingWebhook}>
+                ${savingWebhook ? '...' : t('common.save')}
+              </button>
+              <button class="btn-outline btn-sm" onClick=${handleCancelWebhook}>
+                ${t('common.cancel')}
+              </button>
+            </div>
+          ` : html`
+            <div class="pf-agd-form-actions">
+              <button class="btn-ghost btn-sm" onClick=${handleEditWebhook}>
+                + ${t('profile.agents.detail.integration.setupWebhook') || 'Set up webhook'}
+              </button>
+            </div>
+          `}
         `}
         <div class="pf-agd-info-row">
           <span class="pf-agd-info-label">${t('profile.agents.detail.lastSeen')}</span>

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

@@ -3,6 +3,8 @@
  * @description Messages tab with command palette, "/" autocomplete, and chat area.
  *   Wraps the existing messages subtab and adds command discovery.
  * @version-history
+ *   v1.6.0 -- 2026-06-10 -- Empty command palette is one quiet line ("Agent commands — none
+ *     registered"), not an expandable empty box.
  *   v1.5.0 -- 2026-06-06 -- Thread buttons: fix field-name mismatch (use threadId/lastMessage from the
  *     API, not the non-existent id/title/preview) so selecting a thread actually filters and each
  *     button shows a real label. Label task-based threads by their task title, snippet others; collapse
@@ -46,18 +48,11 @@ function CommandPalette({ commands, onSend }) {
   const [expanded, setExpanded] = useState(false);
 
   if (!commands || commands.length === 0) {
+    // No registered commands → one quiet line, not an expandable empty box.
     return html`
-      <div class="pf-agd-commands">
-        <div class="pf-agd-commands-header" onClick=${() => setExpanded(!expanded)}>
-          <span>${t('profile.agents.detail.messages.commands.title')} (0)</span>
-          <span>${expanded ? '▼' : '▶'}</span>
-        </div>
-        ${expanded && html`
-          <div class="pf-agd-commands-body">
-            <div class="pf-agd-empty">${t('profile.agents.detail.messages.commands.noCommands')}</div>
-            <div class="pf-agd-empty-hint">${t('profile.agents.detail.messages.commands.noCommandsHint')}</div>
-          </div>
-        `}
+      <div class="pf-agd-commands pf-agd-commands--empty" title=${t('profile.agents.detail.messages.commands.noCommandsHint')}>
+        <span>${t('profile.agents.detail.messages.commands.title')}</span>
+        <span class="pf-agd-none-inline">${t('profile.agents.detail.messages.commands.noCommands')}</span>
       </div>
     `;
   }

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

@@ -10,6 +10,9 @@
  * @structure default export TabQuality({ agentName })
  * @usage rendered by agent-card.js renderTabContent() for the 'quality' tab
  * @version-history
+ *   v1.3.0 -- 2026-06-10 -- Deliverable rows show date+time (identical titles must be
+ *     tellable apart) and unrated rows rate via INLINE stars (click submits immediately);
+ *     the modal remains for re-rates (context/comment).
  *   v1.2.0 -- 2026-06-01 -- Stop the empty flash on refresh: only show the loading
  *     state on first load; live-update refetches swap data in place (and keep the
  *     last good data on a transient error) instead of blanking the tab.
@@ -45,6 +48,29 @@ function fmtSeconds(secs) {
   return `${Number(secs || 0).toLocaleString()}${t('profile.agents.detail.quality.seconds')}`;
 }
 
+/** Date + time for a deliverable row — four identical "Iltakirjoitus" rows must be tellable apart. */
+function fmtWhen(s) {
+  if (!s) return '';
+  const d = new Date(s);
+  if (!Number.isFinite(d.getTime())) return '';
+  return d.toLocaleString(undefined, { day: 'numeric', month: 'numeric', hour: '2-digit', minute: '2-digit' });
+}
+
+/** Inline 1–5 star picker — hovering previews, clicking submits right in the row (no modal hop).
+ *  The full modal stays available for re-rates (context/comment edits). */
+function InlineStars({ onPick, disabled }) {
+  const [hover, setHover] = useState(0);
+  return html`
+    <span class="pf-agd-inline-stars" role="radiogroup" onMouseLeave=${() => setHover(0)}>
+      ${[1, 2, 3, 4, 5].map(n => html`
+        <button key=${n} class="pf-agd-inline-star ${n <= hover ? 'pf-agd-inline-star--hot' : ''}"
+          disabled=${disabled} aria-label=${String(n)}
+          onMouseEnter=${() => setHover(n)}
+          onClick=${() => onPick(n)}>★</button>
+      `)}
+    </span>`;
+}
+
 export default function TabQuality({ agentName, showToast }) {
   const [data, setData] = useState(null);
   const [loading, setLoading] = useState(true);
@@ -82,6 +108,20 @@ export default function TabQuality({ agentName, showToast }) {
     setSendingRate(false);
   }
 
+  // Inline star click — submit immediately with the task's context (or 'other'); the modal
+  // remains the path for context/comment edits via re-rate.
+  async function handleInlineRate(task, stars) {
+    setSendingRate(true);
+    try {
+      await rateTask(agentName, task.id, { stars, context: task.context || 'other', source_grounded: false });
+      showToast?.(t('profile.agents.tasks.rate.success'));
+      await loadData();
+    } catch (err) {
+      showToast?.(err.message || t('profile.agents.tasks.rate.error'), true);
+    }
+    setSendingRate(false);
+  }
+
   useEffect(() => { loadData(); }, [agentName]);
 
   // Live updates: refresh when a rating lands or tasks change.
@@ -180,12 +220,12 @@ export default function TabQuality({ agentName, showToast }) {
             ${[...doneTasks].sort((a, b) => (a.rating ? 1 : 0) - (b.rating ? 1 : 0)).map(task => html`
               <div key=${task.id} class="pf-agd-quality-pending-row">
                 <span class="pf-agd-quality-pending-title">${task.title || task.id}</span>
+                <span class="pf-agd-quality-pending-when" title=${task.completedAt || ''}>${fmtWhen(task.completedAt || task.updatedAt)}</span>
                 ${task.rating
-                  ? html`<span class="pf-agd-quality-pending-rated">${starGlyphs(task.rating.stars)} ${ctxLabel(task.rating.context)}</span>`
-                  : html`<span class="pf-agd-quality-pending-unrated">${t('profile.agents.detail.quality.unrated')}</span>`}
-                <button class="btn-outline btn-sm" onClick=${() => setRateTarget(task)}>
-                  ${task.rating ? t('profile.agents.tasks.rate.rerate') : t('profile.agents.tasks.rate.button')}
-                </button>
+                  ? html`
+                    <span class="pf-agd-quality-pending-rated">${starGlyphs(task.rating.stars)} ${ctxLabel(task.rating.context)}</span>
+                    <button class="btn-ghost btn-sm" onClick=${() => setRateTarget(task)}>${t('profile.agents.tasks.rate.rerate')}</button>`
+                  : html`<${InlineStars} onPick=${(n) => handleInlineRate(task, n)} disabled=${sendingRate} />`}
               </div>
             `)}
           </div>

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

@@ -8,6 +8,8 @@
  *   v1.1.0 -- 2026-03-18 -- Rewrite agent prompt to use device-auth flow; remove connectivity key UI
  *   v1.2.0 -- 2026-03-19 -- Replace profile-initiated device auth with inline pending request approval
  *   v1.3.0 -- 2026-05-21 -- Shorten agent prompt to delegate to tier1; add Download/Copy Instructions buttons
+ *   v1.x — 2026-06-10 — External deep-link entry: sessionStorage `aimeat.agents.open` (set by the
+ *     home dashboard's Agents card) expands that agent's card on mount and scrolls it into view.
  *   v1.4.0 -- 2026-05-21 -- Add sub-tab navigation (Tasks, Directives) in expanded agent detail view
  *   v1.5.0 -- 2026-05-22 -- Add Capabilities sub-tab with technical/domain skill display
  *   v1.6.0 -- 2026-06-02 -- Component unification (#2): scope modal uses the canonical
@@ -35,6 +37,11 @@
  *     (connect command, MCP onboarding, manual agent prompt, task-runner prompt) with the
  *     canonical <CopyButton> (className="copy-prompt-btn" preserves appearance); removed the
  *     now-dead copiedAction state + markCopied helper.
+ *   v3.8.0 -- 2026-06-10 -- "Group by: Tag" becomes the default once any agent carries tags
+ *     (never overrides a user-picked grouping); unseen-change tracking drops memory churn and
+ *     adds a failed-tasks query so the badge can go red ONLY for unseen failures (tasksFailed);
+ *     marking the Tasks tab seen also acknowledges failures. External deep-link entry
+ *     (aimeat.agents.open) from the home dashboard retained from earlier same-day round.
  *   v3.7.0 -- 2026-06-09 -- Custom agent groups: new "Custom groups" group-by mode with
  *     user-created, drag-to-assign sections (definitions in AIMEAT memory via
  *     getAgentGroups/saveAgentGroups) and per-browser collapse/expand state
@@ -491,6 +498,11 @@ export default function AgentsTab({ session, showToast, onStats }) {
   const [changesMap, setChangesMap] = useState({});
   const [tagFilter, setTagFilter] = useState(new Set());
   const [groupBy, setGroupBy] = useState('none'); // 'none' | 'tag' | 'mode' | 'custom'
+  // "Group by: Tag" becomes the default once the user actually uses tags — but never
+  // override a grouping the user picked themselves (or re-apply after they change it).
+  const userPickedGroupBy = useRef(false);
+  const groupByDefaultApplied = useRef(false);
+  const pickGroupBy = (v) => { userPickedGroupBy.current = true; setGroupBy(v); };
   // Per-browser drag-to-reorder of the agent bars (localStorage-backed).
   const [agentOrder, setAgentOrder] = useState(() => loadAgentOrder(session?.owner));
   const [draggingName, setDraggingName] = useState(null);
@@ -603,7 +615,9 @@ export default function AgentsTab({ session, showToast, onStats }) {
     setChangesMap(prev => {
       const cur = prev[agentName];
       if (!cur || !cur[tab]) return prev;
-      return { ...prev, [agentName]: { ...cur, [tab]: 0 } };
+      const next = { ...cur, [tab]: 0 };
+      if (tab === 'tasks') next.tasksFailed = 0;   // seen = acknowledged, incl. failures
+      return { ...prev, [agentName]: next };
     });
   };
 
@@ -631,6 +645,10 @@ export default function AgentsTab({ session, showToast, onStats }) {
       const list = await listAgents(session.owner);
       setAgents(list);
       onStats?.({ agents: list.length });
+      if (!groupByDefaultApplied.current && !userPickedGroupBy.current && list.some(a => (a.tags ?? []).length > 0)) {
+        groupByDefaultApplied.current = true;
+        setGroupBy('tag');
+      }
       const obMap = {};
       await Promise.all(list.map(async (a) => {
         try {
@@ -646,11 +664,11 @@ export default function AgentsTab({ session, showToast, onStats }) {
       const chMap = {};
       await Promise.all(list.map(async (a) => {
         try {
-          const [doneResp, activeResp, msgResp, memResp] = await Promise.all([
+          const [doneResp, activeResp, msgResp, failedResp] = await Promise.all([
             listTasks(a.name, { status: 'done', per_page: 100 }),
             listTasks(a.name, { status: 'active', per_page: 100 }),
             listMessages(a.name, { perPage: 100 }).catch(() => null),
-            apiGet(`/v1/memory?prefix=&per_page=100&agent=${encodeURIComponent(a.gaii || a.name)}`).catch(() => null),
+            listTasks(a.name, { status: 'failed', per_page: 50 }).catch(() => null),
           ]);
           const today = new Date().toISOString().slice(0, 10);
           const doneTasks = doneResp?.data?.tasks || [];
@@ -665,16 +683,19 @@ export default function AgentsTab({ session, showToast, onStats }) {
           const agentSeen = seen[a.name] || (seen[a.name] = {});
           const nowIso = new Date().toISOString();
           const ch = {};
+          const failedTasks = failedResp?.data?.tasks || [];
           for (const [tab, items, fields] of [
-            ['tasks', [...doneTasks, ...activeTasks], ['updatedAt', 'completedAt', 'createdAt']],
+            // Tasks badge counts new completions + new failures (the "needs a look" set).
+            ['tasks', [...doneTasks, ...activeTasks, ...failedTasks], ['updatedAt', 'completedAt', 'createdAt']],
             // Only count agent→owner messages as unread; the owner's own
             // inbound messages are not "new" to them.
             ['messages', (msgResp?.data?.messages || []).filter(m => m.direction !== 'inbound'), ['createdAt', 'created_at']],
-            ['memory', (memResp?.data?.items || memResp?.data || []), ['updated_at', 'updatedAt', 'created_at', 'createdAt']],
           ]) {
             if (agentSeen[tab] === undefined) { agentSeen[tab] = nowIso; seenSeeded = true; ch[tab] = 0; }
             else ch[tab] = countNewer(items, agentSeen[tab], fields);
           }
+          // Red badge is reserved for unseen FAILED tasks; everything else stays neutral.
+          ch.tasksFailed = agentSeen.tasks === nowIso ? 0 : countNewer(failedTasks, agentSeen.tasks, ['updatedAt', 'completedAt', 'createdAt']);
           chMap[a.name] = ch;
         } catch { tsMap[a.name] = null; chMap[a.name] = null; atsMap[a.name] = []; }
       }));
@@ -713,6 +734,20 @@ export default function AgentsTab({ session, showToast, onStats }) {
     setExpandedAgent(prev => prev === name ? null : name);
   }
 
+  // External deep-link: the home dashboard's Agents card primes `aimeat.agents.open` with an
+  // agent name before opening this tab — expand that agent and scroll its card into view.
+  useEffect(() => {
+    try {
+      const name = sessionStorage.getItem('aimeat.agents.open');
+      if (!name) return;
+      sessionStorage.removeItem('aimeat.agents.open');
+      setExpandedAgent(name);
+      setTimeout(() => {
+        document.querySelector(`[data-agent-name="${name}"]`)?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+      }, 500);
+    } catch { /* noop */ }
+  }, []);
+
   // Running-now panel → open a specific agent's Tasks tab on a specific task.
   // Expand the agent, record the deep-link (nonce bump re-fires repeat clicks),
   // and scroll the agent's card into view.
@@ -973,7 +1008,7 @@ export default function AgentsTab({ session, showToast, onStats }) {
           agents=${agents}
           onOpen=${openAgentTask}
         />
-        ${renderFilterBar(agents, tagFilter, setTagFilter, groupBy, setGroupBy)}
+        ${renderFilterBar(agents, tagFilter, setTagFilter, groupBy, pickGroupBy)}
         ${renderAgentGroups({
           agents,
           tagFilter,