aimeat 1.14.6 → 1.15.0

package/dist/locales/en.json

@@ -394,6 +394,11 @@
         "untagged": "Untagged",
         "noMatches": "No agents match the current filter."
       },
+      "reorderHint": "Drag to reorder",
+      "solo": {
+        "notFound": "Agent not found.",
+        "loginRequired": "Please log in to view this agent."
+      },
       "approval": {
         "credentials_ready_title": "Agent approved",
         "credentials_ready_desc": "Copy the credentials below and paste them to your agent.",
@@ -450,6 +455,9 @@
         "starting": "Starting...",
         "startThisTask": "Start this task",
         "noEventsRecorded": "No events recorded",
+        "deliverable": "Deliverable",
+        "viewDeliverable": "View",
+        "deliverableGone": "The deliverable entry no longer exists.",
         "revision_requested": "Revision requested",
         "requestChanges": "Request changes",
         "requestChangesTitle": "Ask the agent to revise the plan",
@@ -655,6 +663,7 @@
         },
         "sharedTags": "Shared tags",
         "lastSeen": "Last seen",
+        "popOut": "Open in its own window",
         "deliveryMcp": "MCP notifications",
         "deliveryWebhook": "Webhook",
         "deliveryPolling": "Polling",
@@ -798,7 +807,14 @@
           "keyValuePlaceholder": "Value — plain text or JSON",
           "noKeys": "No memory keys stored yet",
           "keyCreated": "Memory key created",
-          "createKeyError": "Failed to create memory key"
+          "createKeyError": "Failed to create memory key",
+          "created": "Created",
+          "updated": "Updated",
+          "sortBy": "Sort",
+          "sortUpdated": "Last updated",
+          "sortCreated": "Created",
+          "sortNewestFirst": "Newest first",
+          "sortOldestFirst": "Oldest first"
         },
         "agent_config": {
           "copy": "Copy",
@@ -3138,6 +3154,7 @@
     "cfgReadOnlyHelpDetail": "Config persistence requires a database (MongoDB or SQLite). In-memory nodes lose all changes on restart. Configure this node via .env file, aimeat.ini, aimeat.json, or CLI arguments (aimeat start --db sqlite).",
     "cfgHelpTitle": "Help",
     "cfgReset": "Reset",
+    "cfgOnePerLine": "One entry per line",
     "cfgResetDone": "Reset {path} — DB override removed.",
     "cfgSource": "Source",
     "consul": "Consul",

package/dist/locales/fi.json

@@ -394,6 +394,11 @@
         "untagged": "Ei tageja",
         "noMatches": "Yksikään agentti ei vastaa nykyistä suodatinta."
       },
+      "reorderHint": "Raahaa järjestääksesi",
+      "solo": {
+        "notFound": "Agenttia ei löytynyt.",
+        "loginRequired": "Kirjaudu sisään nähdäksesi tämän agentin."
+      },
       "approval": {
         "credentials_ready_title": "Agentti hyväksytty",
         "credentials_ready_desc": "Kopioi alla olevat tunnistetiedot ja liitä ne agentillesi.",
@@ -450,6 +455,9 @@
         "starting": "Käynnistetään...",
         "startThisTask": "Käynnistä tehtävä",
         "noEventsRecorded": "Ei tallennettuja tapahtumia",
+        "deliverable": "Tuotos",
+        "viewDeliverable": "Näytä",
+        "deliverableGone": "Tuotosmerkintää ei ole enää olemassa.",
         "revision_requested": "Korjauspyyntö lähetetty",
         "requestChanges": "Pyydä muutoksia",
         "requestChangesTitle": "Pyydä agenttia muokkaamaan suunnitelmaa",
@@ -655,6 +663,7 @@
         },
         "sharedTags": "Jaetut tunnisteet",
         "lastSeen": "Viimeksi nähty",
+        "popOut": "Avaa omaan ikkunaan",
         "deliveryMcp": "MCP-ilmoitukset",
         "deliveryWebhook": "Webhook",
         "deliveryPolling": "Pollaus",
@@ -798,7 +807,14 @@
           "keyValuePlaceholder": "Arvo — pelkkä teksti tai JSON",
           "noKeys": "Ei tallennettuja muistiavaimia vielä",
           "keyCreated": "Muistiavain luotu",
-          "createKeyError": "Muistiavaimen luonti epäonnistui"
+          "createKeyError": "Muistiavaimen luonti epäonnistui",
+          "created": "Luotu",
+          "updated": "Päivitetty",
+          "sortBy": "Järjestä",
+          "sortUpdated": "Viimeksi päivitetty",
+          "sortCreated": "Luotu",
+          "sortNewestFirst": "Uusin ensin",
+          "sortOldestFirst": "Vanhin ensin"
         },
         "agent_config": {
           "copy": "Kopioi",
@@ -3138,6 +3154,7 @@
     "cfgReadOnlyHelpDetail": "Asetusten tallennus vaatii tietokannan (MongoDB tai SQLite). Muistinsisäiset solmut menettävät kaikki muutokset uudelleenkäynnistyksessä. Määritä tämä solmu .env-tiedoston, aimeat.ini:n, aimeat.json:n tai CLI-argumenttien kautta.",
     "cfgHelpTitle": "Ohje",
     "cfgReset": "Palauta",
+    "cfgOnePerLine": "Yksi kohta per rivi",
     "cfgResetDone": "Palautettu {path} — tietokantaohitus poistettu.",
     "cfgSource": "Lähde",
     "consul": "Consul",

package/dist/public/css/views/admin.css

@@ -333,6 +333,18 @@
   border: 1px solid #FDE68A;
   border-radius: 8px;
 }
+.adm-config-array-edit {
+  width: 360px;
+  max-width: 100%;
+  min-height: 4.5rem;
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 0.8rem;
+  padding: 6px 8px;
+  border: 1px solid var(--border, #E5E7EB);
+  border-radius: 6px;
+  resize: vertical;
+  box-sizing: border-box;
+}
 .adm-config-readonly { opacity: 0.85; pointer-events: none; }
 .adm-config-readonly input,
 .adm-config-readonly select { background: #F3F4F6; cursor: not-allowed; }

package/dist/public/css/views/agents-detail.css

@@ -19,6 +19,12 @@
  *   v2.4.0 -- 2026-05-24 -- Add header-row flex layout for title + connect button alignment
  *   v2.5.0 -- 2026-05-31 -- Add stored-memory-key inline editor (textarea), memory-detail wrapper, in-row edit/delete action rows, and danger-tinted ghost action styles for the Data Access tab
  *   v2.6.0 -- 2026-05-31 -- Add stored-key create form layout (pf-agd-keyadd-form, vertical stack)
+ *   v2.7.0 -- 2026-05-31 -- Add stored-key sort controls (pf-agd-keys-controls/sort-*) and per-key created/updated meta (pf-agd-key-meta)
+ *   v2.8.0 -- 2026-05-31 -- Add pop-out button (pf-agd-popout-btn), drag-to-reorder rows (pf-agd-dnd-*), and solo pop-out window layout (pf-agd-solo*)
+ *   v2.9.0 -- 2026-05-31 -- Collapsed bar two-row layout (pf-agd-collapsed-main + pf-agd-collapsed-meta divider) to stop status overflow; move drag grip into the left margin so the card border stays flush
+ *   v2.10.0 -- 2026-05-31 -- Extend the drag-row drop target left over the grip gutter (padding-left + negative margin-left) so dropping on/near the handle registers; card border stays aligned
+ *   v2.11.0 -- 2026-05-31 -- Widen the solo pop-out window (and pf-agd-solo max-width) so the agent card matches the list-view width and the full tab bar fits
+ *   v2.12.0 -- 2026-05-31 -- Add completed-task deliverable styles (pf-agd-deliverable*) linking a task to its agent-memory output key
  */
 
 /* Header row: title left, connect button right */
@@ -1262,8 +1268,9 @@
 }
 .pf .pf-agd-collapsed {
   display: flex;
-  align-items: center;
-  gap: 0.5rem;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 0;
   padding: 0.625rem 0.875rem;
   background: var(--card-bg, #FFFFFF);
   border: 1px solid var(--border, #E5E7EB);
@@ -1277,6 +1284,21 @@
 .pf .pf-agd-collapsed--problem {
   border-color: var(--danger, #ef4444);
 }
+/* Top row: expand arrow + icon + name + badges + pop-out */
+.pf .pf-agd-collapsed-main {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+/* Second row: delivery + status + last seen, smaller, faint divider above */
+.pf .pf-agd-collapsed-meta {
+  margin-top: 0.4rem;
+  padding-top: 0.35rem;
+  border-top: 1px solid var(--border-subtle, #F3F4F6);
+  font-size: 0.7rem;
+  color: var(--text-muted, #9CA3AF);
+  line-height: 1.4;
+}
 .pf .pf-agd-expand-icon {
   font-size: 0.7rem;
   color: var(--text-dim, #6B7280);
@@ -1313,6 +1335,74 @@
   text-align: right;
 }
 
+/* Pop-out button (open agent in its own window) */
+.pf .pf-agd-popout-btn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--text-dim, #6B7280);
+  font-size: 0.95rem;
+  line-height: 1;
+  padding: 0.1rem 0.35rem;
+  border-radius: 4px;
+  flex-shrink: 0;
+}
+.pf .pf-agd-collapsed-main .pf-agd-popout-btn { margin-left: auto; }
+.pf .pf-agd-popout-btn:hover {
+  color: var(--accent, #E8564A);
+  background: var(--bg-dim, #F9FAFB);
+}
+
+/* ── Drag-to-reorder rows (ungrouped, unfiltered agent list) ── */
+/* The row's box (= the drop target) is extended LEFT to cover the grip handle
+   via padding-left, while a matching negative margin-left pulls the box back so
+   the card border stays flush with the rest of the list. Net effect: the card
+   stays aligned with the dividers above, the grip sits in the left gutter, and
+   dropping anywhere over that gutter still drops onto the row (people grab the
+   handle and drop near it). */
+.pf .pf-agd-dnd-row {
+  position: relative;
+  padding-left: 1.5rem;
+  margin-left: -1.5rem;
+}
+.pf .pf-agd-dnd-grip {
+  position: absolute;
+  left: 0.2rem;
+  top: 1.1rem;
+  z-index: 2;
+  cursor: grab;
+  color: var(--text-muted, #9CA3AF);
+  font-size: 0.85rem;
+  line-height: 1;
+  opacity: 0;
+  transition: opacity 0.15s;
+  user-select: none;
+}
+.pf .pf-agd-dnd-row:hover .pf-agd-dnd-grip { opacity: 0.7; }
+.pf .pf-agd-dnd-grip:active { cursor: grabbing; }
+.pf .pf-agd-dnd-dragging { opacity: 0.45; }
+
+/* ── Solo (pop-out) window layout ── */
+.pf-agd-solo {
+  padding: 0.5rem 1rem;
+  max-width: 860px; /* card gets ≈828px — same usable width as the list view */
+  margin: 0 auto;
+}
+.pf .pf-agd-solo-toast {
+  position: fixed;
+  bottom: 1rem;
+  left: 50%;
+  transform: translateX(-50%);
+  background: var(--text, #1A1A2E);
+  color: #FFFFFF;
+  padding: 0.5rem 0.9rem;
+  border-radius: 6px;
+  font-size: 0.85rem;
+  z-index: 1000;
+  box-shadow: var(--shadow-lg, 0 8px 24px rgba(0,0,0,0.18));
+}
+.pf .pf-agd-solo-toast--err { background: var(--danger, #EF4444); }
+
 /* ── Badges (platform, readiness, federation) ── */
 
 .pf .pf-agd-badge {
@@ -2001,6 +2091,34 @@
   margin-top: 0.4rem;
 }
 
+/* Completed-task deliverable link (task → agent-memory key) */
+.pf .pf-agd-deliverable {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+  margin: 0.4rem 0;
+}
+.pf .pf-agd-deliverable-label {
+  font-size: 0.78rem;
+  font-weight: 600;
+  color: var(--text-dim, #6B7280);
+}
+.pf .pf-agd-deliverable-key {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 0.75rem;
+  background: var(--code-bg, #F3F4F6);
+  padding: 1px 6px;
+  border-radius: 3px;
+  word-break: break-all;
+}
+.pf .pf-agd-deliverable-gone {
+  font-size: 0.78rem;
+  color: var(--warn, #F59E0B);
+  font-style: italic;
+  margin: 0.25rem 0 0.5rem;
+}
+
 /* Danger-tinted ghost button used for in-row delete actions */
 .pf .pf-agd-action-danger {
   color: var(--danger, #EF4444);
@@ -2287,6 +2405,50 @@
 .pf .pf-agd-keyadd-form select { width: 100%; box-sizing: border-box; }
 .pf .pf-agd-keyadd-form .pf-agd-memory-edit { margin: 0; }
 
+/* Data access: stored-key sort controls (in the section header) */
+.pf .pf-agd-keys-controls {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  flex-wrap: wrap;
+}
+.pf .pf-agd-sort-label {
+  font-size: 0.72rem;
+  color: var(--text-dim, #6B7280);
+}
+.pf .pf-agd-sort-select {
+  padding: 0.2rem 0.4rem;
+  border: 1px solid var(--border, #E5E7EB);
+  border-radius: 4px;
+  background: var(--card-bg, #FFFFFF);
+  color: var(--text, #1A1A2E);
+  font-size: 0.78rem;
+}
+.pf .pf-agd-sort-dir {
+  border: 1px solid var(--border, #E5E7EB);
+  border-radius: 4px;
+  background: var(--card-bg, #FFFFFF);
+  color: var(--text-dim, #6B7280);
+  cursor: pointer;
+  font-size: 0.85rem;
+  line-height: 1;
+  padding: 0.2rem 0.45rem;
+}
+.pf .pf-agd-sort-dir:hover {
+  border-color: var(--accent, #E8564A);
+  color: var(--accent, #E8564A);
+}
+
+/* Data access: per-key created/updated meta in the stored-key row */
+.pf .pf-agd-key-meta {
+  margin-left: auto;
+  display: flex;
+  gap: 0.75rem;
+  font-size: 0.7rem;
+  color: var(--text-muted, #9CA3AF);
+  white-space: nowrap;
+}
+
 /* Data access: package picker */
 .pf .pf-agd-package-picker {
   margin-bottom: 0.5rem;

package/dist/public/spa.html

@@ -238,6 +238,10 @@
       if (pathname === '/v1/portal' && search.includes('view=dev')) {
         return () => import('/views/portal-dev.js' + B);
       }
+      // Single-agent pop-out window: /v1/profile?solo=<agentName>
+      if (pathname === '/v1/profile' && /[?&]solo=/.test(search)) {
+        return () => import('/views/agent-solo.js' + B);
+      }
       // Portfolio public view: /v1/portfolio/<username>
       if (pathname.startsWith('/v1/portfolio/') && pathname !== '/v1/portfolio/') {
         return () => import('/views/portfolio.js' + B);

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

@@ -1,3 +1,16 @@
+/**
+ * @file config-tab.js
+ * @description Admin dashboard Config tab — renders the mutable node config
+ *   schema (GET /v1/admin/config) with per-type editors and persists changes
+ *   via PUT /v1/admin/config.
+ * @version-history
+ *   v1.1.0 -- 2026-05-31 -- Add an editor for array-of-strings config fields
+ *     (e.g. agent.system_principles): one item per line in a textarea, split
+ *     back to an array on save. Previously object/array fields were read-only.
+ *   v1.2.0 -- 2026-05-31 -- Fix: inputs were bound to the saved value, not the
+ *     pending edit, so toggling a checkbox / typing snapped straight back on
+ *     re-render (looked un-editable). All inputs now reflect pending[path].
+ */
 import { h } from 'preact';
 import { useState } from 'preact/hooks';
 import htm from 'htm';
@@ -51,7 +64,16 @@ export default function ConfigTab({ data, reload }) {
   }
 
   async function save() {
-    const changes = Object.entries(pending).map(([path, value]) => ({ path, value }));
+    const changes = Object.entries(pending).map(([path, value]) => {
+      const entry = schema[path];
+      // Array-of-strings fields (e.g. agent.system_principles) are edited as
+      // one item per line; split the raw text back into an array on save so it
+      // matches what the API validator expects.
+      if (entry && entry.type === 'object' && Array.isArray(entry.value) && typeof value === 'string') {
+        return { path, value: value.split('\n').map(l => l.trim()).filter(Boolean) };
+      }
+      return { path, value };
+    });
     if (!changes.length) return;
     try {
       const r = await saveConfig(changes);
@@ -129,15 +151,21 @@ export default function ConfigTab({ data, reload }) {
                     ? html`${e.value ? html`<${Badge} type="healthy" /> ${t('dashboard.yesLabel')}` : html`<${Badge} type="critical" /> ${t('dashboard.noLabel')}`}`
                     : html`<code>${escHtml(String(e.value))}</code> <span class="adm-text-dim adm-text-xs">${t('dashboard.readOnly')}</span>`)
                   : e.type === 'boolean'
-                    ? html`<label style="cursor:pointer"><input type="checkbox" checked=${e.value} onChange=${ev => onChange(p, ev.target.checked)} disabled=${!editable} /> ${e.value ? t('dashboard.enabled') : t('dashboard.disabled')}</label>`
+                    ? html`<label style="cursor:pointer"><input type="checkbox" checked=${p in pending ? pending[p] : e.value} onChange=${ev => onChange(p, ev.target.checked)} disabled=${!editable} /> ${(p in pending ? pending[p] : e.value) ? t('dashboard.enabled') : t('dashboard.disabled')}</label>`
                     : e.type === 'integer'
-                      ? html`<input type="number" value=${e.value} style="width:120px" onChange=${ev => onChange(p, parseInt(ev.target.value))} disabled=${!editable} />${e.range ? html` <span class="adm-text-dim adm-text-xs">${escHtml(e.range)}</span>` : null}`
+                      ? html`<input type="number" value=${p in pending ? pending[p] : e.value} style="width:120px" onInput=${ev => onChange(p, parseInt(ev.target.value))} disabled=${!editable} />${e.range ? html` <span class="adm-text-dim adm-text-xs">${escHtml(e.range)}</span>` : null}`
                       : e.type === 'float'
-                        ? html`<input type="number" step="0.01" value=${e.value} style="width:120px" onChange=${ev => onChange(p, parseFloat(ev.target.value))} disabled=${!editable} />${e.range ? html` <span class="adm-text-dim adm-text-xs">${escHtml(e.range)}</span>` : null}`
+                        ? html`<input type="number" step="0.01" value=${p in pending ? pending[p] : e.value} style="width:120px" onInput=${ev => onChange(p, parseFloat(ev.target.value))} disabled=${!editable} />${e.range ? html` <span class="adm-text-dim adm-text-xs">${escHtml(e.range)}</span>` : null}`
                         : e.type === 'string'
-                          ? html`<input type="text" value=${e.value || ''} style="width:250px" onChange=${ev => onChange(p, ev.target.value)} disabled=${!editable} />`
+                          ? html`<input type="text" value=${p in pending ? pending[p] : (e.value || '')} style="width:250px" onInput=${ev => onChange(p, ev.target.value)} disabled=${!editable} />`
                           : e.type === 'object'
-                            ? html`<code style="font-size:.75rem">${escHtml(JSON.stringify(e.value)).substring(0, 100)}...</code>`
+                            ? (Array.isArray(e.value)
+                                ? html`<textarea class="adm-config-array-edit" rows="4" disabled=${!editable}
+                                          value=${pending[p] !== undefined ? pending[p] : e.value.join('\n')}
+                                          onInput=${ev => onChange(p, ev.target.value)}
+                                          placeholder=${t('dashboard.cfgOnePerLine')}></textarea>
+                                       <div class="adm-text-dim adm-text-xs">${t('dashboard.cfgOnePerLine')}</div>`
+                                : html`<code style="font-size:.75rem">${escHtml(JSON.stringify(e.value)).substring(0, 100)}...</code>`)
                             : html`<code>${escHtml(String(e.value))}</code>`
                 }
                 ${e.canReset && editable && html` <button class="adm-btn-sm" onClick=${() => resetConfig(p)}>${t('dashboard.cfgReset')}</button>`}

package/dist/public/views/agent-solo.js

@@ -0,0 +1,123 @@
+/**
+ * @file agent-solo.js
+ * @description Standalone single-agent view, served at /v1/profile?solo=<name>.
+ *   Opened in its own window by the agent "pop out" button so the owner can
+ *   place several agents side by side. Reuses the AgentCard component in
+ *   soloMode (always expanded, no collapse, no pop-out button) and shares the
+ *   logged-in session via localStorage (same origin). Opens its own SSE
+ *   connection so the card live-updates independently.
+ * @structure AgentSolo (default export)
+ * @version-history
+ *   v1.0.0 -- 2026-05-31 -- Initial creation for the agent pop-out window
+ */
+
+import { h } from 'preact';
+import { useState, useEffect, useRef, useCallback } from 'preact/hooks';
+import htm from 'htm';
+import { t } from '/js/i18n.js';
+import { getSession } from '/js/services/auth.js';
+import { connect, disconnect, onUpdate, offUpdate } from '/lib/live-updates.js';
+import { listAgents } from '/js/services/agents.js';
+import { getOnboarding } from '/js/services/agent-integration.js';
+import { listTasks } from '/js/services/agent-tasks.js';
+import AgentCard from './profile/agents/agent-card.js';
+
+const html = htm.bind(h);
+
+function getSoloName() {
+  try { return new URLSearchParams(window.location.search).get('solo') || ''; }
+  catch { return ''; }
+}
+
+export default function AgentSolo() {
+  const session = getSession();
+  const name = getSoloName();
+  const [agent, setAgent] = useState(null);
+  const [onboarding, setOnboarding] = useState(null);
+  const [allAgents, setAllAgents] = useState([]);
+  const [error, setError] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [toast, setToast] = useState(null);
+
+  const showToast = useCallback((msg, isErr = false) => {
+    setToast({ msg, isErr });
+    setTimeout(() => setToast(cur => (cur && cur.msg === msg ? null : cur)), 3000);
+  }, []);
+
+  const load = useCallback(async () => {
+    if (!session || !name) return;
+    try {
+      const list = await listAgents(session.owner);
+      setAllAgents(list);
+      const a = list.find(x => x.name === name);
+      if (!a) { setError(t('profile.agents.solo.notFound')); setLoading(false); return; }
+      // Enrich with today's task stats, same as the list view does.
+      let taskStats = null;
+      try {
+        const [doneResp, activeResp] = await Promise.all([
+          listTasks(name, { status: 'done', per_page: 100 }),
+          listTasks(name, { status: 'active', per_page: 100 }),
+        ]);
+        const today = new Date().toISOString().slice(0, 10);
+        taskStats = {
+          done: (doneResp?.data?.tasks || []).filter(tk => tk.completedAt?.startsWith(today)).length,
+          active: (activeResp?.data?.tasks || []).length,
+        };
+      } catch { /* stats are best-effort */ }
+      setAgent({ ...a, taskStats });
+      try { const ob = await getOnboarding(name); setOnboarding(ob?.data?.onboarding || null); }
+      catch { setOnboarding(null); }
+      setError(null);
+    } catch (e) {
+      setError(e.message || 'Error');
+    }
+    setLoading(false);
+  }, [session, name]);
+
+  useEffect(() => { load(); }, [load]);
+
+  // Title the window after the agent so multiple pop-outs are distinguishable.
+  useEffect(() => { if (name) document.title = `${name} — AIMEAT`; }, [name]);
+
+  // This is a standalone window — profile.js (which normally bridges SSE to the
+  // `aimeat-live-update` event the tabs listen for) is not mounted here, so we
+  // open our own connection and dispatch the event ourselves.
+  const loadRef = useRef(load);
+  loadRef.current = load;
+  useEffect(() => {
+    if (!session) return;
+    const notify = () => {
+      window.dispatchEvent(new CustomEvent('aimeat-live-update'));
+      loadRef.current();
+    };
+    connect(() => getSession()?.jwt);
+    onUpdate(notify);
+    return () => { offUpdate(notify); disconnect(); };
+  }, [session?.owner]);
+
+  if (!session) {
+    return html`<div class="pf pf-agd-solo"><div class="pf-agd-empty">${t('profile.agents.solo.loginRequired')}</div></div>`;
+  }
+  if (loading && !agent) {
+    return html`<div class="pf pf-agd-solo"><div class="pf-agd-empty">${t('profile.loading')}</div></div>`;
+  }
+  if (error) {
+    return html`<div class="pf pf-agd-solo"><div class="pf-agd-empty">${error}</div></div>`;
+  }
+
+  return html`
+    <div class="pf pf-agd-solo">
+      <${AgentCard}
+        agent=${agent}
+        onboarding=${onboarding}
+        expanded=${true}
+        soloMode=${true}
+        onToggle=${() => {}}
+        session=${session}
+        showToast=${showToast}
+        allAgents=${allAgents}
+      />
+      ${toast && html`<div class="pf-agd-solo-toast ${toast.isErr ? 'pf-agd-solo-toast--err' : ''}">${toast.msg}</div>`}
+    </div>
+  `;
+}

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

@@ -11,6 +11,13 @@
  *   v1.5.0 -- 2026-05-31 -- Add README tab, rendered from the agents.<name>.readme
  *     owner-namespaced memory entry. Shown first + selected by default when a
  *     non-empty README exists; hidden otherwise.
+ *   v1.6.0 -- 2026-05-31 -- Add `onPopOut` prop (pop-out ⤢ button on collapsed
+ *     bar + expanded footer that opens the agent in its own window) and
+ *     `soloMode` prop (used by the standalone /v1/profile?solo= view: forces
+ *     expanded, disables collapse, hides the pop-out button).
+ *   v1.7.0 -- 2026-05-31 -- Collapsed bar split into two rows (identity+badges on
+ *     top, delivery/status/last-seen on a faint-divider-separated second line)
+ *     so the status text stops overflowing the card.
  */
 
 import { h } from 'preact';
@@ -68,7 +75,7 @@ async function fetchReadme(agent) {
   }
 }
 
-export default function AgentCard({ agent, onboarding, expanded, onToggle, session, showToast, allAgents, onScopesClick, onDeleteClick, onFederateToggle }) {
+export default function AgentCard({ agent, onboarding, expanded, onToggle, session, showToast, allAgents, onScopesClick, onDeleteClick, onFederateToggle, onPopOut, soloMode = false }) {
   const state = detectAgentState(agent, onboarding);
   const [activeTab, setActiveTab] = useState(null);
   // README markdown: undefined = not loaded, '' = none published, string = show tab.
@@ -99,28 +106,36 @@ export default function AgentCard({ agent, onboarding, expanded, onToggle, sessi
   }, [expanded, readme]);
 
   const handleCollapse = useCallback(() => {
+    // In solo mode the card is the whole window — clicking the header must not
+    // collapse it (there is nothing to collapse back into).
+    if (soloMode) return;
     onToggle(agent.name);
     if (expanded) { setActiveTab(null); userPickedTab.current = false; }
-  }, [expanded, agent.name, onToggle]);
+  }, [expanded, agent.name, onToggle, soloMode]);
 
   if (!expanded) {
     return html`
       <div class="pf-agd-card">
         <div class="pf-agd-collapsed ${state === 'problem' ? 'pf-agd-collapsed--problem' : ''}"
              onClick=${() => onToggle(agent.name)}>
-          <span class="pf-agd-expand-icon">▶</span>
-          <span class="pf-agd-collapsed-icon">🤖</span>
-          <span class="pf-agd-collapsed-name">${agent.display_name || agent.name}</span>
-          <div class="pf-agd-collapsed-badges">
-            ${renderModeBadge(agent)}
-            ${renderPlatformBadge(onboarding)}
-            ${renderReadinessBadge(state, onboarding)}
-            ${agent.federate && html`<span class="pf-agd-badge pf-agd-badge--federation">${t('profile.federated')}</span>`}
+          <div class="pf-agd-collapsed-main">
+            <span class="pf-agd-expand-icon">▶</span>
+            <span class="pf-agd-collapsed-icon">🤖</span>
+            <span class="pf-agd-collapsed-name">${agent.display_name || agent.name}</span>
+            <div class="pf-agd-collapsed-badges">
+              ${renderModeBadge(agent)}
+              ${renderPlatformBadge(onboarding)}
+              ${renderReadinessBadge(state, onboarding)}
+              ${agent.federate && html`<span class="pf-agd-badge pf-agd-badge--federation">${t('profile.federated')}</span>`}
+            </div>
+            ${renderPopOut(onPopOut, agent)}
           </div>
-          <span class="pf-agd-collapsed-stats">
+          <!-- Second line: faint-divider-separated meta (delivery + status + last seen)
+               so the long status text gets its own row instead of overflowing. -->
+          <div class="pf-agd-collapsed-meta">
             ${renderDeliveryIndicator(agent)}
             ${renderCollapsedStats(state, agent, onboarding)}
-          </span>
+          </div>
         </div>
       </div>
     `;
@@ -189,6 +204,7 @@ export default function AgentCard({ agent, onboarding, expanded, onToggle, sessi
         <!-- Card Footer: Scopes + Delete -->
         <div class="pf-agd-card-footer">
           <div class="pf-agd-card-actions">
+            ${renderPopOut(onPopOut, agent)}
             ${onScopesClick && html`
               <button class="btn-outline btn-sm" onClick=${(e) => { e.stopPropagation(); onScopesClick(agent); }}>
                 ${t('profile.agents.scopeUi.manage')}
@@ -211,6 +227,15 @@ export default function AgentCard({ agent, onboarding, expanded, onToggle, sessi
   `;
 }
 
+// Pop-out button: opens this agent in its own window (one window per agent,
+// so re-clicking focuses the existing one). Only rendered when the parent
+// supplies onPopOut — the standalone solo view omits it.
+function renderPopOut(onPopOut, agent) {
+  if (!onPopOut) return null;
+  return html`<button class="pf-agd-popout-btn" title=${t('profile.agents.detail.popOut')}
+    onClick=${(e) => { e.stopPropagation(); onPopOut(agent); }}>⤢</button>`;
+}
+
 function renderDeliveryIndicator(agent) {
   const hasWebhook = agent.webhookUrl || agent.webhook_url;
   const hasMcp = agent.mcpEnabled || agent.mcp_enabled;