mnfst 0.5.214 → 0.5.215

package/lib/manifest.appwrite.auth.js

@@ -1070,57 +1070,6 @@ window.ManifestAppwriteAuth = {
 
 /* Auth frontend */
 
-// Create a safe fallback proxy for undefined properties (similar to data proxies)
-let authLoadingProxy = null;
-function createAuthLoadingProxy() {
-    if (authLoadingProxy) {
-        return authLoadingProxy;
-    }
-
-    const fallback = Object.create(null);
-    fallback[Symbol.toPrimitive] = function (hint) {
-        return hint === 'number' ? 0 : '';
-    };
-    fallback.valueOf = function () { return ''; };
-    fallback.toString = function () { return ''; };
-
-    Object.defineProperty(fallback, 'length', {
-        value: 0,
-        writable: false,
-        enumerable: false,
-        configurable: false
-    });
-
-    authLoadingProxy = new Proxy(fallback, {
-        get(target, key) {
-            if (key === Symbol.iterator) {
-                return function* () { };
-            }
-            if (key === 'then' || key === 'catch' || key === 'finally' ||
-                key === Symbol.toStringTag || key === Symbol.hasInstance ||
-                key === 'constructor' || key === '__proto__' || key === 'prototype') {
-                return undefined;
-            }
-            if (key in target || key === Symbol.toPrimitive) {
-                const value = target[key];
-                if (value !== undefined) {
-                    return value;
-                }
-            }
-            // Return proxy itself for safe chaining (allows $auth.user.email even if user is undefined)
-            return authLoadingProxy;
-        },
-        has(target, key) {
-            if (typeof key === 'string') {
-                return true;
-            }
-            return key in target || key === Symbol.toPrimitive;
-        }
-    });
-
-    return authLoadingProxy;
-}
-
 // Initialize $auth magic method
 function initializeAuthMagic() {
     if (typeof Alpine === 'undefined') {
@@ -1188,43 +1137,10 @@ function initializeAuthMagic() {
                             return () => ({ success: false, error: 'Method not initialized' });
                         }
                     }
-                    // Null/undefined: loading proxy keeps $auth.user.email chains safe
-                    if (value === null || value === undefined) {
-                        return createAuthLoadingProxy();
-                    }
-                    // If value is an array, return it as-is (arrays are already iterable and don't need proxying)
-                    if (Array.isArray(value)) {
-                        return value;
-                    }
-                    // If value is an object, wrap it in a proxy for safe nested property access
-                    if (typeof value === 'object' && value !== null) {
-                        // Recursive helper function for nested object proxying
-                        function createNestedAuthProxy(objTarget) {
-                            return new Proxy(objTarget, {
-                                get(objTarget, key) {
-                                    // Handle special keys
-                                    if (key === Symbol.iterator || key === 'then' || key === 'catch' || key === 'finally') {
-                                        return undefined;
-                                    }
-                                    const nestedValue = objTarget[key];
-                                    // If nested value is undefined or null, return loading proxy for safe chaining
-                                    if (nestedValue === undefined || nestedValue === null) {
-                                        return createAuthLoadingProxy();
-                                    }
-                                    // If nested value is an array, return it as-is
-                                    if (Array.isArray(nestedValue)) {
-                                        return nestedValue;
-                                    }
-                                    // If nested value is an object, wrap recursively
-                                    if (typeof nestedValue === 'object' && nestedValue !== null) {
-                                        return createNestedAuthProxy(nestedValue);
-                                    }
-                                    return nestedValue;
-                                }
-                            });
-                        }
-                        return createNestedAuthProxy(value);
-                    }
+                    // Hand back the real value — no placeholder. A signed-out
+                    // user is null, not a stand-in object: `?.`, `||` and typeof
+                    // must all behave. Templates use `$auth.user?.email`; Alpine
+                    // renders undefined as ''.
                     return value;
                 }
 
@@ -1285,8 +1201,8 @@ function initializeAuthMagic() {
                     return store.getProvider();
                 }
 
-                // Return loading proxy for undefined properties to allow safe chaining
-                return createAuthLoadingProxy();
+                // Unknown property — undefined, same as any other object.
+                return undefined;
             },
             set(target, prop, value) {
                 // Forward assignments to the store for two-way binding (x-model)

package/lib/manifest.appwrite.data.js

@@ -2,7 +2,7 @@
 
 (function () {
 
-const MANIFEST_BUILD_VERSION = '0.5.214';
+const MANIFEST_BUILD_VERSION = '0.5.215';
 
 /* Manifest Data Sources - Appwrite Integration */
 

package/lib/manifest.avatar.css

@@ -17,11 +17,14 @@
         text-align: center;
         text-transform: uppercase;
         color: var(--color-field-inverse, oklch(43.9% 0 0));
-        background-color: var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
+        /* surface-3, not field-surface: an avatar is content, not a control.
+           Themes are free to make fields translucent, and a see-through avatar
+           bleeds the one stacked behind it. Same value in both modes today. */
+        background-color: var(--color-surface-3, oklch(87% 0 0));
         background-clip: content-box;
         background-size: cover;
         background-position: center;
-        border-radius: var(--radius, 0.5rem);
+        border-radius: 50%;
 
         /* Icon */
         &[x-icon] {
@@ -49,7 +52,7 @@
             width: 9px;
             height: 9px;
             z-index: 1;
-            background-color: var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
+            background-color: var(--color-surface-3, oklch(87% 0 0));
             border: 1px solid var(--color-page, oklch(98.5% 0 0));
             border-radius: 50%
         }
@@ -61,7 +64,9 @@
         background-blend-mode: normal;
 
         &:hover {
-            background-color: var(--color-field-surface-hover, color-mix(in oklch, oklch(20.5% 0 0) 15%, transparent));
+            /* Steps off the avatar's own surface, not a field token — darkens in
+               light mode, lightens in dark, and never goes translucent. */
+            background-color: color-mix(in oklch, var(--color-surface-3, oklch(87% 0 0)) 88%, var(--color-content-stark, oklch(20.5% 0 0)));
             background-blend-mode: multiply;
 
             & img {
@@ -113,7 +118,7 @@
         padding-inline-end: 1.5ch;
 
         &:hover .avatar {
-            background-color: var(--color-field-surface-hover, color-mix(in oklch, oklch(20.5% 0 0) 15%, transparent));
+            background-color: color-mix(in oklch, var(--color-surface-3, oklch(87% 0 0)) 88%, var(--color-content-stark, oklch(20.5% 0 0)));
             transition: var(--transition, all .05s ease-in-out)
         }
     }

package/lib/manifest.button.css

@@ -80,4 +80,22 @@
             mask-image: var(--icon-chevron-down, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E"))
         }
     }
+
+    /* Without base-select the reset's `appearance: button` leaves the select
+       natively rendered, and WebKit then ignores the author's border-radius and
+       imposes its own — so selects stop matching every other field. `appearance:
+       none` hands styling back; it also drops the native arrow, and ::picker-icon
+       only paints under base-select, so redraw the chevron as a background. It
+       can't be masked to currentColor there (an SVG loaded as an image can't see
+       it), hence the baked mid-grey, legible on the field surface in both modes. */
+    @supports not (appearance: base-select) {
+        :where(select):not(.unstyle) {
+            appearance: none;
+            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23808080' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
+            background-repeat: no-repeat;
+            background-position: right var(--spacing-field-padding, 0.625rem) center;
+            background-size: 1rem;
+            padding-inline-end: calc(var(--spacing-field-padding, 0.625rem) * 2 + 1rem)
+        }
+    }
 }

package/lib/manifest.charts.js

@@ -25,7 +25,7 @@
 				const merged = JSON.parse(JSON.stringify(fallbacks || {}));
 				try {
 					if (!window.Alpine || typeof Alpine.evaluate !== 'function') return merged;
-					try { Alpine.evaluate(document.body, '$locale && $locale.current'); } catch (_) { } // dep → re-resolve on locale switch
+					try { Alpine.evaluate(document.body, 'typeof $locale !== "undefined" && $locale.current'); } catch (_) { } // dep → re-resolve on locale switch
 					for (const name of this._loadedSourceNames()) {
 						let ui;
 						try { ui = Alpine.evaluate(document.body, `$x['${name}'] && $x['${name}']._ui && $x['${name}']._ui['${component}']`); } catch (_) { ui = null; }

package/lib/manifest.colorpicker.js

@@ -23,7 +23,7 @@ function initializeColorpickerPlugin() {
                 const merged = JSON.parse(JSON.stringify(fallbacks || {}));
                 try {
                     if (!window.Alpine || typeof Alpine.evaluate !== 'function') return merged;
-                    try { Alpine.evaluate(document.body, '$locale && $locale.current'); } catch (_) { } // dep → re-resolve on locale switch
+                    try { Alpine.evaluate(document.body, 'typeof $locale !== "undefined" && $locale.current'); } catch (_) { } // dep → re-resolve on locale switch
                     for (const name of this._loadedSourceNames()) {
                         let ui;
                         try { ui = Alpine.evaluate(document.body, `$x['${name}'] && $x['${name}']._ui && $x['${name}']._ui['${component}']`); } catch (_) { ui = null; }
@@ -1689,7 +1689,7 @@ function initializeColorpickerPlugin() {
 
                     // Reactive deps trigger re-runs on locale switch / manifest load.
                     Alpine.effect(() => {
-                        try { Alpine.evaluate(evalCtx, '$locale && $locale.current'); } catch {}
+                        try { Alpine.evaluate(evalCtx, 'typeof $locale !== "undefined" && $locale.current'); } catch {}
                         try { Alpine.evaluate(evalCtx, '$x && $x.manifest && $x.manifest._loadedFrom'); } catch {}
                         runDiscovery();
                         // Re-localize the whole picker on locale switch.

package/lib/manifest.combobox.js

@@ -23,7 +23,7 @@ if (!window.ManifestUI) {
             const merged = JSON.parse(JSON.stringify(fallbacks || {}));
             try {
                 if (!window.Alpine || typeof Alpine.evaluate !== 'function') return merged;
-                try { Alpine.evaluate(document.body, '$locale && $locale.current'); } catch (_) { }
+                try { Alpine.evaluate(document.body, 'typeof $locale !== "undefined" && $locale.current'); } catch (_) { }
                 for (const name of this._loadedSourceNames()) {
                     let ui;
                     try { ui = Alpine.evaluate(document.body, `$x['${name}'] && $x['${name}']._ui && $x['${name}']._ui['${component}']`); } catch (_) { ui = null; }

package/lib/manifest.components.js

@@ -102,9 +102,11 @@ window.ManifestComponentsRegistry = {
 window.ManifestComponentsLoader = {
     cache: {},
     _loading: {},
+    _missing: null,
     initialize() {
         this.cache = {};
         this._loading = {};
+        this._missing = new Set();
         // Preload components listed in registry.preloaded
         const registry = window.ManifestComponentsRegistry;
         if (registry && Array.isArray(registry.preloaded)) {
@@ -123,30 +125,42 @@ window.ManifestComponentsLoader = {
             return this._loading[name];
         }
         const registry = window.ManifestComponentsRegistry;
-        if (!registry || !registry.manifest) {
-            console.warn('[Manifest] Manifest not loaded, cannot load component:', name);
+        if (!registry) {
+            console.warn('[Manifest] Registry unavailable, cannot load component:', name);
             return null;
         }
-        const path = (registry.manifest.preloadedComponents || []).concat(registry.manifest.components || [])
+        // No manifest.json is fine — the convention fallback below still resolves.
+        const mf = registry.manifest || {};
+        let path = (mf.preloadedComponents || []).concat(mf.components || [])
             .find(p => p.split('/').pop().replace('.html', '') === name);
+        // Convention fallback: unlisted names resolve to components/<name>.html.
+        let convention = false;
         if (!path) {
-            console.warn('[Manifest] Component', name, 'not found in manifest.');
-            return null;
+            if (!this._missing) this._missing = new Set();
+            if (this._missing.has(name)) return null;
+            path = 'components/' + name + '.html';
+            convention = true;
         }
         const base = (typeof window.getManifestBase === 'function' ? window.getManifestBase() : '') || '/';
         let url = path.startsWith('/') || path.startsWith('http') ? path : base + path;
         // Version stamp (publish-injected `deployment`, or authored `version`) busts browser-cached component HTML
-        const stamp = registry.manifest.deployment || registry.manifest.version;
+        const stamp = mf.deployment || mf.version;
         if (stamp) url += (url.includes('?') ? '&' : '?') + 'v=' + encodeURIComponent(String(stamp));
         const promise = (async () => {
             try {
                 const response = await fetch(url);
                 if (!response.ok) {
-                    console.warn('[Manifest] HTML file not found for component', name, 'at path:', path, '(HTTP', response.status + ')');
+                    if (convention) {
+                        this._missing.add(name);
+                        console.warn('[Manifest] Component', name, 'is not listed in manifest.json and', path, 'was not found (HTTP', response.status + ')');
+                    } else {
+                        console.warn('[Manifest] HTML file not found for component', name, 'at path:', path, '(HTTP', response.status + ')');
+                    }
                     return null;
                 }
                 const content = await response.text();
                 this.cache[name] = content;
+                if (convention) registry.registered.add(name);
                 return content;
             } catch (error) {
                 console.warn('[Manifest] Failed to load component', name, 'from', path + ':', error.message);
@@ -176,6 +190,9 @@ function escapeForSingleQuotedJsString(s) {
         .replace(/\t/g, '\\t');
 }
 
+// Framework web components (not project components) — never fetched.
+const FRAMEWORK_COMPONENT_TAGS = new Set(['code', 'code-group']);
+
 window.ManifestComponentsProcessor = {
     async processComponent(element, instanceId) {
         const name = element.tagName.toLowerCase().replace('x-', '');
@@ -185,10 +202,7 @@ window.ManifestComponentsProcessor = {
             console.debug('[Manifest Components] skipped: registry or loader unavailable', element);
             return;
         }
-        if (!registry.registered.has(name)) {
-            console.debug('[Manifest Components] skipped: component not registered', element);
-            return;
-        }
+        if (FRAMEWORK_COMPONENT_TAGS.has(name)) return;
         if (element.hasAttribute('data-pre-rendered') || element.hasAttribute('data-processed')) {
             // Pre-rendered content skips re-fetch but still needs Alpine init.
             if (element.hasAttribute('data-pre-rendered') && window.Alpine && typeof window.Alpine.initTree === 'function') {
@@ -197,8 +211,15 @@ window.ManifestComponentsProcessor = {
             console.debug('[Manifest Components] skipped: already pre-rendered/processed', element);
             return;
         }
+        // Unregistered names still try the loader's components/<name>.html
+        // convention; a miss leaves the element alone (it may be someone else's).
+        const wasRegistered = registry.registered.has(name);
         const content = await loader.loadComponent(name);
         if (!content) {
+            if (!wasRegistered) {
+                console.debug('[Manifest Components] skipped: component not registered', element);
+                return;
+            }
             console.debug('[Manifest Components] skipped: failed to load component', element);
             element.replaceWith(document.createComment(` Failed to load component: ${name} `));
             return;

package/lib/manifest.css

@@ -474,11 +474,14 @@
         text-align: center;
         text-transform: uppercase;
         color: var(--color-field-inverse, oklch(43.9% 0 0));
-        background-color: var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
+        /* surface-3, not field-surface: an avatar is content, not a control.
+           Themes are free to make fields translucent, and a see-through avatar
+           bleeds the one stacked behind it. Same value in both modes today. */
+        background-color: var(--color-surface-3, oklch(87% 0 0));
         background-clip: content-box;
         background-size: cover;
         background-position: center;
-        border-radius: var(--radius, 0.5rem);
+        border-radius: 50%;
 
         /* Icon */
         &[x-icon] {
@@ -506,7 +509,7 @@
             width: 9px;
             height: 9px;
             z-index: 1;
-            background-color: var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
+            background-color: var(--color-surface-3, oklch(87% 0 0));
             border: 1px solid var(--color-page, oklch(98.5% 0 0));
             border-radius: 50%
         }
@@ -518,7 +521,9 @@
         background-blend-mode: normal;
 
         &:hover {
-            background-color: var(--color-field-surface-hover, color-mix(in oklch, oklch(20.5% 0 0) 15%, transparent));
+            /* Steps off the avatar's own surface, not a field token — darkens in
+               light mode, lightens in dark, and never goes translucent. */
+            background-color: color-mix(in oklch, var(--color-surface-3, oklch(87% 0 0)) 88%, var(--color-content-stark, oklch(20.5% 0 0)));
             background-blend-mode: multiply;
 
             & img {
@@ -570,7 +575,7 @@
         padding-inline-end: 1.5ch;
 
         &:hover .avatar {
-            background-color: var(--color-field-surface-hover, color-mix(in oklch, oklch(20.5% 0 0) 15%, transparent));
+            background-color: color-mix(in oklch, var(--color-surface-3, oklch(87% 0 0)) 88%, var(--color-content-stark, oklch(20.5% 0 0)));
             transition: var(--transition, all .05s ease-in-out)
         }
     }
@@ -670,6 +675,24 @@
             mask-image: var(--icon-chevron-down, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E"))
         }
     }
+
+    /* Without base-select the reset's `appearance: button` leaves the select
+       natively rendered, and WebKit then ignores the author's border-radius and
+       imposes its own — so selects stop matching every other field. `appearance:
+       none` hands styling back; it also drops the native arrow, and ::picker-icon
+       only paints under base-select, so redraw the chevron as a background. It
+       can't be masked to currentColor there (an SVG loaded as an image can't see
+       it), hence the baked mid-grey, legible on the field surface in both modes. */
+    @supports not (appearance: base-select) {
+        :where(select):not(.unstyle) {
+            appearance: none;
+            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23808080' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
+            background-repeat: no-repeat;
+            background-position: right var(--spacing-field-padding, 0.625rem) center;
+            background-size: 1rem;
+            padding-inline-end: calc(var(--spacing-field-padding, 0.625rem) * 2 + 1rem)
+        }
+    }
 }
 
 /* Manifest Charts */
@@ -3258,7 +3281,12 @@
         }
 
         & input,
-        & .combobox,
+        & .combobox {
+            width: fit-content
+        }
+
+        /* Own rule: a selector list is not forgiving, so a browser that can't
+           parse the :has() would drop the two plain selectors above with it. */
         & :where(label, .label):has(input:not([type=checkbox], [type=radio]), select, textarea) {
             width: fit-content
         }
@@ -4880,7 +4908,11 @@
         border-radius: var(--radius, 0.5rem)
     }
 
-    /* Badges */
+    /* Badges. Leading is normal so descenders clear the bottom edge, padding
+       comes off --spacing rather than ch (0.65ch crowds the first letter), and
+       the radius follows --radius instead of a hard pill. The semantic surface
+       stays solid: tinting it and keeping --color-field-inverse drops dark-mode
+       contrast to ~1.1, and moving to --color-content-stark only reaches ~3. */
     :where(.badge) {
         display: inline-flex;
         justify-content: center;
@@ -4888,17 +4920,27 @@
         gap: 0.25rem;
         width: fit-content;
         height: fit-content;
-        padding: 0.35ch 0.65ch;
+        padding: calc(var(--spacing, 0.25rem) * 0.5) calc(var(--spacing, 0.25rem) * 2);
         font-weight: 500;
         font-size: 0.75rem;
-        line-height: 1;
+        line-height: 1.25;
         color: var(--color-field-inverse, oklch(43.9% 0 0));
         background-color: var(--color-field-surface, color-mix(in oklch, oklch(97% 0 0) 10%, transparent));
-        border-radius: 100px;
+        border-radius: calc(var(--radius, 0.5rem) * 0.6);
+
+        /* Solo icons square up, as buttons do. (The old :only-child here keyed
+           off the badge's siblings, so an icon badge next to anything got word
+           padding.) */
+        &[x-icon] {
+            padding: calc(var(--spacing, 0.25rem) * 0.5);
+            aspect-ratio: 1
+        }
 
-        /* Solo icons */
-        &:only-child[x-icon] {
-            padding: 0.35ch
+        /* Same for a badge wrapping a bare <svg>. Its own rule so the plain
+           selector above still lands without :has(). */
+        &:has(> svg:only-child) {
+            padding: calc(var(--spacing, 0.25rem) * 0.5);
+            aspect-ratio: 1
         }
     }
 
@@ -5845,7 +5887,12 @@
             margin-top: calc(3rem)
         }
 
-        &>details:last-child,
+        &>details:last-child {
+            margin-bottom: calc(3rem)
+        }
+
+        /* Own rule — :not() is not forgiving either, so an unsupported :has()
+           inside it would take :last-child above down with it. */
         &>details:not(:last-child):not(:has(+ details, + hr)) {
             margin-bottom: calc(3rem)
         }

package/lib/manifest.d.ts

@@ -268,6 +268,16 @@ export type ManifestExport = (opts?: {
     [extra: string]: unknown;
 }) => Promise<unknown>;
 
+/** `$import(opts)` from the import plugin — pick a local file and parse it (json/csv). Resolves the parsed data, or null when the dialog is dismissed. */
+export type ManifestImport = (opts?: {
+    format?: 'json' | 'csv';
+    /** Data source to replace with the parsed content. */
+    source?: string;
+    /** Override the file input's accept list. */
+    accept?: string;
+    [extra: string]: unknown;
+}) => Promise<unknown>;
+
 /** `$device` from the utilities plugin (enriched by the device plugin when present). */
 export interface ManifestDevice {
     readonly os: string;
@@ -424,7 +434,7 @@ export type ManifestDirective =
     | 'x-icon' | 'x-svg' | 'x-markdown' | 'x-code' | 'x-code-group'
     | 'x-toast' | 'x-tooltip' | 'x-carousel' | 'x-virtual' | 'x-resize' | 'x-computed' | 'x-defer'
     | 'x-chart' | 'x-date' | 'x-color' | 'x-colorpicker' | 'x-combobox'
-    | 'x-export' | 'x-pay' | 'x-files' | 'x-data-files'
+    | 'x-export' | 'x-import' | 'x-pay' | 'x-files' | 'x-data-files'
     | 'x-edit' | 'x-text-edit';
 
 // ---------------------------------------------------------------------------
@@ -471,6 +481,8 @@ declare global {
     const $chart: ManifestChart;
     /** Export plugin. */
     const $export: ManifestExport;
+    /** Import plugin. */
+    const $import: ManifestImport;
     /** Element editor (edit plugin; opt-in). */
     const $edit: ManifestEdit;
     /** Text editor (text-edit plugin). */

package/lib/manifest.data.js

@@ -2,7 +2,7 @@
 
 (function () {
 
-const MANIFEST_BUILD_VERSION = '0.5.214';
+const MANIFEST_BUILD_VERSION = '0.5.215';
 
 /* Manifest Data Sources - Configuration */
 

package/lib/manifest.datepicker.js

@@ -74,7 +74,7 @@
 				const merged = JSON.parse(JSON.stringify(fallbacks || {}));
 				try {
 					if (!window.Alpine || typeof Alpine.evaluate !== 'function') return merged;
-					try { Alpine.evaluate(document.body, '$locale && $locale.current'); } catch (_) { } // dep → re-resolve on locale switch
+					try { Alpine.evaluate(document.body, 'typeof $locale !== "undefined" && $locale.current'); } catch (_) { } // dep → re-resolve on locale switch
 					for (const name of this._loadedSourceNames()) {
 						let ui;
 						try { ui = Alpine.evaluate(document.body, `$x['${name}'] && $x['${name}']._ui && $x['${name}']._ui['${component}']`); } catch (_) { ui = null; }