@almadar/ui 6.57.0 → 6.59.0

package/dist/{chunk-VHTJRS2N.js → chunk-L3MTZ3RH.js}

@@ -309,6 +309,13 @@ function useUISlotManager() {
       setSources((prev) => {
         const slotSources = prev[slot];
         if (!slotSources || !(sourceKey in slotSources)) {
+          const embedded = traitIndexRef.current.get(sourceTrait);
+          if (embedded !== void 0 && embedded.slot === slot) {
+            unindexTrait(sourceTrait);
+            notifyTraitSubscribers(sourceTrait, null);
+            log.info("slot:cleared-embedded", { slot, sourceTrait, lastPatternType: embedded.pattern });
+            return prev;
+          }
           log.debug("slot:clear-noop", { slot, sourceTrait, reason: !slotSources ? "no-slot" : "no-source" });
           return prev;
         }

package/dist/{chunk-RHP5WL55.js → chunk-QJIAJ6EH.js}

@@ -1,26 +1,27 @@
 import { useTranslate, useRenderI18n, runTickFrame } from './chunk-N7JIG57B.js';
-import { ALL_SLOTS } from './chunk-VHTJRS2N.js';
-import { LoadingState, ErrorState, UISlotRenderer } from './chunk-PYJ2UQWM.js';
-import { Box } from './chunk-HA7CJWQX.js';
+import { ALL_SLOTS } from './chunk-L3MTZ3RH.js';
+import { LoadingState, ErrorState, UISlotRenderer } from './chunk-E6MWYQVZ.js';
+import { Box } from './chunk-J755QADM.js';
 import { Typography } from './chunk-4ZGXIW3B.js';
 import { beginPending, endPending } from './chunk-I5QOYW2Z.js';
 import { useEventBus } from './chunk-CHNC4UYE.js';
 import { registerTrait, unregisterTrait, perfTimeAsync } from './chunk-KJGVLXEN.js';
 import { bindTraitStateGetter, registerTraitSnapshot, recordTransition, recordingTransport, recordServerResponse } from './chunk-Q47ZN2DW.js';
 import { isNotificationSlot } from './chunk-PEST66PN.js';
-import React, { useState, useMemo, useEffect, useRef, useCallback, useSyncExternalStore } from 'react';
+import React, { createContext, useState, useMemo, useEffect, useRef, useCallback, useSyncExternalStore, useContext } from 'react';
 import { schemaToIR, getPage, clearSchemaCache as clearSchemaCache$1, traitsEmbeddedByEvent, traitReferencesCallsitePayload, configReferencesCallsitePayload, TRAIT_MOUNT_ERROR_TESTID, traitsEmbeddedByEffects, applyListenPayloadMapping, buildResolvedTraitConfigs, collectCallsiteCaptureChildren, orbitalInlineEntities, storesRowsInBrowser, walkSExpr, isRenderBindingMarker, containsEntityBinding, isSExpr, isEventPayloadValue, RENDER_BINDING_MARKER } from '@almadar/core';
 import { createLogger } from '@almadar/logger';
-import { collectListenerTargets, LIFECYCLE_EVENTS, TraitMountError, InMemoryPersistence, loadLazyPage, createInProcessTransport, buildTraitIndex, createMemoryCircuitStore, createLocalStoreTransport, createResidenceTransport, createClientKernel, createTickScheduler, isValidCronExpression, parseDurationString, UNMOUNT_EVENT, createClientEffectHandlers, EffectExecutor, isSExpression, collectDeclaredConfigDefaults, createContextFromBindings, openBrowserStore, browserStoreName, normalizeCallSiteConfigToValues } from '@almadar/runtime';
-import { useUser, useHasServerBridge, useArbitraryClassStyles, getAllPages, matchPathAmong, CurrentPagePathProvider, NavStackProvider, OrbitalProvider, ServerBridgeProvider, useNavStack, VerificationProvider, EntitySchemaProvider, OrbitalThemeProvider, useServerBridge, EntityBindingContext, AwaitingSkeletonContext } from '@almadar/ui/providers';
+import { collectListenerTargets, LIFECYCLE_EVENTS, TraitMountError, loadLazyPage, createInProcessTransport, buildTraitIndex, createMemoryCircuitStore, createLocalStoreTransport, createResidenceTransport, createClientKernel, createTickScheduler, isValidCronExpression, parseDurationString, UNMOUNT_EVENT, createClientEffectHandlers, EffectExecutor, isSExpression, collectDeclaredConfigDefaults, createContextFromBindings, openBrowserStore, browserStoreName, normalizeCallSiteConfigToValues } from '@almadar/runtime';
+import { useUser, useArbitraryClassStyles, getAllPages, matchPathAmong, CurrentPagePathProvider, NavStackProvider, OrbitalProvider, ServerBridgeProvider, useNavStack, VerificationProvider, EntitySchemaProvider, OrbitalThemeProvider, useServerBridge, EntityBindingContext, AwaitingSkeletonContext } from '@almadar/ui/providers';
 import { evaluateListenPayloadExpr, evaluate, createMinimalContext, evaluateGuard, executeEffects } from '@almadar/evaluator';
 import { getPatternDefinition } from '@almadar/core/patterns';
 import { isKnownStdOperator } from '@almadar/std/registry';
-import { prepareSchemaForPreview, collectTraitRefsFromResolvedTrait, buildOrbitalsByTrait, collectEmbeddedTraits } from '@almadar/runtime/ui';
+import { prepareSchemaForPreview, collectTraitRefsFromResolvedTrait, buildOrbitalsByTrait, buildTraitLinkedEntities, collectEmbeddedTraits } from '@almadar/runtime/ui';
 export { adjustSchemaForMockData, buildMockData, collectEmbeddedTraits, prepareSchemaForPreview } from '@almadar/runtime/ui';
 import { useInRouterContext, useHref } from 'react-router-dom';
 import { UISlotProvider, useUISlots } from '@almadar/ui/context';
 import { useTranslate as useTranslate$1, createTranslate, I18nProvider } from '@almadar/ui/hooks';
+import { InMemoryPersistence } from '@almadar/db/mock';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { OrbitalServerRuntime } from '@almadar/runtime/OrbitalServerRuntime';
 import { localeDirection } from '@almadar/core/i18n';
@@ -440,6 +441,22 @@ function useBusIngress(traitBindings, traitIndex, settle, eventBus, appTraitName
       });
       unsubscribes.push(unsub);
     }
+    const routedBareEvents = /* @__PURE__ */ new Set();
+    for (const binding of traitBindings) {
+      for (const listen of binding.trait.listens ?? []) {
+        if (listen.source !== void 0 && listen.source.kind !== "any") routedBareEvents.add(listen.event);
+      }
+    }
+    for (const eventKey of routedBareEvents) {
+      const unsub = eventBus.on(`UI:${eventKey}`, (event) => {
+        if (deliveredHere(event.source) || event.source?.trait === void 0) return;
+        for (const target of collectListenerTargets(traitIndex, event.source, eventKey, event.payload)) {
+          log2.debug("listen-bare:fire", { event: eventKey, source: event.source.trait, listener: target.listenerTrait, triggers: target.triggers });
+          dispatch(target.listenerTrait, target.triggers, target.payload, event.source);
+        }
+      });
+      unsubscribes.push(unsub);
+    }
     return () => {
       for (const unsub of unsubscribes) unsub();
     };
@@ -518,7 +535,7 @@ function resolveLambdaBindings(body, params, item, index) {
   return body;
 }
 var LazySlotContentRenderer = React.lazy(
-  () => import('./UISlotRenderer-NCGDIXN4.js').then((m) => ({ default: m.SlotContentRenderer }))
+  () => import('./UISlotRenderer-YNY7V2UJ.js').then((m) => ({ default: m.SlotContentRenderer }))
 );
 function deferLambdaEntityExprs(value) {
   if (typeof value === "string") {
@@ -1331,9 +1348,16 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
   useEffect(() => {
     if (!transport?.subscribe) return;
     return transport.subscribe((emitted, target) => {
-      for (const t2 of collectListenerTargets(traitIndex, emitted.source, emitted.event, emitted.payload)) {
-        void (target === "origin" ? progressAndSettle(t2.listenerTrait, t2.triggers, t2.payload) : dispatchAndSettle(t2.listenerTrait, t2.triggers, t2.payload));
+      const listeners = collectListenerTargets(traitIndex, emitted.source, emitted.event, emitted.payload);
+      if (target !== "origin") {
+        for (const t2 of listeners) void dispatchAndSettle(t2.listenerTrait, t2.triggers, t2.payload);
+        return;
+      }
+      const caller = emitted.source?.trait;
+      if (caller !== void 0 && traitIndex.byName.has(caller) && !listeners.some((t2) => t2.listenerTrait === caller && t2.triggers === emitted.event)) {
+        void progressAndSettle(caller, emitted.event, emitted.payload);
       }
+      for (const t2 of listeners) void progressAndSettle(t2.listenerTrait, t2.triggers, t2.payload);
     }, { clientId: getTabClientId() });
   }, [transport, traitIndex, progressAndSettle, dispatchAndSettle]);
   useEffect(() => {
@@ -1343,7 +1367,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       if (traitName === void 0 || !traitIndex.byName.has(traitName)) return;
       const composedBefore = new Map(store.callsitePayloads);
       void kernel.foldHostDispatch(request, response).then((outcome) => settleOutcome(traitName, request.event, request.payload, outcome, composedBefore));
-    });
+    }, { clientId: getTabClientId() });
   }, [transport, traitIndex, kernel, store, settleOutcome]);
   const mountAndSettle = useCallback(async (seeds, payload) => {
     const composedBefore = new Map(store.callsitePayloads);
@@ -1404,6 +1428,13 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     prevActiveTraitNamesRef.current = nextActiveTraitNames;
   }, [traitBindings, uiSlots]);
   const mountedRef = useRef(null);
+  const aliveRef = useRef(true);
+  useEffect(() => {
+    aliveRef.current = true;
+    return () => {
+      aliveRef.current = false;
+    };
+  }, []);
   const mountKey = `${options.mountKey ?? ""}\0${JSON.stringify(Object.entries(options.initPayload ?? {}).sort(([a], [b]) => a.localeCompare(b)))}`;
   useEffect(() => {
     const prev = mountedRef.current;
@@ -1434,6 +1465,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         const failed = err instanceof TraitMountError ? err.trait : traits.join(", ");
         const cause = err instanceof TraitMountError ? err.original : err;
         stateLog.warn("mount:failed", { traits, failed, error: message, stack: cause instanceof Error ? cause.stack : void 0 });
+        if (!aliveRef.current) return;
         uiSlots.render({
           target: "main",
           pattern: "error-state",
@@ -1562,6 +1594,7 @@ function TraitInitializer({ traits, routeParams, mountKey, orbitals, onNavigate,
 }
 var CONTENT_STAGE_WIDTH = 480;
 var NO_ORBITALS = [];
+var LazyPageOfRegisteredProgram = createContext(false);
 function FitToBox({ children, mode = "box" }) {
   const outerRef = useRef(null);
   const innerRef = useRef(null);
@@ -1677,19 +1710,10 @@ function SchemaRunner({ schema, serverUrl, transport, getAccessToken, mockData,
     ),
     [schema, ir]
   );
-  const traitLinkedEntitiesMap = useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    if (ir) {
-      for (const page of ir.pages.values()) {
-        for (const binding of page.traits) {
-          if (binding.linkedEntity) {
-            map.set(binding.trait.name, binding.linkedEntity);
-          }
-        }
-      }
-    }
-    return map;
-  }, [ir]);
+  const traitLinkedEntitiesMap = useMemo(
+    () => ir ? buildTraitLinkedEntities(ir) : /* @__PURE__ */ new Map(),
+    [ir]
+  );
   const orbitalsByTraitMap = useMemo(
     () => new Map(Object.entries(orbitalsByTrait)),
     [orbitalsByTrait]
@@ -1833,7 +1857,7 @@ function OrbPreview({
     if (localFallback) return;
     setLocalFallback(true);
   }, [localFallback]);
-  const hasOuterBridge = useHasServerBridge();
+  const isLazyPageOfRegisteredProgram = useContext(LazyPageOfRegisteredProgram);
   const parseResult = useMemo(() => {
     let parsed;
     if (typeof schema === "string") {
@@ -2025,13 +2049,13 @@ function OrbPreview({
     navLog.info("interceptor:installed", { pageCount: pages.length, paths: pages.map((p) => p.page.path) });
     return () => el.removeEventListener("click", handler, true);
   }, [pages, handleNavigate, isolated, hostHrefBase]);
-  const withBridge = (node) => (serverUrl || transport) && !hasOuterBridge ? /* @__PURE__ */ jsx(ServerBridgeProvider, { schema: parseResult.schema, serverUrl, transport, getAccessToken, children: node }) : node;
+  const withBridge = (node) => (serverUrl || transport) && !isLazyPageOfRegisteredProgram ? /* @__PURE__ */ jsx(ServerBridgeProvider, { schema: parseResult.schema, serverUrl, transport, getAccessToken, children: node }) : node;
   if (lazyRoute) {
     return withBridge(
       /* @__PURE__ */ jsxs(Box, { ref: containerRef, className: `overflow-auto ${className ?? ""}`, style: { height }, children: [
         lazyLoad.status === "loading" && /* @__PURE__ */ jsx(LoadingState, {}),
         lazyLoad.status === "error" && /* @__PURE__ */ jsx(ErrorState, { "data-testid": "lazy-page-error", message: lazyLoad.error }),
-        lazyLoad.status === "ready" && /* @__PURE__ */ jsx(
+        lazyLoad.status === "ready" && /* @__PURE__ */ jsx(LazyPageOfRegisteredProgram.Provider, { value: true, children: /* @__PURE__ */ jsx(
           OrbPreview,
           {
             schema: lazyLoad.schema,
@@ -2051,7 +2075,7 @@ function OrbPreview({
             onUnmatchedNavigate: handleNavigate
           },
           lazyRoute.page.orbRef
-        )
+        ) })
       ] })
     );
   }
@@ -2148,21 +2172,28 @@ function BrowserPlayground({
       runtime.resumeTicks();
     }
   }, [runtime, paused]);
-  const registrationReady = useMemo(() => {
-    const orbitalNames = schema.orbitals.map((o) => o.name);
-    playgroundLog.debug("register:start", { schema: schema.name, orbitalNames });
+  const lazySchemas = useMemo(() => {
     const lazyPages = schema.lazyPages ?? [];
-    const lazy = lazyPages.length > 0 && lazyLoader !== void 0 ? Promise.all(lazyPages.map(async (page) => {
+    if (lazyPages.length === 0 || lazyLoader === void 0) return Promise.resolve([]);
+    return Promise.all(lazyPages.map(async (page) => {
       const loaded = await loadLazyPage(lazyLoader, page, schemaPath);
       if (!loaded.success) throw new Error(loaded.error);
       return loaded.data;
-    })) : Promise.resolve([]);
-    return lazy.then(
-      (lazySchemas) => runtime.register(schema, { ...messages !== void 0 ? { messages } : {}, lazy: lazySchemas })
-    ).then(() => {
-      playgroundLog.debug("register:done", { schema: schema.name, orbitalNames });
+    }));
+  }, [schema.lazyPages, lazyLoader, schemaPath]);
+  const registerProgram = useCallback((program) => {
+    const orbitalNames = program.orbitals.map((o) => o.name);
+    playgroundLog.debug("register:start", { schema: program.name, orbitalNames });
+    return lazySchemas.then((lazy) => runtime.register(program, { ...messages !== void 0 ? { messages } : {}, lazy })).then(() => {
+      playgroundLog.debug("register:done", { schema: program.name, orbitalNames });
     });
-  }, [runtime, schema, messages, lazyLoader, schemaPath]);
+  }, [runtime, lazySchemas, messages]);
+  const latestRegistration = useRef(Promise.resolve());
+  const registrationReady = useMemo(() => {
+    const ready = registerProgram(schema);
+    latestRegistration.current = ready;
+    return ready;
+  }, [registerProgram, schema]);
   const teardownTimerRef = useRef(null);
   useEffect(() => {
     if (teardownTimerRef.current !== null) {
@@ -2180,18 +2211,22 @@ function BrowserPlayground({
   const transport = useMemo(
     () => createInProcessTransport(
       async (orbitalName, request) => {
-        await registrationReady;
+        await latestRegistration.current;
         return runtime.processOrbitalEvent(orbitalName, request);
       },
       {
-        // The program (lazy behaviors included) is registered above; the bridge only waits for it.
-        onRegister: () => registrationReady,
+        // Registers what the bridge hands over (lazy behaviors included): a bridge that unregistered first gets it back.
+        onRegister: (program) => {
+          const ready = registerProgram(program);
+          latestRegistration.current = ready;
+          return ready;
+        },
         onUnregister: () => {
           runtime.unregisterAll();
         }
       }
     ),
-    [runtime, registrationReady]
+    [runtime, registerProgram, registrationReady]
   );
   const viewerLocale = locale ?? schema.locales?.[0];
   const i18n = useMemo(() => {

package/dist/components/index.cjs

@@ -5323,6 +5323,7 @@ var init_Avatar = __esm({
               statusClasses[status],
               statusSizeClasses[size2]
             ),
+            role: "img",
             "aria-label": t("avatar.status", { status: t(`avatar.status.${status}`) })
           }
         ),
@@ -8478,6 +8479,7 @@ var init_AnimatedGraphic = __esm({
                 "div",
                 {
                   className: "w-full h-full [&>svg]:w-full [&>svg]:h-full",
+                  "aria-hidden": "true",
                   dangerouslySetInnerHTML: { __html: resolvedSvg }
                 }
               ) : children
@@ -10934,6 +10936,7 @@ var init_Tabs = __esm({
         }
       };
       const activeTabContent = safeItems.find((item) => item.id === activeTab)?.content;
+      const rendersPanel = activeTabContent !== void 0 && activeTabContent !== null;
       if (safeItems.length === 0) {
         return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { ...domPassthrough(rest), className: cn("w-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "small", color: "muted", className: "py-4", children: t("empty.noItems") }) });
       }
@@ -10984,7 +10987,7 @@ var init_Tabs = __esm({
                 id: tabId(item.id),
                 role: "tab",
                 "aria-selected": isActive,
-                "aria-controls": isActive ? panelId(item.id) : void 0,
+                "aria-controls": isActive && rendersPanel ? panelId(item.id) : void 0,
                 "aria-disabled": isDisabled,
                 tabIndex: isActive ? 0 : -1,
                 onClick: () => !isDisabled && handleTabChange(item.id, item.event),
@@ -11044,7 +11047,7 @@ var init_Tabs = __esm({
             )
           ] })
         ] }) : tablist,
-        activeTabContent !== void 0 && activeTabContent !== null && /* @__PURE__ */ jsxRuntime.jsx(
+        rendersPanel && /* @__PURE__ */ jsxRuntime.jsx(
           exports.Box,
           {
             role: "tabpanel",
@@ -20375,8 +20378,10 @@ var init_AvlFieldType = __esm({
       pattern: "hexagon",
       node: "hexagon",
       event: "hexagon",
+      EventAddress: "hexagon",
       SExpr: "hexagon",
       array: "bars",
+      tuple: "bars",
       relation: "link"
     };
     AvlFieldType = ({
@@ -32212,8 +32217,11 @@ function DataGrid({
                   children: [
                     imageField && (() => {
                       const imgUrl = resolveImageUrl(core.getNestedValue(itemData, imageField));
-                      if (!imgUrl) return null;
-                      return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: asRows ? "w-12 h-12 flex-shrink-0 overflow-hidden rounded-container" : "w-full aspect-video overflow-hidden rounded-t-container", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      const mediaClass = asRows ? "w-12 h-12 flex-shrink-0 overflow-hidden rounded-container" : "w-full aspect-video overflow-hidden rounded-t-container";
+                      if (!imgUrl) {
+                        return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { "data-media-placeholder": true, "aria-hidden": "true", className: cn(mediaClass, "flex items-center justify-center bg-muted text-muted-foreground"), children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "image", size: asRows ? "sm" : "lg" }) });
+                      }
+                      return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: mediaClass, children: /* @__PURE__ */ jsxRuntime.jsx(
                         "img",
                         {
                           src: imgUrl,
@@ -32246,7 +32254,7 @@ function DataGrid({
                                 exports.Typography,
                                 {
                                   variant: titleField?.variant === "h3" && !asRows ? "h3" : "h4",
-                                  className: "font-semibold truncate min-w-0",
+                                  className: cn("font-semibold min-w-0", asRows ? "truncate" : "line-clamp-2 break-words"),
                                   children: titleDisplay
                                 }
                               )
@@ -32375,24 +32383,33 @@ var init_DataGrid = __esm({
     DataGrid.displayName = "DataGrid";
   }
 });
-function renderIconInput2(icon, props) {
-  return typeof icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: icon, ...props }) : /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { icon, ...props });
-}
-function formatValue2(value, format, fmt2, relationOptions) {
-  const relationDisplay = resolveRelationCellDisplay(value, relationOptions);
-  if (relationDisplay !== void 0) return relationDisplay;
-  return formatValue(value, format, fmt2);
-}
-function groupData(items, field) {
+
+// lib/groupRows.ts
+function groupRows(items, field, format, fmt2 = {}) {
   const groups = /* @__PURE__ */ new Map();
   for (const item of items) {
-    const key = String(core.getNestedValue(item, field) ?? "");
+    const raw = core.getNestedValue(item, field);
+    const key = format ? formatValue(raw ?? void 0, format, fmt2) : String(raw ?? "");
     const group = groups.get(key);
     if (group) group.push(item);
     else groups.set(key, [item]);
   }
   return Array.from(groups.entries()).map(([label, groupItems]) => ({ label, items: groupItems }));
 }
+var init_groupRows = __esm({
+  "lib/groupRows.ts"() {
+    init_format();
+    init_getNestedValue();
+  }
+});
+function renderIconInput2(icon, props) {
+  return typeof icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: icon, ...props }) : /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { icon, ...props });
+}
+function formatValue2(value, format, fmt2, relationOptions) {
+  const relationDisplay = resolveRelationCellDisplay(value, relationOptions);
+  if (relationDisplay !== void 0) return relationDisplay;
+  return formatValue(value, format, fmt2);
+}
 function DataList({
   entity,
   fields,
@@ -32403,6 +32420,7 @@ function DataList({
   gap = "none",
   variant = "default",
   groupBy,
+  groupFormat,
   senderField,
   senderLabelField,
   currentUser,
@@ -32510,9 +32528,9 @@ function DataList({
     e.stopPropagation();
     fireRowAction(action, itemData, String(itemData.id ?? ""));
   };
-  const renderItemActions = (itemData, onPrimary = false) => {
+  const renderItemActions = (itemData, onPrimary = false, only) => {
     if (!itemActions || itemActions.length === 0) return null;
-    const shown = rowActions(itemActions, itemData);
+    const shown = only ?? rowActions(itemActions, itemData);
     if (shown.length === 0) return null;
     const inline = maxInlineActions != null ? shown.slice(0, maxInlineActions) : shown;
     const overflow = maxInlineActions != null ? shown.slice(maxInlineActions) : [];
@@ -32596,7 +32614,7 @@ function DataList({
   const isMessage = variant === "message";
   if (isMessage) {
     const items2 = [...data];
-    const groups2 = groupBy ? groupData(items2, groupBy) : [{ label: "", items: items2 }];
+    const groups2 = groupBy ? groupRows(items2, groupBy, groupFormat, fmt2) : [{ label: "", items: items2 }];
     const contentField = (fieldDefs.find((f3) => f3.variant === "body") ?? titleField)?.name ?? "";
     const senderLabel = (itemData, raw) => {
       if (!senderLabelField) return raw;
@@ -32693,7 +32711,7 @@ function DataList({
     ] });
   }
   const items = [...data];
-  const groups = groupBy ? groupData(items, groupBy) : [{ label: "", items }];
+  const groups = groupBy ? groupRows(items, groupBy, groupFormat, fmt2) : [{ label: "", items }];
   const idFieldName = dndItemIdField ?? "id";
   const renderItem = (itemData, index, isLast) => {
     const dndId = itemData[idFieldName] ?? `__idx_${index}`;
@@ -32704,7 +32722,11 @@ function DataList({
     const divider = (isCard || isCompact) && !isLast ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: cn("border-b border-border/40", isCompact ? "mx-4" : "mx-6") }) : null;
     if (hasRenderProp) {
       const id2 = itemData.id || String(index);
-      const actions = renderItemActions(itemData);
+      const allActions = itemActions ? rowActions(itemActions, itemData) : [];
+      const primaryActions = allActions.filter((a) => a.variant === "primary");
+      const otherActions = allActions.filter((a) => a.variant !== "primary");
+      const primary = primaryActions.length > 0 ? renderItemActions(itemData, false, primaryActions) : null;
+      const actions = otherActions.length > 0 ? renderItemActions(itemData, false, otherActions) : null;
       return wrapDnd(
         /* @__PURE__ */ jsxRuntime.jsxs(
           exports.Box,
@@ -32725,6 +32747,7 @@ function DataList({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: cn(onOpen && "relative"), children: itemRenderer(itemData, index) }),
+              primary && /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { justify: "end", className: cn("relative px-4 pb-3", STRETCHED_ABOVE), children: primary }),
               actions && /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { onClick: (e) => e.stopPropagation(), className: "absolute top-2 right-2 z-10 opacity-0 group-hover/rowactions:opacity-100 focus-within:opacity-100 [@media(pointer:coarse)]:opacity-100 transition-opacity duration-fast", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "rounded-container border border-border bg-card/95 backdrop-blur-sm shadow-elevation-popover surface-material p-0.5 [@media(pointer:coarse)]:hidden", children: actions }),
                 /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "hidden [@media(pointer:coarse)]:block rounded-container border border-border bg-card/95 backdrop-blur-sm shadow-elevation-popover surface-material p-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -32732,7 +32755,7 @@ function DataList({
                   {
                     position: "bottom-end",
                     trigger: /* @__PURE__ */ jsxRuntime.jsx(exports.Button, { variant: "ghost", size: "sm", "aria-label": t("common.actions"), "data-testid": "action-overflow", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "more-horizontal", size: "xs" }) }),
-                    items: rowActions(itemActions ?? [], itemData).map((action) => ({
+                    items: otherActions.map((action) => ({
                       label: action.label,
                       icon: action.icon,
                       variant: action.variant === "danger" ? "danger" : "default",
@@ -32923,6 +32946,7 @@ var init_DataList = __esm({
     init_format();
     init_relationLabel();
     init_getNestedValue();
+    init_groupRows();
     init_useEventBus();
     init_useRowActions();
     init_Box();
@@ -34016,16 +34040,6 @@ function asFieldValue(v) {
   if (t === "object") return v;
   return void 0;
 }
-function groupData2(items, field) {
-  const groups = /* @__PURE__ */ new Map();
-  for (const item of items) {
-    const key = String(core.getNestedValue(item, field) ?? "");
-    const group = groups.get(key);
-    if (group) group.push(item);
-    else groups.set(key, [item]);
-  }
-  return Array.from(groups.entries()).map(([label, groupItems]) => ({ label, items: groupItems }));
-}
 function TableView({
   entity,
   columns,
@@ -34336,7 +34350,7 @@ function TableView({
     return dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsxRuntime.jsx(React89__namespace.default.Fragment, { children: rowInner }, id);
   };
   const items = Array.from(data);
-  const groups = groupBy ? groupData2(items, groupBy) : [{ label: "", items }];
+  const groups = groupBy ? groupRows(items, groupBy) : [{ label: "", items }];
   let runningIndex = 0;
   const body = /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { role: "rowgroup", children: groups.map((group, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React89__namespace.default.Fragment, { children: [
     group.label && /* @__PURE__ */ jsxRuntime.jsx(exports.Divider, { label: group.label, className: gi > 0 ? "mt-3" : "mt-0" }),
@@ -34375,6 +34389,7 @@ var init_TableView = __esm({
     init_format();
     init_relationLabel();
     init_getNestedValue();
+    init_groupRows();
     init_useEventBus();
     init_useRowActions();
     init_Box();
@@ -59078,6 +59093,18 @@ init_AuthLayout();
 init_CounterTemplate();
 init_GenericAppTemplate();
 
+// components/game/patterns.ts
+init_DrawSprite();
+init_DrawShape();
+init_DrawText();
+init_DrawGroup();
+init_DrawMesh();
+init_DrawSkinnedMesh();
+init_DrawSpriteLayer();
+init_DrawShapeLayer();
+init_DrawTextLayer();
+init_DrawFxLayer();
+
 // components/index.ts
 init_cn();
 var log12 = logger.createLogger("almadar:ui:filesystem");
@@ -60230,6 +60257,13 @@ function useUISlotManager() {
       setSources((prev) => {
         const slotSources = prev[slot];
         if (!slotSources || !(sourceKey in slotSources)) {
+          const embedded = traitIndexRef.current.get(sourceTrait);
+          if (embedded !== void 0 && embedded.slot === slot) {
+            unindexTrait(sourceTrait);
+            notifyTraitSubscribers(sourceTrait, null);
+            log20.info("slot:cleared-embedded", { slot, sourceTrait, lastPatternType: embedded.pattern });
+            return prev;
+          }
           log20.debug("slot:clear-noop", { slot, sourceTrait, reason: !slotSources ? "no-slot" : "no-source" });
           return prev;
         }
@@ -63300,6 +63334,16 @@ exports.DocSearch = DocSearch;
 exports.DocumentDetails = DocumentDetails;
 exports.DocumentPanel = DocumentPanel;
 exports.DomStateMachineVisualizer = exports.StateMachineView;
+exports.DrawFxLayer = DrawFxLayer;
+exports.DrawGroup = DrawGroup;
+exports.DrawMesh = DrawMesh;
+exports.DrawShape = DrawShape;
+exports.DrawShapeLayer = DrawShapeLayer;
+exports.DrawSkinnedMesh = DrawSkinnedMesh;
+exports.DrawSprite = DrawSprite;
+exports.DrawSpriteLayer = DrawSpriteLayer;
+exports.DrawText = DrawText;
+exports.DrawTextLayer = DrawTextLayer;
 exports.EditorCheckbox = EditorCheckbox;
 exports.EditorSelect = EditorSelect;
 exports.EditorSlider = EditorSlider;

package/dist/components/index.d.ts

@@ -2,12 +2,12 @@ import { A11yProps, Asset, EventKey, EventPayload, EventEmit, AssetUrl, FieldVal
 export { AnimationDef, AnimationName, AudioManifest, BusEvent, BusEventListener, BusEventSource, BusEventListener as EventListener, SkeletonVariant, SoundEntry, SpriteDirection, UISlot, Unsubscribe } from '@almadar/core';
 import * as React$1 from 'react';
 import React__default, { ReactNode, ErrorInfo } from 'react';
-import { I as IconInput, U as UiError, D as DrawableNode, P as Projector, F as FxOverlayItem, B as BadgeColor, M as MeshShapeKind, a as MeshMaterial, b as DrawGroupProps, c as DrawTextProps, d as DrawMeshProps, e as DisplayField, f as BadgeVariant, C as ColorToken } from '../paintDispatch-_6EhJCiL.js';
-export { g as Badge, h as BadgeProps, i as FxOverlayKind, j as Icon, k as IconAnimation, l as IconProps, m as IconSize, n as ImageSource, L as LinkAction, o as Point, R as Rect } from '../paintDispatch-_6EhJCiL.js';
+import { I as IconInput, U as UiError, D as DrawableNode, P as Projector, F as FxOverlayItem, B as BadgeColor, M as MeshShapeKind, a as MeshMaterial, b as DrawGroupProps, c as DrawTextProps, d as DrawMeshProps, e as DisplayField, f as DisplayFieldFormat, g as BadgeVariant, C as ColorToken } from '../paintDispatch-Cp1_S93j.js';
+export { h as Badge, i as BadgeProps, j as DrawFxLayer, k as DrawGroup, l as DrawMesh, m as DrawShape, n as DrawShapeLayer, o as DrawSkinnedMesh, p as DrawSprite, q as DrawSpriteLayer, r as DrawText, s as DrawTextLayer, t as FxOverlayKind, u as Icon, v as IconAnimation, w as IconProps, x as IconSize, y as ImageSource, L as LinkAction, z as Point, R as Rect } from '../paintDispatch-Cp1_S93j.js';
 import { SExpr } from '@almadar/evaluator';
-import { U as UnitAnimationState, F as FacingDirection, S as SpriteSheetUrls, f as SpriteFrameDims, R as ResolvedFrame, g as CanvasLighting, h as CanvasPost, a as IsometricUnit, i as CameraState } from '../Canvas3DHost-DfAhg6EH.js';
-export { B as BoardTile, G as GameAction, j as GamePhase, k as GameState, l as GameUnit, b as IsometricFeature, I as IsometricTile, P as Position, m as UnitTrait, n as calculateAttackTargets, o as calculateValidMoves, p as createInitialGameState } from '../Canvas3DHost-DfAhg6EH.js';
-export { G as GameAudioContext, a as GameAudioContextValue, e as GameAudioControls, b as GameAudioProvider, c as GameAudioProviderProps, U as UseGameAudioOptions, f as useGameAudio, u as useGameAudioContext } from '../GameAudioProvider-DyBvYP2c.js';
+import { U as UnitAnimationState, F as FacingDirection, S as SpriteSheetUrls, f as SpriteFrameDims, R as ResolvedFrame, g as CanvasLighting, h as CanvasPost, a as IsometricUnit, i as CameraState } from '../Canvas3DHost-CNjANoaU.js';
+export { B as BoardTile, G as GameAction, j as GamePhase, k as GameState, l as GameUnit, b as IsometricFeature, I as IsometricTile, P as Position, m as UnitTrait, n as calculateAttackTargets, o as calculateValidMoves, p as createInitialGameState } from '../Canvas3DHost-CNjANoaU.js';
+export { G as GameAudioContext, a as GameAudioContextValue, e as GameAudioControls, b as GameAudioProvider, c as GameAudioProviderProps, U as UseGameAudioOptions, f as useGameAudio, u as useGameAudioContext } from '../GameAudioProvider-Dv_L-PHt.js';
 import { e as AvlStateMachineProps } from '../FileTree-BSfgp-HH.js';
 export { B as BehaviorView, f as BehaviorViewProps, g as FileTree, F as FileTreeItem, h as FileTreeNode, i as FileTreeProps, M as ModuleCard, j as ModuleCardProps } from '../FileTree-BSfgp-HH.js';
 import { LucideIcon } from 'lucide-react';
@@ -18,7 +18,7 @@ import { EmojiPickPayload, ItemActionPayload, SelectionChangePayload } from '@al
 import { T as TraitLevelData } from '../avl-schema-parser-CH1QoZw1.js';
 import { a as SlotContent, c as SlotPropValue } from '../useUISlots-1dk2TR4j.js';
 export { D as DEFAULT_SLOTS, S as SlotChangeCallback, b as SlotRenderConfig, U as UISlotManager, u as useUISlotManager } from '../useUISlots-1dk2TR4j.js';
-import '../verificationRegistry-CD7Xb40L.js';
+import '../verificationRegistry-B3dj1Zl8.js';
 export { ALMADAR_DND_MIME, AuthContextValue, AuthUser, CanvasGestureCallbacks, CanvasGestureHandlers, CompileResult, CompileStage, DragReorderResult, DraggablePayload, Extension, ExtensionManifest, FileSystemFile, FileSystemStatus, GitHubRepo, GitHubStatus, I18nContextValue, I18nProvider, InfiniteScrollOptions, InfiniteScrollResult, LongPressHandlers, LongPressOptions, OpenFile, Positioned, PullToRefreshOptions, PullToRefreshResult, QuerySingletonEntity, QuerySingletonResult, QuerySingletonState, QueryState, RenderI18n, RenderInterpolationHandle, RenderInterpolationOptions, SelectedFile, SharedEntityStore, SharedEntityStoreContext, SharedEntitySubscriber, SharedEntityWriter, SwipeGestureOptions, SwipeGestureResult, SwipeHandlers, TapRevealOptions, TapRevealResult, TraitListenSpec, TranslateFunction, UseCanvasGesturesOptions, UseCompileResult, UseDraggableOptions, UseDraggableResult, UseDropZoneOptions, UseDropZoneResult, UseExtensionsOptions, UseExtensionsResult, UseFileEditorOptions, UseFileEditorResult, UseFileSystemResult, createSharedEntityStore, createTranslate, parseQueryBinding, runTickFrame, useAgentChat, useAuthContext, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useFormatContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInfiniteScroll, useLongPress, useMediaQuery, usePrefersReducedMotion, usePreview, usePullToRefresh, useQuerySingleton, useRenderI18n, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useSwipeGesture, useTapReveal, useTraitListens, useTranslate, useUIEvents, useValidation } from '../hooks/index.js';
 export { E as EventBusContextType, a as NavStackApi, u as useNavStack } from '../NavStackContext-04NLdXsY.js';
 export { E as EditorKeyEvent, a as KeyCaptureEntry, K as KeyCaptureTable, U as UseKeyboardRouterOptions, k as keyChord, m as mergeCaptureTables, u as useKeyboardRouter } from '../useKeyboardRouter-BW3rThep.js';
@@ -8190,6 +8190,8 @@ interface DataListProps extends DataDndProps, EmptyStateSlotProps, A11yProps {
     variant?: 'default' | 'card' | 'compact' | 'message';
     /** Group items by a field value (renders section headers between groups) */
     groupBy?: string;
+    /** How a `groupBy` value is bucketed and labelled (`date` = one section per day) */
+    groupFormat?: DisplayFieldFormat;
     /** Field name identifying the sender (used with variant: "message") */
     senderField?: string;
     /**
@@ -8275,7 +8277,7 @@ interface DataListProps extends DataDndProps, EmptyStateSlotProps, A11yProps {
      *  field whose type is relation. Same contract DetailPanel takes. */
     relationsData?: Record<string, readonly RelationOption[]>;
 }
-declare function DataList({ entity, fields, columns, itemActions, maxInlineActions, itemClickEvent, gap, variant, groupBy, senderField, senderLabelField, currentUser, emptyMessage, emptyIcon, emptyTitle, emptyDescription, emptyAction, className, isLoading, skeleton, error, reorderable: _reorderable, reorderEvent: _reorderEvent, swipeLeftEvent: _swipeLeftEvent, swipeLeftActions: _swipeLeftActions, swipeRightEvent: _swipeRightEvent, swipeRightActions: _swipeRightActions, longPressEvent: _longPressEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, sortBy, sortDirection, renderItem: schemaRenderItem, dragGroup, accepts, sortable: sortableProp, dropEvent, reorderEvent: dndReorderEvent, positionEvent, dndItemIdField, dndRoot, look, surface, relationsData, ...rest }: DataListProps): React__default.JSX.Element;
+declare function DataList({ entity, fields, columns, itemActions, maxInlineActions, itemClickEvent, gap, variant, groupBy, groupFormat, senderField, senderLabelField, currentUser, emptyMessage, emptyIcon, emptyTitle, emptyDescription, emptyAction, className, isLoading, skeleton, error, reorderable: _reorderable, reorderEvent: _reorderEvent, swipeLeftEvent: _swipeLeftEvent, swipeLeftActions: _swipeLeftActions, swipeRightEvent: _swipeRightEvent, swipeRightActions: _swipeRightActions, longPressEvent: _longPressEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, sortBy, sortDirection, renderItem: schemaRenderItem, dragGroup, accepts, sortable: sortableProp, dropEvent, reorderEvent: dndReorderEvent, positionEvent, dndItemIdField, dndRoot, look, surface, relationsData, ...rest }: DataListProps): React__default.JSX.Element;
 declare namespace DataList {
     var displayName: string;
 }

package/dist/components/index.js

@@ -1,12 +1,12 @@
 export { assertUniqueSlotsPerHost } from '../chunk-O2EIWXWE.js';
 export { keyChord, mergeCaptureTables, useAgentChat, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useKeyboardRouter, useNavStack, usePreview, useRenderInterpolation, useTraitListens, useUIEvents, useValidation } from '../chunk-MZIDOJMD.js';
 export { I18nProvider, SharedEntityStoreContext, createSharedEntityStore, createTranslate, runTickFrame, useFormatContext, useRenderI18n, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useTranslate } from '../chunk-N7JIG57B.js';
-export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-VHTJRS2N.js';
+export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-L3MTZ3RH.js';
 import '../chunk-YYYHH5BA.js';
-import { GridPicker, Icon, Button, FormSection, Select, JsonTreeEditor, ThemedPortal, Switch, Input } from '../chunk-PYJ2UQWM.js';
-export { ALL_PRESETS, Accordion, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, AgentActivityFeed, AgentActivityRow, AgentChatFeed, AgentThinkingRow, Alert, AlgoGraphCanvas, AlgorithmCanvas, AnimatedCounter, AnimatedGraphic, AnimatedReveal, Aside, AtlasImage, AtlasPanel, AuthLayout, Avatar, Badge, BehaviorView, BiologyCanvas, BloomQuizBlock, BranchingLogicBuilder, Breadcrumb, Button, ButtonGroup, COMPACT_MEDIA_QUERY, CalendarGrid, Canvas, Canvas2D, Card, CardBody, CardContent, CardFooter, CardHeader, CardTitle, Carousel, Center, ChangeList, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, CodeBlock, CodeRunnerPanel, CollapsibleSection, CommandPalette, CommitRow, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTION_KEYS, DEFAULT_MATRIX_COLUMN_KEYS, DIAMOND_TOP_Y, DashboardGrid, DashboardLayout, DataGrid, DataList, DateRangePicker, DateRangeSelector, DayCell, DetailPanel, Dialog, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DockLayout, DocumentDetails, DocumentPanel, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmojiPicker, EmptyState, ErrorBoundary, ErrorState, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureGrid, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, FloatingToolbar, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, FxOverlay, GameAudioContext, GameAudioCue, GameAudioProvider, GameAudioToggle, GameHud, GameIcon, GameMenu, GameShell, Gantt, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, Header, HealthBar, Icon, IconButton, Image, ImportPreviewTree, ImportProgress, ImportSourcePicker, InfiniteScrollSentinel, Input, InputGroup, JazariStateMachine, JsonTreeEditor, Label, LawReferenceTooltip, LearningCanvas, LearningScene3D, Lightbox, LikertScale, LineChart, LoadingState, MapView, MarkdownContent, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, Modal, ModalSlot, ModuleCard, Navigation, NumberStepper, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, PageTransition, Pagination, PatternTile, PhysicsCanvas, Popover, PositionedCanvas, ProgressBar, ProgressDots, PullToRefresh, QrScanner, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, RichTextEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, SidePanel, Sidebar, SignaturePad, SimpleGrid, Skeleton, SkeletonTree, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, StarRating, StatBadge, StatCard, StatDisplay, StateGraph, StateJsonView, StateMachineView, StatusBar, StatusDot, SubagentTracePanel, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagInput, TerrainPalette, TextHighlight, Textarea, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TopNavItem, TraitFrame, TraitSlot, TraitStateViewer, TrendIndicator, TypewriterText, UISlotComponent, UISlotRenderer, UploadDropZone, VersionDiff, ViolationAlert, VoteStack, WizardContainer, WizardNavigation, WizardProgress, activityRowFacts, applyCompletion, applySuggestions, arrowBetween, billboardLabel, boardEntity, bool, calculateAttackTargets, calculateValidMoves, createInitialGameState, createUnitAnimationState, cylinderBetween, dispatchCommandPaletteCommand, get3DClickPayload, getCurrentFrame, getTileDimensions, groupIntoConversations, inferDirection, isoToScreen, makeAsset, makeAssetMap, meshSphere, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, parseEditFocus, pendulum, projectileMotion, registerCodeLanguageLoader, renderPatternValue, resolveFrame, resolveSheetDirection, rows, sanitizeRichHtml, screenToIso, springOscillator, str, tickAnimationState, toCodeLanguage, transitionAnimation, unitHealth, unitPosition, unitTeam, useAtlasSliceDataUrl, useCamera, useCompactLayout, useDockLayout, useGameAudio, useGameAudioContext, useImageCache, useUnitSpriteAtlas, vec2 } from '../chunk-PYJ2UQWM.js';
-import { VStack, HStack, Box } from '../chunk-HA7CJWQX.js';
-export { Box, HStack, Stack, VStack } from '../chunk-HA7CJWQX.js';
+import { GridPicker, Icon, Button, FormSection, Select, JsonTreeEditor, ThemedPortal, Switch, Input } from '../chunk-E6MWYQVZ.js';
+export { ALL_PRESETS, Accordion, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, AgentActivityFeed, AgentActivityRow, AgentChatFeed, AgentThinkingRow, Alert, AlgoGraphCanvas, AlgorithmCanvas, AnimatedCounter, AnimatedGraphic, AnimatedReveal, Aside, AtlasImage, AtlasPanel, AuthLayout, Avatar, Badge, BehaviorView, BiologyCanvas, BloomQuizBlock, BranchingLogicBuilder, Breadcrumb, Button, ButtonGroup, COMPACT_MEDIA_QUERY, CalendarGrid, Canvas, Canvas2D, Card, CardBody, CardContent, CardFooter, CardHeader, CardTitle, Carousel, Center, ChangeList, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, CodeBlock, CodeRunnerPanel, CollapsibleSection, CommandPalette, CommitRow, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTION_KEYS, DEFAULT_MATRIX_COLUMN_KEYS, DIAMOND_TOP_Y, DashboardGrid, DashboardLayout, DataGrid, DataList, DateRangePicker, DateRangeSelector, DayCell, DetailPanel, Dialog, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DockLayout, DocumentDetails, DocumentPanel, DocumentViewer, StateMachineView as DomStateMachineVisualizer, DrawShapeLayer, DrawSprite, DrawSpriteLayer, DrawText, DrawTextLayer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmojiPicker, EmptyState, ErrorBoundary, ErrorState, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureGrid, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, FloatingToolbar, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, FxOverlay, GameAudioContext, GameAudioCue, GameAudioProvider, GameAudioToggle, GameHud, GameIcon, GameMenu, GameShell, Gantt, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, Header, HealthBar, Icon, IconButton, Image, ImportPreviewTree, ImportProgress, ImportSourcePicker, InfiniteScrollSentinel, Input, InputGroup, JazariStateMachine, JsonTreeEditor, Label, LawReferenceTooltip, LearningCanvas, LearningScene3D, Lightbox, LikertScale, LineChart, LoadingState, MapView, MarkdownContent, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, Modal, ModalSlot, ModuleCard, Navigation, NumberStepper, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, PageTransition, Pagination, PatternTile, PhysicsCanvas, Popover, PositionedCanvas, ProgressBar, ProgressDots, PullToRefresh, QrScanner, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, RichTextEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, SidePanel, Sidebar, SignaturePad, SimpleGrid, Skeleton, SkeletonTree, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, StarRating, StatBadge, StatCard, StatDisplay, StateGraph, StateJsonView, StateMachineView, StatusBar, StatusDot, SubagentTracePanel, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagInput, TerrainPalette, TextHighlight, Textarea, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TopNavItem, TraitFrame, TraitSlot, TraitStateViewer, TrendIndicator, TypewriterText, UISlotComponent, UISlotRenderer, UploadDropZone, VersionDiff, ViolationAlert, VoteStack, WizardContainer, WizardNavigation, WizardProgress, activityRowFacts, applyCompletion, applySuggestions, arrowBetween, billboardLabel, boardEntity, bool, calculateAttackTargets, calculateValidMoves, createInitialGameState, createUnitAnimationState, cylinderBetween, dispatchCommandPaletteCommand, get3DClickPayload, getCurrentFrame, getTileDimensions, groupIntoConversations, inferDirection, isoToScreen, makeAsset, makeAssetMap, meshSphere, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, parseEditFocus, pendulum, projectileMotion, registerCodeLanguageLoader, renderPatternValue, resolveFrame, resolveSheetDirection, rows, sanitizeRichHtml, screenToIso, springOscillator, str, tickAnimationState, toCodeLanguage, transitionAnimation, unitHealth, unitPosition, unitTeam, useAtlasSliceDataUrl, useCamera, useCompactLayout, useDockLayout, useGameAudio, useGameAudioContext, useImageCache, useUnitSpriteAtlas, vec2 } from '../chunk-E6MWYQVZ.js';
+import { VStack, HStack, Box } from '../chunk-J755QADM.js';
+export { Box, DrawFxLayer, DrawGroup, DrawMesh, DrawShape, DrawSkinnedMesh, HStack, Stack, VStack } from '../chunk-J755QADM.js';
 import { Typography } from '../chunk-4ZGXIW3B.js';
 export { Typography } from '../chunk-4ZGXIW3B.js';
 export { ALMADAR_DND_MIME, parseQueryBinding, useAuthContext, useCanvasGestures, useDragReorder, useDraggable, useDropZone, useInfiniteScroll, useLongPress, useMediaQuery, usePrefersReducedMotion, usePullToRefresh, useQuerySingleton, useSwipeGesture } from '../chunk-I5QOYW2Z.js';