aimeat 2.0.0 → 2.2.0

package/dist/static/sdk-libs/auth/signup.js

@@ -0,0 +1,232 @@
+/**
+ * @file auth/signup.js
+ * @description aimeat-auth first-time social-signup flow (SDK-libs migration Phase 3). After a first
+ *   Google/OIDC sign-in the server does NOT auto-create the account — it bounces back with
+ *   ?aimeat_signup=1 + a short-lived signed cookie. showGoogleSignupModal prompts for a permanent
+ *   username (live availability check) + display name, then POSTs finalize (creates account +
+ *   session). showSignupNoticeModal handles the link-existing / expired-pending explanations.
+ *   maybeShowGoogleSignup runs on load. Extracted from auth-lib-part3.ts.
+ * @structure USERNAME_RE · fillTemplate · cleanSignupParam · showSignupNoticeModal ·
+ *   showGoogleSignupModal · maybeShowGoogleSignup.
+ * @usage import { maybeShowGoogleSignup } from './signup.js';  (boot calls it on load)
+ * @version-history
+ *   v1.0.0 — 2026-07-19 — Extracted from src/routes/libs/auth-lib-part3.ts (SDK-libs migration Phase 3).
+ */
+import { api } from './session.js';
+import { escHtml } from './theme.js';
+import { currentModalLang, loadModalI18n } from './i18n.js';
+import { NODE_URL } from './config.js';
+import { showLoginModal } from './modal.js';
+
+var USERNAME_RE = new RegExp('^[a-z0-9][a-z0-9-]{1,62}[a-z0-9]$');
+
+function fillTemplate(str, vars) {
+  return String(str || '').replace(/\{(\w+)\}/g, function (_, k) { return vars[k] != null ? vars[k] : ''; });
+}
+
+// Drop ?aimeat_signup=1 from the address bar so a reload doesn't re-open the modal.
+function cleanSignupParam() {
+  try {
+    var url = new URL(location.href);
+    if (!url.searchParams.has('aimeat_signup')) return;
+    url.searchParams.delete('aimeat_signup');
+    history.replaceState(null, '', url.pathname + (url.search ? url.search : '') + url.hash);
+  } catch { /* URL/history unavailable */ }
+}
+
+// Minimal notice modal sharing the signup modal's chrome — used when the username-choice step is
+// replaced by an explanation (existing unverified-email account; expired pending sign-up).
+function showSignupNoticeModal(i, opts) {
+  var old = document.getElementById('aimeat-modal');
+  if (old) old.remove();
+  var modal = document.createElement('div');
+  modal.id = 'aimeat-modal';
+  document.body.appendChild(modal);
+  modal.innerHTML = '<style>'
+    + '.aimeat-go{flex:1;padding:12px;background:linear-gradient(135deg,#E8564A,#D4493F);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:15px;font-family:DM Sans,system-ui,sans-serif;box-shadow:0 2px 8px rgba(232,86,74,.25);transition:transform .15s,box-shadow .15s}'
+    + '.aimeat-cancel{padding:12px 20px;background:none;color:#1A1A2E;border:1px solid #E5E7EB;border-radius:10px;cursor:pointer;font-size:15px;font-weight:500;font-family:DM Sans,system-ui,sans-serif;transition:background .15s}'
+    + '.aimeat-cancel:hover{background:#F3F4F6}'
+    + '</style>'
+    + '<div style="position:fixed;inset:0;background:rgba(26,26,46,.4);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;z-index:99999;font-family:DM Sans,system-ui,sans-serif;padding:24px">'
+    + '<div style="background:#FFFFFF;border-radius:16px;max-width:440px;width:100%;margin:auto;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05)">'
+    + '<div style="padding:28px 32px 24px">'
+    + '<h2 style="margin:0 0 8px;font-size:21px;font-weight:800;color:#1A1A2E">' + escHtml(opts.title || '') + '</h2>'
+    + '<p style="margin:0 0 18px;font-size:14px;color:#6B7280;line-height:1.55">' + escHtml(opts.body || '') + '</p>'
+    + '<div style="display:flex;gap:10px">'
+    + '<button id="aimeat-sn-primary" class="aimeat-go">' + escHtml(opts.primaryLabel || 'OK') + '</button>'
+    + (opts.showCancel ? '<button id="aimeat-sn-cancel" class="aimeat-cancel">' + escHtml(i.signupCancelBtn || 'Cancel') + '</button>' : '')
+    + '</div>'
+    + '</div></div></div>';
+  function close() { modal.remove(); cleanSignupParam(); }
+  document.getElementById('aimeat-sn-primary').addEventListener('click', function () {
+    close();
+    if (opts.onPrimary) opts.onPrimary();
+  });
+  var cancelEl = document.getElementById('aimeat-sn-cancel');
+  if (cancelEl) cancelEl.addEventListener('click', close);
+}
+
+function showGoogleSignupModal(pending, i) {
+  i = i || {};
+
+  // An account already claims this email but never verified it — explain the one-time password
+  // sign-in path instead of dead-ending at "username taken".
+  if (pending && pending.mode === 'link_existing') {
+    var hint = pending.existing_hint
+      ? ' ' + fillTemplate(i.signupLinkHint || '(Username hint: {hint}.)', { hint: pending.existing_hint })
+      : '';
+    showSignupNoticeModal(i, {
+      title: i.signupLinkTitle || 'This email already has an account',
+      body: fillTemplate(i.signupLinkIntro || 'An AIMEAT account already uses {email}, but its email has not been verified yet. Sign in with your username and password once — that verifies your email, and after that this sign-in connects to your account automatically.', { email: pending.email || '' }) + hint,
+      primaryLabel: i.signupLinkSignInBtn || 'Sign in with password',
+      showCancel: true,
+      onPrimary: function () { showLoginModal({ i18n: i }, function () {}); },
+    });
+    return;
+  }
+
+  var old = document.getElementById('aimeat-modal');
+  if (old) old.remove();
+  var modal = document.createElement('div');
+  modal.id = 'aimeat-modal';
+  document.body.appendChild(modal);
+
+  var emailNote = pending.email
+    ? '<p style="margin:0 0 14px;font-size:13px;color:#6B7280">' + escHtml(fillTemplate(i.signupEmailNote || 'Signing up as {email}', { email: pending.email })) + '</p>'
+    : '';
+
+  modal.innerHTML = '<style>'
+    + '.aimeat-inp{width:100%;padding:11px 14px;border:1.5px solid #E5E7EB;border-radius:10px;font-family:DM Sans,system-ui,sans-serif;font-size:15px;color:#1A1A2E;background:#FAFAF8;box-sizing:border-box;transition:all .15s;outline:none}'
+    + '.aimeat-inp:focus{border-color:#E8564A;box-shadow:0 0 0 3px rgba(232,86,74,.1)}'
+    + '.aimeat-go{flex:1;padding:12px;background:linear-gradient(135deg,#E8564A,#D4493F);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:15px;font-family:DM Sans,system-ui,sans-serif;box-shadow:0 2px 8px rgba(232,86,74,.25);transition:transform .15s,box-shadow .15s}'
+    + '.aimeat-go:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}'
+    + '.aimeat-label{display:block;margin-bottom:5px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#6B7280}'
+    + '.aimeat-cancel{padding:12px 20px;background:none;color:#1A1A2E;border:1px solid #E5E7EB;border-radius:10px;cursor:pointer;font-size:15px;font-weight:500;font-family:DM Sans,system-ui,sans-serif;transition:background .15s}'
+    + '.aimeat-cancel:hover{background:#F3F4F6}'
+    + '</style>'
+    + '<div style="position:fixed;inset:0;background:rgba(26,26,46,.4);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;z-index:99999;font-family:DM Sans,system-ui,sans-serif;padding:24px">'
+    + '<div style="background:#FFFFFF;border-radius:16px;max-width:440px;width:100%;margin:auto;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05)">'
+    + '<div style="padding:28px 32px 24px">'
+    + '<h2 style="margin:0 0 8px;font-size:21px;font-weight:800;color:#1A1A2E">' + escHtml(i.signupTitle || 'Choose your username') + '</h2>'
+    + '<p style="margin:0 0 6px;font-size:14px;color:#6B7280;line-height:1.5">' + escHtml(i.signupIntro || "You're signing in for the first time. Pick the username for your AIMEAT account.") + '</p>'
+    + emailNote
+    + '<label class="aimeat-label" for="aimeat-su-name">' + escHtml(i.signupUsernameLabel || 'Username') + '</label>'
+    + '<input id="aimeat-su-name" class="aimeat-inp" autocomplete="off" autocapitalize="none" spellcheck="false" value="' + escHtml(pending.suggested || '') + '">'
+    + '<p id="aimeat-su-status" style="margin:6px 0 0;font-size:13px;min-height:18px"></p>'
+    + '<p style="margin:8px 0 0;font-size:12px;color:#9CA3AF;line-height:1.45">' + escHtml(i.signupSuggestedHint || 'We suggested one from your account — change it to anything you like.') + '</p>'
+    + '<div style="margin:16px 0 0;padding:12px 14px;background:#FFF7ED;border:1px solid #FED7AA;border-radius:10px;font-size:13px;color:#9A3412;line-height:1.5">' + escHtml(i.signupPermanentWarning || 'This username is permanent. It identifies you across AIMEAT and cannot be changed later — the only way to change it is to delete your account and create a new one.') + '</div>'
+    + '<label class="aimeat-label" for="aimeat-su-display" style="margin-top:16px">' + escHtml(i.signupDisplayNameLabel || 'Display name') + '</label>'
+    + '<input id="aimeat-su-display" class="aimeat-inp" autocomplete="off" maxlength="80" value="' + escHtml(pending.displayName || '') + '">'
+    + '<p style="margin:6px 0 0;font-size:12px;color:#9CA3AF;line-height:1.45">' + escHtml(i.signupDisplayNameHint || 'Shown to others — not permanent, you can change it anytime later.') + '</p>'
+    + '<div style="display:flex;gap:10px;margin-top:20px">'
+    + '<button id="aimeat-su-create" class="aimeat-go">' + escHtml(i.signupCreateBtn || 'Create my account') + '</button>'
+    + '<button id="aimeat-su-cancel" class="aimeat-cancel">' + escHtml(i.signupCancelBtn || 'Cancel') + '</button>'
+    + '</div>'
+    + '<p id="aimeat-su-err" style="margin:10px 0 0;font-size:13px;color:#ef4444;display:none"></p>'
+    + '</div></div></div>';
+
+  var input = /** @type {any} */ (document.getElementById('aimeat-su-name'));
+  var statusEl = document.getElementById('aimeat-su-status');
+  var createBtn = /** @type {any} */ (document.getElementById('aimeat-su-create'));
+  var cancelBtn = document.getElementById('aimeat-su-cancel');
+  var errEl = document.getElementById('aimeat-su-err');
+  var checkTimer = null;
+  var lastChecked = '';
+
+  function setStatus(text, color) {
+    statusEl.textContent = text || '';
+    statusEl.style.color = color || '#6B7280';
+  }
+
+  // Validate format locally, then confirm availability against the node (debounced).
+  function evaluate() {
+    errEl.style.display = 'none';
+    var name = (input.value || '').trim().toLowerCase();
+    if (!USERNAME_RE.test(name)) {
+      createBtn.disabled = true;
+      setStatus(i.signupInvalid || 'Username must be 3–64 characters: lowercase letters, numbers and hyphens.', '#ef4444');
+      return;
+    }
+    createBtn.disabled = true; // until availability confirms
+    setStatus('…', '#9CA3AF');
+    if (checkTimer) clearTimeout(checkTimer);
+    checkTimer = setTimeout(function () {
+      lastChecked = name;
+      api('/v1/ghii/username-available?name=' + encodeURIComponent(name))
+        .then(function (res) {
+          var d = res && res.data;
+          if (!d || (input.value || '').trim().toLowerCase() !== lastChecked) return; // stale
+          if (d.valid && d.available) { createBtn.disabled = false; setStatus(i.signupAvailable || '✓ Available', '#16a34a'); }
+          else if (!d.valid) { createBtn.disabled = true; setStatus(i.signupInvalid || d.reason || 'Invalid username', '#ef4444'); }
+          else { createBtn.disabled = true; setStatus(i.signupTaken || 'That username is already taken — pick another.', '#ef4444'); }
+        })
+        .catch(function () { /* network blip — allow submit; finalize re-validates */ createBtn.disabled = false; setStatus('', '#6B7280'); });
+    }, 350);
+  }
+
+  input.addEventListener('input', evaluate);
+  input.addEventListener('keydown', function (e) { if (e.key === 'Enter' && !createBtn.disabled) { e.preventDefault(); createBtn.click(); } });
+
+  function close() { if (checkTimer) clearTimeout(checkTimer); modal.remove(); cleanSignupParam(); }
+  cancelBtn.addEventListener('click', close);
+
+  createBtn.addEventListener('click', async function () {
+    var name = (input.value || '').trim().toLowerCase();
+    if (!USERNAME_RE.test(name)) { evaluate(); return; }
+    var displayEl = /** @type {any} */ (document.getElementById('aimeat-su-display'));
+    var displayName = displayEl ? (displayEl.value || '').trim() : '';
+    createBtn.disabled = true;
+    createBtn.textContent = i.signupCreating || 'Creating account...';
+    errEl.style.display = 'none';
+    try {
+      var res = await api('/v1/ghii/login/' + (pending.provider || 'google') + '/finalize', {
+        method: 'POST',
+        credentials: 'include',
+        body: JSON.stringify({ username: name, displayName: displayName }),
+      });
+      cleanSignupParam();
+      var redirect = (res && res.data && res.data.redirect) || pending.redirect || '/';
+      // Full navigation to the post-login target — the page boots logged-in from the new refresh cookie.
+      location.href = NODE_URL + redirect;
+    } catch (e) {
+      var msg = e && e.message ? e.message : 'Could not create account';
+      if (msg.indexOf('already registered') >= 0 || msg.indexOf('NAME_TAKEN') >= 0) msg = i.signupTaken || msg;
+      errEl.textContent = msg;
+      errEl.style.display = 'block';
+      createBtn.textContent = i.signupCreateBtn || 'Create my account';
+      evaluate();
+    }
+  });
+
+  // Confirm the pre-filled suggestion's availability on open.
+  evaluate();
+}
+
+// On load, if the OIDC callback flagged a pending sign-up, fetch it and prompt. If the signed cookie
+// is missing/expired the pending fetch 404s — explain that (retry, no password needed) instead of
+// doing nothing.
+export function maybeShowGoogleSignup() {
+  var params;
+  try { params = new URLSearchParams(location.search); } catch { return; }
+  if (params.get('aimeat_signup') !== '1') return;
+  function showExpired() {
+    function open(i) {
+      showSignupNoticeModal(i || {}, {
+        title: (i && i.signupExpiredTitle) || 'Sign-in session expired',
+        body: (i && i.signupExpiredBody) || 'Your sign-in session expired or was interrupted. No password is needed — just click “Continue with Google” again to restart.',
+        primaryLabel: (i && i.signupExpiredOkBtn) || 'OK',
+        showCancel: false,
+      });
+    }
+    loadModalI18n(currentModalLang()).then(open).catch(function () { open({}); });
+  }
+  api('/v1/ghii/login/pending', { credentials: 'include' })
+    .then(function (res) {
+      var pending = res && res.data;
+      if (!pending) { showExpired(); return; }
+      loadModalI18n(currentModalLang())
+        .then(function (i) { showGoogleSignupModal(pending, i || {}); })
+        .catch(function () { showGoogleSignupModal(pending, {}); });
+    })
+    .catch(function () { showExpired(); });
+}

package/dist/static/sdk-libs/auth/theme.js

@@ -0,0 +1,137 @@
+/**
+ * @file auth/theme.js
+ * @description aimeat-auth presentation helpers (SDK-libs migration Phase 3): the light/dark theme
+ *   toggle that travels INSIDE the login pill (so every embedding app inherits it for free — reads/
+ *   writes the same 'aimeat-theme' localStorage key + <html data-theme> the SPA uses, and fires an
+ *   'aimeat-theme-change' window event), plus escHtml, the compact-pill CSS injector, and the
+ *   two-letter pill initials. Extracted from auth-lib-part2.ts.
+ * @structure escHtml · aimeatReadTheme/aimeatApplyTheme · modeSwitchHtml/wireModeSwitch ·
+ *   ensureAuthPillStyles · pillInitials.
+ * @usage import { escHtml, modeSwitchHtml, wireModeSwitch } from './theme.js';
+ * @version-history
+ *   v1.2.0 — 2026-07-26 — ?mode= is read first and applied at parse time (aimeatRestoreMode), the
+ *     same door ?palette= and ?lang= use, so an embedded app follows the embedding page's light/
+ *     dark instead of its own origin's storage. Not persisted.
+ *   v1.1.0 — 2026-07-25 — The lone ☾/☀ toggle becomes a segmented ☀|☾ mode switch (both options
+ *     visible, active marked), styled by cluster.js instead of inline styles.
+ *   v1.0.0 — 2026-07-19 — Extracted from src/routes/libs/auth-lib-part2.ts (SDK-libs migration Phase 3).
+ */
+
+export function escHtml(s) { const d = document.createElement('div'); d.textContent = s; return d.innerHTML; }
+
+// ── Theme toggle (travels with the login pill) ──
+var AIMEAT_THEME_KEY = 'aimeat-theme';
+
+export function aimeatReadTheme() {
+  // ?mode= first, the same door ?palette= and ?lang= use: an app embedded by another page cannot
+  // read the choice made on the embedder's origin, so the embedder says it and the app follows.
+  // Deliberately not persisted — being embedded in a dark page is not a decision about the app.
+  try {
+    var u = new URLSearchParams(location.search).get('mode');
+    if (u === 'light' || u === 'dark') return u;
+  } catch { /* no location */ }
+  try { var s = localStorage.getItem(AIMEAT_THEME_KEY); if (s === 'light' || s === 'dark') return s; } catch { /* storage blocked */ }
+  var attr = document.documentElement.dataset.theme;
+  if (attr === 'light' || attr === 'dark') return attr;
+  return (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light';
+}
+
+export function aimeatApplyTheme(t) {
+  document.documentElement.dataset.theme = t;
+  try { localStorage.setItem(AIMEAT_THEME_KEY, t); } catch { /* storage blocked */ }
+  try { window.dispatchEvent(new CustomEvent('aimeat-theme-change', { detail: { theme: t } })); } catch { /* no window */ }
+}
+
+/**
+ * Adopt an embedder's ?mode= onto <html> at parse time, without persisting it. The app's own
+ * light/dark snippet reads localStorage and cannot know it is inside someone else's page; this
+ * runs after it and lets the embedding page win for as long as the embed lasts. No URL param
+ * means no opinion, so a normally-opened app is untouched.
+ */
+export function aimeatRestoreMode() {
+  try {
+    var u = new URLSearchParams(location.search).get('mode');
+    if (u === 'light' || u === 'dark') document.documentElement.dataset.theme = u;
+  } catch { /* no location */ }
+}
+
+/**
+ * The MODE control: a segmented ☀ | ☾ where both options are visible and the active one is
+ * marked — the same pattern as the language switch, so the cluster reads as one instrument.
+ * Cluster classes come from cluster.js (ensureClusterStyles).
+ */
+export function modeSwitchHtml(i) {
+  var cur = aimeatReadTheme();
+  var light = i.lightMode || 'Light mode';
+  var dark = i.darkMode || 'Dark mode';
+  return '<span id="aimeat-mode-switch" class="aimeat-seg" role="group" aria-label="' + escHtml(i.themeLabel || 'Theme') + '">'
+    + '<button type="button" data-mode="light" aria-pressed="' + (cur === 'light') + '" title="' + escHtml(light) + '" aria-label="' + escHtml(light) + '">'
+    + '<span class="seg-ico" aria-hidden="true">☀</span></button>'
+    + '<button type="button" data-mode="dark" aria-pressed="' + (cur === 'dark') + '" title="' + escHtml(dark) + '" aria-label="' + escHtml(dark) + '">'
+    + '<span class="seg-ico" aria-hidden="true">☾</span></button>'
+    + '</span>';
+}
+
+export function wireModeSwitch(container) {
+  var root = container.querySelector('#aimeat-mode-switch');
+  if (!root) return;
+  function sync(cur) {
+    root.querySelectorAll('button[data-mode]').forEach(function (b) {
+      b.setAttribute('aria-pressed', String(b.getAttribute('data-mode') === cur));
+    });
+  }
+  root.querySelectorAll('button[data-mode]').forEach(function (b) {
+    b.addEventListener('click', function () {
+      var m = b.getAttribute('data-mode');
+      aimeatApplyTheme(m);
+      sync(m);
+    });
+  });
+  // Follow out-of-band changes (the app's own logic, another control instance, the SPA).
+  window.addEventListener('aimeat-theme-change', function (ev) {
+    var e = /** @type {CustomEvent} */ (ev);
+    if (e && e.detail && e.detail.theme) sync(e.detail.theme);
+  });
+}
+
+// ── Compact login pill styles (default ON on app origins) ──
+// On viewports ≤600px the full gold pill is replaced by a small gold "account" button (green dot +
+// initials + caret); tapping it opens the full pill as an anchored popover. Styles are injected once;
+// the show/hide is pure CSS media so it reflows on rotation.
+export function ensureAuthPillStyles() {
+  if (document.getElementById('aimeat-auth-pill-css')) return;
+  var st = document.createElement('style');
+  st.id = 'aimeat-auth-pill-css';
+  st.textContent = [
+    '.aimeat-auth-wrap{position:relative;display:inline-flex;align-items:center}',
+    '.aimeat-auth-compact{display:none;align-items:center;gap:7px;padding:5px 11px 5px 9px;cursor:pointer;',
+      'background:linear-gradient(160deg,#3d2e1a 0%,#6b4c2a 15%,#c9a84c 30%,#f5e6a3 45%,#c9a84c 55%,#8b6914 70%,#4a3520 100%);',
+      'border:1px solid rgba(201,168,76,.6);border-top-color:rgba(245,230,163,.5);border-bottom-color:rgba(75,53,32,.8);',
+      'border-radius:10px;box-shadow:0 1px 0 rgba(245,230,163,.3) inset,0 -1px 0 rgba(75,53,32,.5) inset,0 3px 10px rgba(0,0,0,.4);',
+      'font-family:system-ui;font-size:13px;color:#2a1800;text-shadow:0 1px 0 rgba(245,230,163,.5)}',
+    '.aimeat-auth-compact .cdot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;',
+      'background:radial-gradient(circle at 35% 35%,#b0ffc8,#00c853 40%,#00802e 80%,#003d15);box-shadow:0 0 5px rgba(0,200,83,.6)}',
+    '.aimeat-auth-compact .cini{font-weight:800;letter-spacing:.3px;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}',
+    '.aimeat-auth-compact .ccar{font-size:9px;opacity:.75;transition:transform .18s}',
+    '.aimeat-auth-wrap.aimeat-open .aimeat-auth-compact .ccar{transform:rotate(180deg)}',
+    '@media (max-width:600px){',
+      '.aimeat-auth-compact{display:inline-flex}',
+      '.aimeat-auth-wrap>.aimeat-auth-pill{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;',
+        'display:none!important;flex-wrap:wrap!important;justify-content:flex-start;row-gap:9px;',
+        'min-width:210px;max-width:calc(100vw - 24px)}',
+      '.aimeat-auth-wrap.aimeat-open>.aimeat-auth-pill{display:flex!important}',
+    '}',
+  ].join('');
+  (document.head || document.documentElement).appendChild(st);
+}
+
+// Two-letter initials for the compact button, from a display name / GHII / owner (strips the
+// @node and #owner suffixes so a GAII/GHII shows the person, not the node).
+export function pillInitials(s) {
+  s = (s || '').trim();
+  if (!s) return '•'; // bullet fallback
+  s = s.split('@')[0].split('#')[0].trim();
+  var parts = s.split(/\s+/).filter(Boolean);
+  if (parts.length >= 2) return (parts[0].charAt(0) + parts[1].charAt(0)).toUpperCase();
+  return s.slice(0, 2).toUpperCase();
+}

package/dist/static/sdk-libs/capabilities/index.js

@@ -0,0 +1,179 @@
+/**
+ * @file capabilities/index.js
+ * @description The aimeat-capabilities library (SDK-libs migration Phase 1). Exposes
+ *   AIMEAT.capabilities — discovery (list/search/get), invocation (client-side cortex + server-side
+ *   /v1/capabilities/:id/invoke), management (create/update/delete/mine), testing and vouching, all
+ *   over the AIMEAT.auth session. Componentized ESM source esbuild bundles to the IIFE served,
+ *   unchanged, at /v1/libs/aimeat-capabilities.js. Ported verbatim from lib-capabilities.ts.
+ * @structure imports getSession/authFetch (session) + attach (namespace); loadCortexLib(); the
+ *   `capabilities` object; attach('capabilities', …).
+ * @usage <script src="/v1/libs/aimeat-auth.js"></script><script src="/v1/libs/aimeat-capabilities.js"></script>
+ *   await AIMEAT.capabilities.list(); await AIMEAT.capabilities.invoke('id', input);
+ * @version-history
+ *   v1.0.0 — 2026-07-19 — Migrated from src/routes/lib-capabilities.ts (SDK-libs migration Phase 1).
+ */
+import { makeSession } from '../_core/session.js';
+const { getSession, authFetch } = makeSession('aimeat-capabilities.js');
+import { attach } from '../_core/namespace.js';
+
+// Cortex library cache (loaded libs stay in memory)
+const _loadedCortex = {};
+
+async function loadCortexLib(url) {
+  if (_loadedCortex[url]) return;
+  return new Promise(function (resolve, reject) {
+    var s = document.createElement('script');
+    s.src = url;
+    s.onload = function () { _loadedCortex[url] = true; resolve(undefined); };
+    s.onerror = function () { reject(new Error('Failed to load: ' + url)); };
+    document.head.appendChild(s);
+  });
+}
+
+const capabilities = {
+
+  // ── Discovery ──
+
+  async list(filters) {
+    var params = new URLSearchParams();
+    if (filters) {
+      if (filters.search) params.set('search', filters.search);
+      if (filters.tags) params.set('tags', filters.tags.join(','));
+      if (filters.callable !== undefined) params.set('callable', String(filters.callable));
+      if (filters.authRequired) params.set('authRequired', filters.authRequired);
+      if (filters.source_type) params.set('source_type', filters.source_type);
+      if (filters.status) params.set('status', filters.status);
+      if (filters.page) params.set('page', String(filters.page));
+      if (filters.per_page) params.set('per_page', String(filters.per_page));
+    }
+    var qs = params.toString();
+    var res = await authFetch('/v1/capabilities' + (qs ? '?' + qs : ''));
+    if (!res.ok) throw new Error(res.error?.message || 'Failed to list capabilities');
+    return res.data;
+  },
+
+  async search(query) {
+    return capabilities.list({ search: query });
+  },
+
+  async get(id) {
+    var res = await authFetch('/v1/capabilities/' + encodeURIComponent(id));
+    if (!res.ok) throw new Error(res.error?.message || 'Capability not found');
+    return res.data;
+  },
+
+  // ── Invocation ──
+
+  async invoke(id, input, opts) {
+    var cap = await capabilities.get(id);
+    var mode = (opts && opts.mode) || 'normal';
+
+    // Client-side cortex invoke
+    if (cap.source && cap.source.type === 'cortex') {
+      var usage = cap.usage || '';
+      // Try to load the cortex lib
+      var libMatch = usage.match(/loadScript\(['"]([^'"]+)['"]/);
+      if (libMatch) {
+        await loadCortexLib(libMatch[1]);
+      }
+      // Find the export function
+      if (cap.exports && cap.exports.length > 0) {
+        // If id contains export name like "cortex:name:funcName"
+        var parts = id.split(':');
+        var funcName = parts.length >= 3 ? parts[2] : null;
+        if (funcName) {
+          // Search global scope for the function
+          var fn = window[funcName] || (window.AIMEAT && window.AIMEAT[funcName]);
+          if (typeof fn === 'function') {
+            var start = performance.now();
+            var result = await fn(input);
+            var duration = Math.round(performance.now() - start);
+            // Fire-and-forget telemetry
+            try {
+              authFetch('/v1/capabilities/' + encodeURIComponent(id) + '/telemetry', {
+                method: 'POST',
+                body: JSON.stringify({ duration_ms: duration, status: 'success' }),
+              }).catch(function () {});
+            } catch { /* telemetry is fire-and-forget */ }
+            return result;
+          }
+        }
+      }
+      throw new Error('Cortex capability loaded but export function not found. Use direct loadScript() instead.');
+    }
+
+    // Server-side invoke (extensions, webhooks)
+    var res = await authFetch('/v1/capabilities/' + encodeURIComponent(id) + '/invoke' + (mode === 'raw' ? '?mode=raw' : ''), {
+      method: 'POST',
+      body: JSON.stringify({ input: input || {} }),
+    });
+    if (!res.ok) throw new Error(res.error?.message || 'Invoke failed');
+    return res.data.result !== undefined ? res.data.result : res.data;
+  },
+
+  // ── Management ──
+
+  async create(record) {
+    var res = await authFetch('/v1/capabilities', {
+      method: 'POST',
+      body: JSON.stringify(record),
+    });
+    if (!res.ok) throw new Error(res.error?.message || 'Failed to create capability');
+    return res.data;
+  },
+
+  async update(id, updates) {
+    var res = await authFetch('/v1/capabilities/' + encodeURIComponent(id), {
+      method: 'PUT',
+      body: JSON.stringify(updates),
+    });
+    if (!res.ok) throw new Error(res.error?.message || 'Failed to update capability');
+    return res.data;
+  },
+
+  async delete(id) {
+    var res = await authFetch('/v1/capabilities/' + encodeURIComponent(id), {
+      method: 'DELETE',
+    });
+    if (!res.ok) throw new Error(res.error?.message || 'Failed to delete capability');
+    return res.data;
+  },
+
+  async mine() {
+    var session = getSession();
+    return capabilities.list({ owner: session.ghii || session.owner });
+  },
+
+  // ── Testing ──
+
+  async test(id, input) {
+    var res = await authFetch('/v1/capabilities/' + encodeURIComponent(id) + '/test', {
+      method: 'POST',
+      body: JSON.stringify({ input: input || {} }),
+    });
+    if (!res.ok) throw new Error(res.error?.message || 'Test failed');
+    return res.data;
+  },
+
+  // ── Vouching ──
+
+  async vouch(id, comment) {
+    var body = comment ? { comment } : {};
+    var res = await authFetch('/v1/capabilities/' + encodeURIComponent(id) + '/vouch', {
+      method: 'POST',
+      body: JSON.stringify(body),
+    });
+    if (!res.ok) throw new Error(res.error?.message || 'Vouch failed');
+    return res.data;
+  },
+
+  async unvouch(id) {
+    var res = await authFetch('/v1/capabilities/' + encodeURIComponent(id) + '/vouch', {
+      method: 'DELETE',
+    });
+    if (!res.ok) throw new Error(res.error?.message || 'Unvouch failed');
+    return res.data;
+  },
+};
+
+attach('capabilities', capabilities);