aimeat 1.33.2 → 1.34.0

package/dist/public/js/theme.js

@@ -16,6 +16,8 @@
  *   toggleTheme();                           // flip light <-> dark
  * @version-history
  *   v1.0.0 — 2026-06-02 — Initial dark/light theming (Phase 1 mechanism).
+ *   v1.1.0 — 2026-06-28 — Adopt external `aimeat-theme-change` events (the login pill now
+ *     owns the toggle) so SPA subscribers repaint; loop-guarded via selfDispatch.
  */
 
 const STORAGE_KEY = 'aimeat-theme';
@@ -27,6 +29,8 @@ const META_THEME_COLOR = { light: '#FAFAF8', dark: '#14151A' };
 
 const listeners = new Set();
 let mediaQuery = null;
+// Set true while WE dispatch EVENT_NAME so the external listener (below) ignores our own echo.
+let selfDispatch = false;
 
 /** Read the stored explicit choice, or null if the user has not chosen. */
 function storedChoice() {
@@ -76,7 +80,9 @@ export function setTheme(theme, persist = true) {
   syncMetaThemeColor(next);
   const detail = { theme: next };
   for (const fn of listeners) fn(next);
+  selfDispatch = true;
   window.dispatchEvent(new CustomEvent(EVENT_NAME, { detail }));
+  selfDispatch = false;
   return next;
 }
 
@@ -99,6 +105,20 @@ export function onThemeChange(fn) {
 export function initThemeSystem() {
   syncMetaThemeColor(getTheme());
 
+  // The login pill (served by libs.ts) owns the light/dark toggle now. It applies the theme
+  // itself (data-theme + localStorage) and fires this same event. Adopt those external changes
+  // so SPA subscribers (charts, tabs) repaint too. `selfDispatch` skips our own echo to avoid
+  // a loop; we DON'T call setTheme here (the pill already set data-theme + persisted) — just
+  // sync meta + notify in-module listeners.
+  window.addEventListener(EVENT_NAME, (e) => {
+    if (selfDispatch) return;
+    const detail = /** @type {CustomEvent} */ (e).detail;
+    const next = detail && detail.theme;
+    if (!VALID.has(next)) return;
+    syncMetaThemeColor(next);
+    for (const fn of listeners) fn(next);
+  });
+
   if (window.matchMedia) {
     mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
     const onOsChange = (e) => {

package/dist/public/lib/VENDORED-STYLING.md

@@ -0,0 +1,31 @@
+# Vendored styling/runtime assets (self-hosted, not CDN)
+
+These third-party assets are vendored into `aimeat/public/lib/` and served at `/lib/...`
+(via `express.static`, 7-day cache — see `aimeat/src/server-bootstrap/static-files.ts`).
+Published apps load them from our own node instead of an external CDN
+(cdn.jsdelivr.net / cdn.tailwindcss.com). All MIT-licensed (Rule 5 OK).
+
+| File | Package | Version | Source | License |
+|------|---------|---------|--------|---------|
+| `tailwindcss@4.js` | `@tailwindcss/browser` | 4.3.1 | `https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4` | MIT |
+| `daisyui@5.css` | `daisyui` | 5.5.23 | `https://cdn.jsdelivr.net/npm/daisyui@5` | MIT |
+| `chartjs@4.js` | `chart.js` (UMD) | 4.5.1 | `https://cdn.jsdelivr.net/npm/chart.js@4/dist/chart.umd.min.js` | MIT |
+
+## Usage in a published app (replaces the CDN incantation)
+
+```html
+<link href="/lib/daisyui@5.css" rel="stylesheet" type="text/css" />
+<script src="/lib/tailwindcss@4.js"></script>
+<!-- charts: <script src="/lib/chartjs@4.js"></script> before aimeat-charts -->
+```
+
+> Note: `@tailwindcss/browser` is an in-browser JIT compiler (Tailwind's "not for
+> production" build). Self-hosting removes the external-CDN dependency; it does not
+> change that compilation happens in the browser. This is the pragmatic fit for
+> AI-authored single-file apps whose utility classes can't be precompiled.
+
+## Updating
+
+Re-download the same jsdelivr URLs, bump the version in this table, and update the
+`@version` banner check. Keep the major-pinned filename (`@4`, `@5`) stable so app
+templates don't need to change.

package/dist/public/lib/aimeat-daisyui-bridge.css

@@ -0,0 +1,48 @@
+/*
+ * @file aimeat-daisyui-bridge.css
+ * @description Theme-compat layer so the bundled cortex UI libraries cohere with daisyUI.
+ *   (1) Maps AIMEAT theme.css variable NAMES to daisyUI 5 theme variables so libs that read
+ *       --text / --bg-card / --accent / … follow a daisyUI app's `data-theme` automatically.
+ *   (2) Dark-mode polish: a few cortex components hardcode LIGHT colors (no var) — alerts,
+ *       badges, table zebra — so the var-mapping can't reach them. We override those with
+ *       theme-aware tints (`:root .aui-*` wins on specificity). No changes to the libraries.
+ *   Load this AFTER the daisyUI stylesheet. Hardcoded fallbacks keep it working if daisyUI
+ *   vars are absent.
+ * @usage  <link href="/lib/daisyui@5.css" rel="stylesheet" />
+ *         <link href="/lib/aimeat-daisyui-bridge.css" rel="stylesheet" />
+ * @version-history
+ *   v1.0.0 — 2026-06-26 — Initial bridge (cortex libs follow daisyUI theme).
+ *   v1.1.0 — 2026-06-26 — Map --bg-surface-dim (table zebra) + theme-aware alert/badge tints.
+ */
+:root {
+  --text:           var(--color-base-content, #1A1A2E);
+  --text-dim:       color-mix(in oklab, var(--color-base-content, #6B7280) 70%, transparent);
+  --text-muted:     color-mix(in oklab, var(--color-base-content, #9CA3AF) 55%, transparent);
+  --bg-card:        var(--color-base-100, #ffffff);
+  --card:           var(--color-base-100, #ffffff);
+  --bg-surface:     var(--color-base-200, #f3f4f6);
+  --bg-surface-dim: color-mix(in oklab, var(--color-base-content, #111827) 5%, var(--color-base-100, #ffffff));
+  --bg-dim:         var(--color-base-200, #f3f4f6);
+  --surface:        var(--color-base-200, #f3f4f6);
+  --border:         var(--color-base-300, #e5e7eb);
+  --accent:         var(--color-primary, #e8564a);
+  --blue:           var(--color-info, #3b82f6);
+  --danger:         var(--color-error, #ef4444);
+  --success:        var(--color-success, #10b981);
+  --warn:           var(--color-warning, #f59e0b);
+  --warning:        var(--color-warning, #f59e0b);
+}
+
+/* ── Dark-mode polish: override the cortex libs' hardcoded light colors with theme-aware
+      tints. `:root .aui-*` (specificity 0,1,1) beats the libs' `.aui-*` (0,1,0) regardless
+      of stylesheet order. Tint = subtle wash of the semantic colour over the card bg; text
+      stays --color-base-content so it's readable in both light and dark. ── */
+:root .aui-alert-info    { background: color-mix(in oklab, var(--color-info,    #3b82f6) 14%, var(--color-base-100, #fff)); color: var(--color-base-content, #1A1A2E); border: 1px solid color-mix(in oklab, var(--color-info,    #3b82f6) 45%, transparent); }
+:root .aui-alert-success { background: color-mix(in oklab, var(--color-success, #10b981) 14%, var(--color-base-100, #fff)); color: var(--color-base-content, #1A1A2E); border: 1px solid color-mix(in oklab, var(--color-success, #10b981) 45%, transparent); }
+:root .aui-alert-warn    { background: color-mix(in oklab, var(--color-warning, #f59e0b) 16%, var(--color-base-100, #fff)); color: var(--color-base-content, #1A1A2E); border: 1px solid color-mix(in oklab, var(--color-warning, #f59e0b) 45%, transparent); }
+:root .aui-alert-error   { background: color-mix(in oklab, var(--color-error,   #ef4444) 14%, var(--color-base-100, #fff)); color: var(--color-base-content, #1A1A2E); border: 1px solid color-mix(in oklab, var(--color-error,   #ef4444) 45%, transparent); }
+
+:root .aui-badge-info    { background: color-mix(in oklab, var(--color-info,    #3b82f6) 22%, var(--color-base-100, #fff)); color: var(--color-base-content, #1A1A2E); }
+:root .aui-badge-success { background: color-mix(in oklab, var(--color-success, #10b981) 22%, var(--color-base-100, #fff)); color: var(--color-base-content, #1A1A2E); }
+:root .aui-badge-warn    { background: color-mix(in oklab, var(--color-warning, #f59e0b) 24%, var(--color-base-100, #fff)); color: var(--color-base-content, #1A1A2E); }
+:root .aui-badge-danger  { background: color-mix(in oklab, var(--color-error,   #ef4444) 22%, var(--color-base-100, #fff)); color: var(--color-base-content, #1A1A2E); }