aimeat 1.18.0 → 1.19.0

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

@@ -7,6 +7,12 @@
  * @version-history
  *   v1.1.0 — 2026-06-02 — Admin design unification: raw template textarea →
  *     adm-textarea adm-input-full (drop inline mono/border/background styles).
+ *   v1.2.0 — 2026-06-03 — Active-source status (custom template vs built-in SPA)
+ *     + "Load current page" button that seeds the editor with the live / HTML.
+ *   v1.3.0 — 2026-06-03 — Fix portal memory keys writing to the wrong namespace
+ *     (now /v1/site/memory → __site__ so {{memory:portal/*}} resolves); add AI
+ *     bundle import (/v1/site/import) so the AI-Assisted result no longer 422s in
+ *     the template box; reload the preview iframe after every change + Clear Cache.
  */
 import { h } from 'preact';
 import { useState, useEffect } from 'preact/hooks';
@@ -17,7 +23,8 @@ import { escHtml, copyToClipboard } from '/js/utils.js';
 import { dt, Badge, ExpandableHelp, useToast, Toast } from './shared.js';
 import {
   saveSiteTemplate, deleteSiteTemplate, clearSiteCache,
-  getSiteMemoryKeys, getSitePrompt, addMemory, deleteMemory, triggerLbSync,
+  getSiteMemoryKeys, getSitePrompt, setSiteMemory, deleteSiteMemory,
+  importSiteBundle, triggerLbSync,
 } from '/js/services/admin.js';
 import { useConfirm } from '/components/Modal.js';
 
@@ -28,12 +35,17 @@ export default function PortalTab({ data, reload }) {
   const tmpl = p.template || {};
   const changes = (p.changelog?.entries) || [];
   const isLb = meta.lb_mode?.enabled;
+  const hasCustom = !!meta.has_custom_template;
 
   const { confirm, ConfirmUI } = useConfirm();
   const [template, setTemplate] = useState(tmpl.template || '');
   const [memKeys, setMemKeys] = useState(null);
   const [newKey, setNewKey] = useState('');
   const [newVal, setNewVal] = useState('');
+  const [aiBundle, setAiBundle] = useState('');
+  // Bumped after any change so the preview iframe re-fetches `/` (busts browser cache).
+  const [previewNonce, setPreviewNonce] = useState(0);
+  const bumpPreview = () => setPreviewNonce(n => n + 1);
 
   useEffect(() => { loadMemKeys(); }, []);
 
@@ -45,10 +57,56 @@ export default function PortalTab({ data, reload }) {
   }
 
   async function saveTemplate() {
-    try { await saveSiteTemplate(template); reload(); }
+    // The AI-Assisted prompt produces a JSON import bundle, not raw HTML. If the
+    // user pasted that here, the template route would 422 — point them to Import.
+    if (template.trimStart().startsWith('{')) {
+      showErr(t('dashboard.portalSaveLooksLikeJson'));
+      return;
+    }
+    try { await saveSiteTemplate(template); bumpPreview(); reload(); }
     catch (e) { showErr(e.message); }
   }
 
+  async function importAiBundle() {
+    let bundle;
+    try { bundle = JSON.parse(aiBundle); }
+    catch { showErr(t('dashboard.portalImportInvalid')); return; }
+    if (!bundle || typeof bundle !== 'object' || (!bundle.template && !bundle.memory && !bundle.kv)) {
+      showErr(t('dashboard.portalImportInvalid'));
+      return;
+    }
+    try {
+      const res = await importSiteBundle(bundle);
+      const d = res.data || {};
+      const parts = [];
+      if (d.template_stored) parts.push('template');
+      if (d.memory_keys_written) parts.push(d.memory_keys_written + ' memory');
+      if (d.kv_pairs_updated) parts.push(d.kv_pairs_updated + ' KV');
+      showOk(t('dashboard.portalImportDone').replace('{summary}', parts.join(', ') || '—'));
+      if (typeof bundle.template === 'string') setTemplate(bundle.template);
+      setAiBundle('');
+      loadMemKeys();
+      bumpPreview();
+      reload();
+    } catch (e) { showErr(e.message); }
+  }
+
+  async function loadCurrentAsTemplate() {
+    const run = async () => {
+      try {
+        const resp = await fetch('/', { headers: { Accept: 'text/html' }, cache: 'no-store' });
+        if (!resp.ok) throw new Error('HTTP ' + resp.status);
+        setTemplate(await resp.text());
+        showOk(t('dashboard.portalLoadedCurrent'));
+      } catch (e) { showErr(e.message); }
+    };
+    if (template && template.trim()) {
+      confirm(t('dashboard.portalLoadCurrentConfirm'), run);
+    } else {
+      run();
+    }
+  }
+
   function downloadTemplate() {
     if (!template) return;
     const blob = new Blob([template], { type: 'text/html' });
@@ -58,24 +116,28 @@ export default function PortalTab({ data, reload }) {
 
   function resetTemplate() {
     confirm(t('dashboard.portalResetDefault') + '?', async () => {
-      try { await deleteSiteTemplate(); reload(); }
+      try { await deleteSiteTemplate(); setTemplate(''); bumpPreview(); reload(); }
       catch (e) { showErr(e.message); }
     }, { danger: true });
   }
 
   async function doClearCache() {
-    try { await clearSiteCache(); } catch (e) { showErr(e.message); }
+    try { await clearSiteCache(); bumpPreview(); } catch (e) { showErr(e.message); }
   }
 
   async function addMem() {
     if (!newKey.trim()) return;
-    try { await addMemory(newKey, newVal); setNewKey(''); setNewVal(''); loadMemKeys(); }
-    catch (e) { showErr(e.message); }
+    try {
+      await setSiteMemory(newKey.trim(), newVal);
+      setNewKey(''); setNewVal('');
+      showOk(t('dashboard.portalMemorySaved'));
+      loadMemKeys(); bumpPreview();
+    } catch (e) { showErr(e.message); }
   }
 
   function delMem(key) {
     confirm(t('dashboard.portalDeleteKeyConfirm').replace('{key}', key), async () => {
-      try { await deleteMemory(key); loadMemKeys(); }
+      try { await deleteSiteMemory(key); loadMemKeys(); bumpPreview(); }
       catch (e) { showErr(e.message); }
     }, { danger: true });
   }
@@ -120,7 +182,7 @@ export default function PortalTab({ data, reload }) {
     <!-- Preview -->
     <div class="adm-card">
       <h3>${t('dashboard.portalPreview')}</h3>
-      <iframe src="/" style="width:100%;height:400px;border:1px solid var(--glass-border);border-radius:8px;background:#fff" sandbox="allow-same-origin allow-scripts"></iframe>
+      <iframe src=${'/?_preview=' + previewNonce} style="width:100%;height:400px;border:1px solid var(--glass-border);border-radius:8px;background:#fff" sandbox="allow-same-origin allow-scripts"></iframe>
       <div class="adm-flex adm-mt-sm">
         <button class="adm-btn-action" onClick=${doClearCache}>\u{1F6AB} ${t('dashboard.portalClearCache')}</button>
       </div>
@@ -129,6 +191,22 @@ export default function PortalTab({ data, reload }) {
     <!-- Template editor -->
     <div class="adm-card">
       <h3>${t('dashboard.portalTemplate')}</h3>
+      <div class="adm-erow">
+        <span class="adm-elabel">${t('dashboard.portalActiveSource')}</span>
+        <span class="adm-eval">
+          ${hasCustom
+            ? html`<span class="adm-badge adm-badge-active">${t('dashboard.portalCustomActive')}</span>${tmpl.updated_at ? html` · ${dt(tmpl.updated_at)}` : ''}`
+            : html`<span class="adm-badge adm-badge-info">${t('dashboard.portalDefaultActive')}</span>`}
+        </span>
+      </div>
+      <p class="adm-text-dim adm-text-base adm-mb-sm">
+        ${hasCustom
+          ? t('dashboard.portalCustomExplain')
+          : t('dashboard.portalDefaultExplain').replace('{action}', t('dashboard.portalLoadCurrent'))}
+      </p>
+      <div class="adm-mb-sm">
+        <button class="adm-btn-action" onClick=${loadCurrentAsTemplate}>\u{1F4C4} ${t('dashboard.portalLoadCurrent')}</button>
+      </div>
       <${ExpandableHelp} title=${t('dashboard.portalTagHelpTitle')}>
         <p>${t('dashboard.portalTagHelpDetail')}</p>
         <table>
@@ -194,9 +272,16 @@ export default function PortalTab({ data, reload }) {
     <div class="adm-card">
       <h3>${t('dashboard.portalAiChat')}</h3>
       <p class="adm-text-dim adm-text-base">${t('dashboard.portalAiExplain')}</p>
-      <div class="adm-mt-sm">
+      <div class="adm-mt-sm adm-mb-sm">
         <button class="adm-btn-action" onClick=${copyPrompt}>\u{1F4CB} ${t('dashboard.portalAiLoadPrompt')}</button>
       </div>
+      <p class="adm-text-dim adm-text-base adm-mb-sm">${t('dashboard.portalAiBundleExplain')}</p>
+      <textarea class="adm-textarea adm-input-full" rows="6" value=${aiBundle}
+        onInput=${e => setAiBundle(e.target.value)}
+        placeholder=${t('dashboard.portalAiBundlePlaceholder')} style="font-size:13px"></textarea>
+      <div class="adm-flex adm-mt-sm">
+        <button class="adm-btn-action" onClick=${importAiBundle}>\u{1F4E5} ${t('dashboard.portalAiImport')}</button>
+      </div>
     </div>
 
     <!-- Changelog -->

package/dist/public/views/profile/agents/agent-card.js

@@ -3,6 +3,10 @@
  * @description Agent card component with collapsed/expanded states,
  *   Two-Zone Header (identity + state-dependent status), and tab bar.
  * @version-history
+ *   v1.13.0 -- 2026-06-03 -- Deep-link props: preSelectedTab forces a tab (and
+ *     locks it past the async README default), openTaskId + openTaskNonce are
+ *     threaded to the Tasks sub-tab so the fleet "running now" panel can open a
+ *     specific task directly.
  *   v1.12.0 -- 2026-06-02 -- Active tracked tab never shows its own badge and is
  *     kept marked-seen as new items arrive (so a message landing while you're on
  *     the Messages tab doesn't raise a (1) you're already looking at).
@@ -111,7 +115,7 @@ function totalChanges(changes) {
   return (changes.tasks || 0) + (changes.messages || 0) + (changes.memory || 0);
 }
 
-export default function AgentCard({ agent, onboarding, expanded, onToggle, session, showToast, allAgents, changes, onTabSeen, onScopesClick, onDeleteClick, onFederateToggle, onPopOut, soloMode = false }) {
+export default function AgentCard({ agent, onboarding, expanded, onToggle, session, showToast, allAgents, changes, onTabSeen, onScopesClick, onDeleteClick, onFederateToggle, onPopOut, soloMode = false, preSelectedTab = null, openTaskId = null, openTaskNonce = 0 }) {
   const state = detectAgentState(agent, onboarding);
   const [activeTab, setActiveTab] = useState(null);
   // README markdown: undefined = not loaded, '' = none published, string = show tab.
@@ -119,6 +123,9 @@ export default function AgentCard({ agent, onboarding, expanded, onToggle, sessi
   // True once the user clicks a tab, so the async README default never yanks
   // them off a tab they chose.
   const userPickedTab = useRef(false);
+  // Last deep-link nonce we acted on, so a fresh panel click re-forces the tab
+  // but a plain re-expand (same nonce) does not override the README default.
+  const lastDeepLinkNonce = useRef(0);
 
   // Load the README once the card is expanded (lazy — collapsed cards skip it).
   useEffect(() => {
@@ -141,6 +148,19 @@ export default function AgentCard({ agent, onboarding, expanded, onToggle, sessi
     setActiveTab(hasReadme ? 'readme' : getDefaultTab(state));
   }, [expanded, readme]);
 
+  // Deep-link: when the fleet "running now" panel requests this agent's Tasks
+  // tab (preSelectedTab), force that tab and lock it (userPickedTab) so the
+  // async README default can't yank it away. Gated on a NEW openTaskNonce so a
+  // fresh panel click re-forces it, but a plain manual re-expand (same nonce)
+  // leaves the README default / the user's own tab choice alone.
+  useEffect(() => {
+    if (!expanded || !preSelectedTab || !openTaskNonce) return;
+    if (openTaskNonce === lastDeepLinkNonce.current) return;
+    lastDeepLinkNonce.current = openTaskNonce;
+    userPickedTab.current = true;
+    setActiveTab(preSelectedTab);
+  }, [expanded, preSelectedTab, openTaskNonce]);
+
   // While the owner is actively viewing a tracked tab (Tasks/Messages/Memory),
   // keep it marked-seen as new items arrive. Without this, a message landing
   // while you're on the Messages tab would raise its (1) badge even though you
@@ -256,7 +276,7 @@ export default function AgentCard({ agent, onboarding, expanded, onToggle, sessi
 
         <!-- Tab Content -->
         <div class="pf-agd-tab-content" onClick=${(e) => e.stopPropagation()}>
-          ${renderTabContent(activeTab, agent, onboarding, session, showToast, allAgents, readme)}
+          ${renderTabContent(activeTab, agent, onboarding, session, showToast, allAgents, readme, openTaskId, openTaskNonce)}
         </div>
 
         <!-- Card Footer: Scopes + Delete -->
@@ -550,12 +570,12 @@ function ProblemZone2({ agent, setActiveTab, showToast }) {
   `;
 }
 
-function renderTabContent(activeTab, agent, onboarding, session, showToast, allAgents, readme) {
+function renderTabContent(activeTab, agent, onboarding, session, showToast, allAgents, readme, openTaskId, openTaskNonce) {
   const props = { agent, onboarding, session, showToast, agentName: agent.name, allAgents };
   switch (activeTab) {
     case 'readme': return html`<${TabReadme} readme=${readme} />`;
     case 'integration': return html`<${TabIntegration} ...${props} />`;
-    case 'tasks': return html`<${TabTasks} ...${props} />`;
+    case 'tasks': return html`<${TabTasks} ...${props} openTaskId=${openTaskId} openTaskNonce=${openTaskNonce} />`;
     case 'messages': return html`<${TabMessages} ...${props} />`;
     case 'data-access': return html`<${TabDataAccess} ...${props} />`;
     case 'directives': return html`<${TabDirectives} ...${props} />`;

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

@@ -11,14 +11,12 @@ import { h } from 'preact';
 import { useState, useEffect, useRef, useCallback } from 'preact/hooks';
 import htm from 'htm';
 import { t } from '/js/i18n.js';
-import { timeAgo } from '/js/utils.js';
-import { listAgentSchedules, setScheduleEnabled, triggerSchedule, deleteSchedule } from '/js/services/schedules.js';
+import { listAgentSchedules } from '/js/services/schedules.js';
 import { CreateForm } from '../scheduler-tab.js';
+import ScheduleItem from '../schedule-item.js';
 
 const html = htm.bind(h);
 
-const KIND_LABEL = { ai: 'profile.scheduler.kind.ai', agent_task: 'profile.scheduler.kind.agent_task', extension: 'profile.scheduler.kind.extension', core: 'profile.scheduler.kind.core' };
-
 export default function TabSchedules({ agentName, allAgents = [], showToast }) {
   const [managed, setManaged] = useState([]);
   const [internal, setInternal] = useState([]);
@@ -45,13 +43,6 @@ export default function TabSchedules({ agentName, allAgents = [], showToast }) {
     return () => { window.removeEventListener('aimeat-live-update', handler); clearInterval(poller); };
   }, [loadData]);
 
-  const onToggle = async (j) => { try { await setScheduleEnabled(j.id, !j.enabled); await loadData(); } catch (e) { showToast?.(e.message, true); } };
-  const onTrigger = async (j) => { try { await triggerSchedule(j.id); showToast?.(t('profile.scheduler.triggered')); await loadData(); } catch (e) { showToast?.(e.message, true); } };
-  const onCancel = async (j) => {
-    if (!window.confirm(t('profile.scheduler.confirmCancel'))) return;
-    try { await deleteSchedule(j.id); showToast?.(t('profile.scheduler.cancelled')); await loadData(); } catch (e) { showToast?.(e.message, true); }
-  };
-
   if (loading) return html`<div class="sch-loading">${t('profile.scheduler.loading')}</div>`;
 
   return html`
@@ -70,27 +61,7 @@ export default function TabSchedules({ agentName, allAgents = [], showToast }) {
         <h3 class="sch-section-title">${t('profile.scheduler.dispatchedTitle')}</h3>
         ${managed.length === 0
           ? html`<div class="sch-empty">${t('profile.scheduler.noDispatched')}</div>`
-          : html`<table class="sch-table"><thead><tr>
-              <th>${t('profile.scheduler.col.name')}</th>
-              <th>${t('profile.scheduler.col.kind')}</th>
-              <th>${t('profile.scheduler.col.cron')}</th>
-              <th>${t('profile.scheduler.col.lastRun')}</th>
-              <th>${t('profile.scheduler.col.nextRun')}</th>
-              <th></th>
-            </tr></thead><tbody>
-            ${managed.map(j => html`<tr key=${j.id}>
-              <td><div class="sch-name">${j.displayName || j.name}</div>${j.createdByAgent && html`<span class="sch-tag">${t('profile.scheduler.byAgent')}</span>`}</td>
-              <td><span class="sch-badge sch-badge--${j.type === 'ai' ? 'ai' : j.type === 'extension' ? 'ext' : 'agent'}">${t(KIND_LABEL[j.type] || KIND_LABEL.core)}</span></td>
-              <td><code class="sch-cron">${j.cron}</code>${j.timezone && html`<div class="sch-muted">${j.timezone}</div>`}</td>
-              <td>${j.lastRunAt ? timeAgo(j.lastRunAt) : html`<span class="sch-muted">${t('profile.scheduler.never')}</span>`} ${j.lastRunResult ? html`<span class="sch-badge ${j.lastRunResult === 'error' ? 'sch-badge--err' : 'sch-badge--ok'}">${j.lastRunResult}</span>` : ''}</td>
-              <td>${j.nextRunAt ? timeAgo(j.nextRunAt) : html`<span class="sch-muted">—</span>`}</td>
-              <td class="sch-actions">
-                <button class="btn-ghost sch-btn" onClick=${() => onToggle(j)}>${j.enabled ? t('profile.scheduler.pause') : t('profile.scheduler.resume')}</button>
-                <button class="btn-ghost sch-btn" onClick=${() => onTrigger(j)}>${t('profile.scheduler.runNow')}</button>
-                <button class="btn-danger sch-btn" onClick=${() => onCancel(j)}>${t('profile.scheduler.cancel')}</button>
-              </td>
-            </tr>`)}
-          </tbody></table>`}
+          : html`<div class="sch-card-list">${managed.map(j => html`<${ScheduleItem} key=${j.id} schedule=${j} onChanged=${loadData} showToast=${showToast} />`)}</div>`}
       </div>
 
       <div class="sch-section">

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

@@ -3,6 +3,8 @@
  * @description Tasks tab wrapper for agent detail tab-view.
  *   Delegates to the existing AgentTasksSubtab component.
  * @version-history
+ *   v1.2.0 -- 2026-06-03 -- Forward openTaskId + openTaskNonce so the fleet
+ *     "running now" panel can deep-link straight to a specific task.
  *   v1.1.0 -- 2026-06-01 -- Forward the `agent` object so the subtab can show the
  *     max_concurrent_tasks runner config.
  *   v1.0.0 -- 2026-05-24 -- Initial creation for Agent Detail Tab-View
@@ -14,6 +16,7 @@ import AgentTasksSubtab from '../agents-tasks-subtab.js';
 
 const html = htm.bind(h);
 
-export default function TabTasks({ agent, agentName, session, showToast }) {
-  return html`<${AgentTasksSubtab} agent=${agent} agentName=${agentName} session=${session} showToast=${showToast} />`;
+export default function TabTasks({ agent, agentName, session, showToast, openTaskId, openTaskNonce }) {
+  return html`<${AgentTasksSubtab} agent=${agent} agentName=${agentName} session=${session} showToast=${showToast}
+    openTaskId=${openTaskId} openTaskNonce=${openTaskNonce} />`;
 }

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

@@ -35,13 +35,18 @@
  *     (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.6.0 -- 2026-06-03 -- Fleet "running now" panel between the agent board and
+ *     the list: every agent's currently-active tasks in one list (reuses the
+ *     active tasks already fetched in loadData, so no extra requests); clicking a
+ *     row deep-links into that agent's Tasks tab and auto-opens the task
+ *     (expandedAgent + deepLink → AgentCard preSelectedTab/openTaskId).
  */
 import { h } from 'preact';
 import { useState, useEffect, useRef } 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 { escHtml, timeAgo } from '/js/utils.js';
 import { CopyButton } from '/components/CopyButton.js';
 import { Spinner } from './shared.js';
 import { apiGet, apiPost, apiPatch } from '/js/api.js';
@@ -449,6 +454,13 @@ export default function AgentsTab({ session, showToast, onStats }) {
   const [taskRunnerExpanded, setTaskRunnerExpanded] = useState(false);
   const [taskRunnerName, setTaskRunnerName] = useState('');
   const [taskStatsMap, setTaskStatsMap] = useState({});
+  // Currently-active tasks per agent { name: Task[] } — powers the fleet
+  // "running now" panel. Reuses the active list already fetched in loadData().
+  const [activeTasksMap, setActiveTasksMap] = useState({});
+  // Deep-link request from the running-now panel: { agent, taskId, nonce }.
+  // The nonce makes a repeat click re-fire the open even for the same task.
+  const [deepLink, setDeepLink] = useState(null);
+  const deepLinkNonce = useRef(0);
   // Per-agent unseen-change counts { name: { tasks, messages, memory } } driving
   // the collapsed mini-badge + per-tab number badges. Computed in loadData()
   // from the localStorage "last seen per tab" baseline (see loadSeen/countNewer).
@@ -534,6 +546,7 @@ export default function AgentsTab({ session, showToast, onStats }) {
       }));
       setOnboardings(obMap);
       const tsMap = {};
+      const atsMap = {};
       const seen = loadSeen(session.owner);
       let seenSeeded = false;
       const chMap = {};
@@ -550,6 +563,7 @@ export default function AgentsTab({ session, showToast, onStats }) {
           const activeTasks = activeResp?.data?.tasks || [];
           const doneToday = doneTasks.filter(tk => tk.completedAt?.startsWith(today)).length;
           tsMap[a.name] = { done: doneToday, active: activeTasks.length };
+          atsMap[a.name] = activeTasks;
 
           // Per-tab unseen-change counts. First observation of a tab seeds its
           // baseline to "now" (count 0) so an agent's whole history is never
@@ -568,9 +582,10 @@ export default function AgentsTab({ session, showToast, onStats }) {
             else ch[tab] = countNewer(items, agentSeen[tab], fields);
           }
           chMap[a.name] = ch;
-        } catch { tsMap[a.name] = null; chMap[a.name] = null; }
+        } catch { tsMap[a.name] = null; chMap[a.name] = null; atsMap[a.name] = []; }
       }));
       setTaskStatsMap(tsMap);
+      setActiveTasksMap(atsMap);
       // Persist any freshly-seeded baselines. Merge against the latest storage
       // so a tab the user opened mid-fetch (markTabSeen) is not overwritten.
       if (seenSeeded) {
@@ -604,6 +619,19 @@ export default function AgentsTab({ session, showToast, onStats }) {
     setExpandedAgent(prev => prev === name ? null : name);
   }
 
+  // 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.
+  function openAgentTask(name, taskId) {
+    setExpandedAgent(name);
+    deepLinkNonce.current += 1;
+    setDeepLink({ agent: name, taskId, nonce: deepLinkNonce.current });
+    requestAnimationFrame(() => {
+      const el = document.querySelector(`[data-agent-name="${name}"]`);
+      el?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    });
+  }
+
   async function handleSaveScopes(agentName, newScopes) {
     try {
       const resp = await updateAgentScopes(agentName, newScopes);
@@ -846,6 +874,11 @@ export default function AgentsTab({ session, showToast, onStats }) {
             });
           }}
         />
+        <${ActiveTasksPanel}
+          activeTasksMap=${activeTasksMap}
+          agents=${agents}
+          onOpen=${openAgentTask}
+        />
         ${renderFilterBar(agents, tagFilter, setTagFilter, groupBy, setGroupBy)}
         ${renderAgentGroups({
           agents,
@@ -865,6 +898,7 @@ export default function AgentsTab({ session, showToast, onStats }) {
           onPopOut: popOutAgent,
           dnd,
           agentOrder,
+          deepLink,
         })}
       `
     }
@@ -930,7 +964,53 @@ function renderFilterBar(agents, tagFilter, setTagFilter, groupBy, setGroupBy) {
   `;
 }
 
-function renderAgentGroups({ agents, tagFilter, groupBy, onboardings, taskStatsMap, changesMap, onTabSeen, expandedAgent, toggleAgent, session, showToast, setScopesModal, handleDeleteAgent, toggleFederate, onPopOut, dnd, agentOrder }) {
+// Fleet-wide "running now" panel shown between the agent board and the list.
+// Flattens every agent's currently-active tasks into one newest-first list.
+// Clicking a row asks the parent (onOpen) to expand that agent and open the
+// task. Reuses the active tasks already fetched in loadData() — no extra calls.
+function ActiveTasksPanel({ activeTasksMap, agents, onOpen }) {
+  const nameToDisplay = new Map((agents || []).map(a => [a.name, a.display_name || a.name]));
+  const rows = [];
+  for (const [name, tasks] of Object.entries(activeTasksMap || {})) {
+    for (const task of (tasks || [])) {
+      rows.push({ agentName: name, agentDisplay: nameToDisplay.get(name) || name, task });
+    }
+  }
+  rows.sort((a, b) =>
+    String(b.task.updatedAt || b.task.createdAt || '').localeCompare(
+      String(a.task.updatedAt || a.task.createdAt || '')));
+
+  // Cap the rendered rows so a very busy fleet can't produce an enormous list;
+  // the overflow is surfaced explicitly (never silently dropped).
+  const CAP = 50;
+  const shown = rows.slice(0, CAP);
+  const overflow = rows.length - shown.length;
+
+  return html`
+    <div class="pf-agd-active">
+      <div class="pf-agd-active-head">
+        <span class="section-title">${t('profile.agents.active.title')}${rows.length > 0 ? html` <span class="pf-agd-count-badge">(${rows.length})</span>` : ''}</span>
+      </div>
+      ${rows.length === 0
+        ? html`<div class="pf-agd-active-empty">${t('profile.agents.active.empty')}</div>`
+        : html`<div class="pf-agd-active-list">
+            ${shown.map(r => html`
+              <button class="pf-agd-active-row" key=${r.task.id}
+                      onClick=${() => onOpen(r.agentName, r.task.id)}
+                      title=${t('profile.agents.active.openHint')}>
+                <span class="pf-agd-active-dot" aria-hidden="true"></span>
+                <span class="pf-agd-active-agent">${r.agentDisplay}</span>
+                <span class="pf-agd-active-title">${r.task.title || t('profile.agents.active.untitled')}</span>
+                <span class="pf-agd-active-time">${timeAgo(r.task.updatedAt || r.task.createdAt)}</span>
+              </button>
+            `)}
+            ${overflow > 0 && html`<div class="pf-agd-active-empty">+ ${overflow} ${t('profile.agents.active.more')}</div>`}
+          </div>`}
+    </div>
+  `;
+}
+
+function renderAgentGroups({ agents, tagFilter, groupBy, onboardings, taskStatsMap, changesMap, onTabSeen, expandedAgent, toggleAgent, session, showToast, setScopesModal, handleDeleteAgent, toggleFederate, onPopOut, dnd, agentOrder, deepLink }) {
   // Tag filter: agent must have ALL selected tags (intersection)
   const filtered = tagFilter.size === 0
     ? agents
@@ -959,6 +1039,9 @@ function renderAgentGroups({ agents, tagFilter, groupBy, onboardings, taskStatsM
       onDeleteClick=${handleDeleteAgent}
       onFederateToggle=${toggleFederate}
       onPopOut=${onPopOut}
+      preSelectedTab=${deepLink?.agent === a.name ? 'tasks' : null}
+      openTaskId=${deepLink?.agent === a.name ? deepLink.taskId : null}
+      openTaskNonce=${deepLink?.agent === a.name ? deepLink.nonce : 0}
     />
   `;
 

package/dist/public/views/profile/agents-tasks-subtab.js

@@ -9,6 +9,18 @@
  *   - TaskItem -- task row with expand/collapse, todo list, start button
  *   - RequestChangesModal -- inline modal for owner to send a free-text change request
  * @version-history
+ *   v4.10.0 -- 2026-06-03 -- Deep-link support: AgentTasksSubtab accepts
+ *     openTaskId + openTaskNonce; a nonce bump resets the bucket to 'recent'
+ *     (clears search/time) so the target task is visible, and TaskItem auto-opens
+ *     (expand + fetch events + scroll into view). Lets the fleet "running now"
+ *     panel jump straight to a specific task.
+ *   v4.9.1 -- 2026-06-03 -- Fix: task Scope row rendered structured provenance
+ *     entries (e.g. the scheduler's { name, value, type, description }) as
+ *     "[object Object]" via a naive join(). Add formatScopeEntry() and render
+ *     each entry on its own line as "name: value — description".
+ *   v4.9.0 -- 2026-06-03 -- Render a task's description as Markdown via the shared
+ *     safe Markdown component (headings, lists, code, line breaks) instead of a
+ *     single collapsed text blob, so long agent-authored prompts are readable.
  *   v4.8.3 -- 2026-06-02 -- Render non-JSON memory values (e.g. an agent's
  *     latest_output) as Markdown via the shared safe Markdown component, instead
  *     of raw monospace text.
@@ -199,6 +211,23 @@ function todoStatusIcon(status) {
   return '⬜';
 }
 
+// Render one task scope entry as readable text. Scope is an array whose entries
+// may be plain strings (legacy free-text scopes) or structured provenance objects
+// stamped by the scheduler, e.g.
+//   { name:'schedule', value:'0 9 * * *', type:'cron', description:'Uutisputki – aamukirjoitus' }
+// A naive join()/String() prints "[object Object]" for the structured form, so
+// format the parts we know into e.g. "schedule: 0 9 * * * — Uutisputki – aamukirjoitus".
+function formatScopeEntry(s) {
+  if (s == null) return '';
+  if (typeof s !== 'object') return String(s);
+  const head = s.name || s.type || '';
+  const val = s.value != null && s.value !== '' ? String(s.value) : '';
+  const lead = [head, val].filter(Boolean).join(': ');
+  const desc = s.description ? ` — ${s.description}` : '';
+  const out = `${lead}${desc}`.trim();
+  return out || JSON.stringify(s);
+}
+
 function todoProgress(todos) {
   if (!todos || todos.length === 0) return null;
   const active = todos.filter(td => td.status !== 'outdated');
@@ -305,9 +334,13 @@ function TaskMemoryEntry({ entry }) {
   `;
 }
 
-function TaskItem({ task, agentName, showToast, onRefresh }) {
+function TaskItem({ task, agentName, showToast, onRefresh, autoOpen = 0 }) {
   const [expanded, setExpanded] = useState(false);
   const [events, setEvents] = useState(null);
+  // Deep-link target: the parent bumps `autoOpen` (a nonce) when this exact task
+  // should be opened. taskRef scrolls it into view.
+  const taskRef = useRef(null);
+  const autoOpenedNonce = useRef(0);
   const [loadingEvents, setLoadingEvents] = useState(false);
   const [starting, setStarting] = useState(false);
   const [showRevisionModal, setShowRevisionModal] = useState(false);
@@ -418,6 +451,21 @@ function TaskItem({ task, agentName, showToast, onRefresh }) {
     return () => window.removeEventListener('aimeat-live-update', handler);
   }, [expanded, task.id, agentName]);
 
+  // Deep-link from the fleet "running now" panel: when autoOpen bumps to a new
+  // nonce for this task, expand it, load its events, and scroll it into view.
+  useEffect(() => {
+    if (!autoOpen || autoOpen === autoOpenedNonce.current) return;
+    autoOpenedNonce.current = autoOpen;
+    setExpanded(true);
+    // Always refresh the event log on a fresh deep-link open (don't gate on the
+    // possibly-stale `events` closure — the task's log may have moved on since a
+    // previous open).
+    fetchEvents();
+    requestAnimationFrame(() => {
+      taskRef.current?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+    });
+  }, [autoOpen]);
+
   async function handleStart(e) {
     e.stopPropagation();
     setStarting(true);
@@ -548,7 +596,7 @@ function TaskItem({ task, agentName, showToast, onRefresh }) {
   }
 
   return html`
-    <div>
+    <div ref=${taskRef}>
       <div class="pf-agd-task-item" onClick=${handleExpand}>
         <div class="pf-agd-task-title-row">
           <button
@@ -567,7 +615,7 @@ function TaskItem({ task, agentName, showToast, onRefresh }) {
       </div>
       ${expanded && html`
         <div class="pf-agd-task-expanded">
-          ${task.description && html`<div class="pf-agd-task-desc">${task.description}</div>`}
+          ${task.description && html`<div class="pf-agd-task-desc"><${Markdown} text=${task.description} /></div>`}
 
           ${task.deliverableKey && html`
             <div class="pf-agd-deliverable">
@@ -616,10 +664,14 @@ function TaskItem({ task, agentName, showToast, onRefresh }) {
             </div>
           `}
 
-          ${task.scope && html`
+          ${task.scope && (!Array.isArray(task.scope) || task.scope.length > 0) && html`
             <div class="pf-agd-info-row">
               <span class="pf-agd-info-label">${t('profile.agents.detail.tasks.scope')}</span>
-              <span class="pf-agd-info-value">${Array.isArray(task.scope) ? task.scope.join(', ') : task.scope}</span>
+              <span class="pf-agd-info-value">
+                ${Array.isArray(task.scope)
+                  ? task.scope.map((s, i) => html`<div key=${i}>${formatScopeEntry(s)}</div>`)
+                  : formatScopeEntry(task.scope)}
+              </span>
             </div>
           `}
           ${task.rules && task.rules.length > 0 && html`
@@ -769,7 +821,7 @@ function TaskItem({ task, agentName, showToast, onRefresh }) {
   `;
 }
 
-export default function AgentTasksSubtab({ agent, agentName, showToast }) {
+export default function AgentTasksSubtab({ agent, agentName, showToast, openTaskId = null, openTaskNonce = 0 }) {
   const [tasks, setTasks] = useState(null);
   const [counts, setCounts] = useState({ recent: 0, keep: 0, archive: 0 });
   const [bucket, setBucket] = useState('recent');
@@ -828,6 +880,17 @@ export default function AgentTasksSubtab({ agent, agentName, showToast }) {
     return () => window.removeEventListener('aimeat-live-update', handler);
   }, []);
 
+  // Deep-link (from the fleet "running now" panel): a target task may live in a
+  // bucket/filter that isn't currently shown. Reset to the default Recent view
+  // (where active tasks always appear) so the target TaskItem renders and can
+  // auto-open. Keyed on the nonce so repeat clicks re-trigger.
+  useEffect(() => {
+    if (!openTaskId || !openTaskNonce) return;
+    setBucket('recent');
+    setQ('');
+    setTimeChip('all');
+  }, [openTaskId, openTaskNonce]);
+
   function handleCreated() {
     setShowCreate(false);
     loadTasks();
@@ -906,7 +969,8 @@ export default function AgentTasksSubtab({ agent, agentName, showToast }) {
       `}
 
       ${tasks.length > 0 ? tasks.map(task => html`
-        <${TaskItem} key=${task.id} task=${task} agentName=${agentName} showToast=${showToast} onRefresh=${loadTasks} />
+        <${TaskItem} key=${task.id} task=${task} agentName=${agentName} showToast=${showToast} onRefresh=${loadTasks}
+          autoOpen=${task.id === openTaskId ? openTaskNonce : 0} />
       `) : html`
         <div class="pf-agd-empty">${q ? t('profile.agents.tasks.search.noResults') : t(`profile.agents.tasks.bucket.empty.${bucket}`)}</div>
       `}