aimeat 1.16.2 → 1.18.0

package/dist/public/views/admin/generator-debug-tab.js

@@ -5,6 +5,7 @@
  *   content with syntax highlighting.
  * @version-history
  *   v1.0.0 — 2026-03-23 — Initial implementation
+ *   v1.1.0 — 2026-06-02 — Admin design unification: main btn-* classes → adm-btn* (btn-primary→adm-btn, btn-ghost→adm-btn-action, btn-outline→adm-btn-action).
  */
 import { h } from 'preact';
 import { useState, useEffect } from 'preact/hooks';
@@ -12,6 +13,8 @@ import htm from 'htm';
 const html = htm.bind(h);
 import { t } from '/js/i18n.js';
 import { apiGet, apiDelete } from '/js/api.js';
+import { copyToClipboard } from '/js/utils.js';
+import { CopyButton } from '/components/CopyButton.js';
 
 export default function GeneratorDebugTab() {
   const [projects, setProjects] = useState([]);
@@ -127,7 +130,7 @@ export default function GeneratorDebugTab() {
       for (const { path, content } of loaded) {
         parts.push('='.repeat(60), `FILE: ${path}`, '='.repeat(60), content, '');
       }
-      await navigator.clipboard.writeText(parts.join('\n'));
+      await copyToClipboard(parts.join('\n'));
       setCopying('done');
       setTimeout(() => setCopying(false), 2000);
     } catch (e) {
@@ -171,10 +174,10 @@ export default function GeneratorDebugTab() {
             <div class="adm-card adm-card-clickable" onClick=${() => selectProject(p.projectId)}>
               <div class="adm-card-header">
                 <strong>${p.source === 'foundry' ? '🏭 ' : '🔴 '}${p.projectId}</strong>
-                <button class="btn-primary btn-sm" onClick=${e => { e.stopPropagation(); handleCopyAll(p.projectId); }}>
+                <button class="adm-btn" onClick=${e => { e.stopPropagation(); handleCopyAll(p.projectId); }}>
                   ${copying === 'done' ? '\u2705 Copied!' : copying ? '...' : 'Copy All'}
                 </button>
-                <button class="btn-ghost btn-sm" onClick=${e => { e.stopPropagation(); handleDeleteProject(p.projectId); }}>
+                <button class="adm-btn-action" onClick=${e => { e.stopPropagation(); handleDeleteProject(p.projectId); }}>
                   Delete
                 </button>
               </div>
@@ -191,11 +194,11 @@ export default function GeneratorDebugTab() {
       ${selectedProject && html`
         <div>
           <div class="adm-breadcrumb">
-            <button class="btn-ghost btn-sm" onClick=${() => { setSelectedProject(null); setFiles([]); setSelectedFile(null); }}>
+            <button class="adm-btn-action" onClick=${() => { setSelectedProject(null); setFiles([]); setSelectedFile(null); }}>
               ← Back to projects
             </button>
             <strong>${selectedProject}</strong>
-            <button class="btn-primary btn-sm" onClick=${() => handleCopyAll(selectedProject)}>
+            <button class="adm-btn" onClick=${() => handleCopyAll(selectedProject)}>
               ${copying === 'done' ? '\u2705 Copied!' : copying ? '...' : 'Copy All Debug'}
             </button>
             <span class="adm-count">${files.length} files</span>
@@ -220,9 +223,8 @@ export default function GeneratorDebugTab() {
               ${selectedFile ? html`
                 <div style="display:flex;align-items:center;gap:8px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--border)">
                   <span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:0.85rem">${selectedFile}</span>
-                  <button class="btn-outline btn-sm" style="flex-shrink:0" onClick=${() => {
-                    navigator.clipboard.writeText(fileContent).catch(() => {});
-                  }}>Copy File</button>
+                  <span style="flex-shrink:0"><${CopyButton} text=${fileContent}
+                    className="adm-btn-action" label="Copy File" copiedLabel="Copy File" /></span>
                 </div>
                 ${loadingFile
                   ? html`<p>${t('profile.loading')}</p>`

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

@@ -30,10 +30,10 @@ export default function GenesisTab({ data, reload }) {
     <//>
 
     <${StatsGrid} items=${[
-      { label: t('dashboard.totalPeers'), value: peers.length, color: '#06b6d4' },
-      { label: t('dashboard.approved'), value: peers.filter(p => p.status === 'approved' || p.status === 'active').length, color: '#22c55e' },
-      { label: t('dashboard.suspended'), value: peers.filter(p => p.status === 'suspended').length, color: '#ef4444' },
-      { label: t('dashboard.pending'), value: peers.filter(p => p.status === 'pending').length, color: '#f59e0b' },
+      { label: t('dashboard.totalPeers'), value: peers.length, tone: 'cyan' },
+      { label: t('dashboard.approved'), value: peers.filter(p => p.status === 'approved' || p.status === 'active').length, tone: 'green' },
+      { label: t('dashboard.suspended'), value: peers.filter(p => p.status === 'suspended').length, tone: 'red' },
+      { label: t('dashboard.pending'), value: peers.filter(p => p.status === 'pending').length, tone: 'amber' },
     ]} />
 
     ${!peers.length

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

@@ -51,9 +51,9 @@ export default function GhiiTab({ data, reload }) {
     </div>
 
     <${StatsGrid} items=${[
-      { label: t('dashboard.totalGhiiUsers'), value: users.length, color: '#06b6d4' },
-      { label: t('dashboard.totpEnabled'), value: users.filter(u => u.totp_enabled).length, color: '#22c55e' },
-      { label: t('dashboard.verifiedL2'), value: users.filter(u => u.verification_level === 2).length, color: '#a855f7' },
+      { label: t('dashboard.totalGhiiUsers'), value: users.length, tone: 'cyan' },
+      { label: t('dashboard.totpEnabled'), value: users.filter(u => u.totp_enabled).length, tone: 'green' },
+      { label: t('dashboard.verifiedL2'), value: users.filter(u => u.verification_level === 2).length, tone: 'purple' },
     ]} />
 
     ${!users.length

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

@@ -1,3 +1,14 @@
+/**
+ * @file knowledge-tab.js
+ * @description Admin dashboard Knowledge tab — operator view to create system
+ *   knowledge packages, review/moderate packages, and manage flags.
+ * @structure KnowledgeAdminTab (default)
+ * @usage Mounted by the admin dashboard tab router.
+ * @version-history
+ *   v1.1.0 — 2026-06-02 — Admin design unification: entry-content textarea
+ *     adm-input → adm-textarea (drop redundant resize/font-family inline style);
+ *     delete-package button inline color → adm-btn-danger (campsite fix).
+ */
 import { h } from 'preact';
 import { useState, useEffect, useCallback } from 'preact/hooks';
 import htm from 'htm';
@@ -93,7 +104,7 @@ export default function KnowledgeAdminTab({ data, reload }) {
     ...f, entries: f.entries.map((e, idx) => idx === i ? { ...e, [field]: val } : e),
   }));
 
-  if (loading) return html`<${Spinner} text="Loading..." />`;
+  if (loading) return html`<${Spinner} text=${t('common.loading')} />`;
 
   return html`
     <div class="adm-section">
@@ -172,11 +183,10 @@ export default function KnowledgeAdminTab({ data, reload }) {
                         </button>
                       `}
                     </div>
-                    <textarea class="adm-input adm-input-full" value=${entry.content}
+                    <textarea class="adm-textarea adm-input-full" value=${entry.content}
                       onInput=${e => updateEntry(i, 'content', e.target.value)}
                       placeholder=${t('knowledge.operator.createForm.entryContent')}
-                      rows="3"
-                      style="resize:vertical;font-family:inherit" />
+                      rows="3" />
                   </div>
                 `)}
                 <button class="adm-btn-sm adm-mt-sm" onClick=${addEntry}>
@@ -244,7 +254,7 @@ export default function KnowledgeAdminTab({ data, reload }) {
               <button class="adm-btn-sm" onClick=${() => setReviewingId(reviewingId === pkg.package_id ? null : pkg.package_id)}>
                 ${t('knowledge.operator.review')}
               </button>
-              <button class="adm-btn-sm" style="color:#e74c3c" onClick=${() => deletePackage(pkg.package_id)}>
+              <button class="adm-btn-sm adm-btn-danger" onClick=${() => deletePackage(pkg.package_id)}>
                 ${t('knowledge.operator.deletePackage')}
               </button>
             </div>

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

@@ -28,9 +28,9 @@ export default function MatchingTab({ data }) {
     <${ExpandableHelp} title=${t('dashboard.matchingHelpTitle')}>${t('dashboard.matchingHelpDetail')}</${ExpandableHelp}>
 
     <${StatsGrid} items=${[
-      { label: t('dashboard.totalProfiles'), value: m?.total_profiles || 0, color: '#06b6d4' },
-      { label: t('dashboard.activeMatches'), value: m?.active_matches || 0, color: '#22c55e' },
-      { label: t('dashboard.lastRun'), value: m?.last_run || '\u2014', color: '#a855f7' },
+      { label: t('dashboard.totalProfiles'), value: m?.total_profiles || 0, tone: 'cyan' },
+      { label: t('dashboard.activeMatches'), value: m?.active_matches || 0, tone: 'green' },
+      { label: t('dashboard.lastRun'), value: m?.last_run || '\u2014', tone: 'purple' },
     ]} />
 
     <div class="adm-card" style="margin-top:12px">

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

@@ -5,6 +5,10 @@
  *   and delete functionality.
  * @version-history
  *   v1.0.0 — 2026-03-16 — Initial implementation
+ *   v1.1.0 — 2026-06-02 — Admin design unification: fix the broken useToast wiring
+ *     (array hook was used as an object via .show()/.current/.dismiss — toasts never
+ *     rendered and delete threw); now canonical [msg,showErr,showOk,clear] + correct
+ *     <Toast>. The bespoke adm-mem-stat summary → canonical <StatsGrid>.
  */
 import { h } from 'preact';
 import { useState, useEffect, useCallback } from 'preact/hooks';
@@ -12,7 +16,7 @@ import htm from 'htm';
 const html = htm.bind(h);
 import { t } from '/js/i18n.js';
 import { escHtml } from '/js/utils.js';
-import { num, dt, Empty, useToast, Toast } from './shared.js';
+import { dt, Empty, StatsGrid, useToast, Toast } from './shared.js';
 import { getAdminMemory, deleteAdminMemory } from '/js/services/admin.js';
 
 const PAGE_SIZE = 50;
@@ -31,10 +35,10 @@ export default function MemoryTab({ data, reload, session }) {
   // Expanded rows
   const [expanded, setExpanded] = useState({});
 
-  const toast = useToast();
+  const [toast, showErr, showOk, clearToast] = useToast();
 
-  const loadMemory = useCallback(async (off = 0) => {
-    setLoading(true);
+  const loadMemory = useCallback(async (off = 0, { showSpinner = true } = {}) => {
+    if (showSpinner) setLoading(true);
     try {
       const params = { limit: PAGE_SIZE, offset: off };
       if (ownerFilter.trim()) params.owner = ownerFilter.trim();
@@ -56,7 +60,7 @@ export default function MemoryTab({ data, reload, session }) {
 
   // Listen for live updates
   useEffect(() => {
-    const handler = () => { loadMemory(offset); };
+    const handler = () => { loadMemory(offset, { showSpinner: false }); }; // silent: no flash
     window.addEventListener('aimeat-live-update', handler);
     return () => window.removeEventListener('aimeat-live-update', handler);
   }, [loadMemory, offset]);
@@ -73,10 +77,10 @@ export default function MemoryTab({ data, reload, session }) {
     if (!confirm(t('dashboard.memoryDeleteConfirm'))) return;
     try {
       await deleteAdminMemory(ownerGaii, key);
-      toast.show('success', t('dashboard.memoryDeleted'));
+      showOk(t('dashboard.memoryDeleted'));
       loadMemory(offset);
     } catch (e) {
-      toast.show('error', e.message);
+      showErr(e.message);
     }
   }
 
@@ -105,21 +109,13 @@ export default function MemoryTab({ data, reload, session }) {
 
   return html`
     <div>
-      ${toast.current && html`<${Toast} ...${toast.current} onDismiss=${toast.dismiss} />`}
+      ${toast && html`<${Toast} type=${toast.type} text=${toast.text} onDismiss=${clearToast} />`}
 
       <!-- Stats summary -->
-      <div class="adm-mem-stats">
-        <div class="adm-mem-stat">
-          <span class="adm-mem-stat-value">${num(total)}</span>
-          <span class="adm-mem-stat-label">${t('dashboard.memoryTotal')}</span>
-        </div>
-        ${Object.entries(visCounts).map(([vis, count]) => html`
-          <div class="adm-mem-stat">
-            <span class="adm-mem-stat-value">${num(count)}</span>
-            <span class="adm-mem-stat-label">${vis}</span>
-          </div>
-        `)}
-      </div>
+      <${StatsGrid} items=${[
+        { label: t('dashboard.memoryTotal'), value: total },
+        ...Object.entries(visCounts).map(([vis, count]) => ({ label: vis, value: count })),
+      ]} />
 
       <!-- Filter bar -->
       <form class="adm-mem-filters" onSubmit=${handleSearch}>

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

@@ -1,11 +1,29 @@
+/**
+ * @file msm-tab.js
+ * @description Admin dashboard MSM (Marketplace Service Manifest) tab — list,
+ *   detail, create, edit and typed-name delete of registered service manifests.
+ * @structure default export MsmTab({ data, reload }); internal renderDeleteModal,
+ *   list/detail/create/edit views.
+ * @usage Mounted by the admin dashboard tab router.
+ * @version-history
+ *   v1.1.0 — 2026-06-02 — Component unification (#3): delete-confirm overlay uses
+ *     canonical .modal-overlay (theme.css) instead of removed .adm-modal-overlay.
+ *   v1.2.0 — 2026-06-02 — Component unification (#2): delete-confirm modal uses the
+ *     canonical <Modal> component (header ✕ + Escape/backdrop close); the typed-name
+ *     guard stays in the body, with the danger cue moved to the message text.
+ *   v1.3.0 — 2026-06-02 — Admin design unification: inline danger styles → adm-btn-danger
+ *     (detail + list delete buttons) / adm-btn-danger-solid (modal delete), raw textarea →
+ *     adm-textarea adm-input-full, error divs → <ErrorBox> (edit + create views).
+ */
 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, Badge, Empty, ExpandableHelp, useToast, Toast } from './shared.js';
+import { dt, Badge, Empty, ExpandableHelp, ErrorBox, useToast, Toast } from './shared.js';
 import { getMsmDetail, createMsm, updateMsm, deleteMsm, getMsmTemplates, getMsmTemplate } from '/js/services/admin.js';
+import { Modal } from '/components/Modal.js';
 
 export default function MsmTab({ data, reload }) {
   const integrations = data.msm?.integrations || [];
@@ -127,12 +145,10 @@ export default function MsmTab({ data, reload }) {
   // ── Delete confirmation modal ──
   function renderDeleteModal() {
     if (!deleteTarget) return null;
+    const closeDelete = () => { setDeleteTarget(null); setDeleteInput(''); };
     return html`
-      <div class="adm-modal-overlay"
-           onClick=${e => { if (e.target === e.currentTarget) { setDeleteTarget(null); setDeleteInput(''); } }}>
-        <div class="adm-card" style="max-width:460px;width:90%;margin:0">
-          <h4 class="adm-mb-sm adm-text-error" style="margin:0">${t('dashboard.msmDeleteTitle')}</h4>
-          <p class="adm-text-base adm-mb-md" style="margin:0">
+      <${Modal} open=${true} onClose=${closeDelete} title=${t('dashboard.msmDeleteTitle')}>
+          <p class="adm-text-base adm-mb-md adm-text-error" style="margin:0 0 1rem">
             ${t('dashboard.msmDeleteConfirm').replace('{name}', deleteTarget)}
           </p>
           <input
@@ -143,20 +159,18 @@ export default function MsmTab({ data, reload }) {
             onInput=${e => setDeleteInput(e.target.value)}
           />
           <div class="adm-flex" style="justify-content:flex-end">
-            <button class="adm-btn-sm" onClick=${() => { setDeleteTarget(null); setDeleteInput(''); }}>
+            <button class="adm-btn-sm" onClick=${closeDelete}>
               ${t('dashboard.cancel')}
             </button>
             <button
-              class="adm-btn"
-              style="background:#ef4444;border-color:#ef4444"
+              class="adm-btn adm-btn-danger-solid"
               disabled=${deleteInput !== deleteTarget || loading}
               onClick=${doDelete}
             >
               ${loading ? '...' : t('dashboard.delete')}
             </button>
           </div>
-        </div>
-      </div>
+      <//>
     `;
   }
 
@@ -192,7 +206,7 @@ export default function MsmTab({ data, reload }) {
             ${t('dashboard.msmEditFederate')}
           </label>
 
-          ${err && html`<div class="error-box adm-mb-sm">${err}</div>`}
+          ${err && html`<div class="adm-mb-sm"><${ErrorBox} message=${err} /></div>`}
 
           <div class="adm-flex">
             <button class="adm-btn" onClick=${doEdit} disabled=${loading}>
@@ -219,7 +233,7 @@ export default function MsmTab({ data, reload }) {
             <h4 style="margin:0">${escHtml(detail.name)}</h4>
             <div class="adm-flex">
               <button class="adm-btn-sm" onClick=${openEdit}>${t('dashboard.edit')}</button>
-              <button class="adm-btn-sm adm-text-error" style="border-color:#ef4444" onClick=${() => openDelete(detail.name)}>
+              <button class="adm-btn-sm adm-btn-danger" onClick=${() => openDelete(detail.name)}>
                 ${t('dashboard.delete')}
               </button>
             </div>
@@ -264,8 +278,7 @@ export default function MsmTab({ data, reload }) {
           <label class="adm-text-base adm-text-dim adm-mb-xs" style="display:block">${t('dashboard.msmDefinition')}</label>
           <textarea
             rows="20"
-            class="adm-input adm-input-full adm-text-sm"
-            style="font-family:monospace;resize:vertical"
+            class="adm-textarea adm-input-full"
             placeholder=${t('dashboard.msmYamlPlaceholder')}
             value=${yaml}
             onInput=${e => setYaml(e.target.value)}
@@ -276,7 +289,7 @@ export default function MsmTab({ data, reload }) {
             ${t('dashboard.msmEditFederate')}
           </label>
 
-          ${err && html`<div class="error-box adm-mt-sm">${err}</div>`}
+          ${err && html`<div class="adm-mt-sm"><${ErrorBox} message=${err} /></div>`}
 
           <div class="adm-flex adm-mt-md">
             <button class="adm-btn" onClick=${doCreate} disabled=${loading || !yaml.trim()}>
@@ -328,7 +341,7 @@ export default function MsmTab({ data, reload }) {
                   <td style="white-space:nowrap">
                     <button class="adm-btn-sm" onClick=${() => showDetail(m.name)}>${t('dashboard.edit')}</button>
                     ${' '}
-                    <button class="adm-btn-sm adm-text-error" style="border-color:#ef4444" onClick=${() => openDelete(m.name)}>
+                    <button class="adm-btn-sm adm-btn-danger" onClick=${() => openDelete(m.name)}>
                       ${t('dashboard.delete')}
                     </button>
                   </td>

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

@@ -59,13 +59,13 @@ export default function OverviewTab({ data }) {
 
     <!-- Stats -->
     <${StatsGrid} items=${[
-      { label: t('dashboard.registeredOwners'), value: c.owners, color: '#3b82f6' },
-      { label: t('dashboard.registeredAgents'), value: c.agents, sub: '(' + c.active_agents_24h + ' ' + t('dashboard.active24h') + ')', color: '#a855f7' },
-      { label: t('dashboard.publishedActions'), value: c.actions, color: '#06b6d4' },
-      { label: t('dashboard.activeBoards'), value: c.boards, color: '#22c55e' },
-      { label: t('dashboard.activeChatSessions'), value: c.chat_instances || 0, color: '#06b6d4' },
-      { label: t('dashboard.agentTasksActiveTasks'), value: activeTaskCount != null ? activeTaskCount : '--', color: '#f97316' },
-      { label: t('dashboard.sharingGroupsTotalCount'), value: sharingGroupCount != null ? sharingGroupCount : '--', color: '#8b5cf6' },
+      { label: t('dashboard.registeredOwners'), value: c.owners, tone: 'blue' },
+      { label: t('dashboard.registeredAgents'), value: c.agents, sub: '(' + c.active_agents_24h + ' ' + t('dashboard.active24h') + ')', tone: 'purple' },
+      { label: t('dashboard.publishedActions'), value: c.actions, tone: 'cyan' },
+      { label: t('dashboard.activeBoards'), value: c.boards, tone: 'green' },
+      { label: t('dashboard.activeChatSessions'), value: c.chat_instances || 0, tone: 'cyan' },
+      { label: t('dashboard.agentTasksActiveTasks'), value: activeTaskCount != null ? activeTaskCount : '--', tone: 'orange' },
+      { label: t('dashboard.sharingGroupsTotalCount'), value: sharingGroupCount != null ? sharingGroupCount : '--', tone: 'purple' },
     ]} />
 
     <!-- Economy & Config -->

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

@@ -13,6 +13,7 @@
  * @version-history
  *   v1.0.0 — 2026-03-15 — initial implementation (Phase 6)
  *   v1.1.0 — 2026-03-20 — add template moderation queue subtab
+ *   v1.2.0 — 2026-06-02 — Admin design unification: main btn-* classes → adm-btn* (btn-success→adm-btn, btn-danger→adm-btn-action adm-btn-danger), error divs → <ErrorBox>.
  */
 import { h } from 'preact';
 import { useState, useEffect, useCallback } from 'preact/hooks';
@@ -20,7 +21,7 @@ import htm from 'htm';
 const html = htm.bind(h);
 import { t } from '/js/i18n.js';
 import { escHtml } from '/js/utils.js';
-import { StatsGrid, Empty, Spinner, Badge, ExpandableHelp, dt } from './shared.js';
+import { StatsGrid, Empty, Spinner, Badge, ExpandableHelp, ErrorBox, dt } from './shared.js';
 import * as pkgService from '/js/services/packages.js';
 import {
   seedExamples,
@@ -114,7 +115,7 @@ function ReviewPanel({ item, onDone }) {
         <//>
       ` : null}
 
-      ${error ? html`<div class="error-box">${escHtml(error)}</div>` : null}
+      ${error ? html`<${ErrorBox} message=${error} />` : null}
 
       <div class="adm-mod-actions">
         <div class="adm-mod-action-group">
@@ -126,7 +127,7 @@ function ReviewPanel({ item, onDone }) {
             onInput=${e => setComment(e.target.value)}
             placeholder=${t('dashboard.modCommentPlaceholder') || 'Optional approval comment...'}
           />
-          <button class="btn-success" onClick=${handleApprove} disabled=${acting}>
+          <button class="adm-btn" onClick=${handleApprove} disabled=${acting}>
             ${t('dashboard.modApprove') || 'Approve'}
           </button>
         </div>
@@ -139,7 +140,7 @@ function ReviewPanel({ item, onDone }) {
             onInput=${e => setReason(e.target.value)}
             placeholder=${t('dashboard.modReasonPlaceholder') || 'Reason for rejection...'}
           />
-          <button class="btn-danger" onClick=${handleReject} disabled=${acting}>
+          <button class="adm-btn-action adm-btn-danger" onClick=${handleReject} disabled=${acting}>
             ${t('dashboard.modReject') || 'Reject'}
           </button>
         </div>
@@ -241,7 +242,7 @@ function PublishedTemplates({ templates, onReload }) {
             <tr key=${tpl.id + '-suspend'}>
               <td colspan="4">
                 <div class="adm-sub-panel adm-mod-suspend-panel">
-                  ${error ? html`<div class="error-box">${escHtml(error)}</div>` : null}
+                  ${error ? html`<${ErrorBox} message=${error} />` : null}
                   <label class="adm-mod-action-label">${t('dashboard.modSuspendReason') || 'Suspension reason (required)'}</label>
                   <div class="adm-mod-suspend-row">
                     <input
@@ -251,7 +252,7 @@ function PublishedTemplates({ templates, onReload }) {
                       onInput=${e => setSuspendReason(e.target.value)}
                       placeholder=${t('dashboard.modSuspendReasonPlaceholder') || 'Reason for suspension...'}
                     />
-                    <button class="btn-danger" onClick=${() => handleSuspend(tpl.id)} disabled=${acting}>
+                    <button class="adm-btn-action adm-btn-danger" onClick=${() => handleSuspend(tpl.id)} disabled=${acting}>
                       ${t('dashboard.modConfirmSuspend') || 'Confirm Suspend'}
                     </button>
                   </div>
@@ -305,8 +306,8 @@ export default function PackagesAdminTab({ data, reload, session }) {
   const [seedMsg, setSeedMsg] = useState('');
   const [subtab, setSubtab] = useState('packages');
 
-  const loadData = useCallback(async () => {
-    setLoading(true);
+  const loadData = useCallback(async ({ showSpinner = true } = {}) => {
+    if (showSpinner) setLoading(true);
     try {
       const [pkgRes, instRes, tplRes, pendRes] = await Promise.all([
         pkgService.listPackages({ limit: 50 }),
@@ -329,7 +330,7 @@ export default function PackagesAdminTab({ data, reload, session }) {
 
   // Live updates
   useEffect(() => {
-    const handler = () => { loadData(); };
+    const handler = () => { loadData({ showSpinner: false }); }; // silent: no flash
     window.addEventListener('aimeat-live-update', handler);
     return () => window.removeEventListener('aimeat-live-update', handler);
   }, [loadData]);

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

@@ -1,9 +1,19 @@
+/**
+ * @file portal-tab.js
+ * @description Admin dashboard Portal tab — landing-page template editor,
+ *   site memory keys, KV pairs, AI prompt, and changelog (with LB-mode banner).
+ * @structure PortalTab (default)
+ * @usage Mounted by the admin dashboard tab router.
+ * @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).
+ */
 import { h } from 'preact';
 import { useState, useEffect } 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, copyToClipboard } from '/js/utils.js';
 import { dt, Badge, ExpandableHelp, useToast, Toast } from './shared.js';
 import {
   saveSiteTemplate, deleteSiteTemplate, clearSiteCache,
@@ -74,7 +84,7 @@ export default function PortalTab({ data, reload }) {
     try {
       const res = await getSitePrompt();
       const prompt = res.data?.prompt || 'No prompt available';
-      await navigator.clipboard.writeText(prompt);
+      await copyToClipboard(prompt);
       showOk(t('dashboard.portalAiCopied'));
     } catch (e) { showErr(e.message); }
   }
@@ -132,8 +142,8 @@ export default function PortalTab({ data, reload }) {
           </tbody>
         </table>
       </${ExpandableHelp}>
-      <textarea rows="20" value=${template} onInput=${e => setTemplate(e.target.value)}
-        style="width:100%;font-family:monospace;font-size:13px;padding:12px;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-bg);color:var(--text-bright);resize:vertical"></textarea>
+      <textarea class="adm-textarea adm-input-full" rows="20" value=${template} onInput=${e => setTemplate(e.target.value)}
+        style="font-size:13px"></textarea>
       <div class="adm-flex adm-mt-sm">
         <button class="adm-btn-action" onClick=${saveTemplate}>\u{1F4BE} ${t('dashboard.portalSaveTemplate')}</button>
         <button class="adm-btn-action" onClick=${downloadTemplate}>\u{1F4E5} ${t('dashboard.portalDownload')}</button>

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

@@ -37,8 +37,8 @@ export default function PromptsTab({ data, reload }) {
 
   const stats = [
     { label: t('dashboard.promptsTotal'), value: prompts.length },
-    { label: t('dashboard.promptsStatusActive'), value: prompts.filter(p => p.active).length, color: '#22c55e' },
-    { label: t('dashboard.promptsStatusInactive'), value: prompts.filter(p => !p.active).length, color: '#ef4444' },
+    { label: t('dashboard.promptsStatusActive'), value: prompts.filter(p => p.active).length, tone: 'green' },
+    { label: t('dashboard.promptsStatusInactive'), value: prompts.filter(p => !p.active).length, tone: 'red' },
     { label: t('dashboard.promptsGroups'), value: Object.keys(groups).length },
   ];
 
@@ -188,7 +188,7 @@ export default function PromptsTab({ data, reload }) {
           <button class="adm-btn-action" onClick=${handleSave} disabled=${saving}>
             ${saving ? '...' : t('dashboard.promptsSave')}
           </button>
-          <button class="adm-btn-action" style="background:#dc262633;color:#ef4444" onClick=${handleReset} disabled=${saving}>
+          <button class="adm-btn-action adm-btn-danger" onClick=${handleReset} disabled=${saving}>
             ${t('dashboard.promptsReset')}
           </button>
         </div>
@@ -225,7 +225,7 @@ export default function PromptsTab({ data, reload }) {
     </${ExpandableHelp}>
 
     <div style="margin:12px 0">
-      <button class="adm-btn-action" style="background:#dc262633;color:#ef4444" onClick=${handleResetAll} disabled=${saving}>
+      <button class="adm-btn-action adm-btn-danger" onClick=${handleResetAll} disabled=${saving}>
         ${t('dashboard.promptsResetAll')}
       </button>
     </div>
@@ -238,7 +238,7 @@ export default function PromptsTab({ data, reload }) {
             ${t('dashboard.' + (GROUP_NAMES[g] || g))} (${items.length})
           </summary>
           <div style="text-align:right;padding:4px 8px">
-            <button class="btn-danger" style="font-size:12px;padding:4px 12px" onClick=${() => {
+            <button class="adm-btn-action adm-btn-danger" style="font-size:12px;padding:4px 12px" onClick=${() => {
               confirm(
                 t('dashboard.promptsResetGroupConfirm') || 'Reset all prompts in this group to factory defaults?',
                 async () => {

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

@@ -1,3 +1,14 @@
+/**
+ * @file push-tab.js
+ * @description Admin dashboard Push Notifications tab — subscription stats, browser
+ *   subscribe/test/unsubscribe, per-locale web-push/email template editing, reset,
+ *   notification-trigger reference, and the subscriptions table.
+ * @structure default export PushTab({ data, reload }); template editor + subscriptions list.
+ * @usage Mounted by the admin dashboard tab router.
+ * @version-history
+ *   v1.1.0 — 2026-06-02 — Admin design unification: reset button inline danger style →
+ *     adm-btn-danger, template body textarea → adm-textarea (dynamic min-height kept).
+ */
 import { h } from 'preact';
 import { useState } from 'preact/hooks';
 import htm from 'htm';
@@ -224,8 +235,8 @@ export default function PushTab({ data, reload }) {
 
                     <label class="adm-text-dim" style="font-size:.75rem">${t('dashboard.pushFieldBody')}</label>
                     <textarea
-                      class="adm-input"
-                      style="font-size:.85rem;font-family:monospace;min-height:${isWebPush ? '40px' : '100px'};resize:vertical"
+                      class="adm-textarea"
+                      style="min-height:${isWebPush ? '40px' : '100px'}"
                       onInput=${(e) => updateField(tpl.id, 'body', e.target.value)}
                     >${tpl.fields.body || ''}</textarea>
                   </div>
@@ -244,8 +255,8 @@ export default function PushTab({ data, reload }) {
 
       <!-- Reset button -->
       <div style="display:flex;justify-content:flex-end;margin-top:4px">
-        <button class="adm-btn-action adm-text-sm" onClick=${handleReset} disabled=${resetStatus === 'resetting'}
-          style="color:#ef4444;border-color:rgba(239,68,68,0.3)">${resetStatus === 'resetting' ? t('dashboard.pushResetting') : t('dashboard.pushResetBtn')}</button>
+        <button class="adm-btn-action adm-text-sm adm-btn-danger" onClick=${handleReset} disabled=${resetStatus === 'resetting'}
+          >${resetStatus === 'resetting' ? t('dashboard.pushResetting') : t('dashboard.pushResetBtn')}</button>
       </div>
     </div>
 

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

@@ -26,9 +26,9 @@ export default function RealtimeTab({ data, reload }) {
   return html`
     ${toast && html`<${Toast} ...${toast} onDismiss=${clearToast} />`}
     <${StatsGrid} items=${[
-      { label: t('dashboard.activeRooms'), value: rooms.length, color: '#06b6d4' },
-      { label: t('dashboard.totalPeers'), value: rooms.reduce((a, r) => a + (r.peer_count || r.peers?.length || 0), 0), color: '#22c55e' },
-      { label: t('dashboard.yjsDocs'), value: docs.length, color: '#a855f7' },
+      { label: t('dashboard.activeRooms'), value: rooms.length, tone: 'cyan' },
+      { label: t('dashboard.totalPeers'), value: rooms.reduce((a, r) => a + (r.peer_count || r.peers?.length || 0), 0), tone: 'green' },
+      { label: t('dashboard.yjsDocs'), value: docs.length, tone: 'purple' },
     ]} />
 
     ${rooms.length > 0 && html`