@almadar/ui 5.121.2 → 5.121.4

package/dist/providers/index.js

@@ -1,6 +1,6 @@
 import * as React83 from 'react';
 import React83__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, lazy, useLayoutEffect, useId, useSyncExternalStore } from 'react';
-import { EventBusContext, useTraitScope, useEntitySchemaOptional, TraitScopeProvider, useCurrentPagePath, useGameAudioContextOptional } from '@almadar/ui/providers';
+import { EventBusContext, useTraitScopeChain, useEntitySchemaOptional, TraitScopeProvider, useCurrentPagePath, useGameAudioContextOptional } from '@almadar/ui/providers';
 import { createLogger, isLogLevelEnabled } from '@almadar/logger';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -94,9 +94,9 @@ function getGlobalEventBus() {
 function useEventBus() {
   const context = useContext(EventBusContext);
   const baseBus = context ?? getGlobalEventBus() ?? fallbackEventBus;
-  const scope = useTraitScope();
+  const chain = useTraitScopeChain();
   return useMemo(() => {
-    if (!scope) {
+    if (chain.length === 0) {
       return {
         ...baseBus,
         emit: (type, payload, source) => {
@@ -112,22 +112,31 @@ function useEventBus() {
       emit: (type, payload, source) => {
         if (typeof type === "string" && type.startsWith("UI:")) {
           const tail = type.slice(3);
-          const qualified = tail.includes(".") ? type : `UI:${scope.orbital}.${scope.trait}.${tail}`;
-          if (qualified !== type) {
-            scopeLog.info("emit:qualified", {
+          const isQualified = tail.includes(".");
+          const event = isQualified ? tail.split(".").slice(2).join(".") : tail;
+          if (!event) {
+            baseBus.emit(type, payload, source);
+            return;
+          }
+          const keys = /* @__PURE__ */ new Set();
+          if (isQualified) keys.add(type);
+          for (const sc of chain) {
+            keys.add(`UI:${sc.orbital}.${sc.trait}.${event}`);
+          }
+          if (keys.size > 1) {
+            scopeLog.info("emit:fan-out", {
               from: type,
-              to: qualified,
-              scopeOrbital: scope.orbital,
-              scopeTrait: scope.trait
+              keys: Array.from(keys),
+              chainDepth: chain.length
             });
           }
-          baseBus.emit(qualified, payload, source);
+          for (const key of keys) baseBus.emit(key, payload, source);
           return;
         }
         baseBus.emit(type, payload, source);
       }
     };
-  }, [baseBus, scope]);
+  }, [baseBus, chain]);
 }
 function useEventListener(event, handler) {
   const eventBus = useEventBus();
@@ -669,13 +678,13 @@ var init_Icon = __esm({
       style
     }) => {
       const directIcon = typeof icon === "string" ? void 0 : icon;
-      const effectiveName = typeof icon === "string" ? icon : name;
+      const effectiveName = typeof icon === "string" && icon !== "" ? icon : name;
+      const effectiveStrokeWidth = strokeWidth != null && strokeWidth > 0 ? strokeWidth : void 0;
       const family = useIconFamily();
       const RenderedComponent = React83__default.useMemo(() => {
         if (directIcon) return null;
         return effectiveName ? resolveIconForFamily(effectiveName) : null;
       }, [directIcon, effectiveName, family]);
-      const effectiveStrokeWidth = strokeWidth ?? void 0;
       const inlineStyle = {
         ...effectiveStrokeWidth === void 0 ? { strokeWidth: "var(--icon-stroke-width, 2)" } : {},
         ...style
@@ -1275,6 +1284,15 @@ var init_Modal = __esm({
       const [dragY, setDragY] = useState(0);
       const dragStartY = useRef(0);
       const isDragging = useRef(false);
+      const [closing, setClosing] = useState(false);
+      const wasOpenRef = useRef(isOpen);
+      useEffect(() => {
+        if (wasOpenRef.current && !isOpen) setClosing(true);
+        wasOpenRef.current = isOpen;
+      }, [isOpen]);
+      const handleAnimEnd = (e) => {
+        if (closing && e.target === e.currentTarget) setClosing(false);
+      };
       useEffect(() => {
         if (isOpen) {
           previousActiveElement.current = document.activeElement;
@@ -1308,7 +1326,11 @@ var init_Modal = __esm({
           document.body.style.overflow = "";
         };
       }, [isOpen]);
-      if (!isOpen || typeof document === "undefined") return null;
+      if (typeof document === "undefined") return null;
+      const renderOpen = isOpen || closing;
+      if (!renderOpen) return null;
+      const dialogAnim = closing ? "animate-modal-out" : "animate-modal-in";
+      const overlayAnim = closing ? "animate-overlay-out" : "animate-overlay-in";
       const handleClose = () => {
         if (closeEvent) eventBus.emit(`UI:${closeEvent}`, {});
         onClose();
@@ -1325,7 +1347,8 @@ var init_Modal = __esm({
             className: cn(
               "fixed inset-0 z-[1000]",
               "flex items-start justify-center px-4 pb-4 pt-[10vh]",
-              "max-sm:items-stretch max-sm:p-0 max-sm:pt-0"
+              "max-sm:items-stretch max-sm:p-0 max-sm:pt-0",
+              overlayAnim
             ),
             style: { backgroundColor: "rgba(0, 0, 0, 0.6)" },
             onClick: handleOverlayClick,
@@ -1353,8 +1376,10 @@ var init_Modal = __esm({
                   // full height, no rounded corners, no min-width.
                   "max-sm:max-w-none max-sm:max-h-none max-sm:w-full max-sm:h-full max-sm:rounded-none",
                   lookStyles[look],
-                  className
+                  className,
+                  dialogAnim
                 ),
+                onAnimationEnd: handleAnimEnd,
                 style: dragY > 0 ? {
                   transform: `translateY(${dragY}px)`,
                   transition: isDragging.current ? "none" : "transform 200ms ease-out"
@@ -1463,6 +1488,7 @@ var init_Overlay = __esm({
           className: cn(
             "fixed inset-0 z-40",
             blur && "backdrop-blur-sm",
+            "animate-overlay-in",
             className
           ),
           style: { backgroundColor: "rgba(0, 0, 0, 0.6)" },
@@ -2875,7 +2901,7 @@ var init_Input = __esm({
             eventBus.emit(`UI:${action}`, { value: e.currentTarget.value });
           }
         };
-        const wrapField = (field) => /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+        const wrapField = (field, fullWidth = true) => /* @__PURE__ */ jsxs("div", { className: fullWidth ? "w-full" : "w-fit", children: [
           label && /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground mb-1", children: label }),
           field,
           (helperText || error) && /* @__PURE__ */ jsx("p", { className: cn("mt-1 text-xs", error ? "text-error" : "text-muted-foreground"), children: error ?? helperText })
@@ -2935,7 +2961,8 @@ var init_Input = __esm({
                 ),
                 ...props
               }
-            )
+            ),
+            false
           );
         }
         return wrapField(
@@ -5263,6 +5290,18 @@ var init_RangeSlider = __esm({
 function easeOut(t) {
   return t * (2 - t);
 }
+function formatDisplay(value, format, decimals) {
+  switch (format) {
+    case "currency":
+      return `$${value.toFixed(2)}`;
+    case "percent":
+      return `${Math.round(value)}%`;
+    case "number":
+      return value.toLocaleString();
+    default:
+      return value.toFixed(decimals);
+  }
+}
 var AnimatedCounter;
 var init_AnimatedCounter = __esm({
   "components/marketing/atoms/AnimatedCounter.tsx"() {
@@ -5274,6 +5313,7 @@ var init_AnimatedCounter = __esm({
       duration = 600,
       prefix,
       suffix,
+      format,
       className
     }) => {
       const numericRaw = typeof rawValue === "number" ? rawValue : Number.parseFloat(String(rawValue ?? ""));
@@ -5289,6 +5329,10 @@ var init_AnimatedCounter = __esm({
           setDisplayValue(to);
           return;
         }
+        if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) {
+          setDisplayValue(to);
+          return;
+        }
         const startTime = performance.now();
         const diff = to - from;
         function animate(currentTime) {
@@ -5310,7 +5354,7 @@ var init_AnimatedCounter = __esm({
         };
       }, [value, duration]);
       const decimalPlaces = Number.isInteger(value) ? 0 : String(value).split(".")[1]?.length ?? 0;
-      const formattedValue = displayValue.toFixed(decimalPlaces);
+      const formattedValue = formatDisplay(displayValue, format, decimalPlaces);
       return /* @__PURE__ */ jsxs(Typography, { variant: "h3", className: cn("tabular-nums", className), children: [
         prefix,
         formattedValue,
@@ -6589,14 +6633,29 @@ function recordTransition(trace) {
         "pass"
       );
     } else {
-      const hasRenderUI = entry.effects.some((e) => e.type === "render-ui");
-      if (hasRenderUI) {
-        registerCheck(
-          checkId,
-          `INIT transition for "${entry.traitName}" missing fetch effect`,
-          "fail",
-          "Entity-bound render-ui without a fetch effect will show empty data"
+      const rendersEntityData = entry.effects.some(
+        (e) => e.type === "render-ui" && JSON.stringify(e.args).includes("@entity.")
+      );
+      if (rendersEntityData) {
+        const siblingSeeds = getState().transitions.some(
+          (t) => t.event === "INIT" && t.effects.some(
+            (e) => e.type === "fetch" || e.type === "set" && typeof e.args[0] === "string" && e.args[0].startsWith("@entity.")
+          )
         );
+        if (siblingSeeds) {
+          registerCheck(
+            checkId,
+            `INIT transition for "${entry.traitName}" has sibling entity-seed (shared entity)`,
+            "pass"
+          );
+        } else {
+          registerCheck(
+            checkId,
+            `INIT transition for "${entry.traitName}" missing fetch effect`,
+            "fail",
+            "Entity-bound render-ui without a fetch effect will show empty data"
+          );
+        }
       }
     }
   }
@@ -6714,19 +6773,32 @@ function bindEventBus(eventBus) {
       log3.debug("sendEvent", { event: prefixed, traitScope, payloadKeys: payload ? Object.keys(payload) : [] });
       eventBus.emit(prefixed, payload);
     };
+    const MAX_EVENT_LOG = 5e3;
     const eventLog = [];
+    let eventLogDropped = 0;
+    const bumpEpoch = () => {
+      window.__orbitalVerification.eventLogEpoch = `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+    };
     window.__orbitalVerification.eventLog = eventLog;
+    window.__orbitalVerification.eventLogDropped = 0;
+    bumpEpoch();
     window.__orbitalVerification.clearEventLog = () => {
       eventLog.length = 0;
+      eventLogDropped = 0;
+      window.__orbitalVerification.eventLogDropped = 0;
+      bumpEpoch();
     };
     if (eventBus.onAny) {
       const verificationRegistryEventLogger = (event) => {
-        if (eventLog.length < 200) {
-          eventLog.push({
-            type: event.type,
-            payload: event.payload,
-            timestamp: Date.now()
-          });
+        eventLog.push({
+          type: event.type,
+          payload: event.payload,
+          timestamp: Date.now()
+        });
+        if (eventLog.length > MAX_EVENT_LOG) {
+          eventLog.shift();
+          eventLogDropped += 1;
+          window.__orbitalVerification.eventLogDropped = eventLogDropped;
         }
       };
       Object.defineProperty(verificationRegistryEventLogger, "name", {
@@ -7729,7 +7801,7 @@ function GameMenu({
   logo,
   className
 }) {
-  const resolvedOptions = options ?? menuItems ?? DEFAULT_MENU_OPTIONS;
+  const resolvedOptions = (options?.length ? options : void 0) ?? (menuItems?.length ? menuItems : void 0) ?? DEFAULT_MENU_OPTIONS;
   const eventBus = useEventBus();
   const handleOptionClick = React83.useCallback(
     (option) => {
@@ -9127,6 +9199,10 @@ function Canvas2D({
       window.removeEventListener("keyup", onUp);
     };
   }, [keyMap, keyUpMap, eventBus]);
+  useEffect(() => {
+    if (!keyMap && !keyUpMap) return;
+    canvasRef.current?.focus();
+  }, [keyMap, keyUpMap]);
   if (error) {
     return /* @__PURE__ */ jsx(Box, { className: cn("flex items-center justify-center w-full h-full bg-[var(--color-card)] rounded-container", className), children: /* @__PURE__ */ jsxs(Stack, { direction: "vertical", gap: "md", align: "center", children: [
       /* @__PURE__ */ jsx(Icon, { name: "alert-circle", size: "xl" }),
@@ -9175,7 +9251,7 @@ function Canvas2D({
             onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
-            tabIndex: isFree ? 0 : void 0,
+            tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
             style: {
               width: viewportSize.width,
               height: viewportSize.height
@@ -14076,7 +14152,8 @@ var init_LoadingState = __esm({
     LoadingState = ({
       title,
       message,
-      className
+      className,
+      fullPage = false
     }) => {
       const { t } = useTranslate();
       const displayMessage = message ?? t("common.loading");
@@ -14085,7 +14162,8 @@ var init_LoadingState = __esm({
         {
           align: "center",
           className: cn(
-            "justify-center py-12",
+            "justify-center",
+            fullPage ? "fixed inset-0 z-[1000] py-12 bg-background/80 backdrop-blur-sm animate-overlay-in" : "py-12",
             className
           ),
           children: [
@@ -17287,7 +17365,7 @@ var init_BookCoverPage = __esm({
                 size: "lg",
                 action: "BOOK_START",
                 className: "mt-8",
-                children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: t("book.startReading") })
+                children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "inherit", children: t("book.startReading") })
               }
             )
           ]
@@ -19599,8 +19677,9 @@ var init_Chart = __esm({
                   align: "center",
                   flex: true,
                   className: "min-w-0",
+                  style: { height: "100%" },
                   children: [
-                    /* @__PURE__ */ jsx(HStack, { gap: histogram ? "none" : "xs", align: "end", className: "w-full", style: { height: "100%" }, children: series.map((s, sIdx) => {
+                    /* @__PURE__ */ jsx(HStack, { gap: histogram ? "none" : "xs", align: "end", justify: histogram ? void 0 : "center", className: "w-full flex-1 min-h-0", children: series.map((s, sIdx) => {
                       const value = valueAt(s, label);
                       const barHeight = value / maxValue * 100;
                       const color = seriesColor(s, sIdx);
@@ -19613,6 +19692,8 @@ var init_Chart = __esm({
                           ),
                           style: {
                             height: `${barHeight}%`,
+                            // Cap width so a lone category doesn't paint the whole plot as one solid block; narrow columns are unaffected (flex-1 binds first).
+                            ...!histogram && { maxWidth: 72 },
                             backgroundColor: color
                           },
                           onClick: () => onPointClick?.(
@@ -19647,8 +19728,9 @@ var init_Chart = __esm({
                 align: "center",
                 flex: true,
                 className: "min-w-0",
+                style: { height: "100%" },
                 children: [
-                  /* @__PURE__ */ jsx(VStack, { gap: "none", className: "w-full", style: { height: "100%" }, justify: "end", children: series.map((s, sIdx) => {
+                  /* @__PURE__ */ jsx(VStack, { gap: "none", className: "w-full flex-1 min-h-0", justify: "end", children: series.map((s, sIdx) => {
                     const value = valueAt(s, label);
                     const ratio = stack === "normalize" ? total === 0 ? 0 : value / total * 100 : value / maxValue * 100;
                     const color = seriesColor(s, sIdx);
@@ -19693,6 +19775,7 @@ var init_Chart = __esm({
       const innerRadius = donut ? radius * 0.6 : 0;
       const center = size / 2;
       const segments = useMemo(() => {
+        if (!Number.isFinite(total) || total <= 0) return [];
         let currentAngle = -Math.PI / 2;
         return data.map((point, idx) => {
           const angle = point.value / total * 2 * Math.PI;
@@ -19704,13 +19787,25 @@ var init_Chart = __esm({
           const y1 = center + radius * Math.sin(startAngle);
           const x2 = center + radius * Math.cos(endAngle);
           const y2 = center + radius * Math.sin(endAngle);
+          const fullCircle = angle >= 2 * Math.PI - 1e-9;
+          const midAngle = startAngle + angle / 2;
+          const xm = center + radius * Math.cos(midAngle);
+          const ym = center + radius * Math.sin(midAngle);
           let d;
           if (innerRadius > 0) {
             const ix1 = center + innerRadius * Math.cos(startAngle);
             const iy1 = center + innerRadius * Math.sin(startAngle);
             const ix2 = center + innerRadius * Math.cos(endAngle);
             const iy2 = center + innerRadius * Math.sin(endAngle);
-            d = `M ${ix1} ${iy1} L ${x1} ${y1} A ${radius} ${radius} 0 ${largeArc} 1 ${x2} ${y2} L ${ix2} ${iy2} A ${innerRadius} ${innerRadius} 0 ${largeArc} 0 ${ix1} ${iy1} Z`;
+            if (fullCircle) {
+              const ixm = center + innerRadius * Math.cos(midAngle);
+              const iym = center + innerRadius * Math.sin(midAngle);
+              d = `M ${ix1} ${iy1} L ${x1} ${y1} A ${radius} ${radius} 0 1 1 ${xm} ${ym} A ${radius} ${radius} 0 1 1 ${x2} ${y2} L ${ix2} ${iy2} A ${innerRadius} ${innerRadius} 0 1 0 ${ixm} ${iym} A ${innerRadius} ${innerRadius} 0 1 0 ${ix1} ${iy1} Z`;
+            } else {
+              d = `M ${ix1} ${iy1} L ${x1} ${y1} A ${radius} ${radius} 0 ${largeArc} 1 ${x2} ${y2} L ${ix2} ${iy2} A ${innerRadius} ${innerRadius} 0 ${largeArc} 0 ${ix1} ${iy1} Z`;
+            }
+          } else if (fullCircle) {
+            d = `M ${center} ${center} L ${x1} ${y1} A ${radius} ${radius} 0 1 1 ${xm} ${ym} A ${radius} ${radius} 0 1 1 ${x2} ${y2} Z`;
           } else {
             d = `M ${center} ${center} L ${x1} ${y1} A ${radius} ${radius} 0 ${largeArc} 1 ${x2} ${y2} Z`;
           }
@@ -22737,10 +22832,10 @@ function DataGrid({
                         ] }),
                         badgeFields.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-wrap", children: badgeFields.map((field) => {
                           const val = getNestedValue(itemData, field.name);
-                          if (val === void 0 || val === null) return null;
+                          if (val === void 0 || val === null || val === "") return null;
                           return /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
                             field.icon && renderIconInput(field.icon, { size: "xs" }),
-                            /* @__PURE__ */ jsx(Badge, { variant: resolveBadgeVariant(field, String(val)), children: String(val) })
+                            /* @__PURE__ */ jsx(Badge, { variant: resolveBadgeVariant(field, String(val)), children: formatValue(val, field.format) })
                           ] }, field.name);
                         }) })
                       ] }),
@@ -30230,6 +30325,11 @@ var init_VoteStack = __esm({
         {
           className: cn(
             "inline-flex items-center justify-center",
+            // Shrink-wrap in stretch contexts (slot/sidecar wrappers are
+            // flex-column with stretch alignment): without this the root spans
+            // the full wrapper width and the count row's `w-full` turns the
+            // compact pill into a page-wide band.
+            "w-fit",
             variant === "vertical" ? "flex-col" : "flex-row",
             "rounded-sm",
             "border-[length:var(--border-width)] border-border",
@@ -34135,7 +34235,7 @@ var init_Sidebar = __esm({
             isActive ? [
               "bg-primary text-primary-foreground",
               "font-medium shadow-sm",
-              "border-primary translate-x-1 -translate-y-0.5"
+              "border-primary translate-x-1 rtl:-translate-x-1 -translate-y-0.5"
             ].join(" ") : [
               "text-foreground",
               "hover:bg-muted hover:border-border",
@@ -34145,10 +34245,10 @@ var init_Sidebar = __esm({
           title: collapsed ? item.label : void 0,
           children: [
             item.icon && (typeof item.icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: item.icon, size: "sm", className: cn("min-w-[20px] flex-shrink-0", isActive && "text-primary-foreground") }) : /* @__PURE__ */ jsx(Icon, { icon: item.icon, size: "sm", className: cn("min-w-[20px] flex-shrink-0", isActive && "text-primary-foreground") })),
-            !collapsed && /* @__PURE__ */ jsx(Typography, { variant: "body", color: isActive ? "inherit" : "primary", className: "font-medium truncate flex-1 text-left", children: item.label }),
+            !collapsed && /* @__PURE__ */ jsx(Typography, { variant: "body", color: isActive ? "inherit" : "primary", className: "font-medium truncate flex-1 text-start", children: item.label }),
             !collapsed && item.badge !== void 0 && /* @__PURE__ */ jsx(Badge, { variant: "danger", size: "sm", children: item.badge }),
             collapsed && /* @__PURE__ */ jsx(Box, { className: cn(
-              "absolute left-full ml-2 px-2 py-1 text-xs opacity-0 group-hover:opacity-100",
+              "absolute start-full ms-2 px-2 py-1 text-xs opacity-0 group-hover:opacity-100",
               "pointer-events-none whitespace-nowrap z-50 transition-opacity",
               "bg-primary text-primary-foreground",
               "border-[length:var(--border-width-thin)] border-border",
@@ -34203,7 +34303,7 @@ var init_Sidebar = __esm({
           as: "aside",
           className: cn(
             "flex flex-col h-full",
-            "bg-card border-r border-border",
+            "bg-card border-e border-border",
             "transition-all duration-300 ease-in-out",
             collapsed ? "w-20" : "w-64",
             className
@@ -35364,7 +35464,7 @@ function resolveColor3(color, el) {
 function truncateLabel(label) {
   return label.length > MAX_LABEL_CHARS ? label.slice(0, MAX_LABEL_CHARS - 1) + "\u2026" : label;
 }
-var GROUP_COLORS2, labelMeasureCtx, MAX_LABEL_CHARS, GraphCanvas;
+var GROUP_COLORS2, GROUP_GRAVITY, UNGROUPED_GRAVITY, labelMeasureCtx, MAX_LABEL_CHARS, NO_NODES, NO_EDGES, NO_SIM, GraphCanvas;
 var init_GraphCanvas = __esm({
   "components/core/molecules/GraphCanvas.tsx"() {
     "use client";
@@ -35384,13 +35484,18 @@ var init_GraphCanvas = __esm({
       "var(--color-info)",
       "var(--color-accent)"
     ];
+    GROUP_GRAVITY = 0.3;
+    UNGROUPED_GRAVITY = 0.02;
     labelMeasureCtx = null;
     MAX_LABEL_CHARS = 22;
+    NO_NODES = [];
+    NO_EDGES = [];
+    NO_SIM = [];
     GraphCanvas = ({
       title,
-      nodes: propNodes = [],
-      edges: propEdges = [],
-      similarity: propSimilarity = [],
+      nodes: propNodes = NO_NODES,
+      edges: propEdges = NO_EDGES,
+      similarity: propSimilarity = NO_SIM,
       height = 400,
       showLabels = true,
       interactive = true,
@@ -35440,6 +35545,7 @@ var init_GraphCanvas = __esm({
       const interactionRef = useRef({
         mode: "none",
         dragNodeId: null,
+        pressedNodeId: null,
         startMouse: { x: 0, y: 0 },
         startOffset: { x: 0, y: 0 },
         downPos: { x: 0, y: 0 }
@@ -35487,6 +35593,11 @@ var init_GraphCanvas = __esm({
         () => [...new Set(propNodes.map((n) => n.group).filter(Boolean))],
         [propNodes]
       );
+      const nodesKey = useMemo(() => propNodes.map((n) => n.id).join("
"), [propNodes]);
+      const edgesKey = useMemo(
+        () => propEdges.map((e) => `${e.source}
${e.target}`).join("
"),
+        [propEdges]
+      );
       useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas || propNodes.length === 0) return;
@@ -35570,7 +35681,7 @@ var init_GraphCanvas = __esm({
             const edgeLinks = propEdges.filter((e) => present.has(e.source) && present.has(e.target)).map((e) => ({ source: e.source, target: e.target, weight: clamp01(e.weight ?? 1) }));
             const simLinks = activeSimilarity.filter((p) => present.has(p.source) && present.has(p.target)).map((p) => ({ source: p.source, target: p.target, weight: clamp01(p.weight) }));
             const collideRadius = (n) => Math.max(n.size || 8, (n.labelW ?? 0) / 2) + nodeSpacing / 2;
-            const simulation = forceSimulation(simNodes).force("edge", forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", forceManyBody().strength(-repulsion * 0.5)).force("collide", forceCollide().radius(collideRadius).strength(0.9)).force("x", forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).force("y", forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).stop();
+            const simulation = forceSimulation(simNodes).force("edge", forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", forceManyBody().strength(-repulsion * 0.5)).force("collide", forceCollide().radius(collideRadius).strength(0.9)).force("x", forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength((n) => multiCluster && n.group ? GROUP_GRAVITY : UNGROUPED_GRAVITY)).force("y", forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength((n) => multiCluster && n.group ? GROUP_GRAVITY : UNGROUPED_GRAVITY)).stop();
             for (let i = 0; i < 300; i++) simulation.tick();
             const pad = nodeSpacing / 2;
             const rectsOf = (n) => {
@@ -35667,7 +35778,7 @@ var init_GraphCanvas = __esm({
         return () => {
           cancelAnimationFrame(animRef.current);
         };
-      }, [propNodes, propEdges, propSimilarity, layout, repulsion, linkDistance, nodeSpacing, showLabels]);
+      }, [nodesKey, edgesKey, propSimilarity, layout, repulsion, linkDistance, nodeSpacing, showLabels]);
       useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas) return;
@@ -35797,6 +35908,7 @@ var init_GraphCanvas = __esm({
       const cancelSinglePointer = useCallback(() => {
         interactionRef.current.mode = "none";
         interactionRef.current.dragNodeId = null;
+        interactionRef.current.pressedNodeId = null;
       }, []);
       const handlePointerDown = useCallback(
         (e) => {
@@ -35807,6 +35919,7 @@ var init_GraphCanvas = __esm({
           state.downPos = { x: e.clientX, y: e.clientY };
           state.startMouse = { x: e.clientX, y: e.clientY };
           state.startOffset = { ...offset };
+          state.pressedNodeId = node?.id ?? null;
           if (draggable && node) {
             state.mode = "dragging";
             state.dragNodeId = node.id;
@@ -35858,7 +35971,8 @@ var init_GraphCanvas = __esm({
           if (moved < 4) {
             const coords = toCoords(e);
             if (!coords) return;
-            const node = nodeAt(coords.graphX, coords.graphY);
+            const node = (state.pressedNodeId ? nodesRef.current.find((n) => n.id === state.pressedNodeId) : void 0) ?? nodeAt(coords.graphX, coords.graphY);
+            state.pressedNodeId = null;
             if (node) {
               if (node.badge && node.badge > 1 && onBadgeClick) {
                 const r = (node.size || 8) + (selectedNodeId === node.id ? 4 : 0);
@@ -35878,6 +35992,7 @@ var init_GraphCanvas = __esm({
       );
       const handlePointerLeave = useCallback(() => {
         setHoveredNode(null);
+        interactionRef.current.pressedNodeId = null;
       }, []);
       const gestureHandlers = useCanvasGestures({
         canvasRef,
@@ -38829,8 +38944,17 @@ var init_MediaGallery = __esm({
       const eventBus = useEventBus();
       const { t } = useTranslate();
       const [lightboxItem, setLightboxItem] = useState(null);
+      const [failedIds, setFailedIds] = useState(/* @__PURE__ */ new Set());
       const closeLightbox = useCallback(() => setLightboxItem(null), []);
       useEventListener("UI:LIGHTBOX_CLOSE", closeLightbox);
+      const handleImageError = useCallback((id) => {
+        setFailedIds((prev) => {
+          if (prev.has(id)) return prev;
+          const next = new Set(prev);
+          next.add(id);
+          return next;
+        });
+      }, []);
       const handleItemClick = useCallback(
         (item) => {
           if (selectable) {
@@ -38846,7 +38970,7 @@ var init_MediaGallery = __esm({
       );
       const entityData = Array.isArray(entity) ? entity : [];
       const items = React83__default.useMemo(() => {
-        if (propItems) return propItems;
+        if (propItems && propItems.length > 0) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
           return {
@@ -38929,13 +39053,14 @@ var init_MediaGallery = __esm({
                     ),
                     onClick: () => handleItemClick(item),
                     children: [
-                      /* @__PURE__ */ jsx(
+                      failedIds.has(item.id) ? /* @__PURE__ */ jsx(Box, { className: "w-full h-full flex items-center justify-center bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx(Icon, { icon: Image$1, size: "lg" }) }) : /* @__PURE__ */ jsx(
                         "img",
                         {
                           src: item.thumbnail || item.src,
                           alt: item.alt || item.caption || "",
                           className: "w-full h-full object-cover",
-                          loading: "lazy"
+                          loading: "lazy",
+                          onError: () => handleImageError(item.id)
                         }
                       ),
                       /* @__PURE__ */ jsx(
@@ -42423,6 +42548,11 @@ var init_TeamOrganism = __esm({
     TeamOrganism.displayName = "TeamOrganism";
   }
 });
+function formatDate4(value) {
+  const d = new Date(value);
+  if (isNaN(d.getTime())) return value;
+  return d.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
+}
 var lookStyles10, STATUS_STYLES2, Timeline;
 var init_Timeline = __esm({
   "components/core/organisms/Timeline.tsx"() {
@@ -42550,7 +42680,7 @@ var init_Timeline = __esm({
             /* @__PURE__ */ jsxs(VStack, { gap: "xs", className: cn("flex-1 min-w-0", !isLast && "pb-6"), children: [
               /* @__PURE__ */ jsxs(HStack, { justify: "between", align: "start", wrap: true, children: [
                 /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "semibold", children: item.title }),
-                item.date && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", className: "flex-shrink-0", children: item.date })
+                item.date && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", className: "flex-shrink-0", children: formatDate4(item.date) })
               ] }),
               item.description && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "secondary", children: item.description }),
               item.tags && item.tags.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", wrap: true, children: item.tags.map((tag, tagIdx) => /* @__PURE__ */ jsx(Badge, { variant: "default", children: tag }, tagIdx)) }),
@@ -43762,7 +43892,7 @@ function substituteTraitRefsDeep(value, pathKey) {
   }
   return value;
 }
-function renderPatternProps(props, onDismiss) {
+function renderPatternProps(props, onDismiss, propsSchema) {
   const rendered = {};
   for (const [key, value] of Object.entries(props)) {
     if (key === "children") {
@@ -43780,9 +43910,10 @@ function renderPatternProps(props, onDismiss) {
       };
       rendered[key] = /* @__PURE__ */ jsx(SlotContentRenderer, { content: childContent, onDismiss });
     } else if (Array.isArray(value)) {
+      const isDataArray = propsSchema?.[key]?.items?.types?.includes("object") ?? false;
       rendered[key] = value.map((item, i) => {
         const el = item;
-        if (isPatternConfig(el)) {
+        if (!isDataArray && isPatternConfig(el)) {
           const nestedProps = {};
           for (const [k, v] of Object.entries(el)) {
             if (k !== "type") nestedProps[k] = v;
@@ -43870,14 +44001,15 @@ function SlotContentRenderer({
         );
       }
     }
-    const renderedProps = renderPatternProps(restProps, onDismiss);
     const patternDef = getPatternDefinition(content.pattern);
     const propsSchema = patternDef?.propsSchema;
+    const renderedProps = renderPatternProps(restProps, onDismiss, propsSchema);
     if (propsSchema) {
       for (const [propKey, propValue] of Object.entries(renderedProps)) {
         if (typeof propValue !== "string") continue;
         const propDef = propsSchema[propKey];
         if (!propDef || propDef.kind !== "callback") continue;
+        if (propValue === "") continue;
         renderedProps[propKey] = wrapCallbackForEvent(
           `UI:${propValue}`,
           propDef.callbackArgs,
@@ -44163,7 +44295,7 @@ function EventBusProvider({ children, isolated = false }) {
     const listenerCount = (listeners7?.size ?? 0) + anyListenersRef.current.size;
     busLog.debug("emit", { type, payloadKeys: payload ? Object.keys(payload).length : 0, listenerCount });
     if (listenerCount === 0) {
-      busLog.warn("emit:no-listeners", { type });
+      busLog.debug("emit:no-listeners", { type });
     }
     if (listeners7) {
       const listenersCopy = Array.from(listeners7);
@@ -45428,17 +45560,27 @@ function useTrait(traitName) {
   const context = useTraitContext();
   return context.getTrait(traitName);
 }
+var EMPTY_CHAIN = Object.freeze([]);
 var TraitScopeContext = createContext(null);
 function TraitScopeProvider3({
   orbital,
   trait,
   children
 }) {
-  const value = useMemo(() => ({ orbital, trait }), [orbital, trait]);
+  const parentChain = useContext(TraitScopeContext);
+  const value = useMemo(() => {
+    const self = { orbital, trait };
+    return parentChain && parentChain.length > 0 ? [self, ...parentChain] : [self];
+  }, [orbital, trait, parentChain]);
   return /* @__PURE__ */ jsx(TraitScopeContext.Provider, { value, children });
 }
-function useTraitScope2() {
-  return useContext(TraitScopeContext);
+function useTraitScopeChain2() {
+  const chain = useContext(TraitScopeContext);
+  return chain ?? EMPTY_CHAIN;
+}
+function useTraitScope() {
+  const chain = useContext(TraitScopeContext);
+  return chain && chain.length > 0 ? chain[0] : null;
 }
 
 // providers/OfflineModeProvider.tsx
@@ -45532,4 +45674,4 @@ function GameAudioProvider2({
 }
 GameAudioProvider2.displayName = "GameAudioProvider";
 
-export { ANONYMOUS_USER, CurrentPagePathContext, CurrentPagePathProvider, EntitySchemaProvider, EventBusContext2 as EventBusContext, EventBusProvider, GameAudioContext2 as GameAudioContext, GameAudioProvider2 as GameAudioProvider, NavigationProvider2 as NavigationProvider, OfflineModeProvider, OrbitalProvider, OrbitalThemeProvider, SelectionContext, SelectionProvider, ServerBridgeProvider, TraitContext, TraitProvider, TraitScopeProvider3 as TraitScopeProvider, UserContext, UserProvider, VerificationProvider, extractRouteParams2 as extractRouteParams, findPageByName2 as findPageByName, findPageByPath2 as findPageByPath, getAllPages2 as getAllPages, getDefaultPage2 as getDefaultPage, matchPath2 as matchPath, pathMatches2 as pathMatches, useActivePage2 as useActivePage, useCurrentPagePath2 as useCurrentPagePath, useEntitySchema, useEntitySchemaOptional6 as useEntitySchemaOptional, useGameAudioContext2 as useGameAudioContext, useGameAudioContextOptional2 as useGameAudioContextOptional, useHasPermission, useHasRole, useInitPayload2 as useInitPayload, useNavigateTo2 as useNavigateTo, useNavigation2 as useNavigation, useNavigationId2 as useNavigationId, useNavigationState2 as useNavigationState, useOfflineMode, useOptionalOfflineMode, useSelection, useSelectionOptional, useServerBridge, useTrait, useTraitContext, useTraitScope2 as useTraitScope, useUser, useUserForEvaluation };
+export { ANONYMOUS_USER, CurrentPagePathContext, CurrentPagePathProvider, EntitySchemaProvider, EventBusContext2 as EventBusContext, EventBusProvider, GameAudioContext2 as GameAudioContext, GameAudioProvider2 as GameAudioProvider, NavigationProvider2 as NavigationProvider, OfflineModeProvider, OrbitalProvider, OrbitalThemeProvider, SelectionContext, SelectionProvider, ServerBridgeProvider, TraitContext, TraitProvider, TraitScopeProvider3 as TraitScopeProvider, UserContext, UserProvider, VerificationProvider, extractRouteParams2 as extractRouteParams, findPageByName2 as findPageByName, findPageByPath2 as findPageByPath, getAllPages2 as getAllPages, getDefaultPage2 as getDefaultPage, matchPath2 as matchPath, pathMatches2 as pathMatches, useActivePage2 as useActivePage, useCurrentPagePath2 as useCurrentPagePath, useEntitySchema, useEntitySchemaOptional6 as useEntitySchemaOptional, useGameAudioContext2 as useGameAudioContext, useGameAudioContextOptional2 as useGameAudioContextOptional, useHasPermission, useHasRole, useInitPayload2 as useInitPayload, useNavigateTo2 as useNavigateTo, useNavigation2 as useNavigation, useNavigationId2 as useNavigationId, useNavigationState2 as useNavigationState, useOfflineMode, useOptionalOfflineMode, useSelection, useSelectionOptional, useServerBridge, useTrait, useTraitContext, useTraitScope, useTraitScopeChain2 as useTraitScopeChain, useUser, useUserForEvaluation };