@almadar/shell-web 0.1.0 → 1.1.0

package/dist/avl/index.js

@@ -1,44 +1,38 @@
-export { AvlTransitionExplainer } from '../chunk-TESBIVUA.js';
-export { LayersPanel, parseLayerId, schemaToLayerItems } from '../chunk-GKIFONTE.js';
-import { AvlTransitionDetail } from '../chunk-SGM3FASH.js';
-export { AvlCircuit, AvlTransitionDetail } from '../chunk-SGM3FASH.js';
-import { zoomReducer, initialZoomState, getBreadcrumbs } from '../chunk-DJ433ET5.js';
-export { BehaviorView } from '../chunk-DLZF4PVE.js';
-export { MiniStateMachine, ModuleCard } from '../chunk-2PY54Z44.js';
-import '../chunk-U6QRZASX.js';
-import '../chunk-EOWMARUB.js';
-import { FlowCanvas, layeredGraph } from '../chunk-GYTPOFVC.js';
-export { AVL_GRAPH_NODE_TYPES, AvlGraphCanvas, CANVAS_TOOLS, CanvasDndProvider, CanvasVerifyContext, DependencyColumnNode, DependencyNode, EDITABLE, ElementEditAccessContext, EventFlowEdge, FlowCanvas, KnobField, KnobSettingRow, LIVE_STATE, OrbInspector, OrbPreviewNode, SystemBandNode, SystemMapContext, SystemNode, canvasViewGraph, dependencyReach, deriveEditFocusFromElement, dropBusEvent, flowNeighbors, hasCanvasTool, initialStateOf, layeredGraph, optionForPlayedStep, propAccessAt, schemaToDependencyGraph, schemaToOverviewGraph, stateOptionsOf, traitFlowGraph, useCanvasDraggable, useCanvasDroppable, useInlineTextEdit } from '../chunk-GYTPOFVC.js';
-import '../chunk-YDNJLLG6.js';
-export { AvlStateMachine } from '../chunk-KVQS4GXU.js';
-import { AvlOrbital, AvlTrait, AvlEvent, AvlGuard } from '../chunk-L677XGY3.js';
-export { AVL_GLYPH_KINDS, AvlApplication, AvlBinding, AvlBindingRef, AvlEvent, AvlField, AvlGlyph, AvlGuard, AvlLiteral, AvlOperator, AvlOrbital, AvlPersistence, AvlSExpr, AvlTrait, AvlTransition } from '../chunk-L677XGY3.js';
-import { AvlEntity, AvlPage, AvlState } from '../chunk-FP3WIKTC.js';
-export { AvlEntity, AvlFieldType, AvlPage, AvlState, FIELD_TYPE_SHAPES } from '../chunk-FP3WIKTC.js';
-import { transitionPlayback } from '../chunk-42FY4RYA.js';
-export { armPosition, armsOf, firedTransition, stateMachinePlayback, transitionPlayback } from '../chunk-42FY4RYA.js';
-import '../chunk-FAJDTHWC.js';
-import { computeTraitLayout, edgePath } from '../chunk-GAR5TQ5B.js';
-export { computeTraitLayout, edgePath } from '../chunk-GAR5TQ5B.js';
-export { AvlEffectChip } from '../chunk-SJGJJKBY.js';
-import { AvlEffect } from '../chunk-DZ42OJQC.js';
-export { AvlEffect } from '../chunk-DZ42OJQC.js';
-import '../chunk-P4LNHAFI.js';
+"use client";
+export { LayersPanel, parseLayerId, schemaToLayerItems } from '../chunk-3S54FWRC.js';
+export { AvlTransitionExplainer } from '../chunk-VHC2M26B.js';
+import { AvlTransitionDetail } from '../chunk-OWNG4JZI.js';
+export { AvlCircuit, AvlTransitionDetail } from '../chunk-OWNG4JZI.js';
+export { BehaviorView } from '../chunk-YYIHRIDH.js';
+export { MiniStateMachine, ModuleCard } from '../chunk-VUIACGDU.js';
+import '../chunk-ILQXJ2AR.js';
+import { FlowCanvas, layeredGraph } from '../chunk-MS4K3K2R.js';
+export { AVL_GRAPH_NODE_TYPES, AvlGraphCanvas, CANVAS_TOOLS, CanvasDndProvider, CanvasVerifyContext, DependencyColumnNode, DependencyNode, EDITABLE, ElementEditAccessContext, EventFlowEdge, FlowCanvas, KnobField, KnobSettingRow, LIVE_STATE, OrbInspector, OrbPreviewNode, SystemBandNode, SystemMapContext, SystemNode, canvasViewGraph, dependencyReach, deriveEditFocusFromElement, dropBusEvent, flowNeighbors, hasCanvasTool, initialStateOf, layeredGraph, optionForPlayedStep, propAccessAt, schemaToDependencyGraph, schemaToOverviewGraph, stateOptionsOf, traitFlowGraph, useCanvasDraggable, useCanvasDroppable, useInlineTextEdit } from '../chunk-MS4K3K2R.js';
+import '../chunk-57DC34LY.js';
+export { AvlStateMachine } from '../chunk-4YJ53G7S.js';
+import { AvlOrbital, AvlTrait, AvlEvent, AvlGuard } from '../chunk-AGVSO4WY.js';
+export { AVL_GLYPH_KINDS, AvlApplication, AvlBinding, AvlBindingRef, AvlEvent, AvlField, AvlGlyph, AvlGuard, AvlLiteral, AvlOperator, AvlOrbital, AvlPersistence, AvlSExpr, AvlTrait, AvlTransition } from '../chunk-AGVSO4WY.js';
+import { AvlEntity, AvlPage, AvlState } from '../chunk-7N6ZPHQ5.js';
+export { AvlEntity, AvlFieldType, AvlPage, AvlState, FIELD_TYPE_SHAPES } from '../chunk-7N6ZPHQ5.js';
+import { transitionPlayback } from '../chunk-REXYVBUO.js';
+export { armPosition, armsOf, firedTransition, stateMachinePlayback, transitionPlayback } from '../chunk-REXYVBUO.js';
+import '../chunk-AGXD77SL.js';
+import { computeTraitLayout, edgePath } from '../chunk-M74BCDBQ.js';
+export { computeTraitLayout, edgePath } from '../chunk-M74BCDBQ.js';
+import { parseApplicationLevel, parseOrbitalLevel, parseTraitLevel } from '../chunk-PCR37T3U.js';
+export { parseApplicationLevel, parseOrbitalLevel, parseTraitLevel, parseTransitionLevel, traitLevelFromTrait } from '../chunk-PCR37T3U.js';
+export { AvlEffectChip } from '../chunk-PRLHKBXG.js';
+import { avlSeries, AvlEffect, CONNECTION_COLORS, getStateRole, avlTint, STATE_COLORS, effectCategoryOf, EFFECT_CATEGORY_COLORS } from '../chunk-FAKU5F62.js';
+export { AvlEffect, CONNECTION_COLORS, EFFECT_CATEGORY_COLORS, OPERATOR_CATEGORY_COLORS, STATE_COLORS, effectCategoryOf, getStateRole } from '../chunk-FAKU5F62.js';
+import '../chunk-2WGR4TDJ.js';
 import '../chunk-TZZBINQY.js';
-import '../chunk-PC7K4SK7.js';
-import { parseApplicationLevel, parseOrbitalLevel, parseTraitLevel } from '../chunk-VFF5OO47.js';
-export { parseApplicationLevel, parseOrbitalLevel, parseTraitLevel, parseTransitionLevel, traitLevelFromTrait } from '../chunk-VFF5OO47.js';
-import { avlSeries, CONNECTION_COLORS, getStateRole, avlTint, STATE_COLORS, effectCategoryOf, EFFECT_CATEGORY_COLORS } from '../chunk-DFNZUYX4.js';
-export { CONNECTION_COLORS, EFFECT_CATEGORY_COLORS, OPERATOR_CATEGORY_COLORS, STATE_COLORS, effectCategoryOf, getStateRole } from '../chunk-DFNZUYX4.js';
-import '../chunk-B4BU77LT.js';
-import '../chunk-6P3MWXYE.js';
-import '../chunk-DYEKAA4L.js';
-import '../chunk-R5O5AUPI.js';
-import '../chunk-L2DEKY4J.js';
-import '../chunk-AILY3XPS.js';
+import '../chunk-ZDRDJKYB.js';
+import '../chunk-PRXQGGCO.js';
+import '../chunk-VO2TTLS5.js';
+import '../chunk-AE7VCQB6.js';
 import '../chunk-3BBUBJFF.js';
 import '../chunk-YHMRX6YA.js';
-import { useTranslate, cn, Box, HStack, Typography, pressableProps, Button, RangeSlider } from '../chunk-MBQAMMSE.js';
+import { useTranslate, cn, Box, HStack, Typography, pressableProps, Button, RangeSlider } from '../chunk-4YXBKHHM.js';
 import '../chunk-A2LR6VQQ.js';
 import '../chunk-P4ZFUQFF.js';
 import '../chunk-G7DCAZ22.js';
@@ -1875,6 +1869,143 @@ var AvlCosmicZoom = (props) => {
   );
 };
 AvlCosmicZoom.displayName = "AvlCosmicZoom";
+
+// src/lib/avl-zoom-state.ts
+var initialZoomState = {
+  level: "application",
+  selectedOrbital: null,
+  selectedTrait: null,
+  selectedTransition: null,
+  animating: false,
+  animationDirection: "in",
+  animationTarget: null
+};
+function zoomReducer(state, action) {
+  switch (action.type) {
+    case "ZOOM_INTO_ORBITAL": {
+      if (state.level !== "application" || state.animating) return state;
+      return {
+        ...state,
+        animating: true,
+        animationDirection: "in",
+        animationTarget: { x: action.targetPosition.x, y: action.targetPosition.y, scale: 3 },
+        selectedOrbital: action.orbital
+      };
+    }
+    case "ZOOM_INTO_TRAIT": {
+      if (state.level !== "orbital" || state.animating) return state;
+      return {
+        ...state,
+        animating: true,
+        animationDirection: "in",
+        animationTarget: { x: action.targetPosition.x, y: action.targetPosition.y, scale: 3 },
+        selectedTrait: action.trait
+      };
+    }
+    case "ZOOM_INTO_TRANSITION": {
+      if (state.level !== "trait" || state.animating) return state;
+      return {
+        ...state,
+        animating: true,
+        animationDirection: "in",
+        animationTarget: { x: action.targetPosition.x, y: action.targetPosition.y, scale: 3 },
+        selectedTransition: action.transitionIndex
+      };
+    }
+    case "JUMP_TO_TRAIT_CIRCUIT": {
+      if (state.level !== "application" || state.animating) return state;
+      return {
+        ...state,
+        level: "trait",
+        selectedOrbital: action.orbital,
+        selectedTrait: null,
+        selectedTransition: null,
+        animating: false,
+        animationDirection: "in",
+        animationTarget: null
+      };
+    }
+    case "SELECT_TRAIT": {
+      return { ...state, selectedTrait: action.trait };
+    }
+    case "ZOOM_OUT": {
+      if (state.level === "application" || state.animating) return state;
+      return {
+        ...state,
+        animating: true,
+        animationDirection: "out",
+        animationTarget: { x: 300, y: 200, scale: 0.3 }
+      };
+    }
+    case "ANIMATION_COMPLETE": {
+      if (!state.animating) return state;
+      if (state.animationDirection === "in") {
+        const nextLevel = state.level === "application" ? "orbital" : state.level === "orbital" ? "trait" : "transition";
+        return {
+          ...state,
+          level: nextLevel,
+          animating: false,
+          animationTarget: null
+        };
+      }
+      if (state.level === "transition") {
+        return {
+          ...state,
+          level: "trait",
+          selectedTransition: null,
+          animating: false,
+          animationTarget: null
+        };
+      }
+      if (state.level === "trait") {
+        return {
+          ...state,
+          level: "application",
+          selectedOrbital: null,
+          selectedTrait: null,
+          animating: false,
+          animationTarget: null
+        };
+      }
+      if (state.level === "orbital") {
+        return {
+          ...state,
+          level: "application",
+          selectedOrbital: null,
+          animating: false,
+          animationTarget: null
+        };
+      }
+      return state;
+    }
+    case "SWITCH_TRAIT": {
+      if (state.level !== "trait" || state.animating) return state;
+      return {
+        ...state,
+        selectedTrait: action.trait,
+        selectedTransition: null
+      };
+    }
+    case "RESET": {
+      return initialZoomState;
+    }
+    default:
+      return state;
+  }
+}
+function getBreadcrumbs(state) {
+  const crumbs = [{ labelKey: "avl.glyph.application", level: "application" }];
+  if (state.selectedOrbital) {
+    crumbs.push({ label: state.selectedOrbital, level: "orbital" });
+  }
+  if (state.selectedTrait) {
+    crumbs.push({ label: state.selectedTrait, level: "trait" });
+  }
+  if (state.selectedTransition !== null) {
+    crumbs.push({ labelKey: "avl.breadcrumb.transitionNumber", labelParams: { n: state.selectedTransition }, level: "transition" });
+  }
+  return crumbs;
+}
 var LEVEL_BOX = { inset: 0, paddingTop: 56, paddingBottom: 24, paddingLeft: 24, paddingRight: 24 };
 var AvlOrbitalsCosmicZoom = ({
   schema: schemaProp,
@@ -2537,7 +2668,7 @@ function isList(value) {
   return Array.isArray(value);
 }
 function record(value, what) {
-  if (value === null || value === void 0 || typeof value !== "object" || value instanceof Date || isList(value)) {
+  if (value === null || value === void 0 || typeof value !== "object" || isList(value)) {
     fail(`${what} must be an object`);
   }
   return value;