@almadar/ui 2.15.6 → 2.15.8

package/dist/{chunk-BCMOMCL4.js → chunk-ACUO2BBW.js}

@@ -7675,13 +7675,14 @@ var RepeatableFormSection = ({
   const { t } = useTranslate();
   const resolvedAddLabel = addLabel ?? t("common.add");
   const resolvedEmptyMessage = emptyMessage ?? t("empty.noItemsAdded");
-  const canAdd = !readOnly && items.length < maxItems;
-  const canRemove = !readOnly && items.length > minItems;
+  const safeItems = items ?? [];
+  const canAdd = !readOnly && safeItems.length < maxItems;
+  const canRemove = !readOnly && safeItems.length > minItems;
   const handleAdd = useCallback(() => {
     onAdd?.();
     const eventPayload = {
       sectionType,
-      index: items.length
+      index: safeItems.length
     };
     if (trackAddedInState && currentState) {
       eventPayload.addedInState = currentState;
@@ -7690,7 +7691,7 @@ var RepeatableFormSection = ({
     eventBus.emit("UI:SECTION_ADDED", eventPayload);
   }, [
     sectionType,
-    items.length,
+    safeItems.length,
     onAdd,
     eventBus,
     trackAddedInState,
@@ -7709,7 +7710,7 @@ var RepeatableFormSection = ({
         /* @__PURE__ */ jsx(Typography, { variant: "h4", children: title }),
         /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "muted", children: [
           "(",
-          items.length,
+          safeItems.length,
           maxItems !== Infinity ? `/${maxItems}` : "",
           ")"
         ] })
@@ -7719,13 +7720,13 @@ var RepeatableFormSection = ({
         resolvedAddLabel
       ] })
     ] }),
-    items.length === 0 ? /* @__PURE__ */ jsx(Card, { className: "p-6", children: /* @__PURE__ */ jsxs(VStack, { align: "center", gap: "sm", children: [
+    safeItems.length === 0 ? /* @__PURE__ */ jsx(Card, { className: "p-6", children: /* @__PURE__ */ jsxs(VStack, { align: "center", gap: "sm", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "body", color: "muted", children: resolvedEmptyMessage }),
       canAdd && /* @__PURE__ */ jsxs(Button, { variant: "primary", size: "sm", onClick: handleAdd, children: [
         /* @__PURE__ */ jsx(Icon, { name: "plus", size: "sm", className: "mr-1" }),
         resolvedAddLabel
       ] })
-    ] }) }) : /* @__PURE__ */ jsx(VStack, { gap: "sm", children: items.map((item, index) => /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+    ] }) }) : /* @__PURE__ */ jsx(VStack, { gap: "sm", children: safeItems.map((item, index) => /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
       showAuditInfo && (item.addedInState || item.addedAt) && /* @__PURE__ */ jsxs(
         HStack,
         {
@@ -7765,7 +7766,7 @@ var RepeatableFormSection = ({
         )
       ] })
     ] }) }, item.id)) }),
-    items.length < minItems && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "warning", children: [
+    safeItems.length < minItems && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "warning", children: [
       "At least ",
       minItems,
       " item",
@@ -7792,9 +7793,16 @@ var ViolationAlert = ({
   onDismiss,
   onNavigateToField,
   compact = false,
-  className
+  className,
+  ...flatProps
 }) => {
-  const effectiveSeverity = severity ?? (violation.actionType === "measure" ? "warning" : "error");
+  const resolvedViolation = violation ?? {
+    law: "",
+    article: "",
+    message: flatProps.message ?? "Violation",
+    actionType: "measure"
+  };
+  const effectiveSeverity = severity ?? (resolvedViolation.actionType === "measure" ? "warning" : "error");
   const bgColor = effectiveSeverity === "warning" ? "bg-[var(--color-warning)]/10 border-[var(--color-warning)]/30" : "bg-[var(--color-error)]/10 border-[var(--color-error)]/30";
   const textColor = effectiveSeverity === "warning" ? "text-[var(--color-warning)]" : "text-[var(--color-error)]";
   const iconColor = effectiveSeverity === "warning" ? "text-[var(--color-warning)]" : "text-[var(--color-error)]";
@@ -7812,7 +7820,7 @@ var ViolationAlert = ({
             /* @__PURE__ */ jsx(
               Icon,
               {
-                name: actionTypeIcons[violation.actionType],
+                name: actionTypeIcons[resolvedViolation.actionType],
                 size: "sm",
                 className: iconColor
               }
@@ -7824,13 +7832,13 @@ var ViolationAlert = ({
                 className: textColor,
                 weight: "semibold",
                 children: [
-                  violation.law,
+                  resolvedViolation.law,
                   " Art. ",
-                  violation.article
+                  resolvedViolation.article
                 ]
               }
             ),
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: textColor, children: violation.message })
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: textColor, children: resolvedViolation.message })
           ] }),
           dismissible && onDismiss && /* @__PURE__ */ jsx(
             Button,
@@ -7860,23 +7868,23 @@ var ViolationAlert = ({
             /* @__PURE__ */ jsx(
               Icon,
               {
-                name: actionTypeIcons[violation.actionType],
+                name: actionTypeIcons[resolvedViolation.actionType],
                 size: "md",
                 className: iconColor
               }
             ),
             /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
               /* @__PURE__ */ jsxs(Typography, { variant: "label", weight: "bold", className: textColor, children: [
-                violation.law,
+                resolvedViolation.law,
                 " Art. ",
-                violation.article
+                resolvedViolation.article
               ] }),
               /* @__PURE__ */ jsx(
                 Typography,
                 {
                   variant: "caption",
                   className: cn(textColor, "opacity-75"),
-                  children: actionTypeLabels[violation.actionType]
+                  children: actionTypeLabels[resolvedViolation.actionType]
                 }
               )
             ] })
@@ -7892,8 +7900,8 @@ var ViolationAlert = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx(Typography, { variant: "body2", className: textColor, children: violation.message }),
-        (violation.adminAction || violation.penaltyAction) && /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", className: textColor, children: resolvedViolation.message }),
+        (resolvedViolation.adminAction || resolvedViolation.penaltyAction) && /* @__PURE__ */ jsx(
           Box,
           {
             className: cn(
@@ -7901,7 +7909,7 @@ var ViolationAlert = ({
               effectiveSeverity === "warning" ? "border-[var(--color-warning)]/30" : "border-[var(--color-error)]/30"
             ),
             children: /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
-              violation.adminAction && /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
+              resolvedViolation.adminAction && /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
                 /* @__PURE__ */ jsx(
                   Typography,
                   {
@@ -7916,11 +7924,11 @@ var ViolationAlert = ({
                     variant: "caption",
                     weight: "semibold",
                     className: textColor,
-                    children: violation.adminAction
+                    children: resolvedViolation.adminAction
                   }
                 )
               ] }),
-              violation.penaltyAction && /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
+              resolvedViolation.penaltyAction && /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
                 /* @__PURE__ */ jsx(
                   Typography,
                   {
@@ -7935,19 +7943,19 @@ var ViolationAlert = ({
                     variant: "caption",
                     weight: "semibold",
                     className: textColor,
-                    children: violation.penaltyAction
+                    children: resolvedViolation.penaltyAction
                   }
                 )
               ] })
             ] })
           }
         ),
-        violation.fieldId && onNavigateToField && /* @__PURE__ */ jsxs(
+        resolvedViolation.fieldId && onNavigateToField && /* @__PURE__ */ jsxs(
           Button,
           {
             variant: "ghost",
             size: "sm",
-            onClick: () => onNavigateToField(violation.fieldId),
+            onClick: () => onNavigateToField(resolvedViolation.fieldId),
             className: cn(textColor, "self-start"),
             children: [
               /* @__PURE__ */ jsx(Icon, { name: "arrow-right", size: "sm", className: "mr-1" }),
@@ -13246,6 +13254,7 @@ var SwipeableRow = ({
   );
 };
 SwipeableRow.displayName = "SwipeableRow";
+var EMPTY_ITEMS = [];
 function useSafeEventBus9() {
   try {
     return useEventBus();
@@ -13257,7 +13266,7 @@ function useSafeEventBus9() {
   }
 }
 function SortableListInner({
-  items: initialItems,
+  items: initialItems = EMPTY_ITEMS,
   renderItem,
   reorderEvent,
   reorderPayload,
@@ -13328,7 +13337,7 @@ function SortableListInner({
               ),
               children: [
                 dragHandlePosition === "left" && dragHandle,
-                /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0", children: renderItem(item, index) }),
+                /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0", children: typeof renderItem === "function" ? renderItem(item, index) : JSON.stringify(item) }),
                 dragHandlePosition === "right" && dragHandle
               ]
             }
@@ -22574,9 +22583,10 @@ function EventHandlerBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
-  const [objects, setObjects] = useState(entity.objects);
+  const entityObjects = entity?.objects ?? [];
+  const [objects, setObjects] = useState(entityObjects);
   const [selectedObjectId, setSelectedObjectId] = useState(
-    entity.objects[0]?.id || null
+    entityObjects[0]?.id || null
   );
   const [headerError, setHeaderError] = useState(false);
   const [playState, setPlayState] = useState("editing");
@@ -22662,12 +22672,12 @@ function EventHandlerBoard({
   }, []);
   const handleReset = useCallback(() => {
     if (timerRef.current) clearTimeout(timerRef.current);
-    setObjects(entity.objects);
+    setObjects(entity?.objects ?? []);
     setPlayState("editing");
     setEventLog([]);
-    setSelectedObjectId(entity.objects[0]?.id || null);
+    setSelectedObjectId((entity?.objects ?? [])[0]?.id || null);
     setAttempts(0);
-  }, [entity.objects]);
+  }, [entity?.objects]);
   const objectViewers = objects.map((obj) => {
     const machine = {
       name: obj.name,
@@ -23250,9 +23260,10 @@ function SimulatorBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
+  const parameters = entity?.parameters ?? [];
   const [values, setValues] = useState(() => {
     const init = {};
-    for (const p2 of entity.parameters) {
+    for (const p2 of parameters) {
       init[p2.id] = p2.initial;
     }
     return init;
@@ -23269,8 +23280,10 @@ function SimulatorBoard({
       return 0;
     }
   }, [entity.computeExpression]);
-  const output = useMemo(() => computeOutput(values), [computeOutput, values]);
-  const isCorrect = Math.abs(output - entity.targetValue) <= entity.targetTolerance;
+  const output = useMemo(() => computeOutput(values) ?? 0, [computeOutput, values]);
+  const targetValue = entity?.targetValue ?? 0;
+  const targetTolerance = entity?.targetTolerance ?? 0;
+  const isCorrect = Math.abs(output - targetValue) <= targetTolerance;
   const handleParameterChange = (id, value) => {
     if (submitted) return;
     setValues((prev) => ({ ...prev, [id]: value }));
@@ -23290,7 +23303,7 @@ function SimulatorBoard({
   };
   const handleFullReset = () => {
     const init = {};
-    for (const p2 of entity.parameters) {
+    for (const p2 of parameters) {
       init[p2.id] = p2.initial;
     }
     setValues(init);
@@ -23315,7 +23328,7 @@ function SimulatorBoard({
         ] }) }),
         /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "md", children: [
           /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-[var(--color-muted-foreground)]", children: t("simulator.parameters") }),
-          entity.parameters.map((param) => /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
+          parameters.map((param) => /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
             /* @__PURE__ */ jsxs(HStack, { justify: "between", align: "center", children: [
               /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "medium", children: param.label }),
               /* @__PURE__ */ jsxs(Badge, { size: "sm", children: [
@@ -23365,11 +23378,11 @@ function SimulatorBoard({
           /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-[var(--color-muted-foreground)]", children: [
             t("simulator.target"),
             ": ",
-            entity.targetValue,
+            targetValue,
             " ",
-            entity.outputUnit,
+            entity?.outputUnit ?? "",
             " (\xB1",
-            entity.targetTolerance,
+            targetTolerance,
             ")"
           ] })
         ] }) }),
@@ -23401,9 +23414,11 @@ function ClassifierBoard({
   const [submitted, setSubmitted] = useState(false);
   const [attempts, setAttempts] = useState(0);
   const [showHint, setShowHint] = useState(false);
-  const unassignedItems = entity.items.filter((item) => !assignments[item.id]);
-  const allAssigned = Object.keys(assignments).length === entity.items.length;
-  const results = submitted ? entity.items.map((item) => ({
+  const items = entity?.items ?? [];
+  const categories = entity?.categories ?? [];
+  const unassignedItems = items.filter((item) => !assignments[item.id]);
+  const allAssigned = Object.keys(assignments).length === items.length;
+  const results = submitted ? items.map((item) => ({
     item,
     assigned: assignments[item.id],
     correct: assignments[item.id] === item.correctCategory
@@ -23425,11 +23440,11 @@ function ClassifierBoard({
   const handleSubmit = useCallback(() => {
     setSubmitted(true);
     setAttempts((a) => a + 1);
-    const correct = entity.items.every((item) => assignments[item.id] === item.correctCategory);
+    const correct = items.every((item) => assignments[item.id] === item.correctCategory);
     if (correct) {
       emit(`UI:${completeEvent}`, { success: true, attempts: attempts + 1 });
     }
-  }, [entity.items, assignments, attempts, completeEvent, emit]);
+  }, [items, assignments, attempts, completeEvent, emit]);
   const handleReset = () => {
     setSubmitted(false);
     if (attempts >= 2 && entity.hint) {
@@ -23464,8 +23479,8 @@ function ClassifierBoard({
             item.label
           ] }, item.id)) })
         ] }) }),
-        /* @__PURE__ */ jsx(VStack, { gap: "md", children: entity.categories.map((cat) => {
-          const catItems = entity.items.filter((item) => assignments[item.id] === cat.id);
+        /* @__PURE__ */ jsx(VStack, { gap: "md", children: categories.map((cat) => {
+          const catItems = items.filter((item) => assignments[item.id] === cat.id);
           return /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
             cat.imageUrl && /* @__PURE__ */ jsx(Box, { className: "w-full h-16 overflow-hidden rounded-md", children: /* @__PURE__ */ jsx("img", { src: cat.imageUrl, alt: "", className: "w-full h-full object-cover" }) }),
             /* @__PURE__ */ jsxs(HStack, { justify: "between", align: "center", children: [
@@ -23507,7 +23522,7 @@ function ClassifierBoard({
         }) }),
         submitted && /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", children: [
           /* @__PURE__ */ jsx(Icon, { icon: allCorrect ? CheckCircle : XCircle, size: "lg", className: allCorrect ? "text-green-600" : "text-red-600" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: allCorrect ? entity.successMessage ?? t("classifier.allCorrect") : `${correctCount}/${entity.items.length} ${t("classifier.correct")}` }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: allCorrect ? entity.successMessage ?? t("classifier.allCorrect") : `${correctCount}/${items.length} ${t("classifier.correct")}` }),
           !allCorrect && entity.failMessage && /* @__PURE__ */ jsx(Typography, { variant: "body", className: "text-[var(--color-muted-foreground)]", children: entity.failMessage })
         ] }) }),
         showHint && entity.hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-yellow-500", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: entity.hint }) }),
@@ -23538,11 +23553,13 @@ function BuilderBoard({
   const [submitted, setSubmitted] = useState(false);
   const [attempts, setAttempts] = useState(0);
   const [showHint, setShowHint] = useState(false);
+  const components = entity?.components ?? [];
+  const slots = entity?.slots ?? [];
   const usedComponentIds = new Set(Object.values(placements));
-  const availableComponents = entity.components.filter((c) => !usedComponentIds.has(c.id));
+  const availableComponents = components.filter((c) => !usedComponentIds.has(c.id));
   const [selectedComponent, setSelectedComponent] = useState(null);
-  const allPlaced = Object.keys(placements).length === entity.slots.length;
-  const results = submitted ? entity.slots.map((slot) => ({
+  const allPlaced = Object.keys(placements).length === slots.length;
+  const results = submitted ? slots.map((slot) => ({
     slot,
     placed: placements[slot.id],
     correct: placements[slot.id] === slot.acceptsComponentId
@@ -23564,11 +23581,11 @@ function BuilderBoard({
   const handleSubmit = useCallback(() => {
     setSubmitted(true);
     setAttempts((a) => a + 1);
-    const correct = entity.slots.every((slot) => placements[slot.id] === slot.acceptsComponentId);
+    const correct = slots.every((slot) => placements[slot.id] === slot.acceptsComponentId);
     if (correct) {
       emit(`UI:${completeEvent}`, { success: true, attempts: attempts + 1 });
     }
-  }, [entity.slots, placements, attempts, completeEvent, emit]);
+  }, [slots, placements, attempts, completeEvent, emit]);
   const handleReset = () => {
     setSubmitted(false);
     if (attempts >= 2 && entity.hint) {
@@ -23582,7 +23599,7 @@ function BuilderBoard({
     setAttempts(0);
     setShowHint(false);
   };
-  const getComponentById = (id) => entity.components.find((c) => c.id === id);
+  const getComponentById = (id) => components.find((c) => c.id === id);
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -23623,7 +23640,7 @@ function BuilderBoard({
         ] }) }),
         /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
           /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-[var(--color-muted-foreground)]", children: t("builder.blueprint") }),
-          /* @__PURE__ */ jsx(VStack, { gap: "sm", children: entity.slots.map((slot) => {
+          /* @__PURE__ */ jsx(VStack, { gap: "sm", children: slots.map((slot) => {
             const placedComp = placements[slot.id] ? getComponentById(placements[slot.id]) : null;
             const result = results.find((r) => r.slot.id === slot.id);
             return /* @__PURE__ */ jsxs(
@@ -23698,9 +23715,10 @@ function DebuggerBoard({
       return next;
     });
   };
-  const bugLines = entity.lines.filter((l) => l.isBug);
-  const correctFlags = entity.lines.filter((l) => l.isBug && flaggedLines.has(l.id));
-  const falseFlags = entity.lines.filter((l) => !l.isBug && flaggedLines.has(l.id));
+  const lines = entity?.lines ?? [];
+  const bugLines = lines.filter((l) => l.isBug);
+  const correctFlags = lines.filter((l) => l.isBug && flaggedLines.has(l.id));
+  const falseFlags = lines.filter((l) => !l.isBug && flaggedLines.has(l.id));
   const allCorrect = submitted && correctFlags.length === bugLines.length && falseFlags.length === 0;
   const handleSubmit = useCallback(() => {
     setSubmitted(true);
@@ -23741,7 +23759,7 @@ function DebuggerBoard({
           /* @__PURE__ */ jsx(Typography, { variant: "body", children: entity.description }),
           /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-[var(--color-muted-foreground)]", children: t("debugger.findBugs", { count: String(entity.bugCount) }) })
         ] }) }),
-        /* @__PURE__ */ jsx(Card, { className: "p-0 overflow-hidden", children: /* @__PURE__ */ jsx(VStack, { gap: "none", children: entity.lines.map((line, i) => {
+        /* @__PURE__ */ jsx(Card, { className: "p-0 overflow-hidden", children: /* @__PURE__ */ jsx(VStack, { gap: "none", children: lines.map((line, i) => {
           const isFlagged = flaggedLines.has(line.id);
           let lineStyle = "";
           if (submitted) {
@@ -23833,10 +23851,12 @@ function NegotiatorBoard({
   const playerTotal = history.reduce((s, r) => s + r.playerPayoff, 0);
   const opponentTotal = history.reduce((s, r) => s + r.opponentPayoff, 0);
   const won = isComplete && playerTotal >= entity.targetScore;
+  const actions = entity?.actions ?? [];
+  const payoffMatrix = entity?.payoffMatrix ?? [];
   const handleAction = useCallback((actionId) => {
     if (isComplete) return;
-    const opponentAction = getOpponentAction(entity.opponentStrategy, entity.actions, history);
-    const payoff = entity.payoffMatrix.find(
+    const opponentAction = getOpponentAction(entity.opponentStrategy, actions, history);
+    const payoff = payoffMatrix.find(
       (p2) => p2.playerAction === actionId && p2.opponentAction === opponentAction
     );
     const result = {
@@ -23857,12 +23877,12 @@ function NegotiatorBoard({
         setShowHint(true);
       }
     }
-  }, [isComplete, entity, history, currentRound, completeEvent, emit]);
+  }, [isComplete, entity, actions, payoffMatrix, history, currentRound, completeEvent, emit]);
   const handleReset = () => {
     setHistory([]);
     setShowHint(false);
   };
-  const getActionLabel = (id) => entity.actions.find((a) => a.id === id)?.label ?? id;
+  const getActionLabel = (id) => actions.find((a) => a.id === id)?.label ?? id;
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -23898,7 +23918,7 @@ function NegotiatorBoard({
         ] }),
         !isComplete && /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
           /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-[var(--color-muted-foreground)]", children: t("negotiator.chooseAction") }),
-          /* @__PURE__ */ jsx(HStack, { gap: "sm", justify: "center", className: "flex-wrap", children: entity.actions.map((action) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(HStack, { gap: "sm", justify: "center", className: "flex-wrap", children: actions.map((action) => /* @__PURE__ */ jsx(
             Button,
             {
               variant: "primary",
@@ -25174,7 +25194,7 @@ var DashboardLayout = ({
     sidebarOpen && /* @__PURE__ */ jsx(
       Box,
       {
-        className: "fixed inset-0 bg-[var(--color-foreground)]/50 dark:bg-[var(--color-foreground)]/70 z-40 lg:hidden",
+        className: "fixed inset-0 bg-[var(--color-foreground)]/50 dark:bg-[var(--color-foreground)]/70 z-20 lg:hidden",
         onClick: () => setSidebarOpen(false)
       }
     ),
@@ -25183,7 +25203,7 @@ var DashboardLayout = ({
       {
         as: "aside",
         className: cn(
-          "fixed inset-y-0 left-0 z-50 w-64 bg-[var(--color-card)] dark:bg-[var(--color-card)] border-r border-[var(--color-border)] dark:border-[var(--color-border)]",
+          "fixed inset-y-0 left-0 z-30 w-64 bg-[var(--color-card)] dark:bg-[var(--color-card)] border-r border-[var(--color-border)] dark:border-[var(--color-border)]",
           "transform transition-transform duration-200 ease-in-out lg:translate-x-0",
           sidebarOpen ? "translate-x-0" : "-translate-x-full"
         ),
@@ -25262,7 +25282,7 @@ var DashboardLayout = ({
         Box,
         {
           as: "header",
-          className: "sticky top-0 z-30 h-16 bg-[var(--color-card)] dark:bg-[var(--color-card)] border-b border-[var(--color-border)] dark:border-[var(--color-border)]",
+          className: "sticky top-0 z-20 h-16 bg-[var(--color-card)] dark:bg-[var(--color-card)] border-b border-[var(--color-border)] dark:border-[var(--color-border)]",
           children: /* @__PURE__ */ jsxs(
             HStack,
             {
@@ -25345,11 +25365,11 @@ var DashboardLayout = ({
                       /* @__PURE__ */ jsx(
                         Box,
                         {
-                          className: "fixed inset-0 z-40",
+                          className: "fixed inset-0 z-20",
                           onClick: () => setUserMenuOpen(false)
                         }
                       ),
-                      /* @__PURE__ */ jsxs(Box, { className: "absolute right-0 mt-2 w-48 bg-[var(--color-card)] dark:bg-[var(--color-card)] rounded-[var(--radius-lg)] shadow-[var(--shadow-lg)] border border-[var(--color-border)] dark:border-[var(--color-border)] py-1 z-50", children: [
+                      /* @__PURE__ */ jsxs(Box, { className: "absolute right-0 mt-2 w-48 bg-[var(--color-card)] dark:bg-[var(--color-card)] rounded-[var(--radius-lg)] shadow-[var(--shadow-lg)] border border-[var(--color-border)] dark:border-[var(--color-border)] py-1 z-30", children: [
                         /* @__PURE__ */ jsxs(Box, { className: "px-4 py-2 border-b border-[var(--color-border)] dark:border-[var(--color-border)]", children: [
                           /* @__PURE__ */ jsx(
                             Typography,
@@ -25415,7 +25435,10 @@ var NavLink = ({
   currentPath
 }) => {
   const isActive = currentPath === item.href || currentPath.startsWith(item.href + "/");
-  const Icon3 = item.icon;
+  const iconClassName = cn(
+    "h-5 w-5",
+    isActive ? "text-[var(--color-primary-foreground)]" : "text-[var(--color-muted-foreground)]"
+  );
   return /* @__PURE__ */ jsxs(
     Link,
     {
@@ -25425,15 +25448,7 @@ var NavLink = ({
         isActive ? "bg-[var(--color-primary)] text-[var(--color-primary-foreground)] shadow-[var(--shadow-sm)]" : "text-[var(--color-muted-foreground)] hover:bg-[var(--color-muted)] hover:text-[var(--color-foreground)]"
       ),
       children: [
-        Icon3 && /* @__PURE__ */ jsx(
-          Icon3,
-          {
-            className: cn(
-              "h-5 w-5",
-              isActive ? "text-[var(--color-primary-foreground)]" : "text-[var(--color-muted-foreground)]"
-            )
-          }
-        ),
+        item.icon && (typeof item.icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: item.icon, className: iconClassName }) : /* @__PURE__ */ jsx(item.icon, { className: iconClassName })),
         /* @__PURE__ */ jsx(
           Typography,
           {
@@ -29684,8 +29699,9 @@ var PATTERNS_WITH_CHILDREN = /* @__PURE__ */ new Set([
   "popover",
   "container",
   "simple-grid",
-  "custom"
-  // Custom patterns support nested children
+  "custom",
+  "dashboard-layout",
+  "game-shell"
 ]);
 function renderContainedPortal(slot, content, onDismiss) {
   const slotContent = /* @__PURE__ */ jsx(SlotContentRenderer, { content, onDismiss });
@@ -30031,14 +30047,15 @@ function getToastPosition(position) {
       return "top-4 right-4";
   }
 }
-function renderPatternChildren(children, onDismiss) {
+function renderPatternChildren(children, onDismiss, parentId = "root") {
   if (!children || !Array.isArray(children) || children.length === 0) {
     return null;
   }
   return children.map((child, index) => {
     if (!child || typeof child !== "object") return null;
+    const childId = `${parentId}-${index}`;
     const childContent = {
-      id: `child-${index}`,
+      id: childId,
       pattern: child.type,
       props: child.props ?? {},
       priority: 0
@@ -30049,10 +30066,34 @@ function renderPatternChildren(children, onDismiss) {
         content: childContent,
         onDismiss
       },
-      `child-${index}-${child.type}`
+      childId
     );
   });
 }
+function isPatternConfig(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value) && "type" in value && typeof value.type === "string";
+}
+function renderPatternProps(props, onDismiss) {
+  const rendered = {};
+  for (const [key, value] of Object.entries(props)) {
+    if (key === "children") {
+      rendered[key] = value;
+    } else if (isPatternConfig(value)) {
+      const childContent = {
+        id: `prop-${key}`,
+        pattern: value.type,
+        props: Object.fromEntries(
+          Object.entries(value).filter(([k]) => k !== "type")
+        ),
+        priority: 0
+      };
+      rendered[key] = /* @__PURE__ */ jsx(SlotContentRenderer, { content: childContent, onDismiss });
+    } else {
+      rendered[key] = value;
+    }
+  }
+  return rendered;
+}
 function SlotContentRenderer({
   content,
   onDismiss
@@ -30061,15 +30102,16 @@ function SlotContentRenderer({
   if (PatternComponent) {
     const supportsChildren = PATTERNS_WITH_CHILDREN.has(content.pattern);
     const childrenConfig = content.props.children;
-    const renderedChildren = supportsChildren ? renderPatternChildren(childrenConfig, onDismiss) : void 0;
+    const renderedChildren = supportsChildren ? renderPatternChildren(childrenConfig, onDismiss, content.id) : void 0;
     const { children: _childrenConfig, ...restProps } = content.props;
+    const renderedProps = renderPatternProps(restProps, onDismiss);
     return /* @__PURE__ */ jsx(
       Box,
       {
         className: "slot-content",
         "data-pattern": content.pattern,
         "data-id": content.id,
-        children: /* @__PURE__ */ jsx(PatternComponent, { ...restProps, children: renderedChildren })
+        children: /* @__PURE__ */ jsx(PatternComponent, { ...renderedProps, children: renderedChildren })
       }
     );
   }

package/dist/{chunk-OKWKEU3C.js → chunk-JJHCOO34.js}

@@ -1,4 +1,4 @@
-import { SuspenseConfigProvider } from './chunk-BCMOMCL4.js';
+import { SuspenseConfigProvider } from './chunk-ACUO2BBW.js';
 import { ThemeProvider } from './chunk-DKQN5FVU.js';
 import { recordTransition, registerCheck, bindEventBus, bindTraitStateGetter } from './chunk-XL7WB2O5.js';
 import { SelectionProvider, EntityDataProvider } from './chunk-CDIOHSKG.js';

package/dist/components/index.js

@@ -1,8 +1,8 @@
 export { ENTITY_EVENTS, useAgentChat, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useEntities, useEntitiesByType, useEntity as useEntityById, useEntityMutations, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInput, useOrbitalHistory, useOrbitalMutations, usePhysics, usePinchZoom, usePlayer, usePreview, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useUIEvents, useUpdateEntity, useValidation } from '../chunk-SD3KVCY6.js';
 export { clearEntities, getAllEntities, getByType, getEntity, getSingleton, removeEntity, spawnEntity, updateEntity, updateSingleton } from '../chunk-N7MVUW4R.js';
 import '../chunk-3HJHHULT.js';
-import { VStack, HStack, Typography, Button, Icon, Box, Card, DataTable, Badge, Toast } from '../chunk-BCMOMCL4.js';
-export { ALL_PRESETS, AR_BOOK_FIELDS, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, Alert, AnimatedCounter, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, Breadcrumb, BuilderBoard, Button, ButtonGroup, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, ClassifierBoard, CodeBlock, CodeView, CodeViewer, CombatLog, ComboCounter, ConditionalWrapper, ConfettiEffect, ConfirmDialog, Container, ContentRenderer, ControlButton, CounterTemplate, CraftingRecipe, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, DialogueBox, DialogueBubble, Divider, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FLOOR_HEIGHT, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormField, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GraphCanvas, GraphView, Grid, HStack, Header, Heading, HealthBar, HealthPanel, IDENTITY_BOOK_FIELDS, Icon, InfiniteScrollSentinel, Input, InputGroup, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, Label, LawReferenceTooltip, Lightbox, LineChart, List, LoadingState, MapView, MarkdownContent, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, Navigation, NegotiatorBoard, NumberStepper, ObjectRulePanel, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PlatformerCanvas, Popover, PowerupSlots, ProgressBar, ProgressDots, PullToRefresh, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ResourceBar, ResourceCounter, RuleEditor, RuntimeDebugger, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, Select, SequenceBar, SequencerBoard, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SortableList, Spacer, Spinner, Split, SplitPane, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateMachineView, StateNode, StatusDot, StatusEffect, SwipeableRow, Switch, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, Table, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, ViolationAlert, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, drawSprite, isoToScreen, mapBookData, pendulum, projectileMotion, resolveFieldMap, screenToIso, springOscillator, useBattleState, useCamera, useGameAudio, useGameAudioContext, useImageCache } from '../chunk-BCMOMCL4.js';
+import { VStack, HStack, Typography, Button, Icon, Box, Card, DataTable, Badge, Toast } from '../chunk-ACUO2BBW.js';
+export { ALL_PRESETS, AR_BOOK_FIELDS, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, Alert, AnimatedCounter, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, Breadcrumb, BuilderBoard, Button, ButtonGroup, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, ClassifierBoard, CodeBlock, CodeView, CodeViewer, CombatLog, ComboCounter, ConditionalWrapper, ConfettiEffect, ConfirmDialog, Container, ContentRenderer, ControlButton, CounterTemplate, CraftingRecipe, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, DialogueBox, DialogueBubble, Divider, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FLOOR_HEIGHT, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormField, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GraphCanvas, GraphView, Grid, HStack, Header, Heading, HealthBar, HealthPanel, IDENTITY_BOOK_FIELDS, Icon, InfiniteScrollSentinel, Input, InputGroup, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, Label, LawReferenceTooltip, Lightbox, LineChart, List, LoadingState, MapView, MarkdownContent, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, Navigation, NegotiatorBoard, NumberStepper, ObjectRulePanel, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PlatformerCanvas, Popover, PowerupSlots, ProgressBar, ProgressDots, PullToRefresh, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ResourceBar, ResourceCounter, RuleEditor, RuntimeDebugger, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, Select, SequenceBar, SequencerBoard, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SortableList, Spacer, Spinner, Split, SplitPane, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateMachineView, StateNode, StatusDot, StatusEffect, SwipeableRow, Switch, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, Table, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, ViolationAlert, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, drawSprite, isoToScreen, mapBookData, pendulum, projectileMotion, resolveFieldMap, screenToIso, springOscillator, useBattleState, useCamera, useGameAudio, useGameAudioContext, useImageCache } from '../chunk-ACUO2BBW.js';
 import '../chunk-4N3BAPDB.js';
 import '../chunk-DKQN5FVU.js';
 import { cn } from '../chunk-XL7WB2O5.js';

package/dist/components/organisms/UISlotRenderer.d.ts

@@ -65,6 +65,7 @@ interface SlotContentRendererProps {
  *
  * Dynamically renders pattern components from the registry.
  * For layout patterns with `hasChildren`, recursively renders nested patterns.
+ * For all patterns, named props containing pattern configs are also rendered.
  */
 declare function SlotContentRenderer({ content, onDismiss, }: SlotContentRendererProps): React.ReactElement;
 export interface UISlotRendererProps {

package/dist/components/templates/DashboardLayout.d.ts

@@ -3,7 +3,8 @@ import { LucideIcon } from "lucide-react";
 export interface NavItem {
     label: string;
     href: string;
-    icon?: LucideIcon;
+    /** Lucide icon component or string icon name (resolved by @almadar/ui Icon) */
+    icon?: LucideIcon | string;
     badge?: string | number;
     children?: NavItem[];
 }

package/dist/providers/index.js

@@ -1,5 +1,5 @@
-export { FetchedDataContext, FetchedDataProvider, OfflineModeProvider, OrbitalProvider, VerificationProvider, useFetchedData, useFetchedDataContext, useFetchedEntity, useOfflineMode, useOptionalOfflineMode } from '../chunk-OKWKEU3C.js';
-import '../chunk-BCMOMCL4.js';
+export { FetchedDataContext, FetchedDataProvider, OfflineModeProvider, OrbitalProvider, VerificationProvider, useFetchedData, useFetchedDataContext, useFetchedEntity, useOfflineMode, useOptionalOfflineMode } from '../chunk-JJHCOO34.js';
+import '../chunk-ACUO2BBW.js';
 import '../chunk-4N3BAPDB.js';
 import '../chunk-DKQN5FVU.js';
 import '../chunk-XL7WB2O5.js';

package/dist/runtime/index.js

@@ -1,8 +1,8 @@
 import '../chunk-SD3KVCY6.js';
 import '../chunk-N7MVUW4R.js';
 import '../chunk-3HJHHULT.js';
-import { useFetchedDataContext } from '../chunk-OKWKEU3C.js';
-import '../chunk-BCMOMCL4.js';
+import { useFetchedDataContext } from '../chunk-JJHCOO34.js';
+import '../chunk-ACUO2BBW.js';
 import '../chunk-4N3BAPDB.js';
 import '../chunk-DKQN5FVU.js';
 import { registerTrait, unregisterTrait, updateTraitState, recordTransition } from '../chunk-XL7WB2O5.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "2.15.6",
+  "version": "2.15.8",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",
@@ -75,7 +75,9 @@
       "import": "./dist/locales/index.js",
       "require": "./dist/locales/index.js"
     },
-    "./locales/*.json": "./locales/*.json",
+    "./locales/en.json": "./locales/en.json",
+    "./locales/ar.json": "./locales/ar.json",
+    "./locales/sl.json": "./locales/sl.json",
     "./index.css": "./index.css",
     "./tailwind-preset": "./tailwind-preset.cjs"
   },

package/tailwind-preset.cjs

@@ -2,8 +2,12 @@
  * @almadar/ui Tailwind Preset
  *
  * Provides the complete Almadar design token system as a Tailwind preset.
- * Includes a safelist of all CSS-variable-based arbitrary classes used by
- * @almadar/ui components so Tailwind generates them without scanning node_modules.
+ * Includes a safelist for CSS-variable-based arbitrary classes that use
+ * bracket notation (Tailwind can't extract these from source scanning).
+ *
+ * Note: @almadar/ui dist content scanning is handled by tailwind.config.js
+ * in the shell template, not here. The config resolves the dist path via
+ * require.resolve('@almadar/ui') which works regardless of hoisting.
  *
  * Usage in tailwind.config.js:
  *   presets: [require('@almadar/ui/tailwind-preset')]
@@ -13,6 +17,18 @@
 module.exports = {
   darkMode: 'class',
   safelist: [
+  // Standard utilities used via dynamic className from .orb schemas
+  'p-4', 'p-6', 'p-8',
+  'px-4', 'px-6', 'py-4', 'py-6',
+  'mx-auto',
+  'w-full',
+  'max-w-sm', 'max-w-md', 'max-w-lg', 'max-w-xl', 'max-w-2xl', 'max-w-3xl', 'max-w-4xl', 'max-w-5xl', 'max-w-6xl', 'max-w-7xl',
+  'min-h-screen',
+  'gap-1', 'gap-2', 'gap-3', 'gap-4', 'gap-6', 'gap-8',
+  'grid-cols-1', 'grid-cols-2', 'grid-cols-3', 'grid-cols-4',
+  'sm:grid-cols-2', 'md:grid-cols-2', 'md:grid-cols-3', 'lg:grid-cols-3', 'lg:grid-cols-4',
+  'text-center', 'text-left', 'text-right',
+  // CSS variable-based classes from @almadar/ui components
   'accent-[var(--color-foreground)]',
   'accent-[var(--color-primary)]',
   'active:bg-[var(--color-muted)]',