aimeat 1.2.0

package/dist/public/views/admin/matching-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 { runMatching } from '/js/services/admin.js';
+
+export default function MatchingTab({ data }) {
+  const m = data.matching;
+  const [running, setRunning] = useState(false);
+  const [result, setResult] = useState(null);
+
+  async function doRun() {
+    setRunning(true);
+    setResult(null);
+    try {
+      const r = await runMatching();
+      setResult({ ok: true, msg: t('dashboard.matchingComplete') + (r.data?.matches_found ? ' (' + r.data.matches_found + ')' : '') });
+    } catch (e) {
+      setResult({ ok: false, msg: e.message });
+    }
+    setRunning(false);
+  }
+
+  return html`
+    <p style="color:var(--text-dim);font-size:.85rem;margin-bottom:12px">${t('dashboard.matchingExplain')}</p>
+    <${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' },
+    ]} />
+
+    <div class="adm-card" style="margin-top:12px">
+      <h4 style="margin:0 0 12px">${t('dashboard.matchingEngine')}</h4>
+      <button class="adm-btn" onClick=${doRun} disabled=${running}>
+        ${running ? '...' : t('dashboard.triggerMatching')}
+      </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/memory-tab.js

@@ -0,0 +1,222 @@
+/**
+ * @file memory-tab.js
+ * @description Admin dashboard tab for browsing and managing all memory keys
+ *   across all owners. Provides filtering, pagination, expandable value preview,
+ *   and delete functionality.
+ * @version-history
+ *   v1.0.0 — 2026-03-16 — Initial implementation
+ */
+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 { num, dt, Empty, useToast, Toast } from './shared.js';
+import { getAdminMemory, deleteAdminMemory } from '/js/services/admin.js';
+
+const PAGE_SIZE = 50;
+
+export default function MemoryTab({ data, reload, session }) {
+  const [items, setItems] = useState([]);
+  const [total, setTotal] = useState(0);
+  const [offset, setOffset] = useState(0);
+  const [loading, setLoading] = useState(false);
+
+  // Filters
+  const [ownerFilter, setOwnerFilter] = useState('');
+  const [prefixFilter, setPrefixFilter] = useState('');
+  const [visFilter, setVisFilter] = useState('');
+
+  // Expanded rows
+  const [expanded, setExpanded] = useState({});
+
+  const toast = useToast();
+
+  const loadMemory = useCallback(async (off = 0) => {
+    setLoading(true);
+    try {
+      const params = { limit: PAGE_SIZE, offset: off };
+      if (ownerFilter.trim()) params.owner = ownerFilter.trim();
+      if (prefixFilter.trim()) params.prefix = prefixFilter.trim();
+      if (visFilter) params.visibility = visFilter;
+      const r = await getAdminMemory(params);
+      if (r.data) {
+        setItems(r.data.items || []);
+        setTotal(r.data.total || 0);
+        setOffset(off);
+      }
+    } catch (e) {
+      console.warn('Failed to load memory:', e.message);
+    }
+    setLoading(false);
+  }, [ownerFilter, prefixFilter, visFilter]);
+
+  useEffect(() => { loadMemory(0); }, [loadMemory]);
+
+  // Listen for live updates
+  useEffect(() => {
+    const handler = () => { loadMemory(offset); };
+    window.addEventListener('aimeat-live-update', handler);
+    return () => window.removeEventListener('aimeat-live-update', handler);
+  }, [loadMemory, offset]);
+
+  function toggleExpand(idx) {
+    setExpanded(prev => {
+      const n = { ...prev };
+      if (n[idx]) { delete n[idx]; } else { n[idx] = true; }
+      return n;
+    });
+  }
+
+  async function handleDelete(ownerGaii, key) {
+    if (!confirm(t('dashboard.memoryDeleteConfirm'))) return;
+    try {
+      await deleteAdminMemory(ownerGaii, key);
+      toast.show('success', t('dashboard.memoryDeleted'));
+      loadMemory(offset);
+    } catch (e) {
+      toast.show('error', e.message);
+    }
+  }
+
+  function handleSearch(e) {
+    e.preventDefault();
+    setOffset(0);
+    loadMemory(0);
+  }
+
+  function fmtSize(val) {
+    const str = typeof val === 'string' ? val : JSON.stringify(val);
+    const bytes = new Blob([str]).size;
+    if (bytes < 1024) return bytes + ' B';
+    if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';
+    return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
+  }
+
+  // Visibility stats from current page context
+  const visCounts = {};
+  items.forEach(m => {
+    visCounts[m.visibility] = (visCounts[m.visibility] || 0) + 1;
+  });
+
+  const totalPages = Math.ceil(total / PAGE_SIZE);
+  const currentPage = Math.floor(offset / PAGE_SIZE) + 1;
+
+  return html`
+    <div>
+      ${toast.current && html`<${Toast} ...${toast.current} onDismiss=${toast.dismiss} />`}
+
+      <!-- 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>
+
+      <!-- Filter bar -->
+      <form class="adm-mem-filters" onSubmit=${handleSearch}>
+        <input
+          type="text"
+          class="adm-input"
+          placeholder=${t('dashboard.memoryFilterOwner')}
+          value=${ownerFilter}
+          onInput=${e => setOwnerFilter(e.target.value)}
+        />
+        <input
+          type="text"
+          class="adm-input"
+          placeholder=${t('dashboard.memoryFilterPrefix')}
+          value=${prefixFilter}
+          onInput=${e => setPrefixFilter(e.target.value)}
+        />
+        <select class="adm-input" value=${visFilter} onChange=${e => setVisFilter(e.target.value)}>
+          <option value="">${t('dashboard.memoryVisibility')} (${t('dashboard.all') || 'All'})</option>
+          <option value="private">private</option>
+          <option value="owner">owner</option>
+          <option value="public">public</option>
+        </select>
+        <button type="submit" class="adm-btn" disabled=${loading}>
+          ${loading ? t('dashboard.loading') : t('dashboard.memorySearch')}
+        </button>
+      </form>
+
+      <!-- Table -->
+      ${items.length === 0 && !loading && html`<${Empty} text=${t('dashboard.memoryNoResults')} />`}
+
+      ${items.length > 0 && html`
+        <div class="adm-card">
+          <div class="scrollable">
+            <table>
+              <thead><tr>
+                <th>${t('dashboard.memoryOwner')}</th>
+                <th>${t('dashboard.memoryKey')}</th>
+                <th>${t('dashboard.memoryVisibility')}</th>
+                <th>${t('dashboard.memoryVersion')}</th>
+                <th>${t('dashboard.memoryUpdated')}</th>
+                <th>${t('dashboard.memorySize')}</th>
+                <th></th>
+              </tr></thead>
+              <tbody>
+                ${items.map((m, i) => html`
+                  <tr>
+                    <td class="mono" style="font-size:.8rem">${escHtml(m.owner_gaii)}</td>
+                    <td class="mono">${escHtml(m.key)}</td>
+                    <td><span class="tag">${m.visibility}</span></td>
+                    <td>${m.version}</td>
+                    <td style="color:var(--text-dim)">${dt(m.updated_at)}</td>
+                    <td style="color:var(--text-dim)">${fmtSize(m.value)}</td>
+                    <td>
+                      <button class="adm-btn-sm" onClick=${() => toggleExpand(i)}>
+                        ${expanded[i] ? t('dashboard.hide') : t('dashboard.details')}
+                      </button>
+                      <button class="adm-btn-sm adm-btn-danger" onClick=${() => handleDelete(m.owner_gaii, m.key)}>
+                        ${t('dashboard.delete')}
+                      </button>
+                    </td>
+                  </tr>
+                  ${expanded[i] && html`<tr><td colspan="7">
+                    <div class="adm-sub-panel">
+                      <div class="adm-mem-value-label">${t('dashboard.memoryValue')}:</div>
+                      <pre class="adm-mem-value">${JSON.stringify(m.value, null, 2)}</pre>
+                      ${m.tags?.length > 0 && html`
+                        <div style="margin-top:6px">Tags: ${m.tags.map(tg => html`<span class="tag">${escHtml(tg)}</span> `)}</div>
+                      `}
+                      ${m.flag_count > 0 && html`
+                        <div style="margin-top:4px;color:var(--warning)">Flags: ${m.flag_count}</div>
+                      `}
+                    </div>
+                  </td></tr>`}
+                `)}
+              </tbody>
+            </table>
+          </div>
+
+          <!-- Pagination -->
+          ${totalPages > 1 && html`
+            <div class="adm-mem-pagination">
+              <button class="adm-btn-sm"
+                disabled=${offset === 0}
+                onClick=${() => loadMemory(Math.max(0, offset - PAGE_SIZE))}>
+                \u2190 ${t('dashboard.prev') || 'Prev'}
+              </button>
+              <span class="adm-mem-page-info">${currentPage} / ${totalPages}</span>
+              <button class="adm-btn-sm"
+                disabled=${offset + PAGE_SIZE >= total}
+                onClick=${() => loadMemory(offset + PAGE_SIZE)}>
+                ${t('dashboard.next') || 'Next'} \u2192
+              </button>
+            </div>
+          `}
+        </div>
+      `}
+    </div>
+  `;
+}

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

@@ -0,0 +1,342 @@
+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 { getMsmDetail, createMsm, updateMsm, deleteMsm, getMsmTemplates, getMsmTemplate } from '/js/services/admin.js';
+
+export default function MsmTab({ data, reload }) {
+  const integrations = data.msm?.integrations || [];
+  const [view, setView] = useState('list');    // list | detail | create | edit
+  const [detail, setDetail] = useState(null);
+  const [yaml, setYaml] = useState('');
+  const [federate, setFederate] = useState(false);
+  const [templates, setTemplates] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [err, setErr] = useState('');
+
+  // Edit state
+  const [editDesc, setEditDesc] = useState('');
+  const [editFederate, setEditFederate] = useState(false);
+
+  // Delete confirmation state
+  const [deleteTarget, setDeleteTarget] = useState(null);
+  const [deleteInput, setDeleteInput] = useState('');
+  const [toast, showErr, showOk, clearToast] = useToast();
+
+  async function showDetail(name) {
+    try {
+      const r = await getMsmDetail(name);
+      setDetail(r.data);
+      setView('detail');
+    } catch (e) { setErr(e.message); }
+  }
+
+  async function openCreate() {
+    setErr('');
+    setYaml('');
+    setFederate(false);
+    setView('create');
+    if (!templates) {
+      try {
+        const r = await getMsmTemplates();
+        setTemplates(r.data?.templates || []);
+      } catch { setTemplates([]); }
+    }
+  }
+
+  async function loadTemplate(type) {
+    if (!type) return;
+    setLoading(true);
+    try {
+      const text = await getMsmTemplate(type);
+      setYaml(text);
+    } catch (e) { setErr(e.message); }
+    setLoading(false);
+  }
+
+  async function doCreate() {
+    if (!yaml.trim()) return;
+    setLoading(true);
+    setErr('');
+    try {
+      await createMsm(yaml, federate);
+      setView('list');
+      setYaml('');
+      setFederate(false);
+      reload();
+    } catch (e) {
+      setErr(e.message || t('dashboard.errorLabel'));
+    }
+    setLoading(false);
+  }
+
+  function openEdit() {
+    if (!detail) return;
+    const def = detail.definition || {};
+    const svc = def.service || {};
+    setEditDesc(svc.description || '');
+    setEditFederate(detail.federate || false);
+    setErr('');
+    setView('edit');
+  }
+
+  async function doEdit() {
+    if (!detail) return;
+    setLoading(true);
+    setErr('');
+    try {
+      await updateMsm(detail.name, {
+        description: editDesc,
+        federate: editFederate,
+      });
+      // Refresh detail
+      const r = await getMsmDetail(detail.name);
+      setDetail(r.data);
+      setView('detail');
+      reload();
+    } catch (e) {
+      setErr(e.message || t('dashboard.errorLabel'));
+    }
+    setLoading(false);
+  }
+
+  function openDelete(name) {
+    setDeleteTarget(name);
+    setDeleteInput('');
+  }
+
+  async function doDelete() {
+    if (!deleteTarget || deleteInput !== deleteTarget) return;
+    setLoading(true);
+    try {
+      await deleteMsm(deleteTarget);
+      setDeleteTarget(null);
+      setDeleteInput('');
+      setDetail(null);
+      setView('list');
+      reload();
+    } catch (e) { showErr(e.message); }
+    setLoading(false);
+  }
+
+  function backToList() { setView('list'); setDetail(null); setErr(''); }
+
+  // ── Delete confirmation modal ──
+  function renderDeleteModal() {
+    if (!deleteTarget) return null;
+    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">
+            ${t('dashboard.msmDeleteConfirm').replace('{name}', deleteTarget)}
+          </p>
+          <input
+            type="text"
+            class="adm-input adm-input-full adm-mb-md"
+            placeholder=${deleteTarget}
+            value=${deleteInput}
+            onInput=${e => setDeleteInput(e.target.value)}
+          />
+          <div class="adm-flex" style="justify-content:flex-end">
+            <button class="adm-btn-sm" onClick=${() => { setDeleteTarget(null); setDeleteInput(''); }}>
+              ${t('dashboard.cancel')}
+            </button>
+            <button
+              class="adm-btn"
+              style="background:#ef4444;border-color:#ef4444"
+              disabled=${deleteInput !== deleteTarget || loading}
+              onClick=${doDelete}
+            >
+              ${loading ? '...' : t('dashboard.delete')}
+            </button>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+
+  // ── Edit view ──
+  if (view === 'edit' && detail) {
+    const def = detail.definition || {};
+    const svc = def.service || {};
+    return html`
+      <div>
+        <button class="adm-btn-sm" onClick=${() => setView('detail')}>\u2190 ${t('dashboard.back')}</button>
+        <div class="adm-card adm-mt-md">
+          <h4 class="adm-mb-md" style="margin:0">${t('dashboard.msmEdit')}</h4>
+
+          <div class="adm-text-base adm-mb-lg" style="display:grid;grid-template-columns:1fr 1fr;gap:8px 24px">
+            <div><strong>${t('dashboard.name')}:</strong> ${escHtml(detail.name)}</div>
+            <div><strong>${t('dashboard.msmCategory')}:</strong> ${escHtml(detail.category || '—')}</div>
+            <div><strong>${t('dashboard.msmAuthType')}:</strong> ${escHtml(detail.auth_type || '—')}</div>
+            <div><strong>${t('dashboard.msmActions')}:</strong> ${detail.actions_count || 0}</div>
+          </div>
+
+          <label class="adm-text-base adm-text-dim adm-mb-xs" style="display:block">
+            ${t('dashboard.msmEditDescription')}
+          </label>
+          <input
+            type="text"
+            class="adm-input adm-input-full adm-mb-md"
+            value=${editDesc}
+            onInput=${e => setEditDesc(e.target.value)}
+          />
+
+          <label class="adm-text-base adm-flex-center adm-mb-lg" style="cursor:pointer">
+            <input type="checkbox" checked=${editFederate} onChange=${e => setEditFederate(e.target.checked)} />
+            ${t('dashboard.msmEditFederate')}
+          </label>
+
+          ${err && html`<div class="error-box adm-mb-sm">${err}</div>`}
+
+          <div class="adm-flex">
+            <button class="adm-btn" onClick=${doEdit} disabled=${loading}>
+              ${loading ? '...' : t('dashboard.msmEditSave')}
+            </button>
+            <button class="adm-btn-sm" onClick=${() => setView('detail')}>${t('dashboard.cancel')}</button>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+
+  // ── Detail view ──
+  if (view === 'detail' && detail) {
+    const def = detail.definition || {};
+    const svc = def.service || {};
+    return html`
+      <div>
+        ${toast && html`<${Toast} ...${toast} onDismiss=${clearToast} />`}
+        ${renderDeleteModal()}
+        <button class="adm-btn-sm" onClick=${backToList}>\u2190 ${t('dashboard.back')}</button>
+        <div class="adm-card adm-mt-md">
+          <div class="adm-flex-between">
+            <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)}>
+                ${t('dashboard.delete')}
+              </button>
+            </div>
+          </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.msmCategory')}:</strong> ${escHtml(detail.category || '—')}</div>
+            <div><strong>${t('dashboard.msmAuthType')}:</strong> ${escHtml(detail.auth_type || '—')}</div>
+            <div><strong>${t('dashboard.msmActions')}:</strong> ${detail.actions_count || 0}</div>
+            <div><strong>${t('dashboard.msmRegisteredBy')}:</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.msmFederationLevel')}:</strong> ${detail.federate ? '\u2713' : '\u2014'}</div>
+          </div>
+
+          <h5 style="margin:16px 0 4px">${t('dashboard.msmDefinition')}</h5>
+          <pre style="background:var(--bg-card);padding:12px;border-radius:6px;overflow:auto;font-size:.75rem">${JSON.stringify(def, null, 2)}</pre>
+        </div>
+      </div>
+    `;
+  }
+
+  // ── Create view ──
+  if (view === 'create') {
+    return html`
+      <div>
+        <button class="adm-btn-sm" onClick=${backToList}>\u2190 ${t('dashboard.back')}</button>
+        <div class="adm-card adm-mt-md">
+          <h4 class="adm-mb-md" style="margin:0">${t('dashboard.msmAddNew')}</h4>
+
+          ${templates && templates.length > 0 && html`
+            <div class="adm-mb-md">
+              <label class="adm-text-base adm-text-dim adm-mb-xs" style="display:block">${t('dashboard.msmCreateFromTemplate')}</label>
+              <select style="width:auto;min-width:200px" onChange=${e => loadTemplate(e.target.value)}>
+                <option value="">${t('dashboard.msmSelectTemplate')}</option>
+                ${templates.map(ft => html`<option value=${ft.type}>${escHtml(ft.name)} (${ft.type})</option>`)}
+              </select>
+            </div>
+          `}
+
+          <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"
+            placeholder=${t('dashboard.msmYamlPlaceholder')}
+            value=${yaml}
+            onInput=${e => setYaml(e.target.value)}
+          />
+
+          <label class="adm-text-base adm-flex-center" style="margin:12px 0;cursor:pointer">
+            <input type="checkbox" checked=${federate} onChange=${e => setFederate(e.target.checked)} />
+            ${t('dashboard.msmEditFederate')}
+          </label>
+
+          ${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.msmAddNew')}
+            </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} />`}
+    ${renderDeleteModal()}
+    <p class="adm-text-dim adm-mb-md" style="margin:0">${t('dashboard.msmExplain')}</p>
+    <${ExpandableHelp} title=${t('dashboard.msmHelpTitle')}>
+      ${t('dashboard.msmHelpDetail')}
+    <//>
+
+    <div class="adm-mb-md">
+      <button class="adm-btn" onClick=${openCreate}>${t('dashboard.msmAddNew')}</button>
+    </div>
+
+    ${!integrations.length
+      ? html`<${Empty} text=${t('dashboard.noMsmIntegrations')} />`
+      : html`
+        <div class="adm-card">
+          <div class="scrollable">
+            <table>
+              <thead><tr>
+                <th>${t('dashboard.name')}</th>
+                <th>${t('dashboard.msmCategory')}</th>
+                <th>${t('dashboard.msmAuthType')}</th>
+                <th>${t('dashboard.msmActions')}</th>
+                <th>${t('dashboard.msmRegisteredBy')}</th>
+                <th>${t('dashboard.created')}</th>
+                <th></th>
+              </tr></thead>
+              <tbody>
+                ${integrations.map(m => html`<tr>
+                  <td><strong style="cursor:pointer;color:var(--accent)" onClick=${() => showDetail(m.name)}>${escHtml(m.name)}</strong></td>
+                  <td class="adm-text-sm adm-text-dim">${escHtml(m.category || '—')}</td>
+                  <td class="adm-text-sm adm-text-dim">${escHtml(m.auth_type || '—')}</td>
+                  <td class="adm-text-sm">${m.actions_count || 0}</td>
+                  <td class="adm-text-sm">${escHtml(m.registered_by || '—')}</td>
+                  <td class="adm-text-dim">${dt(m.registered_at)}</td>
+                  <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)}>
+                      ${t('dashboard.delete')}
+                    </button>
+                  </td>
+                </tr>`)}
+              </tbody>
+            </table>
+          </div>
+        </div>
+      `}
+  `;
+}