@almadar/ui 5.34.0 → 5.36.0

package/dist/components/index.js

@@ -7949,7 +7949,7 @@ var init_AboutPageTemplate = __esm({
       const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
       if (!resolved) return null;
       return /* @__PURE__ */ jsxs(VStack, { gap: "none", className: cn("w-full", className), children: [
-        /* @__PURE__ */ jsx(
+        resolved.hero && /* @__PURE__ */ jsx(
           HeroSection,
           {
             tag: resolved.hero.tag,
@@ -15929,61 +15929,53 @@ var init_Breadcrumb = __esm({
 function BuilderBoard({
   entity,
   completeEvent = "PUZZLE_COMPLETE",
+  placeEvent,
+  checkEvent,
+  playAgainEvent,
   className
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
   const resolved = boardEntity(entity);
-  const [placements, setPlacements] = useState({});
   const [headerError, setHeaderError] = useState(false);
-  const [submitted, setSubmitted] = useState(false);
-  const [attempts, setAttempts] = useState(0);
-  const [showHint, setShowHint] = useState(false);
+  const [selectedComponent, setSelectedComponent] = useState(null);
   const components = Array.isArray(resolved?.components) ? resolved.components : [];
   const slots = Array.isArray(resolved?.slots) ? resolved.slots : [];
+  const placements = {};
+  for (const slot of slots) {
+    if (slot.placedComponentId) placements[slot.id] = slot.placedComponentId;
+  }
+  const attempts = num(resolved?.attempts);
+  const result = str(resolved?.result) || "none";
+  const submitted = result === "win";
   const usedComponentIds = new Set(Object.values(placements));
   const availableComponents = components.filter((c) => !usedComponentIds.has(c.id));
-  const [selectedComponent, setSelectedComponent] = useState(null);
-  const allPlaced = Object.keys(placements).length === slots.length;
+  const allPlaced = slots.length > 0 && slots.every((s) => Boolean(placements[s.id]));
   const results = submitted ? slots.map((slot) => ({
     slot,
     placed: placements[slot.id],
-    correct: placements[slot.id] === slot.acceptsComponentId
+    correct: placements[slot.id] === slot.requiredComponentId
   })) : [];
-  const allCorrect = results.length > 0 && results.every((r) => r.correct);
+  const showHint = attempts >= 2 && Boolean(str(resolved?.hint));
   const handlePlaceComponent = (slotId) => {
     if (submitted || !selectedComponent) return;
-    setPlacements((prev) => ({ ...prev, [slotId]: selectedComponent }));
+    if (placeEvent) emit(`UI:${placeEvent}`, { slotId, componentId: selectedComponent });
     setSelectedComponent(null);
   };
   const handleRemoveFromSlot = (slotId) => {
     if (submitted) return;
-    setPlacements((prev) => {
-      const next = { ...prev };
-      delete next[slotId];
-      return next;
-    });
+    if (placeEvent) emit(`UI:${placeEvent}`, { slotId, componentId: "" });
   };
-  const handleSubmit = useCallback(() => {
-    setSubmitted(true);
-    setAttempts((a) => a + 1);
-    const correct = slots.every((slot) => placements[slot.id] === slot.acceptsComponentId);
-    if (correct) {
+  const handleSubmit = () => {
+    if (checkEvent) emit(`UI:${checkEvent}`, {});
+    const solved = slots.length > 0 && slots.every((s) => placements[s.id] === s.requiredComponentId);
+    if (solved && completeEvent) {
       emit(`UI:${completeEvent}`, { success: true, attempts: attempts + 1 });
     }
-  }, [slots, placements, attempts, completeEvent, emit]);
-  const handleReset = () => {
-    setSubmitted(false);
-    if (attempts >= 2 && str(resolved?.hint)) {
-      setShowHint(true);
-    }
   };
-  const handleFullReset = () => {
-    setPlacements({});
-    setSubmitted(false);
+  const handlePlayAgain = () => {
     setSelectedComponent(null);
-    setAttempts(0);
-    setShowHint(false);
+    if (playAgainEvent) emit(`UI:${playAgainEvent}`, {});
   };
   const getComponentById = (id) => components.find((c) => c.id === id);
   if (!resolved) return null;
@@ -16033,13 +16025,13 @@ function BuilderBoard({
           /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: t("builder.blueprint") }),
           /* @__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);
+            const result2 = results.find((r) => r.slot.id === slot.id);
             return /* @__PURE__ */ jsxs(
               HStack,
               {
                 gap: "sm",
                 align: "center",
-                className: `p-3 border-2 rounded ${result ? result.correct ? "border-success" : "border-error" : selectedComponent ? "border-dashed border-foreground cursor-pointer" : "border-border"}`,
+                className: `p-3 border-2 rounded ${result2 ? result2.correct ? "border-success" : "border-error" : selectedComponent ? "border-dashed border-foreground cursor-pointer" : "border-border"}`,
                 onClick: () => handlePlaceComponent(slot.id),
                 children: [
                   /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "flex-1", children: [
@@ -16054,7 +16046,7 @@ function BuilderBoard({
                       ] }) : null,
                       placedComp.label
                     ] }),
-                    result && /* @__PURE__ */ jsx(Icon, { icon: result.correct ? CheckCircle : XCircle, size: "sm", className: result.correct ? "text-success" : "text-error" })
+                    result2 && /* @__PURE__ */ jsx(Icon, { icon: result2.correct ? CheckCircle : XCircle, size: "sm", className: result2.correct ? "text-success" : "text-error" })
                   ] }) : /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("builder.empty") })
                 ]
               },
@@ -16063,16 +16055,16 @@ function BuilderBoard({
           }) })
         ] }) }),
         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-success" : "text-error" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: allCorrect ? str(resolved.successMessage) || t("builder.success") : str(resolved.failMessage) || t("builder.incorrect") })
+          /* @__PURE__ */ jsx(Icon, { icon: CheckCircle, size: "lg", className: "text-success" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: str(resolved.successMessage) || t("builder.success") })
         ] }) }),
         showHint && hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: hint }) }),
         /* @__PURE__ */ jsxs(HStack, { gap: "sm", justify: "center", children: [
-          !submitted ? /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: handleSubmit, disabled: !allPlaced, children: [
+          !submitted && /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: handleSubmit, disabled: !allPlaced, children: [
             /* @__PURE__ */ jsx(Icon, { icon: Wrench, size: "sm" }),
             t("builder.build")
-          ] }) : !allCorrect ? /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleReset, children: t("builder.tryAgain") }) : null,
-          /* @__PURE__ */ jsxs(Button, { variant: "secondary", onClick: handleFullReset, children: [
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { variant: "secondary", onClick: handlePlayAgain, children: [
             /* @__PURE__ */ jsx(Icon, { icon: RotateCcw, size: "sm" }),
             t("builder.reset")
           ] })
@@ -19574,57 +19566,84 @@ var init_ChoiceButton = __esm({
 function ClassifierBoard({
   entity,
   completeEvent = "PUZZLE_COMPLETE",
+  assignEvent,
+  checkEvent,
+  playAgainEvent,
   className
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
   const resolved = boardEntity(entity);
-  const [assignments, setAssignments] = useState({});
+  const [localAssignments, setLocalAssignments] = useState({});
   const [headerError, setHeaderError] = useState(false);
-  const [submitted, setSubmitted] = useState(false);
-  const [attempts, setAttempts] = useState(0);
+  const [localSubmitted, setLocalSubmitted] = useState(false);
+  const [localAttempts, setLocalAttempts] = useState(0);
   const [showHint, setShowHint] = useState(false);
   const items = Array.isArray(resolved?.items) ? resolved.items : [];
   const categories = Array.isArray(resolved?.categories) ? resolved.categories : [];
+  const entityResult = str(resolved?.result);
+  const entityDrivesResult = entityResult.length > 0;
+  const entityHasAssignments = items.some((item) => item.assignedCategory != null);
+  const assignments = entityHasAssignments ? items.reduce((acc, item) => {
+    if (item.assignedCategory != null) acc[item.id] = item.assignedCategory;
+    return acc;
+  }, {}) : localAssignments;
+  const attempts = entityDrivesResult ? num(resolved?.attempts) : localAttempts;
+  const submitted = entityDrivesResult || localSubmitted;
   const unassignedItems = items.filter((item) => !assignments[item.id]);
-  const allAssigned = Object.keys(assignments).length === items.length;
+  const allAssigned = items.length > 0 && Object.keys(assignments).length === items.length;
   const results = submitted ? items.map((item) => ({
     item,
     assigned: assignments[item.id],
     correct: assignments[item.id] === item.correctCategory
   })) : [];
-  const allCorrect = results.length > 0 && results.every((r) => r.correct);
+  const allCorrect = entityDrivesResult ? entityResult === "success" : results.length > 0 && results.every((r) => r.correct);
   const correctCount = results.filter((r) => r.correct).length;
   const handleAssign = (itemId, categoryId) => {
     if (submitted) return;
-    setAssignments((prev) => ({ ...prev, [itemId]: categoryId }));
+    if (assignEvent) {
+      emit(`UI:${assignEvent}`, { itemId, categoryId });
+    }
+    if (!entityHasAssignments) {
+      setLocalAssignments((prev) => ({ ...prev, [itemId]: categoryId }));
+    }
   };
   const handleUnassign = (itemId) => {
     if (submitted) return;
-    setAssignments((prev) => {
-      const next = { ...prev };
-      delete next[itemId];
-      return next;
-    });
+    if (!entityHasAssignments) {
+      setLocalAssignments((prev) => {
+        const next = { ...prev };
+        delete next[itemId];
+        return next;
+      });
+    }
   };
   const handleSubmit = useCallback(() => {
-    setSubmitted(true);
-    setAttempts((a) => a + 1);
-    const correct = items.every((item) => assignments[item.id] === item.correctCategory);
-    if (correct) {
-      emit(`UI:${completeEvent}`, { success: true, attempts: attempts + 1 });
+    if (checkEvent) {
+      emit(`UI:${checkEvent}`, {});
+    }
+    if (!entityDrivesResult) {
+      setLocalSubmitted(true);
+      setLocalAttempts((a) => a + 1);
+      const correct = items.every((item) => assignments[item.id] === item.correctCategory);
+      if (correct) {
+        emit(`UI:${completeEvent}`, { success: true, attempts: attempts + 1 });
+      }
     }
-  }, [items, assignments, attempts, completeEvent, emit]);
+  }, [checkEvent, entityDrivesResult, items, assignments, attempts, completeEvent, emit]);
   const handleReset = () => {
-    setSubmitted(false);
+    if (!entityDrivesResult) setLocalSubmitted(false);
     if (attempts >= 2 && str(resolved?.hint)) {
       setShowHint(true);
     }
   };
   const handleFullReset = () => {
-    setAssignments({});
-    setSubmitted(false);
-    setAttempts(0);
+    if (playAgainEvent) {
+      emit(`UI:${playAgainEvent}`, {});
+    }
+    setLocalAssignments({});
+    setLocalSubmitted(false);
+    setLocalAttempts(0);
     setShowHint(false);
   };
   if (!resolved) return null;
@@ -29163,13 +29182,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect72, useRef: useRef69, useCallback: useCallback115, useState: useState105 } = React77__default;
+      const { useEffect: useEffect73, useRef: useRef70, useCallback: useCallback113, useState: useState105 } = React77__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef69({ centerLat, centerLng, zoom });
-        useEffect72(() => {
+        const prevRef = useRef70({ centerLat, centerLng, zoom });
+        useEffect73(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -29180,7 +29199,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect72(() => {
+        useEffect73(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -29209,7 +29228,7 @@ var init_MapView = __esm({
       }) {
         const eventBus = useEventBus2();
         const [clickedPosition, setClickedPosition] = useState105(null);
-        const handleMapClick = useCallback115((lat, lng) => {
+        const handleMapClick = useCallback113((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -29218,7 +29237,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback115((marker) => {
+        const handleMarkerClick = useCallback113((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -38652,51 +38671,52 @@ var init_DataTable = __esm({
 function DebuggerBoard({
   entity,
   completeEvent = "PUZZLE_COMPLETE",
+  toggleFlagEvent,
+  checkEvent,
+  playAgainEvent,
   className
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
   const resolved = boardEntity(entity);
-  const [flaggedLines, setFlaggedLines] = useState(/* @__PURE__ */ new Set());
   const [headerError, setHeaderError] = useState(false);
-  const [submitted, setSubmitted] = useState(false);
-  const [attempts, setAttempts] = useState(0);
   const [showHint, setShowHint] = useState(false);
+  const lines = Array.isArray(resolved?.lines) ? resolved.lines : [];
+  const result = resolved?.result ?? null;
+  const attempts = num(resolved?.attempts);
+  const submitted = result != null;
+  const bugLines = lines.filter((l) => l.isBug);
+  const flaggedLines = lines.filter((l) => l.isFlagged);
+  const correctFlags = lines.filter((l) => l.isBug && l.isFlagged);
+  const falseFlags = lines.filter((l) => !l.isBug && l.isFlagged);
+  const allCorrect = result === "win";
   const toggleLine = (lineId) => {
     if (submitted) return;
-    setFlaggedLines((prev) => {
-      const next = new Set(prev);
-      if (next.has(lineId)) {
-        next.delete(lineId);
-      } else {
-        next.add(lineId);
-      }
-      return next;
-    });
+    if (toggleFlagEvent) {
+      emit(`UI:${toggleFlagEvent}`, { lineId });
+    }
   };
-  const lines = Array.isArray(resolved?.lines) ? resolved.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);
-    setAttempts((a) => a + 1);
+    if (checkEvent) {
+      emit(`UI:${checkEvent}`, {});
+    }
     const correct = correctFlags.length === bugLines.length && falseFlags.length === 0;
     if (correct) {
       emit(`UI:${completeEvent}`, { success: true, attempts: attempts + 1 });
     }
-  }, [correctFlags.length, bugLines.length, falseFlags.length, attempts, completeEvent, emit]);
+  }, [checkEvent, correctFlags.length, bugLines.length, falseFlags.length, attempts, completeEvent, emit]);
   const handleReset = () => {
-    setSubmitted(false);
+    if (playAgainEvent) {
+      emit(`UI:${playAgainEvent}`, {});
+    }
     if (attempts >= 2 && str(resolved?.hint)) {
       setShowHint(true);
     }
   };
   const handleFullReset = () => {
-    setFlaggedLines(/* @__PURE__ */ new Set());
-    setSubmitted(false);
-    setAttempts(0);
+    if (playAgainEvent) {
+      emit(`UI:${playAgainEvent}`, {});
+    }
     setShowHint(false);
   };
   if (!resolved) return null;
@@ -38724,7 +38744,7 @@ function DebuggerBoard({
           /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("debugger.findBugs", { count: String(num(resolved.bugCount)) }) })
         ] }) }),
         /* @__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);
+          const isFlagged = !!line.isFlagged;
           let lineStyle = "";
           if (submitted) {
             if (line.isBug && isFlagged) lineStyle = "bg-success/10";
@@ -38758,9 +38778,9 @@ function DebuggerBoard({
             /* @__PURE__ */ jsx(
               Icon,
               {
-                icon: flaggedLines.has(line.id) ? CheckCircle : XCircle,
+                icon: line.isFlagged ? CheckCircle : XCircle,
                 size: "xs",
-                className: flaggedLines.has(line.id) ? "text-success mt-0.5" : "text-warning mt-0.5"
+                className: line.isFlagged ? "text-success mt-0.5" : "text-warning mt-0.5"
               }
             ),
             /* @__PURE__ */ jsxs(VStack, { gap: "none", children: [
@@ -38771,7 +38791,7 @@ function DebuggerBoard({
         ] }) }),
         showHint && hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: hint }) }),
         /* @__PURE__ */ jsxs(HStack, { gap: "sm", justify: "center", children: [
-          !submitted ? /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: handleSubmit, disabled: flaggedLines.size === 0, children: [
+          !submitted ? /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: handleSubmit, disabled: flaggedLines.length === 0, children: [
             /* @__PURE__ */ jsx(Icon, { icon: Send, size: "sm" }),
             t("debugger.submit")
           ] }) : !allCorrect ? /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleReset, children: t("debugger.tryAgain") }) : null,
@@ -40104,7 +40124,7 @@ var init_FeatureDetailPageTemplate = __esm({
       const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
       if (!resolved) return null;
       return /* @__PURE__ */ jsxs(VStack, { gap: "none", className: cn("w-full", className), children: [
-        /* @__PURE__ */ jsx(
+        resolved.hero && /* @__PURE__ */ jsx(
           HeroSection,
           {
             tag: resolved.hero.tag,
@@ -41631,7 +41651,7 @@ var init_LandingPageTemplate = __esm({
       const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
       if (!resolved) return null;
       return /* @__PURE__ */ jsxs(VStack, { gap: "none", className: cn("w-full", className), children: [
-        /* @__PURE__ */ jsx(
+        resolved.hero && /* @__PURE__ */ jsx(
           HeroSection,
           {
             tag: resolved.hero.tag,
@@ -42731,6 +42751,9 @@ function getOpponentAction(strategy, actions, history) {
 function NegotiatorBoard({
   entity,
   completeEvent = "PUZZLE_COMPLETE",
+  playRoundEvent,
+  finishEvent,
+  playAgainEvent,
   className
 }) {
   const { emit } = useEventBus();
@@ -42739,13 +42762,14 @@ function NegotiatorBoard({
   const [history, setHistory] = useState([]);
   const [headerError, setHeaderError] = useState(false);
   const [showHint, setShowHint] = useState(false);
-  const totalRounds = num(resolved?.totalRounds);
+  const totalRounds = num(resolved?.maxRounds);
   const targetScore = num(resolved?.targetScore);
-  const currentRound = history.length;
-  const isComplete = currentRound >= totalRounds;
-  const playerTotal = history.reduce((s, r) => s + r.playerPayoff, 0);
+  const currentRound = num(resolved?.round);
+  const result = str(resolved?.result) || "none";
+  const playerTotal = num(resolved?.score);
+  const isComplete = result !== "none" || totalRounds > 0 && currentRound >= totalRounds;
+  const won = result === "win";
   const opponentTotal = history.reduce((s, r) => s + r.opponentPayoff, 0);
-  const won = isComplete && playerTotal >= targetScore;
   const actions = Array.isArray(resolved?.actions) ? resolved.actions : [];
   const payoffMatrix = Array.isArray(resolved?.payoffMatrix) ? resolved.payoffMatrix : [];
   const handleAction = useCallback((actionId) => {
@@ -42754,29 +42778,45 @@ function NegotiatorBoard({
     const payoff = payoffMatrix.find(
       (p2) => p2.playerAction === actionId && p2.opponentAction === opponentAction
     );
-    const result = {
-      round: currentRound + 1,
-      playerAction: actionId,
-      opponentAction,
-      playerPayoff: payoff?.playerPayoff ?? 0,
-      opponentPayoff: payoff?.opponentPayoff ?? 0
-    };
-    const newHistory = [...history, result];
-    setHistory(newHistory);
-    if (newHistory.length >= totalRounds) {
-      const total = newHistory.reduce((s, r) => s + r.playerPayoff, 0);
-      if (total >= targetScore) {
-        emit(`UI:${completeEvent}`, { success: true, score: total });
-      }
-      if (newHistory.length >= 3 && str(resolved?.hint)) {
+    const playerPayoff = payoff?.playerPayoff ?? 0;
+    setHistory((prev) => [
+      ...prev,
+      {
+        round: prev.length + 1,
+        playerAction: actionId,
+        opponentAction,
+        playerPayoff,
+        opponentPayoff: payoff?.opponentPayoff ?? 0
+      }
+    ]);
+    if (playRoundEvent) {
+      emit(`UI:${playRoundEvent}`, { playerAction: actionId, payoff: playerPayoff });
+    }
+    if (totalRounds > 0 && currentRound + 1 >= totalRounds) {
+      if (finishEvent) {
+        emit(`UI:${finishEvent}`, {});
+      }
+      if (str(resolved?.hint)) {
         setShowHint(true);
       }
     }
-  }, [isComplete, resolved, totalRounds, targetScore, actions, payoffMatrix, history, currentRound, completeEvent, emit]);
-  const handleReset = () => {
+  }, [isComplete, resolved, totalRounds, currentRound, actions, payoffMatrix, history, playRoundEvent, finishEvent, emit]);
+  const handleReset = useCallback(() => {
     setHistory([]);
     setShowHint(false);
-  };
+    if (playAgainEvent) {
+      emit(`UI:${playAgainEvent}`, {});
+    }
+  }, [playAgainEvent, emit]);
+  const completedRef = useRef(false);
+  useEffect(() => {
+    if (result === "win" && !completedRef.current) {
+      completedRef.current = true;
+      emit(`UI:${completeEvent}`, { success: true, score: playerTotal });
+    } else if (result === "none") {
+      completedRef.current = false;
+    }
+  }, [result, playerTotal, completeEvent, emit]);
   const getActionLabel = (id) => actions.find((a) => a.id === id)?.label ?? id;
   if (!resolved) return null;
   const theme = resolved.theme ?? void 0;
@@ -42945,7 +42985,7 @@ var init_PricingPageTemplate = __esm({
       const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
       if (!resolved) return null;
       return /* @__PURE__ */ jsxs(VStack, { gap: "none", className: cn("w-full", className), children: [
-        /* @__PURE__ */ jsx(
+        resolved.hero && /* @__PURE__ */ jsx(
           HeroSection,
           {
             tag: resolved.hero.tag,
@@ -45777,67 +45817,47 @@ var init_SimulationGraph = __esm({
 function SimulatorBoard({
   entity,
   completeEvent = "PUZZLE_COMPLETE",
+  setAEvent,
+  setBEvent,
+  checkEvent,
+  playAgainEvent,
   className
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
   const resolved = boardEntity(entity);
   const parameters = Array.isArray(resolved?.parameters) ? resolved.parameters : [];
-  const [values, setValues] = useState(() => {
-    const init = {};
-    for (const p2 of parameters) {
-      init[p2.id] = p2.initial;
-    }
-    return init;
-  });
   const [headerError, setHeaderError] = useState(false);
-  const [submitted, setSubmitted] = useState(false);
-  const [attempts, setAttempts] = useState(0);
-  const [showHint, setShowHint] = useState(false);
-  const computeOutput = useCallback((params) => {
-    try {
-      const fn = new Function("params", `return (${str(resolved?.computeExpression)})`);
-      return fn(params);
-    } catch {
-      return 0;
-    }
-  }, [resolved?.computeExpression]);
-  const output = useMemo(() => computeOutput(values) ?? 0, [computeOutput, values]);
-  const targetValue = num(resolved?.targetValue);
-  const targetTolerance = num(resolved?.targetTolerance);
-  const isCorrect = Math.abs(output - targetValue) <= targetTolerance;
-  const handleParameterChange = (id, value) => {
-    if (submitted) return;
-    setValues((prev) => ({ ...prev, [id]: value }));
-  };
-  const handleSubmit = () => {
-    setSubmitted(true);
-    setAttempts((a) => a + 1);
-    if (isCorrect) {
-      emit(`UI:${completeEvent}`, { success: true, attempts: attempts + 1 });
-    }
+  if (!resolved) return null;
+  const paramA = num(resolved.paramA);
+  const paramB = num(resolved.paramB);
+  const output = num(resolved.output);
+  const targetValue = num(resolved.target);
+  const targetTolerance = num(resolved.tolerance);
+  const attempts = num(resolved.attempts);
+  const result = str(resolved.result);
+  const isWin = result === "win";
+  const isComplete = result !== "none" && result !== "";
+  const paramAValue = parameters[0];
+  const paramBValue = parameters[1];
+  const sliderValues = [paramA, paramB];
+  const sliderEvents = [setAEvent, setBEvent];
+  const handleParameterChange = (index, value) => {
+    if (isComplete) return;
+    const ev = sliderEvents[index];
+    if (ev) emit(`UI:${ev}`, { value });
   };
-  const handleReset = () => {
-    setSubmitted(false);
-    if (attempts >= 2 && str(resolved?.hint)) {
-      setShowHint(true);
-    }
+  const handleCheck = () => {
+    if (checkEvent) emit(`UI:${checkEvent}`, {});
   };
-  const handleFullReset = () => {
-    const init = {};
-    for (const p2 of parameters) {
-      init[p2.id] = p2.initial;
-    }
-    setValues(init);
-    setSubmitted(false);
-    setAttempts(0);
-    setShowHint(false);
+  const handlePlayAgain = () => {
+    if (playAgainEvent) emit(`UI:${playAgainEvent}`, {});
   };
-  if (!resolved) return null;
   const theme = resolved.theme ?? void 0;
   const themeBackground = theme?.background;
   const headerImage = str(resolved.headerImage);
   const hint = str(resolved.hint);
+  const showHint = isComplete && !isWin && attempts >= 2 && Boolean(hint);
   const outputLabel = str(resolved.outputLabel);
   const outputUnit = str(resolved.outputUnit);
   return /* @__PURE__ */ jsx(
@@ -45857,41 +45877,43 @@ 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-muted-foreground", children: t("simulator.parameters") }),
-          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: [
-                values[param.id],
-                " ",
-                param.unit
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "range",
-                min: param.min,
-                max: param.max,
-                step: param.step,
-                value: values[param.id],
-                onChange: (e) => handleParameterChange(param.id, Number(e.target.value)),
-                disabled: submitted,
-                className: "w-full accent-foreground"
-              }
-            ),
-            /* @__PURE__ */ jsxs(HStack, { justify: "between", children: [
-              /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-muted-foreground", children: [
-                param.min,
-                " ",
-                param.unit
+          [paramAValue, paramBValue].map(
+            (param, index) => 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: [
+                  sliderValues[index],
+                  " ",
+                  param.unit
+                ] })
               ] }),
-              /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-muted-foreground", children: [
-                param.max,
-                " ",
-                param.unit
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "range",
+                  min: param.min,
+                  max: param.max,
+                  step: param.step,
+                  value: sliderValues[index],
+                  onChange: (e) => handleParameterChange(index, Number(e.target.value)),
+                  disabled: isComplete,
+                  className: "w-full accent-foreground"
+                }
+              ),
+              /* @__PURE__ */ jsxs(HStack, { justify: "between", children: [
+                /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-muted-foreground", children: [
+                  param.min,
+                  " ",
+                  param.unit
+                ] }),
+                /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-muted-foreground", children: [
+                  param.max,
+                  " ",
+                  param.unit
+                ] })
               ] })
-            ] })
-          ] }, param.id))
+            ] }, param.id ?? index) : null
+          )
         ] }) }),
         /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", children: [
           /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: outputLabel }),
@@ -45900,9 +45922,9 @@ function SimulatorBoard({
             " ",
             outputUnit
           ] }),
-          submitted && /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
-            /* @__PURE__ */ jsx(Icon, { icon: isCorrect ? CheckCircle : XCircle, size: "sm", className: isCorrect ? "text-success" : "text-error" }),
-            /* @__PURE__ */ jsx(Typography, { variant: "body", className: isCorrect ? "text-success" : "text-error", children: isCorrect ? str(resolved.successMessage) || t("simulator.correct") : str(resolved.failMessage) || t("simulator.incorrect") })
+          isComplete && /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
+            /* @__PURE__ */ jsx(Icon, { icon: isWin ? CheckCircle : XCircle, size: "sm", className: isWin ? "text-success" : "text-error" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body", className: isWin ? "text-success" : "text-error", children: isWin ? str(resolved.successMessage) || t("simulator.correct") : str(resolved.failMessage) || t("simulator.incorrect") })
           ] }),
           /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-muted-foreground", children: [
             t("simulator.target"),
@@ -45917,11 +45939,11 @@ function SimulatorBoard({
         ] }) }),
         showHint && hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: hint }) }),
         /* @__PURE__ */ jsxs(HStack, { gap: "sm", justify: "center", children: [
-          !submitted ? /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: handleSubmit, children: [
+          !isComplete ? /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: handleCheck, children: [
             /* @__PURE__ */ jsx(Icon, { icon: Play, size: "sm" }),
             t("simulator.simulate")
-          ] }) : !isCorrect ? /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleReset, children: t("simulator.tryAgain") }) : null,
-          /* @__PURE__ */ jsxs(Button, { variant: "secondary", onClick: handleFullReset, children: [
+          ] }) : null,
+          /* @__PURE__ */ jsxs(Button, { variant: "secondary", onClick: handlePlayAgain, children: [
             /* @__PURE__ */ jsx(Icon, { icon: RotateCcw, size: "sm" }),
             t("simulator.reset")
           ] })