@almadar/ui 5.121.3 → 5.121.4

package/dist/providers/index.cjs

@@ -139,9 +139,9 @@ function getGlobalEventBus() {
 function useEventBus() {
   const context = React83.useContext(providers.EventBusContext);
   const baseBus = context ?? getGlobalEventBus() ?? fallbackEventBus;
-  const scope = providers.useTraitScope();
+  const chain = providers.useTraitScopeChain();
   return React83.useMemo(() => {
-    if (!scope) {
+    if (chain.length === 0) {
       return {
         ...baseBus,
         emit: (type, payload, source) => {
@@ -157,22 +157,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();
@@ -714,13 +723,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__namespace.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
@@ -1320,6 +1329,15 @@ var init_Modal = __esm({
       const [dragY, setDragY] = React83.useState(0);
       const dragStartY = React83.useRef(0);
       const isDragging = React83.useRef(false);
+      const [closing, setClosing] = React83.useState(false);
+      const wasOpenRef = React83.useRef(isOpen);
+      React83.useEffect(() => {
+        if (wasOpenRef.current && !isOpen) setClosing(true);
+        wasOpenRef.current = isOpen;
+      }, [isOpen]);
+      const handleAnimEnd = (e) => {
+        if (closing && e.target === e.currentTarget) setClosing(false);
+      };
       React83.useEffect(() => {
         if (isOpen) {
           previousActiveElement.current = document.activeElement;
@@ -1353,7 +1371,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();
@@ -1370,7 +1392,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,
@@ -1398,8 +1421,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"
@@ -1508,6 +1533,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)" },
@@ -2920,7 +2946,7 @@ var init_Input = __esm({
             eventBus.emit(`UI:${action}`, { value: e.currentTarget.value });
           }
         };
-        const wrapField = (field) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
+        const wrapField = (field, fullWidth = true) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: fullWidth ? "w-full" : "w-fit", children: [
           label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium text-foreground mb-1", children: label }),
           field,
           (helperText || error) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-1 text-xs", error ? "text-error" : "text-muted-foreground"), children: error ?? helperText })
@@ -2980,7 +3006,8 @@ var init_Input = __esm({
                 ),
                 ...props
               }
-            )
+            ),
+            false
           );
         }
         return wrapField(
@@ -5308,6 +5335,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"() {
@@ -5319,6 +5358,7 @@ var init_AnimatedCounter = __esm({
       duration = 600,
       prefix,
       suffix,
+      format,
       className
     }) => {
       const numericRaw = typeof rawValue === "number" ? rawValue : Number.parseFloat(String(rawValue ?? ""));
@@ -5334,6 +5374,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) {
@@ -5355,7 +5399,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__ */ jsxRuntime.jsxs(Typography, { variant: "h3", className: cn("tabular-nums", className), children: [
         prefix,
         formattedValue,
@@ -6634,14 +6678,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"
+          );
+        }
       }
     }
   }
@@ -6759,19 +6818,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", {
@@ -7774,7 +7846,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__namespace.useCallback(
     (option) => {
@@ -9172,6 +9244,10 @@ function Canvas2D({
       window.removeEventListener("keyup", onUp);
     };
   }, [keyMap, keyUpMap, eventBus]);
+  React83.useEffect(() => {
+    if (!keyMap && !keyUpMap) return;
+    canvasRef.current?.focus();
+  }, [keyMap, keyUpMap]);
   if (error) {
     return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("flex items-center justify-center w-full h-full bg-[var(--color-card)] rounded-container", className), children: /* @__PURE__ */ jsxRuntime.jsxs(Stack, { direction: "vertical", gap: "md", align: "center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "alert-circle", size: "xl" }),
@@ -9220,7 +9296,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
@@ -14121,7 +14197,8 @@ var init_LoadingState = __esm({
     LoadingState = ({
       title,
       message,
-      className
+      className,
+      fullPage = false
     }) => {
       const { t } = hooks.useTranslate();
       const displayMessage = message ?? t("common.loading");
@@ -14130,7 +14207,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: [
@@ -17332,7 +17410,7 @@ var init_BookCoverPage = __esm({
                 size: "lg",
                 action: "BOOK_START",
                 className: "mt-8",
-                children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", children: t("book.startReading") })
+                children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "inherit", children: t("book.startReading") })
               }
             )
           ]
@@ -19644,8 +19722,9 @@ var init_Chart = __esm({
                   align: "center",
                   flex: true,
                   className: "min-w-0",
+                  style: { height: "100%" },
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: histogram ? "none" : "xs", align: "end", className: "w-full", style: { height: "100%" }, children: series.map((s, sIdx) => {
+                    /* @__PURE__ */ jsxRuntime.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);
@@ -19658,6 +19737,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?.(
@@ -19692,8 +19773,9 @@ var init_Chart = __esm({
                 align: "center",
                 flex: true,
                 className: "min-w-0",
+                style: { height: "100%" },
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "none", className: "w-full", style: { height: "100%" }, justify: "end", children: series.map((s, sIdx) => {
+                  /* @__PURE__ */ jsxRuntime.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);
@@ -19738,6 +19820,7 @@ var init_Chart = __esm({
       const innerRadius = donut ? radius * 0.6 : 0;
       const center = size / 2;
       const segments = React83.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;
@@ -19749,13 +19832,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`;
           }
@@ -22782,10 +22877,10 @@ function DataGrid({
                         ] }),
                         badgeFields.length > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(HStack, { gap: "xs", className: "items-center", children: [
                             field.icon && renderIconInput(field.icon, { size: "xs" }),
-                            /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: resolveBadgeVariant(field, String(val)), children: String(val) })
+                            /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: resolveBadgeVariant(field, String(val)), children: formatValue(val, field.format) })
                           ] }, field.name);
                         }) })
                       ] }),
@@ -30275,6 +30370,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",
@@ -34180,7 +34280,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",
@@ -34190,10 +34290,10 @@ var init_Sidebar = __esm({
           title: collapsed ? item.label : void 0,
           children: [
             item.icon && (typeof item.icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: item.icon, size: "sm", className: cn("min-w-[20px] flex-shrink-0", isActive && "text-primary-foreground") }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: item.icon, size: "sm", className: cn("min-w-[20px] flex-shrink-0", isActive && "text-primary-foreground") })),
-            !collapsed && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: isActive ? "inherit" : "primary", className: "font-medium truncate flex-1 text-left", children: item.label }),
+            !collapsed && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Badge, { variant: "danger", size: "sm", children: item.badge }),
             collapsed && /* @__PURE__ */ jsxRuntime.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",
@@ -34248,7 +34348,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
@@ -35409,7 +35509,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, GROUP_GRAVITY, UNGROUPED_GRAVITY, 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";
@@ -35433,11 +35533,14 @@ var init_GraphCanvas = __esm({
     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,
@@ -35487,6 +35590,7 @@ var init_GraphCanvas = __esm({
       const interactionRef = React83.useRef({
         mode: "none",
         dragNodeId: null,
+        pressedNodeId: null,
         startMouse: { x: 0, y: 0 },
         startOffset: { x: 0, y: 0 },
         downPos: { x: 0, y: 0 }
@@ -35534,6 +35638,11 @@ var init_GraphCanvas = __esm({
         () => [...new Set(propNodes.map((n) => n.group).filter(Boolean))],
         [propNodes]
       );
+      const nodesKey = React83.useMemo(() => propNodes.map((n) => n.id).join("
"), [propNodes]);
+      const edgesKey = React83.useMemo(
+        () => propEdges.map((e) => `${e.source}
${e.target}`).join("
"),
+        [propEdges]
+      );
       React83.useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas || propNodes.length === 0) return;
@@ -35714,7 +35823,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]);
       React83.useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas) return;
@@ -35844,6 +35953,7 @@ var init_GraphCanvas = __esm({
       const cancelSinglePointer = React83.useCallback(() => {
         interactionRef.current.mode = "none";
         interactionRef.current.dragNodeId = null;
+        interactionRef.current.pressedNodeId = null;
       }, []);
       const handlePointerDown = React83.useCallback(
         (e) => {
@@ -35854,6 +35964,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;
@@ -35905,7 +36016,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);
@@ -35925,6 +36037,7 @@ var init_GraphCanvas = __esm({
       );
       const handlePointerLeave = React83.useCallback(() => {
         setHoveredNode(null);
+        interactionRef.current.pressedNodeId = null;
       }, []);
       const gestureHandlers = useCanvasGestures({
         canvasRef,
@@ -38876,8 +38989,17 @@ var init_MediaGallery = __esm({
       const eventBus = useEventBus();
       const { t } = hooks.useTranslate();
       const [lightboxItem, setLightboxItem] = React83.useState(null);
+      const [failedIds, setFailedIds] = React83.useState(/* @__PURE__ */ new Set());
       const closeLightbox = React83.useCallback(() => setLightboxItem(null), []);
       useEventListener("UI:LIGHTBOX_CLOSE", closeLightbox);
+      const handleImageError = React83.useCallback((id) => {
+        setFailedIds((prev) => {
+          if (prev.has(id)) return prev;
+          const next = new Set(prev);
+          next.add(id);
+          return next;
+        });
+      }, []);
       const handleItemClick = React83.useCallback(
         (item) => {
           if (selectable) {
@@ -38893,7 +39015,7 @@ var init_MediaGallery = __esm({
       );
       const entityData = Array.isArray(entity) ? entity : [];
       const items = React83__namespace.default.useMemo(() => {
-        if (propItems) return propItems;
+        if (propItems && propItems.length > 0) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
           return {
@@ -38976,13 +39098,14 @@ var init_MediaGallery = __esm({
                     ),
                     onClick: () => handleItemClick(item),
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
+                      failedIds.has(item.id) ? /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "w-full h-full flex items-center justify-center bg-muted text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: LucideIcons2.Image, size: "lg" }) }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
@@ -42470,6 +42593,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"() {
@@ -42597,7 +42725,7 @@ var init_Timeline = __esm({
             /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "xs", className: cn("flex-1 min-w-0", !isLast && "pb-6"), children: [
               /* @__PURE__ */ jsxRuntime.jsxs(HStack, { justify: "between", align: "start", wrap: true, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", weight: "semibold", children: item.title }),
-                item.date && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", color: "secondary", className: "flex-shrink-0", children: item.date })
+                item.date && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", color: "secondary", className: "flex-shrink-0", children: formatDate4(item.date) })
               ] }),
               item.description && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", color: "secondary", children: item.description }),
               item.tags && item.tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "xs", wrap: true, children: item.tags.map((tag, tagIdx) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "default", children: tag }, tagIdx)) }),
@@ -43809,7 +43937,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") {
@@ -43827,9 +43955,10 @@ function renderPatternProps(props, onDismiss) {
       };
       rendered[key] = /* @__PURE__ */ jsxRuntime.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;
@@ -43917,14 +44046,15 @@ function SlotContentRenderer({
         );
       }
     }
-    const renderedProps = renderPatternProps(restProps, onDismiss);
     const patternDef = patterns.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] = ui.wrapCallbackForEvent(
           `UI:${propValue}`,
           propDef.callbackArgs,
@@ -44210,7 +44340,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);
@@ -45475,17 +45605,27 @@ function useTrait(traitName) {
   const context = useTraitContext();
   return context.getTrait(traitName);
 }
+var EMPTY_CHAIN = Object.freeze([]);
 var TraitScopeContext = React83.createContext(null);
 function TraitScopeProvider3({
   orbital,
   trait,
   children
 }) {
-  const value = React83.useMemo(() => ({ orbital, trait }), [orbital, trait]);
+  const parentChain = React83.useContext(TraitScopeContext);
+  const value = React83.useMemo(() => {
+    const self = { orbital, trait };
+    return parentChain && parentChain.length > 0 ? [self, ...parentChain] : [self];
+  }, [orbital, trait, parentChain]);
   return /* @__PURE__ */ jsxRuntime.jsx(TraitScopeContext.Provider, { value, children });
 }
-function useTraitScope2() {
-  return React83.useContext(TraitScopeContext);
+function useTraitScopeChain2() {
+  const chain = React83.useContext(TraitScopeContext);
+  return chain ?? EMPTY_CHAIN;
+}
+function useTraitScope() {
+  const chain = React83.useContext(TraitScopeContext);
+  return chain && chain.length > 0 ? chain[0] : null;
 }
 
 // providers/OfflineModeProvider.tsx
@@ -45635,6 +45775,7 @@ exports.useSelectionOptional = useSelectionOptional;
 exports.useServerBridge = useServerBridge;
 exports.useTrait = useTrait;
 exports.useTraitContext = useTraitContext;
-exports.useTraitScope = useTraitScope2;
+exports.useTraitScope = useTraitScope;
+exports.useTraitScopeChain = useTraitScopeChain2;
 exports.useUser = useUser;
 exports.useUserForEvaluation = useUserForEvaluation;