aimeat 1.40.1 → 2.0.0

package/dist/public/views/profile/landing-page.cards.js

@@ -2,6 +2,10 @@
  * @file public/views/profile/landing-page.cards.js
  * @description Profile home dashboard cards, home sub-components, and the sidebar group model. Extracted from landing-page.js to satisfy max-file-lines.
  * @version-history
+ *   2026-07-19 — AppDev tab (KB UI): learned-pitfall + template management surface, start-prompt copy, model badge
+ *   v1.2.0 — 2026-07-16 — Drop the per-item emoji icons from SIDEBAR_GROUPS and the Inbox nav
+ *     button — the sidebar renders label-only now.
+ *   v1.1.0 — 2026-07-16 — Contacts tab in the Activity sidebar group.
  *   v1.0.0 — 2026-07-13 — Extracted from views/profile/landing-page.js (max-file-lines)
  */
 import { h } from "preact";
@@ -99,15 +103,18 @@ export function ContinueCard() {
 }
 
 /* "Agents" — who has been active today, who is idle, and the next scheduled run. */
-export function AgentsCard({ owner }) {
-  const [agents, setAgents] = useState(null);
+export function AgentsCard({ owner, initialAgents }) {
+  // The Home /v1/owner/home composite already resolves the owner's agent list (initialAgents) — seed from
+  // it and skip the mount /v1/agents fetch (dropping that duplicate). The next-scheduled-job row still
+  // needs the schedules call (not in the composite); live-update refreshes both.
+  const seedAgents = (list) => (Array.isArray(list) ? list : []).filter(a => !String(a.name || '').startsWith('session-'))
+    .slice().sort((a, b) => String(b.last_seen || '').localeCompare(String(a.last_seen || '')));
+  const [agents, setAgents] = useState(initialAgents ? seedAgents(initialAgents) : null);
   const [nextJob, setNextJob] = useState(null);
-  const load = useCallback(async () => {
-    try {
-      const list = (await listAgents(owner)).filter(a => !String(a.name || '').startsWith('session-'));
-      list.sort((a, b) => String(b.last_seen || '').localeCompare(String(a.last_seen || '')));
-      setAgents(list);
-    } catch { setAgents([]); }
+  const loadAgents = useCallback(async () => {
+    try { setAgents(seedAgents(await listAgents(owner))); } catch { setAgents([]); }
+  }, [owner]);
+  const loadSchedules = useCallback(async () => {
     try {
       const r = await listAllSchedules();
       const all = [...(r?.data?.managed || []), ...(r?.data?.extensions || []), ...(r?.data?.agentInternal || [])]
@@ -115,8 +122,10 @@ export function AgentsCard({ owner }) {
         .sort((a, b) => String(a.nextRunAt).localeCompare(String(b.nextRunAt)));
       setNextJob(all[0] || null);
     } catch { /* scheduler row is optional */ }
-  }, [owner]);
-  useEffect(() => { load(); }, [load]);
+  }, []);
+  const load = useCallback(async () => { await Promise.all([loadAgents(), loadSchedules()]); }, [loadAgents, loadSchedules]);
+  useEffect(() => { if (initialAgents) setAgents(seedAgents(initialAgents)); }, [initialAgents]);
+  useEffect(() => { loadSchedules(); }, [loadSchedules]);   // schedules aren't in the composite
   const liveRef = useRef(load); liveRef.current = load;
   useEffect(() => onLiveUpdate(['agents', 'agent-tasks', 'schedules'], () => liveRef.current()), []);
 
@@ -154,12 +163,15 @@ export function AgentsCard({ owner }) {
  * cached GET /v1/owner/usage endpoint (60s server-side TTL), so it's cheap to refetch on each
  * live-update. Surfaces the same kind of quota bar the Memory tab shows, for the whole account. */
 
-export function UsageCard({ switchTab }) {
-  const [u, setU] = useState(null);
+export function UsageCard({ switchTab, initialUsage }) {
+  // The Home landing is the only place this renders, and its /v1/owner/home composite already carries the
+  // usage summary — so we seed from initialUsage and never mount-fetch /v1/owner/usage (dropping that
+  // duplicate). We still refresh on live-update for freshness after a real change.
+  const [u, setU] = useState(initialUsage ?? null);
   const load = useCallback(async () => {
     try { const r = await apiGet('/v1/owner/usage'); setU(r?.data || null); } catch { setU(null); }
   }, []);
-  useEffect(() => { load(); }, [load]);
+  useEffect(() => { if (initialUsage) setU(initialUsage); }, [initialUsage]);
   const liveRef = useRef(load); liveRef.current = load;
   useEffect(() => onLiveUpdate(['memory', 'files', 'agents', 'apps', 'organisms'], () => liveRef.current()), []);
 
@@ -531,7 +543,6 @@ export function InboxNavButton({ active, onClick }) {
   useEffect(() => onLiveUpdate(['messages'], () => ref.current()), []);
   return html`
     <button class="pf-side-item${active ? ' pf-side-item--active' : ''}" onClick=${onClick}>
-      <span class="pf-side-ico">${'\u{1F4EC}'}</span>
       <span class="pf-side-label">${t('profile.tabs.inbox')}</span>
       ${unread > 0 ? html`<span class="pf-side-badge">${unread}</span>` : null}
     </button>`;
@@ -546,55 +557,57 @@ export function InboxNavButton({ active, onClick }) {
  * reserved for action-required counts only — never static totals. */
 export const SIDEBAR_GROUPS = [
   { titleKey: 'profile.landing.menuInformation', items: [   // find-anything → raw → curated → governed
-    { id: 'discover', icon: '\u{1F9ED}', labelKey: 'discover.tabLabel' },
-    { id: 'organisms', icon: '\u{1F3E2}', labelKey: 'profile.tabs.organisms' },
-    { id: 'memory', icon: '\u{1F9E0}', labelKey: 'profile.tabs.memory' },
-    { id: 'notebook', icon: '\u{1F4D3}', labelKey: 'profile.tabs.notebook' },
-    { id: 'living', icon: '\u{1F331}', labelKey: 'profile.tabs.living' },
-    { id: 'knowledge', icon: '\u{1F4DA}', labelKey: 'knowledge.tabLabel' },
-    { id: 'boards', icon: '\u{1F4CB}', labelKey: 'profile.tabs.boards' },
+    { id: 'discover', labelKey: 'discover.tabLabel' },
+    { id: 'organisms', labelKey: 'profile.tabs.organisms' },
+    { id: 'memory', labelKey: 'profile.tabs.memory' },
+    { id: 'notebook', labelKey: 'profile.tabs.notebook' },
+    { id: 'living', labelKey: 'profile.tabs.living' },
+    { id: 'knowledge', labelKey: 'knowledge.tabLabel' },
+    { id: 'boards', labelKey: 'profile.tabs.boards' },
   ] },
   { titleKey: 'profile.landing.menuAutomation', items: [    // agents + their infrastructure
-    { id: 'agents', icon: '\u{1F916}', labelKey: 'profile.tabs.agents' },
-    { id: 'ecosystem', icon: '\u{1F50C}', labelKey: 'profile.tabs.ecosystem' },
-    { id: 'offers', icon: '\u{1F9F0}', labelKey: 'profile.tabs.offers' },
-    { id: 'scheduler', icon: '⏰', labelKey: 'profile.tabs.scheduler' },
-    { id: 'workflows', icon: '\u{1F500}', labelKey: 'profile.tabs.workflows' },
-    { id: 'actions', icon: '\u{1F6E0}️', labelKey: 'profile.tabs.services' },
-    { id: 'mcp', icon: '\u{1F517}', labelKey: 'profile.tabs.mcp' },
+    { id: 'agents', labelKey: 'profile.tabs.agents' },
+    { id: 'ecosystem', labelKey: 'profile.tabs.ecosystem' },
+    { id: 'offers', labelKey: 'profile.tabs.offers' },
+    { id: 'scheduler', labelKey: 'profile.tabs.scheduler' },
+    { id: 'workflows', labelKey: 'profile.tabs.workflows' },
+    { id: 'actions', labelKey: 'profile.tabs.services' },
+    { id: 'mcp', labelKey: 'profile.tabs.mcp' },
   ] },
   { titleKey: 'profile.landing.menuActivity', items: [      // communication + events
-    { id: 'notifications', icon: '\u{1F514}', labelKey: 'profile.tabs.notifications' },
-    { id: 'email', icon: '\u{1F4E7}', labelKey: 'profile.tabs.email' },
-    { id: 'chatsessions', icon: '\u{1F4AC}', labelKey: 'profile.tabs.chatSessions' },
+    { id: 'contacts', labelKey: 'contacts.tabLabel' },
+    { id: 'notifications', labelKey: 'profile.tabs.notifications' },
+    { id: 'email', labelKey: 'profile.tabs.email' },
+    { id: 'chatsessions', labelKey: 'profile.tabs.chatSessions' },
   ] },
   { titleKey: 'profile.landing.menuBuildShare', items: [
-    { id: 'apps', icon: '⚙️', labelKey: 'profile.tabs.apps' },
-    { id: 'generator', icon: '\u{1F534}', labelKey: 'profile.generator.tabLabel' },
+    { id: 'apps', labelKey: 'profile.tabs.apps' },
+    { id: 'appdev', labelKey: 'profile.tabs.appDev' },
     /* foundry removed from the menu 2026-06-10 (owner: not in use). The tab module and
      * its route id still exist — restore by re-adding this item. */
-    { id: 'extensions', icon: '\u{1F50C}', labelKey: 'profile.tabs.extensions' },
-    { id: 'capabilities', icon: '⚡', labelKey: 'capabilities.tabLabel' },
-    { id: 'skills', icon: '\u{1F393}', labelKey: 'skills.tabLabel' },
-    { id: 'packages', icon: '\u{1F4E6}', labelKey: 'profile.tabs.packages' },
-    { id: 'portfolio', icon: '\u{1F3A8}', labelKey: 'portfolio.tabLabel' },
-    { id: 'calibrator', icon: '\u{1F3AF}', labelKey: 'profile.calibrator.tabLabel' },
+    { id: 'extensions', labelKey: 'profile.tabs.extensions' },
+    { id: 'libraries', labelKey: 'librariesTab.tabLabel' },
+    { id: 'capabilities', labelKey: 'capabilities.tabLabel' },
+    { id: 'skills', labelKey: 'skills.tabLabel' },
+    { id: 'packages', labelKey: 'profile.tabs.packages' },
+    { id: 'portfolio', labelKey: 'portfolio.tabLabel' },
+    { id: 'calibrator', labelKey: 'profile.calibrator.tabLabel' },
     /* TODO(owner 2026-06-10): "work" placement is undecided — parked at the bottom of
      * Build & Share until re-evaluated. */
-    { id: 'work', icon: '\u{1F4CB}', labelKey: 'profile.tabs.work' },
+    { id: 'work', labelKey: 'profile.tabs.work' },
   ] },
   { titleKey: 'profile.landing.menuAccount', items: [
-    { id: 'wallet', icon: '\u{1F48E}', labelKey: 'profile.tabs.wallet' },
-    { id: 'dataWallet', icon: '\u{1F512}', labelKey: 'profile.tabs.dataWallet' },
-    { id: 'access', icon: '\u{1F510}', labelKey: 'profile.tabs.access' },
+    { id: 'wallet', labelKey: 'profile.tabs.wallet' },
+    { id: 'dataWallet', labelKey: 'profile.tabs.dataWallet' },
+    { id: 'access', labelKey: 'profile.tabs.access' },
   ] },
   /* Operator-only: the group AND its routes are gated on the operator role (open()
    * refuses these ids for non-operators; the underlying APIs enforce server-side).
    * nodeStats left the menu — it lives as a tab on the Nodes page now. */
   { titleKey: 'profile.landing.menuInfra', adminOnly: true, items: [
-    { id: 'federation', icon: '\u{1F310}', labelKey: 'profile.tabs.federation' },
-    { id: 'nodes', icon: '\u{1F5A5}️', labelKey: 'profile.tabs.nodes' },
-    { id: 'security', icon: '\u{1F6E1}️', labelKey: 'profile.tabs.security' },
+    { id: 'federation', labelKey: 'profile.tabs.federation' },
+    { id: 'nodes', labelKey: 'profile.tabs.nodes' },
+    { id: 'security', labelKey: 'profile.tabs.security' },
   ] },
 ];
 

package/dist/public/views/profile/landing-page.js

@@ -15,6 +15,8 @@
  *   - PresencePill + PresenceDialog — header status pill that opens the availability settings dialog
  *   - LandingPage — main orchestrator (default export)
  * @version-history
+ *   v3.12.0 — 2026-07-16 — Drop the per-item emoji icons from the sidebar (Home, Inbox, and each
+ *     grouped/pinned item render label-only) — cleaner, less visually noisy menu.
  *   v3.11.0 — 2026-07-13 — Split into sibling modules for max-file-lines: modals →
  *     landing-page.modals.js, home cards + sidebar → landing-page.cards.js, and time/nav/
  *     format helpers → landing-page.helpers.js. Behavior, exports (computeTier/tierLevel/
@@ -136,7 +138,7 @@ export function tierLevel(tier) {
 
 /* ───── Main landing page ───── */
 
-export default function LandingPage({ tier, stats, session, showToast, renderTab, getTabLabel }) {
+export default function LandingPage({ tier, stats, homeUsage, homeAgents, session, showToast, renderTab, getTabLabel }) {
   const [apps, setApps] = useState([]);
   const [appsLoaded, setAppsLoaded] = useState(false);
   const [editOpen, setEditOpen] = useState(false);
@@ -313,7 +315,7 @@ export default function LandingPage({ tier, stats, session, showToast, renderTab
 
         <button class="pf-side-item${!openView ? ' pf-side-item--active' : ''}"
           onClick=${() => { close(); setDrawerOpen(false); }}>
-          <span class="pf-side-ico">\u{1F3E0}</span><span class="pf-side-label">${t('profile.landing.home')}</span>
+          <span class="pf-side-label">${t('profile.landing.home')}</span>
         </button>
 
         <${InboxNavButton}
@@ -325,7 +327,6 @@ export default function LandingPage({ tier, stats, session, showToast, renderTab
           const renderItem = (it, pinned) => html`
             <button class="pf-side-item${isOpen(it.id) ? ' pf-side-item--active' : ''}" key=${(pinned ? 'pin-' : '') + it.id}
               onClick=${() => { open(it.id, 'main'); setDrawerOpen(false); }}>
-              <span class="pf-side-ico">${it.icon}</span>
               <span class="pf-side-label">${t(it.labelKey)}</span>
               ${it.badgeStat && typeof stats?.[it.badgeStat] === 'number' && stats[it.badgeStat] > 0
                 ? html`<span class="pf-side-badge">${stats[it.badgeStat]}</span>` : null}
@@ -372,12 +373,12 @@ export default function LandingPage({ tier, stats, session, showToast, renderTab
           <${NextSteps} switchTab=${(id) => open(id, 'main')}
             hasApps=${appsLoaded ? apps.length > 0 : undefined} />
           <div class="pf-home-grid">
-            <${UsageCard} switchTab=${(id) => open(id, 'main')} />
+            <${UsageCard} switchTab=${(id) => open(id, 'main')} initialUsage=${homeUsage} />
             <${AiSpendCard} />
             <${AgentLedgerCard} />
             <${CommerceCard} />
             <${ContinueCard} />
-            <${AgentsCard} owner=${owner} />
+            <${AgentsCard} owner=${owner} initialAgents=${homeAgents} />
           </div>
           ${(showPromo && apps.length < 3) ? html`
             <${CortexSection} switchTab=${() => open('extensions', 'main')} onDismiss=${dismissPromo} />` : null}

package/dist/public/views/profile/landing-page.modals.js

@@ -14,10 +14,12 @@ import { getMyPresence, setMyPresence } from "/js/services/presence.js";
 import { onLiveUpdate } from "/lib/live-updates.js";
 import { Spinner } from "./shared.js";
 import { PresenceDot } from "/components/PresenceDot.js";
+import { useToast } from "/components/Toast.js";
 
 /* ───── Edit Profile Modal ───── */
 
 export function EditProfileModal({ session, onClose, onSaved, onChangePassword }) {
+  const { showToast, ToastContainer } = useToast();
   const [loading, setLoading] = useState(true);
   const [saving, setSaving] = useState(false);
   const [fields, setFields] = useState({ display_name: '', bio: '', avatar: '', locale: 'en', directory_listed: false });
@@ -63,10 +65,10 @@ export function EditProfileModal({ session, onClose, onSaved, onChangePassword }
         }
         onSaved?.();
       } else {
-        alert(t('profile.landing.editError'));
+        showToast(t('profile.landing.editError'), true);
       }
     } catch {
-      alert(t('profile.landing.editError'));
+      showToast(t('profile.landing.editError'), true);
     }
     setSaving(false);
   };
@@ -144,6 +146,7 @@ export function EditProfileModal({ session, onClose, onSaved, onChangePassword }
           </div>
         `}
       </div>
+      <${ToastContainer} />
     </div>
   `;
 }

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

@@ -0,0 +1,196 @@
+/**
+ * @file libraries-tab.js
+ * @description Profile tab: the full client-library catalogue with AI-acceleration maturity. Lists
+ *   EVERY library pack the node serves — SDK wrappers (auth/data/ai/storage…), vendored third-party
+ *   libs (pixi/three/chartjs/p5/phaser/styling/mermaid) AND ready-made cortex UI — from
+ *   GET /v1/library-packs, grouped by kind, each showing its tier (any | frontier | needs-doc), its
+ *   per-model AEB proofs VISIBLY (tested on which model → pass/fail), and status (preview/stable).
+ *   Clicking a card opens a detail view (GET /v1/library-packs/:id) with the full AI usage doc,
+ *   changelog, include lines, API surface and the complete proof ledger. Reuses the polished
+ *   ext-card / ext-detail-section styling so it matches the Extensions tab. (Extensions shows only
+ *   cortex libs; this shows all.) Full scheme: tools/aeb/acceleration-tiers.md.
+ * @structure LibrariesTab() — list (filter/group/ext-cards) ⇄ detail (ext-detail-sections)
+ * @usage registered in profile.js TABS as id 'libraries'.
+ * @version-history
+ *   v1.2.0 — 2026-07-18 — reuse ext-card / badge / ext-detail-section styling to match Extensions.
+ *   v1.1.0 — 2026-07-18 — clickable cards → full detail view (ai_doc, changelog, includes, proofs).
+ *   v1.0.0 — 2026-07-18 — initial: unified library catalogue + maturity.
+ */
+import { h } from 'preact';
+import { useState, useEffect } from 'preact/hooks';
+import htm from 'htm';
+import { t } from '/js/i18n.js';
+import { Spinner } from './shared.js';
+import { CopyButton } from '/components/CopyButton.js';
+const html = htm.bind(h);
+
+const KIND_GROUPS = [
+  { key: 'sdk', label: 'librariesTab.group.sdk' },
+  { key: 'vendored', label: 'librariesTab.group.vendored' },
+  { key: 'cortex', label: 'librariesTab.group.cortex' },
+  { key: 'community', label: 'librariesTab.group.community' },
+];
+const TIER_FILTERS = ['all', 'any', 'frontier', 'needs-doc'];
+
+function tierBadge(p) {
+  if (!p.modelTier) return null;
+  const measured = p.proofs && p.proofs.length;
+  return html`<span class="ext-tier ext-tier-${p.modelTier}${measured ? ' ext-tier-measured' : ''}"
+    title=${t('profile.extensions.tier.' + p.modelTier)}>${p.modelTier}</span>`;
+}
+
+function statusBadge(p) {
+  const cls = p.status === 'stable' ? 'badge-success' : p.status === 'deprecated' ? 'badge-danger' : 'badge-muted';
+  return html`<span class="badge ${cls}">${t('librariesTab.status.' + p.status) || p.status}</span>`;
+}
+
+function proofChips(p) {
+  const proofs = p.proofs || [];
+  if (!proofs.length) return html`<span class="lib-proof-none">${t('librariesTab.notTested')}</span>`;
+  return proofs.map(pr => html`
+    <span class="lib-proof-item lib-proof-${pr.verdict}">
+      ${pr.model} ${pr.verdict === 'pass' ? '✓' : '✗'}${pr.tokens ? ' · ' + Math.round(pr.tokens / 1000) + 'k' : ''}
+    </span>`);
+}
+
+export default function LibrariesTab() {
+  const [packs, setPacks] = useState(null);
+  const [tier, setTier] = useState('all');
+  const [measuredOnly, setMeasuredOnly] = useState(false);
+  const [query, setQuery] = useState('');
+  const [selectedId, setSelectedId] = useState(null);
+  const [detail, setDetail] = useState(null);
+
+  useEffect(() => {
+    fetch('/v1/library-packs').then(r => r.json())
+      .then(d => setPacks(d.data?.packs || []))
+      .catch(() => setPacks([]));
+  }, []);
+
+  useEffect(() => {
+    if (!selectedId) { setDetail(null); return; }
+    setDetail(null);
+    fetch('/v1/library-packs/' + encodeURIComponent(selectedId)).then(r => r.json())
+      .then(d => setDetail(d.data?.pack || { error: true }))
+      .catch(() => setDetail({ error: true }));
+  }, [selectedId]);
+
+  if (!packs) return html`<${Spinner} text=${t('librariesTab.loading')} />`;
+
+  // ── Detail view ──────────────────────────────────────────────────────────
+  if (selectedId) {
+    if (!detail) return html`<${Spinner} text=${t('librariesTab.loading')} />`;
+    const p = detail;
+    return html`
+      <div class="pf-section lib-detail ext-detail-wrap">
+        <button class="btn-outline lib-back" onClick=${() => setSelectedId(null)}>← ${t('librariesTab.back')}</button>
+        <div class="ext-card-header lib-detail-head">
+          <span class="lib-detail-title">${p.title || p.id}</span>
+          ${p.version ? html`<span class="ext-card-version">${p.version}</span>` : null}
+          ${tierBadge(p)}
+          ${statusBadge(p)}
+        </div>
+        <div class="lib-detail-desc">${p.description || ''}</div>
+        <div class="lib-detail-metaline">
+          ${p.apiSurface ? html`<span><b>${t('librariesTab.apiSurface')}:</b> <code>${p.apiSurface}</code></span>` : null}
+          ${p.license ? html`<span><b>${t('librariesTab.license')}:</b> ${p.license}</span>` : null}
+          ${p.sizeEstimate ? html`<span><b>${t('librariesTab.size')}:</b> ${p.sizeEstimate}</span>` : null}
+          ${p.sourceUrl ? html`<a href=${p.sourceUrl} target="_blank" rel="noopener">${t('librariesTab.source')} ↗</a>` : null}
+        </div>
+
+        <div class="ext-detail-section">
+          <div class="ext-detail-section-title">${'\u{1F3AF}'} ${t('librariesTab.maturityHeading')}</div>
+          ${p.modelTier ? html`<div class="lib-tier-line">${tierBadge(p)} <span>${t('profile.extensions.tier.' + p.modelTier)}</span></div>` : null}
+          ${p.apiCaveat ? html`<div class="lib-caveat">⚠ ${p.apiCaveat}</div>` : null}
+          ${(p.proofs && p.proofs.length)
+            ? html`<ul class="lib-proof-list">${p.proofs.map(pr => html`
+                <li class="lib-proof-row lib-proof-${pr.verdict}">
+                  <span class="lib-proof-model">${pr.model}</span>
+                  <span class="lib-proof-verdict">${pr.verdict === 'pass' ? '✓ ' + t('librariesTab.pass') : '✗ ' + t('librariesTab.fail')}</span>
+                  ${pr.tokens ? html`<span class="lib-proof-tok">${Math.round(pr.tokens / 1000)}k tok</span>` : null}
+                  ${pr.date ? html`<span class="lib-proof-date">${pr.date}</span>` : null}
+                  ${pr.evidence ? html`<span class="lib-proof-ev">${pr.evidence}</span>` : null}
+                </li>`)}</ul>`
+            : html`<div class="lib-proof-none">${t('librariesTab.notTested')}</div>`}
+        </div>
+
+        ${(p.include && p.include.length) ? html`
+          <div class="ext-detail-section">
+            <div class="ext-detail-section-title">${'\u{1F4E6}'} ${t('librariesTab.includeHeading')} <${CopyButton} text=${p.include.join('\n')} /></div>
+            <div class="ext-detail-code">${p.include.join('\n')}</div>
+          </div>` : null}
+
+        ${p.ai_doc ? html`
+          <div class="ext-detail-section">
+            <div class="ext-detail-section-title">${'\u{1F4D6}'} ${t('librariesTab.aiDocHeading')} <${CopyButton} text=${p.ai_doc} /></div>
+            <div class="ext-detail-code">${p.ai_doc}</div>
+          </div>` : null}
+
+        ${(p.changelog && p.changelog.length) ? html`
+          <div class="ext-detail-section">
+            <div class="ext-detail-section-title">${'\u{1F552}'} ${t('librariesTab.changelogHeading')}</div>
+            <ul class="lib-changelog">${p.changelog.map(c => html`
+              <li><span class="lib-cl-ver">${c.version}</span> <span class="lib-cl-date">${c.date}</span> — ${c.summary}${c.breaking ? html` <span class="lib-cl-breaking">${t('librariesTab.breaking')}: ${c.breaking}</span>` : null}</li>`)}
+            </ul>
+          </div>` : null}
+      </div>`;
+  }
+
+  // ── List view ────────────────────────────────────────────────────────────
+  const q = query.trim().toLowerCase();
+  const shown = packs.filter(p => {
+    if (tier !== 'all' && p.modelTier !== tier) return false;
+    if (measuredOnly && !(p.proofs && p.proofs.length)) return false;
+    if (q && !((p.id + ' ' + (p.title || '') + ' ' + (p.description || '')).toLowerCase().includes(q))) return false;
+    return true;
+  });
+  const groupOf = p => (p.scope === 'community' ? 'community' : p.kind);
+
+  return html`
+    <div class="pf-section">
+      <div class="section-title">${'\u{1F4DA}'} ${t('librariesTab.title')}</div>
+      <div class="section-desc">${t('librariesTab.desc')}</div>
+
+      <div class="lib-controls">
+        <input type="text" class="lib-search" placeholder=${t('librariesTab.searchPlaceholder')}
+          value=${query} onInput=${e => setQuery(e.target.value)} />
+        <div class="lib-tier-filters">
+          ${TIER_FILTERS.map(tf => html`
+            <button class=${'btn-ghost lib-tier-btn' + (tier === tf ? ' lib-tier-active' : '')}
+              onClick=${() => setTier(tf)}>${tf === 'all' ? t('librariesTab.tierAll') : tf}</button>`)}
+        </div>
+        <label class="lib-measured-toggle">
+          <input type="checkbox" checked=${measuredOnly} onChange=${e => setMeasuredOnly(e.target.checked)} />
+          ${t('librariesTab.measuredOnly')}
+        </label>
+      </div>
+
+      ${KIND_GROUPS.map(g => {
+        const items = shown.filter(p => groupOf(p) === g.key);
+        if (!items.length) return null;
+        return html`
+          <div class="lib-group">
+            <div class="ext-installed-heading">${t(g.label)} (${items.length})</div>
+            <div class="ext-grid">
+              ${items.map(p => html`
+                <div class="ext-card" onClick=${() => setSelectedId(p.id)}>
+                  <div class="ext-card-header">
+                    <span class="ext-card-name">${p.title || p.id}</span>
+                    ${p.version ? html`<span class="ext-card-version">${p.version}</span>` : null}
+                  </div>
+                  <div class="ext-card-tags">
+                    ${statusBadge(p)}
+                    ${tierBadge(p)}
+                  </div>
+                  <div class="ext-card-desc">${p.description || ''}</div>
+                  <div class="ext-card-footer lib-card-footer">
+                    <span class="lib-tested"><span class="lib-tested-label">${t('librariesTab.tested')}:</span> ${proofChips(p)}</span>
+                  </div>
+                </div>`)}
+            </div>
+          </div>`;
+      })}
+
+      ${shown.length === 0 ? html`<div class="empty">${t('librariesTab.noneMatch')}</div>` : null}
+    </div>`;
+}

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

@@ -9,6 +9,8 @@
  * @structure LivingTab (default export) — templates list/editor + deploy + instances list/viewer
  * @usage html`<${LivingTab} session=${session} showToast=${showToast} />`
  * @version-history
+ *   v1.1.0 — 2026-07-16 — Mount folds templates + instances + organisms into GET /v1/living-docs
+ *     (getLivingOverview); individual reads (two full memory scans) kept as fallback.
  *   v1.0.0 — 2026-06-21 — Phase 0: template management + deploy + manual derive + render.
  */
 import { h } from 'preact';
@@ -49,6 +51,15 @@ export default function LivingTab({ session, showToast }) {
 
   async function loadAll() {
     try {
+      // Mount fold: ONE composite (templates + instances partitioned server-side from a single owner-memory
+      // scan + organisms). On failure, fall back to the individual reads (two full scans + listOrganisms).
+      const ov = await living.getLivingOverview();
+      if (ov) {
+        setTemplates(ov.templates);
+        setInstances(ov.instances);
+        setOrgs(ov.organisms);
+        return;
+      }
       const [tpls, insts, orgResp] = await Promise.all([
         living.listTemplates(), living.listInstances(), listOrganisms({ member: session.owner }),
       ]);

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

@@ -67,6 +67,10 @@
  *     (/v1/pub/:owner/:key, served when visibility==='public') instead of the authenticated,
  *     owner-scoped /v1/memory/files/:key — so a public file's link actually loads in a browser /
  *     <img>. Requires owner_gaii from the files list (added to GET /v1/memory/files).
+ *   v2.5.0 — 2026-07-16 — Mount folds the 6-request fan-out into ONE GET /v1/memory/tab (MemoryTabService;
+ *     memory section metadata-only). loadTab seeds all six sections; the agent/archived filter effect
+ *     skips its initial run so loadMemories only re-fetches the dynamic memory list on change. Falls back
+ *     to the individual loaders if the composite is unavailable. (Phase 4 slice 5 — frontend half.)
  */
 import { h } from 'preact';
 import { useState, useEffect, useRef } from 'preact/hooks';
@@ -76,6 +80,7 @@ const html = htm.bind(h);
 import { t } from '/js/i18n.js';
 import { escHtml } from '/js/utils.js';
 import * as memoryService from '/js/services/memory.js';
+import { apiGet } from '/js/api.js';
 import { listAgents } from '/js/services/agents.js';
 import { getKeyPermissions, listConsents, grantConsent, revokeConsent } from '/js/services/consent.js';
 import { getNodeUrl } from '/js/services/auth.js';
@@ -153,7 +158,7 @@ export default function MemoryTab({ session, showToast, onStats }) {
   const [expandedDiscover, setExpandedDiscover] = useState(null);
 
   useEffect(() => {
-    if (session) { loadAgents(); loadMemories(); loadFiles(); loadFedConsents(); loadGroups(); loadOrgNames(); }
+    if (session) loadTab();   // ONE composite call seeds all six sections (loadMemories owns later filter changes)
     // The loaders are plain functions re-created every render and closing over component state; this
     // effect intentionally runs them only when the session changes — including them would re-run on
     // every render (infinite loop).
@@ -206,11 +211,12 @@ export default function MemoryTab({ session, showToast, onStats }) {
     });
   }
 
+  const memFilterMounted = useRef(false);
   useEffect(() => {
+    // Skip the initial run — loadTab() already seeded the default memory view from the composite. Only
+    // an actual agent-selection / archived-toggle change re-fetches the (dynamic) memory list.
+    if (!memFilterMounted.current) { memFilterMounted.current = true; return; }
     if (session) { loadMemories(); }
-    // loadMemories is re-created each render; this effect intentionally reloads only when the agent
-    // selection or archived filter changes. Adding it (or session) would loop / double-load — session
-    // is already covered by the mount effect above.
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [selectedAgent, memArchived]);
 
@@ -293,6 +299,41 @@ export default function MemoryTab({ session, showToast, onStats }) {
     } catch { /* ignore */ }
   }
 
+  // Mount composite: ONE GET /v1/memory/tab seeds all six sections — agents + owner-scope memory
+  // (metadata-only) + files + consent + sharing-groups + organism names. loadMemories owns later
+  // (dynamic) memory re-fetches on agent/archived change; on failure we fall back to the six loaders.
+  async function loadTab() {
+    const ov = await apiGet('/v1/memory/tab').then(r => r?.data).catch(() => null);
+    if (!ov) { loadAgents(); loadMemories(); loadFiles(); loadFedConsents(); loadGroups(); loadOrgNames(); return; }
+    setAgents(Array.isArray(ov.agents) ? ov.agents : []);
+    // memory (metadata-only default view — mirrors loadMemories meta path)
+    const items = ov.memory?.items || [];
+    setMemories(items);
+    setMemQuota(ov.memory?.quota || null);
+    setValueCache({});
+    if (!memArchived) onStats?.({ memory: items.length });
+    // files
+    const fileList = ov.files?.files || [];
+    setFiles(fileList);
+    onStats?.({ files: fileList.length });
+    // federation consents + the active-consent set (mirrors loadFedConsents)
+    const consents = ov.consents?.consents || [];
+    const fedMap = {};
+    for (const c of consents) {
+      if (c.scope === 'federation') { const pat = c.data_pattern || c.pattern || ''; if (pat && !pat.includes('*')) fedMap[pat] = c.id || c.consent_id; }
+    }
+    setFedConsents(fedMap);
+    setAllConsents(consents.filter(c => !c.status || c.status === 'active'));
+    // sharing groups
+    setGroups(ov.groups?.groups || []);
+    // organism names (mirrors loadOrgNames)
+    const orgs = ov.organisms?.organisms || [];
+    const nameMap = {};
+    for (const o of orgs) nameMap[o.id] = o.name;
+    setOrgNames(nameMap);
+    setCartOrgs(orgs.map(o => ({ id: o.id, name: o.name })));
+  }
+
   // Refresh the list in whatever mode is active: metadata-only by default (fast for thousands of
   // keys), or full values once the user pressed "Load all contents".
   async function loadMemories() {