aimeat 1.2.0

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

@@ -0,0 +1,171 @@
+/**
+ * @file cortex-tab.js
+ * @description Admin dashboard tab for managing Cortex extensions at the node level.
+ *   Lists all installed cortex extensions, allows activate/deactivate/uninstall,
+ *   and shows component breakdowns.
+ * @version-history
+ *   v1.0.0 — 2026-03-17 — Initial admin cortex management tab
+ */
+import { h } from 'preact';
+import { useState, useEffect, useCallback } 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 { Badge, StatsGrid, Empty, useToast, Toast } from './shared.js';
+import { useConfirm } from '/components/Modal.js';
+import * as cortexService from '/js/services/cortex.js';
+
+const COMP_ICONS = { schema: '\u{1F4D0}', prompt: '\u{1F4AC}', action: '\u26A1', 'board-template': '\u{1F4CC}', ontology: '\u{1F9EC}', 'seed-data': '\u{1F331}', lib: '\u{1F4E6}' };
+
+export default function CortexTab({ data, reload, session }) {
+  const { toast, showToast } = useToast();
+  const { confirm, ConfirmUI } = useConfirm();
+  const [extensions, setExtensions] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [detail, setDetail] = useState(null);
+
+  const loadData = useCallback(async () => {
+    setLoading(true);
+    try {
+      const resp = await cortexService.listExtensions();
+      setExtensions(resp?.extensions || []);
+    } catch { setExtensions([]); }
+    setLoading(false);
+  }, []);
+
+  useEffect(() => { loadData(); }, [loadData]);
+  useEffect(() => {
+    const handler = () => { loadData(); };
+    window.addEventListener('aimeat-live-update', handler);
+    return () => window.removeEventListener('aimeat-live-update', handler);
+  }, [loadData]);
+
+  const handleActivate = async (name) => {
+    try {
+      await cortexService.activateExtension(name);
+      showToast(t('dashboard.cortex.activated'));
+      loadData();
+    } catch (e) { showToast(e.message || 'Error', true); }
+  };
+
+  const handleDeactivate = async (name) => {
+    try {
+      await cortexService.deactivateExtension(name);
+      showToast(t('dashboard.cortex.deactivated'));
+      loadData();
+    } catch (e) { showToast(e.message || 'Error', true); }
+  };
+
+  const handleUninstall = (name) => {
+    confirm(t('dashboard.cortex.confirmUninstall') || `Uninstall "${name}"?`, async () => {
+      try {
+        await cortexService.uninstallExtension(name);
+        showToast(t('dashboard.cortex.uninstalled'));
+        setDetail(null);
+        loadData();
+      } catch (e) { showToast(e.message || 'Error', true); }
+    }, { danger: true });
+  };
+
+  const handleVisibility = async (name, currentVis) => {
+    try {
+      await cortexService.toggleVisibility(name, currentVis);
+      showToast(t('dashboard.cortex.visibilityChanged'));
+      loadData();
+    } catch (e) { showToast(e.message || 'Error', true); }
+  };
+
+  const loadDetail = async (name) => {
+    try {
+      const d = await cortexService.getExtensionDetail(name);
+      setDetail(d);
+    } catch (e) { showToast(e.message || 'Error', true); }
+  };
+
+  const active = extensions.filter(e => e.status === 'active').length;
+  const inactive = extensions.length - active;
+
+  if (detail) {
+    const ext = detail;
+    const comps = ext.components || [];
+    const isActive = ext.status === 'active';
+    const vis = ext.visibility || 'private';
+    return html`<div>
+      <${Toast} toast=${toast} />
+      <${ConfirmUI} />
+      <button class="btn-outline" onClick=${() => setDetail(null)}>${t('dashboard.cortex.back')}</button>
+      <h3 class="adm-section-title" style="margin-top:1rem">${escHtml(ext.name)} <span class="adm-text-dim adm-text-sm">v${ext.version || '?'}</span></h3>
+      <p class="adm-text-dim">${escHtml(ext.description || '')}</p>
+      <div class="adm-meta-row">
+        <span>${t('dashboard.cortex.author')}: ${escHtml(ext.author || '?')}</span>
+        <span>${t('dashboard.cortex.installedBy')}: ${escHtml(ext.installed_by || '?')}</span>
+        <span>${t('dashboard.cortex.visibility')}: ${vis}</span>
+        <span><${Badge} type=${isActive ? 'success' : 'muted'} label=${isActive ? t('dashboard.cortex.active') : t('dashboard.cortex.inactive')} /></span>
+      </div>
+
+      <h4 class="adm-section-title" style="margin-top:1.5rem">${t('dashboard.cortex.components')}</h4>
+      <div class="adm-card">
+        ${comps.length === 0 ? html`<${Empty} text=${t('dashboard.cortex.noComponents')} />` : comps.map(c => html`
+          <div class="adm-row">${COMP_ICONS[c.type] || '\u{1F4C4}'} ${c.type}: ${c.type === 'schema' ? c.key_pattern : (c.name || c.filename || '')}</div>
+        `)}
+      </div>
+
+      <div class="adm-actions-row" style="margin-top:1.5rem">
+        ${isActive
+          ? html`<button class="btn-outline" onClick=${() => handleDeactivate(ext.name)}>${t('dashboard.cortex.deactivate')}</button>`
+          : html`<button class="btn-primary" onClick=${() => handleActivate(ext.name)}>${t('dashboard.cortex.activate')}</button>`}
+        <button class="btn-outline" onClick=${() => handleVisibility(ext.name, vis)}>
+          ${vis === 'public' ? t('dashboard.cortex.makePrivate') : t('dashboard.cortex.makePublic')}
+        </button>
+        <button class="btn-danger-solid" onClick=${() => handleUninstall(ext.name)}>${t('dashboard.cortex.uninstall')}</button>
+      </div>
+    </div>`;
+  }
+
+  return html`<div>
+    <${Toast} toast=${toast} />
+    <${ConfirmUI} />
+    <${StatsGrid} items=${[
+      { label: t('dashboard.cortex.total'), value: extensions.length },
+      { label: t('dashboard.cortex.active'), value: active },
+      { label: t('dashboard.cortex.inactive'), value: inactive },
+    ]} />
+
+    ${loading ? html`<div class="adm-text-dim">${t('dashboard.cortex.loading')}</div>` : extensions.length === 0
+      ? html`<${Empty} text=${t('dashboard.cortex.empty')} />`
+      : html`<div class="adm-table-wrap">
+        <table class="adm-table">
+          <thead><tr>
+            <th>${t('dashboard.cortex.name')}</th>
+            <th>${t('dashboard.cortex.version')}</th>
+            <th>${t('dashboard.cortex.installedBy')}</th>
+            <th>${t('dashboard.cortex.status')}</th>
+            <th>${t('dashboard.cortex.visibility')}</th>
+            <th>${t('dashboard.cortex.componentsCol')}</th>
+            <th></th>
+          </tr></thead>
+          <tbody>
+            ${extensions.map(ext => {
+              const isActive = ext.status === 'active';
+              const types = ext.component_types || [];
+              return html`<tr>
+                <td><button class="adm-link" onClick=${() => loadDetail(ext.name)}>${escHtml(ext.name)}</button></td>
+                <td class="adm-text-dim">v${ext.version || '?'}</td>
+                <td class="adm-text-dim">${escHtml(ext.installed_by || '?')}</td>
+                <td><${Badge} type=${isActive ? 'success' : 'muted'} label=${isActive ? t('dashboard.cortex.active') : t('dashboard.cortex.inactive')} /></td>
+                <td class="adm-text-dim">${ext.visibility || 'private'}</td>
+                <td class="adm-text-dim">${types.join(', ')}</td>
+                <td>
+                  ${isActive
+                    ? html`<button class="btn-outline btn-sm" onClick=${() => handleDeactivate(ext.name)}>${t('dashboard.cortex.deactivate')}</button>`
+                    : html`<button class="btn-primary btn-sm" onClick=${() => handleActivate(ext.name)}>${t('dashboard.cortex.activate')}</button>`}
+                </td>
+              </tr>`;
+            })}
+          </tbody>
+        </table>
+      </div>`
+    }
+  </div>`;
+}

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

@@ -0,0 +1,261 @@
+import { h } from 'preact';
+import { useState } 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 { dt, Empty, ExpandableHelp, useToast, Toast } from './shared.js';
+import { useConfirm } from '/components/Modal.js';
+import { getCsmDetail, deleteCsm, createCsm, getCsmFileTemplates, getCsmFileTemplate, getCsmBuilderPrompt } from '/js/services/admin.js';
+
+export default function CsmTab({ data, reload }) {
+  const templates = data.csm?.templates || [];
+  const [view, setView] = useState('list');    // list | detail | create | prompt
+  const [detail, setDetail] = useState(null);
+  const [yaml, setYaml] = useState('');
+  const [fileTemplates, setFileTemplates] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [err, setErr] = useState('');
+  const [prompt, setPrompt] = useState('');
+  const [copied, setCopied] = useState(false);
+  const [toast, showErr, showOk, clearToast] = useToast();
+  const { confirm, ConfirmUI } = useConfirm();
+
+  async function showDetail(name) {
+    try {
+      const r = await getCsmDetail(name);
+      setDetail(r.data);
+      setView('detail');
+    } catch (e) { setErr(e.message); }
+  }
+
+  async function doDelete(name) {
+    const msg = t('dashboard.csmDeleteConfirm').replace('{name}', name);
+    confirm(msg, async () => {
+      try {
+        await deleteCsm(name);
+        setView('list');
+        setDetail(null);
+        reload();
+      } catch (e) { showErr(e.message); }
+    }, { danger: true });
+  }
+
+  async function openCreate() {
+    setErr('');
+    setYaml('');
+    setView('create');
+    if (!fileTemplates) {
+      try {
+        const r = await getCsmFileTemplates();
+        setFileTemplates(r.data?.templates || []);
+      } catch (e) { console.warn('Failed to load:', e.message); setFileTemplates([]); }
+    }
+  }
+
+  async function loadTemplate(type) {
+    if (!type) return;
+    setLoading(true);
+    try {
+      const text = await getCsmFileTemplate(type);
+      setYaml(text);
+    } catch (e) { setErr(e.message); }
+    setLoading(false);
+  }
+
+  async function doCreate() {
+    if (!yaml.trim()) return;
+    setLoading(true);
+    setErr('');
+    try {
+      await createCsm(yaml);
+      setView('list');
+      setYaml('');
+      reload();
+    } catch (e) {
+      setErr(e.message || t('dashboard.errorLabel'));
+    }
+    setLoading(false);
+  }
+
+  async function openPrompt() {
+    setErr('');
+    setLoading(true);
+    try {
+      const r = await getCsmBuilderPrompt();
+      setPrompt(r.data?.prompt || '');
+      setView('prompt');
+    } catch (e) { setErr(e.message); }
+    setLoading(false);
+  }
+
+  async function copyPrompt() {
+    try {
+      await navigator.clipboard.writeText(prompt);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    } catch { /* fallback — select text */ }
+  }
+
+  function backToList() { setView('list'); setDetail(null); setErr(''); setCopied(false); }
+
+  // ── Detail view ──
+  if (view === 'detail' && detail) {
+    const def = detail.definition || {};
+    const svc = def.service || {};
+    return html`
+      <div>
+        ${toast && html`<${Toast} ...${toast} onDismiss=${clearToast} />`}
+        <button class="adm-btn-sm" onClick=${backToList}>← ${t('dashboard.back')}</button>
+        <div class="adm-card adm-mt-md">
+          <div class="adm-flex-between">
+            <h4 style="margin:0">${escHtml(detail.name)}</h4>
+            <button class="adm-btn-sm" style="color:#ef4444;border-color:#ef4444" onClick=${() => doDelete(detail.name)}>
+              ${t('dashboard.delete')}
+            </button>
+          </div>
+          ${svc.description && html`<p class="adm-text-base adm-text-dim" style="margin:4px 0 12px">${escHtml(svc.description)}</p>`}
+
+          <div class="adm-text-base" style="display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin:12px 0">
+            <div><strong>${t('dashboard.csmServiceType')}:</strong> ${escHtml(detail.service_type || '—')}</div>
+            <div><strong>${t('dashboard.csmRegisteredBy')}:</strong> ${escHtml(detail.registered_by || '—')}</div>
+            <div><strong>${t('dashboard.created')}:</strong> ${dt(detail.registered_at)}</div>
+            <div><strong>${t('dashboard.updated')}:</strong> ${dt(detail.updated_at)}</div>
+            <div><strong>${t('dashboard.csmFederate')}:</strong> ${detail.federate ? '✓' : '—'}</div>
+            ${detail.json_schema_key && html`<div><strong>${t('dashboard.schema')}:</strong> <code style="font-size:.75rem">${detail.json_schema_key}</code></div>`}
+          </div>
+
+          ${detail.semantic && html`
+            <h5 style="margin:16px 0 4px">${t('dashboard.semantic') || 'Semantic'}</h5>
+            <pre style="background:var(--bg-card);padding:12px;border-radius:6px;overflow:auto;font-size:.75rem">${JSON.stringify(detail.semantic, null, 2)}</pre>
+          `}
+
+          <h5 style="margin:16px 0 4px">${t('dashboard.csmDefinition')}</h5>
+          <pre style="background:var(--bg-card);padding:12px;border-radius:6px;overflow:auto;font-size:.75rem">${JSON.stringify(def, null, 2)}</pre>
+        </div>
+        <${ConfirmUI} />
+      </div>
+    `;
+  }
+
+  // ── AI Prompt view ──
+  if (view === 'prompt') {
+    return html`
+      <div>
+        <button class="adm-btn-sm" onClick=${backToList}>← ${t('dashboard.back')}</button>
+        <div class="adm-card adm-mt-md">
+          <h4 style="margin:0 0 4px">${t('dashboard.csmAiPromptTitle')}</h4>
+          <p class="adm-text-base adm-text-dim" style="margin:0 0 12px">${t('dashboard.csmAiPromptDesc')}</p>
+
+          <div style="position:relative">
+            <pre style="background:var(--bg-deep,#0f172a);padding:16px;border-radius:8px;overflow:auto;font-size:.8rem;max-height:500px;white-space:pre-wrap;line-height:1.5;border:1px solid var(--glass-border,#334155)">${prompt}</pre>
+            <button class="adm-btn" style="position:absolute;top:8px;right:8px" onClick=${copyPrompt}>
+              ${copied ? t('dashboard.copied') : t('dashboard.copy')}
+            </button>
+          </div>
+
+          <div class="adm-mt-lg">
+            <${ExpandableHelp} title=${t('dashboard.csmAiPromptHow')}>
+              <ol style="margin:0;padding-left:20px;font-size:.85rem;line-height:1.8">
+                <li>${t('dashboard.csmAiStep1')}</li>
+                <li>${t('dashboard.csmAiStep2')}</li>
+                <li>${t('dashboard.csmAiStep3')}</li>
+                <li>${t('dashboard.csmAiStep4')}</li>
+              </ol>
+            <//>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+
+  // ── Create view ──
+  if (view === 'create') {
+    return html`
+      <div>
+        <button class="adm-btn-sm" onClick=${backToList}>← ${t('dashboard.back')}</button>
+        <div class="adm-card adm-mt-md">
+          <h4 style="margin:0 0 12px">${t('dashboard.csmCreate')}</h4>
+
+          ${fileTemplates && fileTemplates.length > 0 && html`
+            <div class="adm-mb-md">
+              <label class="adm-text-base adm-text-dim" style="display:block;margin-bottom:4px">${t('dashboard.csmCreateFromTemplate')}</label>
+              <select style="width:auto;min-width:200px" onChange=${e => loadTemplate(e.target.value)}>
+                <option value="">${t('dashboard.csmSelectTemplate')}</option>
+                ${fileTemplates.map(ft => html`<option value=${ft.type}>${escHtml(ft.name)} (${ft.type})</option>`)}
+              </select>
+            </div>
+          `}
+
+          <label class="adm-text-base adm-text-dim" style="display:block;margin-bottom:4px">${t('dashboard.csmDefinition')}</label>
+          <textarea
+            rows="16"
+            style="width:100%;font-family:monospace;font-size:.8rem;resize:vertical"
+            placeholder=${t('dashboard.csmYamlPlaceholder')}
+            value=${yaml}
+            onInput=${e => setYaml(e.target.value)}
+          />
+
+          ${err && html`<div class="error-box adm-mt-sm">${err}</div>`}
+
+          <div class="adm-flex adm-mt-md">
+            <button class="adm-btn" onClick=${doCreate} disabled=${loading || !yaml.trim()}>
+              ${loading ? '...' : t('dashboard.csmCreate')}
+            </button>
+            <button class="adm-btn-sm" onClick=${backToList}>${t('dashboard.cancel')}</button>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+
+  // ── List view ──
+  return html`
+    ${toast && html`<${Toast} ...${toast} onDismiss=${clearToast} />`}
+    <p class="adm-text-dim" style="margin:0 0 12px">${t('dashboard.csmExplain')}</p>
+    <${ExpandableHelp} title=${t('dashboard.csmHelpTitle')}>
+      ${t('dashboard.csmHelpDetail')}
+    <//>
+
+    <div class="adm-flex adm-mb-md">
+      <button class="adm-btn" onClick=${openCreate}>${t('dashboard.csmAddNew')}</button>
+      <button class="adm-btn-action" onClick=${openPrompt}>${t('dashboard.csmCreateWithAi')}</button>
+    </div>
+
+    ${!templates.length
+      ? html`<${Empty} text=${t('dashboard.noCsmTemplates')} />`
+      : html`
+        <div class="adm-card">
+          <div class="scrollable">
+            <table>
+              <thead><tr>
+                <th>${t('dashboard.name')}</th>
+                <th>${t('dashboard.csmServiceType')}</th>
+                <th>${t('dashboard.csmRegisteredBy')}</th>
+                <th>${t('dashboard.csmFederate')}</th>
+                <th>${t('dashboard.created')}</th>
+                <th></th>
+              </tr></thead>
+              <tbody>
+                ${templates.map(c => html`<tr>
+                  <td><strong>${escHtml(c.name)}</strong></td>
+                  <td class="adm-text-sm adm-text-dim">${escHtml(c.service_type || '—')}</td>
+                  <td class="adm-text-sm">${escHtml(c.registered_by || '—')}</td>
+                  <td>${c.federate ? '✓' : '—'}</td>
+                  <td class="adm-text-dim">${dt(c.registered_at)}</td>
+                  <td style="white-space:nowrap">
+                    <button class="adm-btn-sm" onClick=${() => showDetail(c.name)}>${t('dashboard.details')}</button>
+                    ${' '}
+                    <button class="adm-btn-sm" style="color:#ef4444;border-color:#ef4444" onClick=${() => doDelete(c.name)}>
+                      ${t('dashboard.delete')}
+                    </button>
+                  </td>
+                </tr>`)}
+              </tbody>
+            </table>
+          </div>
+        </div>
+      `}
+    <${ConfirmUI} />
+  `;
+}

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

@@ -0,0 +1,44 @@
+import { h } from 'preact';
+import { useState } from 'preact/hooks';
+import htm from 'htm';
+const html = htm.bind(h);
+import { t } from '/js/i18n.js';
+import { num, StatsGrid, ExpandableHelp } from './shared.js';
+import { rebuildDirectory } from '/js/services/admin.js';
+
+export default function DirectoryTab({ data }) {
+  const dir = data.directory;
+  const [rebuilding, setRebuilding] = useState(false);
+  const [result, setResult] = useState(null);
+
+  async function doRebuild() {
+    setRebuilding(true);
+    setResult(null);
+    try {
+      await rebuildDirectory();
+      setResult({ ok: true, msg: t('dashboard.directoryRebuilt') });
+    } catch (e) {
+      setResult({ ok: false, msg: e.message });
+    }
+    setRebuilding(false);
+  }
+
+  return html`
+    <p style="color:var(--text-dim);font-size:.85rem;margin-bottom:12px">${t('dashboard.directoryExplain')}</p>
+    <${ExpandableHelp} title=${t('dashboard.directoryHelpTitle')}>${t('dashboard.directoryHelpDetail')}</${ExpandableHelp}>
+
+    <${StatsGrid} items=${[
+      { label: t('dashboard.totalEntries'), value: dir?.total || 0, color: '#06b6d4' },
+      { label: t('dashboard.cities'), value: dir?.cities || 0, color: '#22c55e' },
+      { label: t('dashboard.categories'), value: dir?.categories || 0, color: '#f59e0b' },
+    ]} />
+
+    <div class="adm-card" style="margin-top:12px">
+      <h4 style="margin:0 0 12px">${t('dashboard.directoryMaintenance')}</h4>
+      <button class="adm-btn" onClick=${doRebuild} disabled=${rebuilding}>
+        ${rebuilding ? '...' : t('dashboard.rebuildIndex')}
+      </button>
+      ${result && html`<div style="margin-top:8px;font-size:.85rem;color:${result.ok ? '#22c55e' : '#ef4444'}">${result.msg}</div>`}
+    </div>
+  `;
+}

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

@@ -0,0 +1,80 @@
+import { h } from 'preact';
+import { useState } 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 { num, EconRow, StatsGrid } from './shared.js';
+import { mintMorsels } from '/js/services/admin.js';
+
+export default function EconomyTab({ data, reload }) {
+  const e = data.dash?.economy;
+  if (!e) return html`<div class="empty">${t('dashboard.loading')}</div>`;
+
+  const [mintGaii, setMintGaii] = useState('');
+  const [mintAmount, setMintAmount] = useState('');
+  const [mintResult, setMintResult] = useState(null);
+
+  async function doMint() {
+    const amount = parseInt(mintAmount, 10);
+    if (!mintGaii || !amount || amount < 1 || amount > 1_000_000) {
+      setMintResult({ ok: false, msg: t('dashboard.mintGaiiRequired') || 'Amount must be 1\u20131,000,000' });
+      return;
+    }
+    try {
+      const r = await mintMorsels(mintGaii, amount);
+      setMintResult({ ok: true, msg: t('dashboard.mintedSuccess').replace('{amount}', num(r.data.minted)).replace('{balance}', num(r.data.new_balance)) });
+      reload();
+    } catch (err) {
+      setMintResult({ ok: false, msg: err.message });
+    }
+  }
+
+  return html`
+    <div class="adm-grid adm-grid-2">
+      <div class="adm-card">
+        <h2>${t('dashboard.morselSupply')}</h2>
+        <${EconRow} label=${t('dashboard.inCirculation')} value=${num(e.total_morsels_in_circulation)} />
+        <${EconRow} label=${t('dashboard.totalMintedAllTime')} value=${num(e.total_minted_all_time)} />
+        <${EconRow} label=${t('dashboard.totalBurnedAllTime')} value=${num(e.total_burned_all_time)} />
+        <${EconRow} label=${t('dashboard.inflationRate30d')} value=${e.inflation_rate_30d_percent + '%'} />
+        <${EconRow} label=${t('dashboard.burnMintRatio')} value=${e.burn_mint_ratio} />
+      </div>
+      <div class="adm-card">
+        <h2>${t('dashboard.todayActivity')}</h2>
+        <${EconRow} label=${t('dashboard.transactionsToday')} value=${num(e.transactions_today)} />
+        <${EconRow} label=${t('dashboard.morselsMovedToday')} value=${num(e.morsels_transacted_today)} />
+        <${EconRow} label=${t('dashboard.networkFees')} value=${num(e.network_fees_today)} />
+        <${EconRow} label=${t('dashboard.burned')} value=${num(e.burned_today)} />
+        <${EconRow} label=${t('dashboard.dailyAllowancesIssued')} value=${num(e.daily_allowances_issued_today)} />
+      </div>
+    </div>
+
+    <div class="adm-card">
+      <h2>${t('dashboard.morselPolicy')}</h2>
+      <${EconRow} label=${t('dashboard.welcomeBonus')} value=${num(e.welcome_bonus) + ' ' + t('dashboard.morselUnit')} />
+      <${EconRow} label=${t('dashboard.dailyAllowance')} value=${num(e.daily_allowance) + ' ' + t('dashboard.morselUnit')} />
+      <${EconRow} label=${t('dashboard.allowanceCap')} value=${num(e.daily_allowance_cap) + ' ' + t('dashboard.morselUnit')} />
+      <${EconRow} label=${t('dashboard.burnRate')} value=${e.burn_rate} />
+      <${EconRow} label=${t('dashboard.maxOperatorMint')} value=${num(e.max_operator_mint_per_day) + ' ' + t('dashboard.morselUnit')} />
+    </div>
+
+    <!-- Mint form -->
+    <div class="adm-card" style="margin-top:16px">
+      <h2>${t('dashboard.mintMorsels')}</h2>
+      <p style="color:var(--text-dim);font-size:.8rem;margin-bottom:10px">${t('dashboard.issueToAgent').replace('{cap}', num(e.max_operator_mint_per_day))}</p>
+      <div style="display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap">
+        <div style="flex:2;min-width:200px">
+          <label style="color:var(--text-dim);font-size:.75rem;margin-bottom:2px;display:block">${t('dashboard.gaii')}</label>
+          <input type="text" value=${mintGaii} onInput=${e => setMintGaii(e.target.value)} placeholder="agent#owner@node" style="width:100%" />
+        </div>
+        <div style="flex:1;min-width:100px">
+          <label style="color:var(--text-dim);font-size:.75rem;margin-bottom:2px;display:block">${t('dashboard.amount')}</label>
+          <input type="number" value=${mintAmount} onInput=${e => setMintAmount(e.target.value)} placeholder="100" min="1" style="width:100%" />
+        </div>
+        <button class="adm-btn" style="height:38px;white-space:nowrap" onClick=${doMint}>${t('dashboard.mint')}</button>
+      </div>
+      ${mintResult && html`<div style="margin-top:8px;font-size:.85rem;color:${mintResult.ok ? '#22c55e' : '#ef4444'}">${escHtml(mintResult.msg)}</div>`}
+    </div>
+  `;
+}