@almadar/ui 5.89.0 → 5.91.0

package/dist/components/game/2d/{organisms → molecules}/ObjectRulePanel.d.ts

@@ -8,19 +8,24 @@
  * @packageDocumentation
  */
 import React from 'react';
-import type { EntityRow } from '@almadar/core';
+import type { EntityRow, EventEmit } from '@almadar/core';
 import { type RuleDefinition } from './RuleEditor';
 export interface ObjectRulePanelProps {
     /** The selected puzzle-object row (`EntityRow` carrying the editable object data) */
     object: EntityRow;
-    /** Called when rules change */
-    onRulesChange: (objectId: string, rules: RuleDefinition[]) => void;
+    /** Called when rules change (callback path) */
+    onRulesChange?: (objectId: string, rules: RuleDefinition[]) => void;
+    /** Emits UI:{rulesChangeEvent} with { objectId, rules } when rules change (declarative path) */
+    rulesChangeEvent?: EventEmit<{
+        objectId: string;
+        rules: RuleDefinition[];
+    }>;
     /** Whether editing is disabled */
     disabled?: boolean;
     /** Additional CSS classes */
     className?: string;
 }
-export declare function ObjectRulePanel({ object, onRulesChange, disabled, className, }: ObjectRulePanelProps): React.JSX.Element;
+export declare function ObjectRulePanel({ object, onRulesChange, rulesChangeEvent, disabled, className, }: ObjectRulePanelProps): React.JSX.Element;
 export declare namespace ObjectRulePanel {
     var displayName: string;
 }

package/dist/components/game/2d/molecules/StateJsonView.d.ts

@@ -0,0 +1,37 @@
+/**
+ * StateJsonView Component
+ *
+ * Shows a state machine's definition as an expandable code block, so the learner
+ * sees the declarative schema behind the visual graph. Dumb molecule: takes the
+ * machine as plain typed fields (name/states/initialState/transitions) — the
+ * .lolo organism owns the entity and the molecule renders + stringifies it.
+ *
+ * @packageDocumentation
+ */
+import React from 'react';
+export interface StateJsonTransition {
+    from: string;
+    to: string;
+    event: string;
+}
+export interface StateJsonViewProps {
+    /** Machine name */
+    name: string;
+    /** Initial state */
+    initialState: string;
+    /** All state names */
+    states: string[];
+    /** The player's wired transitions */
+    transitions: StateJsonTransition[];
+    /** Header label */
+    label?: string;
+    /** Whether the code block is expanded by default */
+    defaultExpanded?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare function StateJsonView({ name, initialState, states, transitions, label, defaultExpanded, className, }: StateJsonViewProps): React.JSX.Element;
+export declare namespace StateJsonView {
+    var displayName: string;
+}
+export default StateJsonView;

package/dist/components/game/2d/{organisms → molecules}/TraitSlot.d.ts

@@ -66,8 +66,6 @@ export interface TraitSlotProps {
     isLoading?: boolean;
     /** Error state */
     error?: UiError | null;
-    /** Entity name for schema-driven auto-fetch */
-    entity?: string;
     /** Called when an item is dropped on this slot */
     onItemDrop?: (item: SlotItemData) => void;
     /** Whether this slot's equipped item is draggable */
@@ -88,8 +86,13 @@ export interface TraitSlotProps {
     removeEvent?: EventEmit<{
         slotNumber: number;
     }>;
+    /** Emits UI:{dropEvent} with { slotNumber, itemId } when an item is dropped into this slot */
+    dropEvent?: EventEmit<{
+        slotNumber: number;
+        itemId: string;
+    }>;
 }
-export declare function TraitSlot({ slotNumber, equippedItem, locked, lockLabel, selected, size, showTooltip, categoryColors, tooltipFrameUrl, className, feedback, onItemDrop, draggable, onDragStart, onClick, onRemove, clickEvent, removeEvent, }: TraitSlotProps): React.JSX.Element;
+export declare function TraitSlot({ slotNumber, equippedItem, locked, lockLabel, selected, size, showTooltip, categoryColors, tooltipFrameUrl, className, feedback, onItemDrop, draggable, onDragStart, onClick, onRemove, clickEvent, removeEvent, dropEvent, }: TraitSlotProps): React.JSX.Element;
 export declare namespace TraitSlot {
     var displayName: string;
 }

package/dist/components/game/2d/{organisms → molecules}/TraitStateViewer.d.ts

@@ -44,8 +44,6 @@ export interface TraitStateViewerProps {
     isLoading?: boolean;
     /** Error state */
     error?: UiError | null;
-    /** Entity name for schema-driven auto-fetch */
-    entity?: string;
 }
 export declare function TraitStateViewer({ trait, variant, size, showTransitions, onStateClick, stateStyles, className, }: TraitStateViewerProps): React.JSX.Element;
 export declare namespace TraitStateViewer {

package/dist/components/game/2d/molecules/VariablePanel.d.ts

@@ -0,0 +1,28 @@
+/**
+ * VariablePanel Component
+ *
+ * Shows a machine's variables and their current values during State Architect
+ * playback. Dumb molecule: takes a plain typed list of { name, value } — the
+ * .lolo organism owns the entity data and passes it already flattened.
+ *
+ * @packageDocumentation
+ */
+import React from 'react';
+/** A single variable row (already flattened by the .lolo — plain strings). */
+export interface VariablePanelVariable {
+    name: string;
+    value: string;
+}
+export interface VariablePanelProps {
+    /** Entity name shown in the header */
+    entityName: string;
+    /** Variable rows to display */
+    variables: VariablePanelVariable[];
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare function VariablePanel({ entityName, variables, className, }: VariablePanelProps): React.JSX.Element;
+export declare namespace VariablePanel {
+    var displayName: string;
+}
+export default VariablePanel;

package/dist/components/game/2d/molecules/index.d.ts

@@ -39,22 +39,22 @@ export { GameAudioProvider, GameAudioContext, useGameAudioContext, type GameAudi
 export { GameAudioToggle, type GameAudioToggleProps, } from '../atoms/GameAudioToggle';
 export { useGameAudio, type AudioManifest, type SoundEntry, type GameAudioControls, type UseGameAudioOptions, } from '../../shared/hooks/useGameAudio';
 export { useCamera } from '../../shared/hooks/useCamera';
-export { TraitStateViewer, type TraitStateViewerProps, type TraitStateMachineDefinition, type TraitTransition, } from '../organisms/TraitStateViewer';
-export { TraitSlot, type TraitSlotProps, type SlotItemData, } from '../organisms/TraitSlot';
+export { TraitStateViewer, type TraitStateViewerProps, type TraitStateMachineDefinition, type TraitTransition, } from './TraitStateViewer';
+export { TraitSlot, type TraitSlotProps, type SlotItemData, } from './TraitSlot';
 export { CollapsibleSection, EditorSlider, EditorSelect, EditorCheckbox, EditorTextInput, StatusBar, TerrainPalette, EditorToolbar, TERRAIN_COLORS, FEATURE_TYPES, type EditorMode, type CollapsibleSectionProps, type EditorSliderProps, type EditorSelectProps, type EditorCheckboxProps, type EditorTextInputProps, type StatusBarProps, type TerrainPaletteProps, type EditorToolbarProps, } from '../../shared/lib/editorUtils';
-export { ActionTile, type ActionTileProps } from '../organisms/ActionTile';
-export { ActionPalette, type ActionPaletteProps } from '../organisms/ActionPalette';
+export { ActionTile, type ActionTileProps } from './ActionTile';
+export { ActionPalette, type ActionPaletteProps } from './ActionPalette';
 export { SequenceBar, type SequenceBarProps } from '../organisms/SequenceBar';
 export { SequencerBoard, type SequencerBoardProps } from '../organisms/SequencerBoard';
-export { RuleEditor, type RuleEditorProps, type RuleDefinition } from '../organisms/RuleEditor';
-export { EventLog, type EventLogProps, type EventLogEntry } from '../organisms/EventLog';
-export { ObjectRulePanel, type ObjectRulePanelProps } from '../organisms/ObjectRulePanel';
+export { RuleEditor, type RuleEditorProps, type RuleDefinition } from './RuleEditor';
+export { EventLog, type EventLogProps, type EventLogEntry } from './EventLog';
+export { ObjectRulePanel, type ObjectRulePanelProps } from './ObjectRulePanel';
 export { EventHandlerBoard, type EventHandlerBoardProps } from '../organisms/EventHandlerBoard';
 export * from '../../shared/lib/puzzleObject';
-export { StateNode, type StateNodeProps } from '../organisms/StateNode';
-export { TransitionArrow, type TransitionArrowProps } from '../organisms/TransitionArrow';
-export { VariablePanel, type VariablePanelProps } from '../organisms/VariablePanel';
-export { StateJsonView, type StateJsonViewProps } from '../organisms/StateJsonView';
+export { StateNode, type StateNodeProps } from './StateNode';
+export { TransitionArrow, type TransitionArrowProps } from './TransitionArrow';
+export { VariablePanel, type VariablePanelProps } from './VariablePanel';
+export { StateJsonView, type StateJsonViewProps } from './StateJsonView';
 export { StateArchitectBoard, type StateArchitectBoardProps, type StateArchitectTransition, type TestCase, } from '../organisms/StateArchitectBoard';
 export { SimulatorBoard, type SimulatorBoardProps, type SimulatorParameter } from '../organisms/SimulatorBoard';
 export { ClassifierBoard, type ClassifierBoardProps, type ClassifierItem, type ClassifierCategory } from '../organisms/ClassifierBoard';

package/dist/components/game/2d/organisms/EventHandlerBoard.d.ts

@@ -13,7 +13,7 @@
 import React from 'react';
 import type { EventEmit, EntityRow } from '@almadar/core';
 import type { DisplayStateProps } from '../../../core/organisms/types';
-import type { RuleDefinition } from './RuleEditor';
+import type { RuleDefinition } from '../molecules/RuleEditor';
 export interface EventHandlerBoardProps extends DisplayStateProps {
     /** Puzzle board-state entity (single row or array). The board reads
      *  `objects` / `triggerEvents` / `goalEvent` etc. off the row; the editable

package/dist/components/game/2d/organisms/SequenceBar.d.ts

@@ -8,7 +8,7 @@
  * @packageDocumentation
  */
 import React from 'react';
-import type { SlotItemData } from './TraitSlot';
+import type { SlotItemData } from '../molecules/TraitSlot';
 export interface SequenceBarProps {
     /** The current sequence (sparse — undefined means empty slot) */
     slots: Array<SlotItemData | undefined>;

package/dist/components/game/shared/lib/puzzleObject.d.ts

@@ -9,7 +9,7 @@
  * @packageDocumentation
  */
 import type { EntityWith } from '@almadar/core';
-import type { RuleDefinition, RuleOption } from '../../2d/organisms/RuleEditor';
+import type { RuleDefinition, RuleOption } from '../../2d/molecules/RuleEditor';
 type PuzzleObjectRow = EntityWith<{
     name?: string;
     icon?: string;

package/dist/components/index.cjs

@@ -8148,7 +8148,7 @@ function ActionTile({
 }
 var DRAG_MIME, SIZE_CONFIG;
 var init_ActionTile = __esm({
-  "components/game/2d/organisms/ActionTile.tsx"() {
+  "components/game/2d/molecules/ActionTile.tsx"() {
     init_atoms();
     init_cn();
     DRAG_MIME = "application/x-almadar-slot-item";
@@ -8185,7 +8185,7 @@ function ActionPalette({
   ] });
 }
 var init_ActionPalette = __esm({
-  "components/game/2d/organisms/ActionPalette.tsx"() {
+  "components/game/2d/molecules/ActionPalette.tsx"() {
     init_atoms();
     init_cn();
     init_ActionTile();
@@ -27884,7 +27884,7 @@ function StateNode2({
   );
 }
 var init_StateNode = __esm({
-  "components/game/2d/organisms/StateNode.tsx"() {
+  "components/game/2d/molecules/StateNode.tsx"() {
     init_atoms();
     init_cn();
     StateNode2.displayName = "StateNode";
@@ -27956,7 +27956,7 @@ function TransitionArrow({
 }
 var NODE_RADIUS;
 var init_TransitionArrow = __esm({
-  "components/game/2d/organisms/TransitionArrow.tsx"() {
+  "components/game/2d/molecules/TransitionArrow.tsx"() {
     init_cn();
     NODE_RADIUS = 40;
     TransitionArrow.displayName = "TransitionArrow";
@@ -28620,7 +28620,7 @@ function TraitStateViewer({
 }
 var SIZE_CONFIG2;
 var init_TraitStateViewer = __esm({
-  "components/game/2d/organisms/TraitStateViewer.tsx"() {
+  "components/game/2d/molecules/TraitStateViewer.tsx"() {
     "use client";
     init_cn();
     init_Box();
@@ -28653,7 +28653,8 @@ function TraitSlot({
   onClick,
   onRemove,
   clickEvent,
-  removeEvent
+  removeEvent,
+  dropEvent
 }) {
   const { emit } = useEventBus();
   const [isHovered, setIsHovered] = React74.useState(false);
@@ -28685,29 +28686,30 @@ function TraitSlot({
     onDragStart?.(equippedItem);
   }, [equippedItem, draggable, onDragStart]);
   const handleDragOver = React74.useCallback((e) => {
-    if (locked || !onItemDrop) return;
+    if (locked || !onItemDrop && !dropEvent) return;
     if (e.dataTransfer.types.includes(DRAG_MIME2)) {
       e.preventDefault();
       const allowed = e.dataTransfer.effectAllowed;
       e.dataTransfer.dropEffect = allowed === "copy" ? "copy" : "move";
       setIsDragOver(true);
     }
-  }, [locked, onItemDrop]);
+  }, [locked, onItemDrop, dropEvent]);
   const handleDragLeave = React74.useCallback(() => {
     setIsDragOver(false);
   }, []);
   const handleDrop = React74.useCallback((e) => {
     e.preventDefault();
     setIsDragOver(false);
-    if (locked || !onItemDrop) return;
+    if (locked || !onItemDrop && !dropEvent) return;
     const raw = e.dataTransfer.getData(DRAG_MIME2);
     if (!raw) return;
     try {
       const item = JSON.parse(raw);
-      onItemDrop(item);
+      if (dropEvent) emit(`UI:${dropEvent}`, { slotNumber, itemId: item.id });
+      else onItemDrop?.(item);
     } catch {
     }
-  }, [locked, onItemDrop]);
+  }, [locked, onItemDrop, dropEvent, emit, slotNumber]);
   const getTooltipStyle = () => {
     if (!slotRef.current) return {};
     const rect = slotRef.current.getBoundingClientRect();
@@ -28827,7 +28829,7 @@ function TraitSlot({
 }
 var SIZE_CONFIG3, DRAG_MIME2;
 var init_TraitSlot = __esm({
-  "components/game/2d/organisms/TraitSlot.tsx"() {
+  "components/game/2d/molecules/TraitSlot.tsx"() {
     "use client";
     init_cn();
     init_useEventBus();
@@ -29397,7 +29399,7 @@ function RuleEditor({
   ] });
 }
 var init_RuleEditor = __esm({
-  "components/game/2d/organisms/RuleEditor.tsx"() {
+  "components/game/2d/molecules/RuleEditor.tsx"() {
     init_atoms();
     init_cn();
     RuleEditor.displayName = "RuleEditor";
@@ -29438,7 +29440,7 @@ function EventLog({
 }
 var STATUS_STYLES, STATUS_DOTS;
 var init_EventLog = __esm({
-  "components/game/2d/organisms/EventLog.tsx"() {
+  "components/game/2d/molecules/EventLog.tsx"() {
     init_atoms();
     init_cn();
     STATUS_STYLES = {
@@ -29493,10 +29495,12 @@ var init_puzzleObject = __esm({
 function ObjectRulePanel({
   object,
   onRulesChange,
+  rulesChangeEvent,
   disabled = false,
   className
 }) {
   const { t } = hooks.useTranslate();
+  const { emit } = useEventBus();
   const id = objId(object);
   const name = objName(object);
   const icon = objIcon(object);
@@ -29507,15 +29511,19 @@ function ObjectRulePanel({
   const rules = objRules(object);
   const maxRules = objMaxRules(object);
   const canAdd = rules.length < maxRules;
+  const emitRules = React74.useCallback((newRules) => {
+    if (rulesChangeEvent) emit(`UI:${rulesChangeEvent}`, { objectId: id, rules: newRules });
+    else onRulesChange?.(id, newRules);
+  }, [rulesChangeEvent, emit, id, onRulesChange]);
   const handleRuleChange = React74.useCallback((index, updatedRule) => {
     const newRules = [...rules];
     newRules[index] = updatedRule;
-    onRulesChange(id, newRules);
-  }, [id, rules, onRulesChange]);
+    emitRules(newRules);
+  }, [rules, emitRules]);
   const handleRuleRemove = React74.useCallback((index) => {
     const newRules = rules.filter((_, i) => i !== index);
-    onRulesChange(id, newRules);
-  }, [id, rules, onRulesChange]);
+    emitRules(newRules);
+  }, [rules, emitRules]);
   const handleAddRule = React74.useCallback(() => {
     if (!canAdd || disabled) return;
     const firstEvent = availableEvents[0]?.value || "";
@@ -29525,8 +29533,8 @@ function ObjectRulePanel({
       whenEvent: firstEvent,
       thenAction: firstAction
     };
-    onRulesChange(id, [...rules, newRule]);
-  }, [canAdd, disabled, id, rules, availableEvents, availableActions, onRulesChange]);
+    emitRules([...rules, newRule]);
+  }, [canAdd, disabled, rules, availableEvents, availableActions, emitRules]);
   const machine = {
     name,
     states,
@@ -29566,9 +29574,10 @@ function ObjectRulePanel({
 }
 var nextRuleId;
 var init_ObjectRulePanel = __esm({
-  "components/game/2d/organisms/ObjectRulePanel.tsx"() {
+  "components/game/2d/molecules/ObjectRulePanel.tsx"() {
     init_atoms();
     init_cn();
+    init_useEventBus();
     init_TraitStateViewer();
     init_RuleEditor();
     init_puzzleObject();
@@ -29798,61 +29807,35 @@ function VariablePanel({
   const { t } = hooks.useTranslate();
   return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { className: cn("p-3 rounded-lg bg-card border border-border", className), gap: "sm", children: [
     /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-muted-foreground font-medium", children: t("stateArchitect.variables", { name: entityName }) }),
-    variables.map((v) => {
-      const name = v.name == null ? "" : String(v.name);
-      const value = numField(v.value);
-      const max = numField(v.max, 100);
-      const min = numField(v.min, 0);
-      const unit = v.unit == null ? "" : String(v.unit);
-      const pct = Math.round((value - min) / (max - min) * 100);
-      const isHigh = pct > 80;
-      const isLow = pct < 20;
-      return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "none", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { className: "items-center justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "text-foreground font-medium", children: name }),
-          /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", className: cn(
-            isHigh ? "text-error" : isLow ? "text-warning" : "text-foreground"
-          ), children: [
-            value,
-            unit,
-            " / ",
-            max,
-            unit
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          exports.ProgressBar,
-          {
-            value: pct,
-            color: isHigh ? "danger" : isLow ? "warning" : "primary",
-            size: "sm"
-          }
-        )
-      ] }, name);
-    })
+    (variables ?? []).map((v) => /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { className: "items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "text-foreground font-medium", children: v.name }),
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "text-accent font-mono", children: v.value })
+    ] }, v.name))
   ] });
 }
-var numField;
 var init_VariablePanel = __esm({
-  "components/game/2d/organisms/VariablePanel.tsx"() {
+  "components/game/2d/molecules/VariablePanel.tsx"() {
     init_atoms();
     init_cn();
-    numField = (v, fallback = 0) => {
-      const n = Number(v);
-      return Number.isFinite(n) ? n : fallback;
-    };
     VariablePanel.displayName = "VariablePanel";
   }
 });
 function StateJsonView({
-  data,
+  name,
+  initialState,
+  states,
+  transitions,
   label,
   defaultExpanded = false,
   className
 }) {
   const { t } = hooks.useTranslate();
   const [expanded, setExpanded] = React74.useState(defaultExpanded);
-  const jsonString = JSON.stringify(data, null, 2);
+  const jsonString = JSON.stringify(
+    { name, initialState, states: states ?? [], transitions: transitions ?? [] },
+    null,
+    2
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { className: cn("rounded-lg border border-border overflow-hidden", className), gap: "none", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { className: "items-center justify-between p-2 bg-muted", gap: "sm", children: [
       /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "text-muted-foreground font-medium", children: label ?? t("stateArchitect.viewCode") }),
@@ -29869,7 +29852,7 @@ function StateJsonView({
   ] });
 }
 var init_StateJsonView = __esm({
-  "components/game/2d/organisms/StateJsonView.tsx"() {
+  "components/game/2d/molecules/StateJsonView.tsx"() {
     init_atoms();
     init_cn();
     StateJsonView.displayName = "StateJsonView";
@@ -30038,7 +30021,7 @@ function StateArchitectBoard({
     setAddingFrom(null);
     if (playAgainEvent) emit(`UI:${playAgainEvent}`, {});
   }, [initialState, entityVariables, playAgainEvent, emit]);
-  const codeData = React74.useMemo(() => ({
+  React74.useMemo(() => ({
     name: entityName,
     states: entityStates,
     initialState,
@@ -30173,7 +30156,7 @@ function StateArchitectBoard({
               VariablePanel,
               {
                 entityName,
-                variables
+                variables: variables.map((v) => ({ name: String(v.name ?? ""), value: String(v.value ?? "") }))
               }
             ),
             testResults.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { className: "p-3 rounded-container bg-card border border-border", gap: "xs", children: [
@@ -30184,7 +30167,16 @@ function StateArchitectBoard({
                 !r.passed && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "text-error", children: t("stateArchitect.gotState", { state: r.actualState }) })
               ] }, i))
             ] }),
-            resolved.showCodeView !== false && /* @__PURE__ */ jsxRuntime.jsx(StateJsonView, { data: codeData, label: "View Code" })
+            resolved.showCodeView !== false && /* @__PURE__ */ jsxRuntime.jsx(
+              StateJsonView,
+              {
+                name: entityName,
+                initialState,
+                states: entityStates,
+                transitions: transitions.map((tr) => ({ from: tr.from, to: tr.to, event: tr.event })),
+                label: "View Code"
+              }
+            )
           ] })
         ] }),
         isSuccess && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "p-4 rounded-container bg-success/20 border border-success text-center", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h5", className: "text-success", children: str(resolved.successMessage) || t("stateArchitect.allPassed") }) }),
@@ -48031,6 +48023,7 @@ var init_component_registry_generated = __esm({
     init_Navigation();
     init_NegotiatorBoard();
     init_NumberStepper();
+    init_ObjectRulePanel();
     init_OptionConstraintGroup();
     init_OrbitalVisualization();
     init_Overlay();
@@ -48094,6 +48087,7 @@ var init_component_registry_generated = __esm({
     init_StateArchitectBoard();
     init_StateGraph();
     init_StateIndicator();
+    init_StateJsonView();
     init_StateMachineView();
     init_StatsGrid();
     init_StatsOrganism();
@@ -48140,6 +48134,7 @@ var init_component_registry_generated = __esm({
     init_Typography();
     init_UISlotRenderer();
     init_UploadDropZone();
+    init_VariablePanel();
     init_VersionDiff();
     init_ViolationAlert();
     init_VoteStack();
@@ -48340,6 +48335,7 @@ var init_component_registry_generated = __esm({
       "Navigation": exports.Navigation,
       "NegotiatorBoard": NegotiatorBoard,
       "NumberStepper": exports.NumberStepper,
+      "ObjectRulePanel": ObjectRulePanel,
       "OptionConstraintGroup": exports.OptionConstraintGroup,
       "OrbitalVisualization": exports.OrbitalVisualization,
       "Overlay": exports.Overlay,
@@ -48406,6 +48402,7 @@ var init_component_registry_generated = __esm({
       "StateArchitectBoard": StateArchitectBoard,
       "StateGraph": StateGraph,
       "StateIndicator": StateIndicator,
+      "StateJsonView": StateJsonView,
       "StateMachineView": exports.StateMachineView,
       "StatsGrid": exports.StatsGrid,
       "StatsOrganism": exports.StatsOrganism,
@@ -48453,6 +48450,7 @@ var init_component_registry_generated = __esm({
       "UISlotRenderer": UISlotRenderer,
       "UploadDropZone": exports.UploadDropZone,
       "VStack": exports.VStack,
+      "VariablePanel": VariablePanel,
       "VersionDiff": exports.VersionDiff,
       "ViolationAlert": exports.ViolationAlert,
       "VoteStack": exports.VoteStack,