@almadar/mobile 1.2.4 → 1.4.0

package/dist/index.js

@@ -1,3 +1,13 @@
+import {
+  AuthLayout,
+  BattleTemplate,
+  CastleTemplate,
+  CounterTemplate,
+  DashboardLayout,
+  GameShell,
+  GameTemplate,
+  WorldMapTemplate
+} from "./chunk-UIU7NWN2.js";
 import {
   useInfiniteScroll,
   useKeyboard,
@@ -11,7 +21,7 @@ import {
   useThemeValue,
   useTraitState,
   useUIEvents
-} from "./chunk-CA6Z3OTE.js";
+} from "./chunk-WHAG42QJ.js";
 import {
   cn,
   convertThemeToRN,
@@ -25,6 +35,7 @@ import {
   Avatar,
   Center,
   ConditionalWrapper,
+  OrbitalGameCanvas,
   Overlay,
   Radio,
   RangeSlider,
@@ -38,7 +49,7 @@ import {
   ThemeToggle,
   TrendIndicator,
   TypewriterText
-} from "./chunk-BFRVXKSP.js";
+} from "./chunk-VNRKHWR7.js";
 import {
   ThemeProvider,
   useThemeMode
@@ -92,7 +103,7 @@ import {
   Tooltip,
   WizardNavigation,
   WizardProgress
-} from "./chunk-ETD72PHO.js";
+} from "./chunk-SLYJ52HW.js";
 import {
   getNestedValue
 } from "./chunk-K2JGK2QD.js";
@@ -102,11 +113,10 @@ import {
   InfiniteScrollSentinel,
   Label,
   Spinner
-} from "./chunk-MLTSQPVN.js";
+} from "./chunk-YWQRLHTP.js";
 import {
   ActionPalette,
   ActionTile,
-  BattleBoard,
   BookChapterView,
   BookCoverPage,
   BookNavBar,
@@ -115,7 +125,6 @@ import {
   BuilderBoard,
   CanvasEffect,
   CardGrid,
-  CastleBoard,
   Chart,
   ClassifierBoard,
   CodeView,
@@ -139,10 +148,7 @@ import {
   GameAudioProvider,
   GameAudioToggle,
   GameCanvas3D,
-  GameHud,
-  GameMenu,
   GameOverScreen,
-  Header,
   InventoryPanel,
   IsometricCanvas,
   LayoutPatterns,
@@ -179,932 +185,57 @@ import {
   UncontrolledBattleBoard,
   VariablePanel,
   WizardContainer,
-  WorldMapBoard,
   useGameAudio
-} from "./chunk-PBO6ZN2M.js";
+} from "./chunk-C3USTXJ7.js";
+import {
+  BattleBoard,
+  CastleBoard,
+  GameHud,
+  GameMenu,
+  Header,
+  WorldMapBoard
+} from "./chunk-I6UYSB5R.js";
 import {
   Checkbox
-} from "./chunk-GMR5FKKB.js";
+} from "./chunk-XWPR5FXS.js";
 import {
   CodeBlock,
   ConfirmModal,
   Drawer,
-  EmptyState,
   Modal,
-  StatBadge,
   Tabs,
   Toast
-} from "./chunk-5U5Z65ZO.js";
+} from "./chunk-DNC6CO6E.js";
+import {
+  EmptyState,
+  StatBadge
+} from "./chunk-4GLV4XIP.js";
 import {
   Badge,
+  Divider,
+  Icon,
+  Input,
+  ProgressBar,
+  Select
+} from "./chunk-BUN5QD6C.js";
+import {
   Box,
   Button,
   Card,
-  Divider,
   ErrorState,
   HStack,
   HealthBar,
-  Icon,
-  Input,
   LoadingState,
-  ProgressBar,
   ScoreDisplay,
-  Select,
   Typography,
   VStack
-} from "./chunk-QUFLYKWA.js";
+} from "./chunk-A6AK75GP.js";
 import {
   useEventBus
 } from "./chunk-YTVYMEKU.js";
 import {
   useTheme
 } from "./chunk-CUAWHLEK.js";
-
-// src/components/templates/DashboardLayout.tsx
-import React from "react";
-import {
-  View,
-  StyleSheet,
-  ScrollView,
-  SafeAreaView
-} from "react-native";
-var DashboardLayout = ({
-  children,
-  headerTitle,
-  headerActions = [],
-  showHeader = true,
-  style,
-  contentStyle,
-  scrollable = true,
-  isLoading,
-  error
-}) => {
-  const theme = useTheme();
-  const Content = scrollable ? ScrollView : View;
-  if (isLoading) {
-    return /* @__PURE__ */ React.createElement(SafeAreaView, { style: [styles.container, { backgroundColor: theme.colors.background }, style] }, showHeader && /* @__PURE__ */ React.createElement(Header, { title: headerTitle, rightActions: headerActions }), /* @__PURE__ */ React.createElement(LoadingState, { message: "Loading..." }));
-  }
-  if (error) {
-    return /* @__PURE__ */ React.createElement(SafeAreaView, { style: [styles.container, { backgroundColor: theme.colors.background }, style] }, showHeader && /* @__PURE__ */ React.createElement(Header, { title: headerTitle, rightActions: headerActions }), /* @__PURE__ */ React.createElement(ErrorState, { message: error.message }));
-  }
-  return /* @__PURE__ */ React.createElement(SafeAreaView, { style: [styles.container, { backgroundColor: theme.colors.background }, style] }, showHeader && /* @__PURE__ */ React.createElement(Header, { title: headerTitle, rightActions: headerActions }), /* @__PURE__ */ React.createElement(
-    Content,
-    {
-      style: [styles.content, contentStyle],
-      contentContainerStyle: scrollable ? styles.scrollContent : void 0
-    },
-    children
-  ));
-};
-var styles = StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  content: {
-    flex: 1
-  },
-  scrollContent: {
-    flexGrow: 1,
-    padding: 16
-  }
-});
-DashboardLayout.displayName = "DashboardLayout";
-
-// src/components/templates/AuthLayout.tsx
-import React2 from "react";
-import {
-  View as View2,
-  StyleSheet as StyleSheet2,
-  ScrollView as ScrollView2,
-  SafeAreaView as SafeAreaView2,
-  KeyboardAvoidingView,
-  Platform,
-  TouchableOpacity
-} from "react-native";
-var AuthLayout = ({
-  children,
-  title,
-  subtitle,
-  footer,
-  showBackButton = false,
-  onBack,
-  backAction,
-  style,
-  isLoading,
-  error
-}) => {
-  const theme = useTheme();
-  const eventBus = useEventBus();
-  const handleBack = () => {
-    if (backAction) {
-      eventBus.emit(`UI:${backAction}`);
-    }
-    onBack?.();
-  };
-  if (isLoading) {
-    return /* @__PURE__ */ React2.createElement(SafeAreaView2, { style: [styles2.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React2.createElement(LoadingState, { message: "Loading..." }));
-  }
-  if (error) {
-    return /* @__PURE__ */ React2.createElement(SafeAreaView2, { style: [styles2.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React2.createElement(ErrorState, { message: error.message }));
-  }
-  return /* @__PURE__ */ React2.createElement(SafeAreaView2, { style: [styles2.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React2.createElement(
-    KeyboardAvoidingView,
-    {
-      behavior: Platform.OS === "ios" ? "padding" : "height",
-      style: styles2.keyboardView
-    },
-    /* @__PURE__ */ React2.createElement(
-      ScrollView2,
-      {
-        contentContainerStyle: styles2.scrollContent,
-        keyboardShouldPersistTaps: "handled"
-      },
-      /* @__PURE__ */ React2.createElement(VStack, { spacing: 24, style: styles2.content }, showBackButton && /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: handleBack, style: styles2.backButton }, /* @__PURE__ */ React2.createElement(Typography, { variant: "h4", style: { color: theme.colors.primary } }, "\u2190 Back")), /* @__PURE__ */ React2.createElement(VStack, { spacing: 8, align: "center" }, /* @__PURE__ */ React2.createElement(Typography, { variant: "h1", style: { color: theme.colors.foreground, textAlign: "center" } }, title), subtitle && /* @__PURE__ */ React2.createElement(Typography, { variant: "body", style: { color: theme.colors["muted-foreground"], textAlign: "center" } }, subtitle)), /* @__PURE__ */ React2.createElement(View2, { style: styles2.form }, children), footer && /* @__PURE__ */ React2.createElement(View2, { style: styles2.footer }, footer))
-    )
-  ));
-};
-var styles2 = StyleSheet2.create({
-  container: {
-    flex: 1
-  },
-  keyboardView: {
-    flex: 1
-  },
-  scrollContent: {
-    flexGrow: 1,
-    justifyContent: "center"
-  },
-  content: {
-    padding: 24,
-    paddingTop: 40,
-    paddingBottom: 40
-  },
-  backButton: {
-    alignSelf: "flex-start"
-  },
-  form: {
-    width: "100%"
-  },
-  footer: {
-    marginTop: 16
-  }
-});
-AuthLayout.displayName = "AuthLayout";
-
-// src/components/templates/GameShell.tsx
-import React3 from "react";
-import {
-  View as View3,
-  StyleSheet as StyleSheet3,
-  SafeAreaView as SafeAreaView3,
-  StatusBar
-} from "react-native";
-var GameShell = ({
-  children,
-  hud,
-  showHud = true,
-  header,
-  footer,
-  style,
-  gameAreaStyle,
-  backgroundColor,
-  isLoading,
-  error
-}) => {
-  const theme = useTheme();
-  const eventBus = useEventBus();
-  if (isLoading) {
-    return /* @__PURE__ */ React3.createElement(
-      SafeAreaView3,
-      {
-        style: [
-          styles3.container,
-          { backgroundColor: backgroundColor || theme.colors.background },
-          style
-        ]
-      },
-      /* @__PURE__ */ React3.createElement(StatusBar, { barStyle: "light-content" }),
-      header,
-      /* @__PURE__ */ React3.createElement(View3, { style: styles3.loadingContainer }, /* @__PURE__ */ React3.createElement(LoadingState, { message: "Loading game..." }))
-    );
-  }
-  if (error) {
-    return /* @__PURE__ */ React3.createElement(
-      SafeAreaView3,
-      {
-        style: [
-          styles3.container,
-          { backgroundColor: backgroundColor || theme.colors.background },
-          style
-        ]
-      },
-      /* @__PURE__ */ React3.createElement(StatusBar, { barStyle: "light-content" }),
-      header,
-      /* @__PURE__ */ React3.createElement(View3, { style: styles3.loadingContainer }, /* @__PURE__ */ React3.createElement(
-        ErrorState,
-        {
-          message: error.message,
-          onRetry: () => eventBus.emit("UI:GAME_RETRY", {})
-        }
-      ))
-    );
-  }
-  return /* @__PURE__ */ React3.createElement(
-    SafeAreaView3,
-    {
-      style: [
-        styles3.container,
-        { backgroundColor: backgroundColor || theme.colors.background },
-        style
-      ]
-    },
-    /* @__PURE__ */ React3.createElement(StatusBar, { barStyle: "light-content" }),
-    header && /* @__PURE__ */ React3.createElement(View3, { style: styles3.header }, header),
-    /* @__PURE__ */ React3.createElement(View3, { style: [styles3.gameArea, gameAreaStyle] }, children, showHud && hud && /* @__PURE__ */ React3.createElement(View3, { style: styles3.hudContainer }, /* @__PURE__ */ React3.createElement(
-      GameHud,
-      {
-        ...hud,
-        style: { ...styles3.hud, ...hud.style }
-      }
-    ))),
-    footer && /* @__PURE__ */ React3.createElement(View3, { style: styles3.footer }, footer)
-  );
-};
-var styles3 = StyleSheet3.create({
-  container: {
-    flex: 1
-  },
-  header: {
-    zIndex: 20
-  },
-  gameArea: {
-    flex: 1,
-    position: "relative"
-  },
-  hudContainer: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    pointerEvents: "box-none"
-  },
-  hud: {
-    pointerEvents: "auto"
-  },
-  footer: {
-    zIndex: 20
-  },
-  loadingContainer: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center"
-  }
-});
-GameShell.displayName = "GameShell";
-
-// src/components/templates/BattleTemplate.tsx
-import React4 from "react";
-import {
-  View as View4,
-  StyleSheet as StyleSheet4
-} from "react-native";
-var BattleTemplate = ({
-  battleBoard,
-  hudStats,
-  menuOptions,
-  title,
-  showMenu = false,
-  style,
-  isLoading,
-  error,
-  entity,
-  onBattleAction,
-  onBattleEnd
-}) => {
-  const theme = useTheme();
-  const eventBus = useEventBus();
-  const handleBattleAction = (action) => {
-    eventBus.emit("UI:BATTLE_ACTION", { action, entity });
-    onBattleAction?.(action);
-  };
-  const handleBattleEnd = (result) => {
-    eventBus.emit("UI:BATTLE_END", { result, entity });
-    onBattleEnd?.(result);
-  };
-  const handleMenuSelect = (option) => {
-    if (option.event) {
-      eventBus.emit(`UI:${option.event}`, { option, entity });
-    }
-    if (option.navigatesTo) {
-      eventBus.emit("UI:navigate", { to: option.navigatesTo });
-    }
-  };
-  if (isLoading) {
-    return /* @__PURE__ */ React4.createElement(View4, { style: [styles4.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React4.createElement(LoadingState, { message: "Loading battle..." }));
-  }
-  if (error) {
-    return /* @__PURE__ */ React4.createElement(View4, { style: [styles4.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React4.createElement(
-      ErrorState,
-      {
-        message: error.message,
-        onRetry: () => eventBus.emit("UI:BATTLE_RETRY", { entity })
-      }
-    ));
-  }
-  const hasUnits = battleBoard.units && battleBoard.units.length > 0;
-  return /* @__PURE__ */ React4.createElement(View4, { style: [styles4.container, { backgroundColor: "#0f172a" }, style] }, title && /* @__PURE__ */ React4.createElement(View4, { style: styles4.header }, /* @__PURE__ */ React4.createElement(Typography, { variant: "h2", style: { color: "#fff" } }, title)), hudStats && hudStats.length > 0 && /* @__PURE__ */ React4.createElement(View4, { style: styles4.hudContainer }, /* @__PURE__ */ React4.createElement(GameHud, { stats: hudStats, position: "corners", transparent: true })), /* @__PURE__ */ React4.createElement(View4, { style: styles4.boardContainer }, hasUnits ? /* @__PURE__ */ React4.createElement(
-    BattleBoard,
-    {
-      ...battleBoard,
-      onAction: handleBattleAction
-    }
-  ) : /* @__PURE__ */ React4.createElement(
-    EmptyState,
-    {
-      message: "No battle units available",
-      icon: /* @__PURE__ */ React4.createElement(Typography, { variant: "h1" }, "\u2694\uFE0F")
-    }
-  )), /* @__PURE__ */ React4.createElement(View4, { style: styles4.controls }, /* @__PURE__ */ React4.createElement(HStack, { spacing: 8, justify: "center" }, /* @__PURE__ */ React4.createElement(
-    Button,
-    {
-      variant: "primary",
-      action: "BATTLE_ATTACK",
-      actionPayload: { entity },
-      onPress: () => handleBattleAction("attack")
-    },
-    "Attack"
-  ), /* @__PURE__ */ React4.createElement(
-    Button,
-    {
-      variant: "secondary",
-      action: "BATTLE_DEFEND",
-      actionPayload: { entity },
-      onPress: () => handleBattleAction("defend")
-    },
-    "Defend"
-  ), /* @__PURE__ */ React4.createElement(
-    Button,
-    {
-      variant: "ghost",
-      action: "BATTLE_FLEE",
-      actionPayload: { entity },
-      onPress: () => handleBattleEnd("flee")
-    },
-    "Flee"
-  ))), showMenu && menuOptions && /* @__PURE__ */ React4.createElement(View4, { style: styles4.menuOverlay }, /* @__PURE__ */ React4.createElement(
-    GameMenu,
-    {
-      title: "Battle Menu",
-      options: menuOptions,
-      onSelect: handleMenuSelect
-    }
-  )));
-};
-var styles4 = StyleSheet4.create({
-  container: {
-    flex: 1
-  },
-  header: {
-    padding: 16,
-    alignItems: "center"
-  },
-  hudContainer: {
-    position: "absolute",
-    top: 60,
-    left: 0,
-    right: 0,
-    height: 80,
-    zIndex: 10,
-    pointerEvents: "none"
-  },
-  boardContainer: {
-    flex: 1,
-    padding: 16,
-    justifyContent: "center"
-  },
-  controls: {
-    padding: 16,
-    backgroundColor: "rgba(0,0,0,0.5)"
-  },
-  menuOverlay: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    zIndex: 100
-  }
-});
-BattleTemplate.displayName = "BattleTemplate";
-
-// src/components/templates/CastleTemplate.tsx
-import React5 from "react";
-import {
-  View as View5,
-  StyleSheet as StyleSheet5,
-  ScrollView as ScrollView3
-} from "react-native";
-var CastleTemplate = ({
-  castleBoard,
-  hudStats,
-  actions,
-  title,
-  style,
-  isLoading,
-  error,
-  entity,
-  onEnterRoom,
-  onCastleAction
-}) => {
-  const theme = useTheme();
-  const eventBus = useEventBus();
-  const handleEnterRoom = (roomId) => {
-    eventBus.emit("UI:CASTLE_ENTER_ROOM", { roomId, entity });
-    onEnterRoom?.(roomId);
-  };
-  const handleAction = (action) => {
-    eventBus.emit("UI:CASTLE_ACTION", { action, entity });
-    onCastleAction?.(action);
-  };
-  if (isLoading) {
-    return /* @__PURE__ */ React5.createElement(View5, { style: [styles5.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React5.createElement(LoadingState, { message: "Loading castle..." }));
-  }
-  if (error) {
-    return /* @__PURE__ */ React5.createElement(View5, { style: [styles5.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React5.createElement(
-      ErrorState,
-      {
-        message: error.message,
-        onRetry: () => eventBus.emit("UI:CASTLE_RETRY", { entity })
-      }
-    ));
-  }
-  const hasRooms = castleBoard.rooms && castleBoard.rooms.length > 0;
-  return /* @__PURE__ */ React5.createElement(View5, { style: [styles5.container, { backgroundColor: "#1e293b" }, style] }, hudStats && hudStats.length > 0 && /* @__PURE__ */ React5.createElement(View5, { style: styles5.hudContainer }, /* @__PURE__ */ React5.createElement(GameHud, { stats: hudStats, position: "top", transparent: true })), /* @__PURE__ */ React5.createElement(
-    ScrollView3,
-    {
-      style: styles5.scrollView,
-      contentContainerStyle: styles5.scrollContent,
-      showsVerticalScrollIndicator: false
-    },
-    title && /* @__PURE__ */ React5.createElement(View5, { style: styles5.header }, /* @__PURE__ */ React5.createElement(Typography, { variant: "h2", style: { color: "#fbbf24" } }, title)),
-    /* @__PURE__ */ React5.createElement(View5, { style: styles5.boardContainer }, hasRooms ? /* @__PURE__ */ React5.createElement(
-      CastleBoard,
-      {
-        ...castleBoard,
-        onSelectRoom: handleEnterRoom
-      }
-    ) : /* @__PURE__ */ React5.createElement(
-      EmptyState,
-      {
-        message: "No castle rooms available",
-        icon: /* @__PURE__ */ React5.createElement(Typography, { variant: "h1" }, "\u{1F3F0}")
-      }
-    )),
-    actions && actions.length > 0 && /* @__PURE__ */ React5.createElement(View5, { style: styles5.actionsContainer }, /* @__PURE__ */ React5.createElement(HStack, { spacing: 8, justify: "center", style: styles5.actions }, actions.map((action, index) => /* @__PURE__ */ React5.createElement(
-      Button,
-      {
-        key: index,
-        variant: action.variant || "default",
-        action: action.event,
-        actionPayload: { entity },
-        onPress: () => handleAction(action.event)
-      },
-      action.label
-    ))))
-  ));
-};
-var styles5 = StyleSheet5.create({
-  container: {
-    flex: 1
-  },
-  hudContainer: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    zIndex: 10
-  },
-  scrollView: {
-    flex: 1
-  },
-  scrollContent: {
-    paddingTop: 80,
-    paddingBottom: 24
-  },
-  header: {
-    padding: 16,
-    alignItems: "center"
-  },
-  boardContainer: {
-    padding: 16
-  },
-  actionsContainer: {
-    padding: 16
-  },
-  actions: {
-    flexWrap: "wrap"
-  }
-});
-CastleTemplate.displayName = "CastleTemplate";
-
-// src/components/templates/WorldMapTemplate.tsx
-import React6 from "react";
-import {
-  View as View6,
-  StyleSheet as StyleSheet6
-} from "react-native";
-var WorldMapTemplate = ({
-  worldMapBoard,
-  hudStats,
-  navigationActions,
-  title,
-  act,
-  style,
-  isLoading,
-  error,
-  entity,
-  onSelectNode,
-  onMapAction
-}) => {
-  const theme = useTheme();
-  const eventBus = useEventBus();
-  const handleSelectNode = (nodeId) => {
-    eventBus.emit("UI:MAP_SELECT_NODE", { nodeId, entity });
-    onSelectNode?.(nodeId);
-  };
-  const handleMapAction = (action, targetNodeId) => {
-    eventBus.emit("UI:MAP_ACTION", { action, targetNodeId, entity });
-    onMapAction?.(action, targetNodeId);
-  };
-  if (isLoading) {
-    return /* @__PURE__ */ React6.createElement(View6, { style: [styles6.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React6.createElement(LoadingState, { message: "Loading world map..." }));
-  }
-  if (error) {
-    return /* @__PURE__ */ React6.createElement(View6, { style: [styles6.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React6.createElement(
-      ErrorState,
-      {
-        message: error.message,
-        onRetry: () => eventBus.emit("UI:MAP_RETRY", { entity })
-      }
-    ));
-  }
-  const hasNodes = worldMapBoard.nodes && worldMapBoard.nodes.length > 0;
-  return /* @__PURE__ */ React6.createElement(View6, { style: [styles6.container, { backgroundColor: "#0f172a" }, style] }, hudStats && hudStats.length > 0 && /* @__PURE__ */ React6.createElement(View6, { style: styles6.hudContainer }, /* @__PURE__ */ React6.createElement(GameHud, { stats: hudStats, position: "corners", transparent: true })), (title || act) && /* @__PURE__ */ React6.createElement(View6, { style: styles6.header }, title && /* @__PURE__ */ React6.createElement(Typography, { variant: "h2", style: { color: "#fff" } }, title), act && /* @__PURE__ */ React6.createElement(Typography, { variant: "caption", style: { color: "#9ca3af" } }, act)), /* @__PURE__ */ React6.createElement(View6, { style: styles6.mapContainer }, hasNodes ? /* @__PURE__ */ React6.createElement(
-    WorldMapBoard,
-    {
-      ...worldMapBoard,
-      title: worldMapBoard.title || title,
-      act: worldMapBoard.act || act,
-      onSelectNode: handleSelectNode
-    }
-  ) : /* @__PURE__ */ React6.createElement(
-    EmptyState,
-    {
-      message: "No map locations available",
-      icon: /* @__PURE__ */ React6.createElement(Typography, { variant: "h1" }, "\u{1F5FA}\uFE0F")
-    }
-  )), navigationActions && navigationActions.length > 0 && /* @__PURE__ */ React6.createElement(View6, { style: styles6.actionsContainer }, /* @__PURE__ */ React6.createElement(HStack, { spacing: 8, justify: "center", style: styles6.actions }, navigationActions.map((action, index) => /* @__PURE__ */ React6.createElement(
-    Button,
-    {
-      key: index,
-      variant: action.variant || "default",
-      action: action.event,
-      actionPayload: { entity, targetNodeId: action.targetNodeId },
-      onPress: () => handleMapAction(action.event, action.targetNodeId)
-    },
-    action.label
-  )))));
-};
-var styles6 = StyleSheet6.create({
-  container: {
-    flex: 1
-  },
-  hudContainer: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    pointerEvents: "none",
-    zIndex: 10
-  },
-  header: {
-    padding: 16,
-    alignItems: "center",
-    zIndex: 20
-  },
-  mapContainer: {
-    flex: 1,
-    padding: 16
-  },
-  actionsContainer: {
-    padding: 16,
-    backgroundColor: "rgba(0,0,0,0.5)",
-    zIndex: 20
-  },
-  actions: {
-    flexWrap: "wrap"
-  }
-});
-WorldMapTemplate.displayName = "WorldMapTemplate";
-
-// src/components/templates/CounterTemplate.tsx
-import React7, { useState, useCallback } from "react";
-import {
-  View as View7,
-  StyleSheet as StyleSheet7
-} from "react-native";
-var CounterTemplate = ({
-  initialCount = 0,
-  step = 1,
-  min = Number.MIN_SAFE_INTEGER,
-  max = Number.MAX_SAFE_INTEGER,
-  title = "Counter",
-  showReset = true,
-  style,
-  cardStyle,
-  isLoading,
-  error,
-  entity,
-  onCountChange,
-  onReset
-}) => {
-  const theme = useTheme();
-  const eventBus = useEventBus();
-  const [count, setCount] = useState(initialCount);
-  const handleIncrement = useCallback(() => {
-    setCount((prev) => {
-      const newCount = Math.min(prev + step, max);
-      eventBus.emit("UI:COUNTER_INCREMENT", { count: newCount, entity });
-      onCountChange?.(newCount);
-      return newCount;
-    });
-  }, [step, max, entity, onCountChange, eventBus]);
-  const handleDecrement = useCallback(() => {
-    setCount((prev) => {
-      const newCount = Math.max(prev - step, min);
-      eventBus.emit("UI:COUNTER_DECREMENT", { count: newCount, entity });
-      onCountChange?.(newCount);
-      return newCount;
-    });
-  }, [step, min, entity, onCountChange, eventBus]);
-  const handleReset = useCallback(() => {
-    setCount(initialCount);
-    eventBus.emit("UI:COUNTER_RESET", { count: initialCount, entity });
-    onReset?.();
-    onCountChange?.(initialCount);
-  }, [initialCount, entity, onReset, onCountChange, eventBus]);
-  if (isLoading) {
-    return /* @__PURE__ */ React7.createElement(View7, { style: [styles7.container, style] }, /* @__PURE__ */ React7.createElement(LoadingState, { message: "Loading counter..." }));
-  }
-  if (error) {
-    return /* @__PURE__ */ React7.createElement(View7, { style: [styles7.container, style] }, /* @__PURE__ */ React7.createElement(
-      ErrorState,
-      {
-        message: error.message,
-        onRetry: () => eventBus.emit("UI:COUNTER_RETRY", { entity })
-      }
-    ));
-  }
-  const isAtMin = count <= min;
-  const isAtMax = count >= max;
-  return /* @__PURE__ */ React7.createElement(View7, { style: [styles7.container, { backgroundColor: theme.colors.background }, style] }, /* @__PURE__ */ React7.createElement(Card, { style: [styles7.card, cardStyle || {}] }, /* @__PURE__ */ React7.createElement(VStack, { spacing: 24, align: "center" }, /* @__PURE__ */ React7.createElement(Typography, { variant: "h3" }, title), /* @__PURE__ */ React7.createElement(View7, { style: styles7.countDisplay }, /* @__PURE__ */ React7.createElement(
-    Typography,
-    {
-      variant: "h1",
-      style: [
-        styles7.countText,
-        { color: count > 0 ? theme.colors.success : count < 0 ? theme.colors.error : theme.colors.foreground }
-      ]
-    },
-    count
-  )), /* @__PURE__ */ React7.createElement(HStack, { spacing: 16, align: "center" }, /* @__PURE__ */ React7.createElement(
-    Button,
-    {
-      variant: "secondary",
-      action: "COUNTER_DECREMENT",
-      actionPayload: { entity, step },
-      onPress: handleDecrement,
-      disabled: isAtMin
-    },
-    "-",
-    step
-  ), showReset && /* @__PURE__ */ React7.createElement(
-    Button,
-    {
-      variant: "ghost",
-      action: "COUNTER_RESET",
-      actionPayload: { entity },
-      onPress: handleReset,
-      disabled: count === initialCount
-    },
-    "Reset"
-  ), /* @__PURE__ */ React7.createElement(
-    Button,
-    {
-      variant: "primary",
-      action: "COUNTER_INCREMENT",
-      actionPayload: { entity, step },
-      onPress: handleIncrement,
-      disabled: isAtMax
-    },
-    "+",
-    step
-  )), /* @__PURE__ */ React7.createElement(Typography, { variant: "caption", color: theme.colors["muted-foreground"] }, "Min: ", min, " | Max: ", max, " | Step: ", step))));
-};
-var styles7 = StyleSheet7.create({
-  container: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    padding: 16
-  },
-  card: {
-    padding: 32,
-    minWidth: 280,
-    maxWidth: 400,
-    width: "100%"
-  },
-  countDisplay: {
-    paddingVertical: 24,
-    paddingHorizontal: 48,
-    backgroundColor: "rgba(0,0,0,0.05)",
-    borderRadius: 12
-  },
-  countText: {
-    fontSize: 64,
-    fontWeight: "700"
-  }
-});
-CounterTemplate.displayName = "CounterTemplate";
-
-// src/components/templates/GameTemplate.tsx
-import React8 from "react";
-import {
-  View as View8,
-  StyleSheet as StyleSheet8,
-  SafeAreaView as SafeAreaView4
-} from "react-native";
-var GameTemplate = ({
-  children,
-  title,
-  subtitle,
-  hud,
-  showHud = true,
-  menu,
-  showMenu = false,
-  actions,
-  style,
-  contentStyle,
-  backgroundColor,
-  isLoading,
-  error,
-  entity,
-  emptyMessage = "No game content available",
-  onAction
-}) => {
-  const theme = useTheme();
-  const eventBus = useEventBus();
-  const handleAction = (action, payload) => {
-    eventBus.emit(`UI:${action}`, { ...payload, entity });
-    onAction?.(action, payload);
-  };
-  if (isLoading) {
-    return /* @__PURE__ */ React8.createElement(
-      SafeAreaView4,
-      {
-        style: [
-          styles8.container,
-          { backgroundColor: backgroundColor || theme.colors.background },
-          style
-        ]
-      },
-      /* @__PURE__ */ React8.createElement(LoadingState, { message: "Loading game..." })
-    );
-  }
-  if (error) {
-    return /* @__PURE__ */ React8.createElement(
-      SafeAreaView4,
-      {
-        style: [
-          styles8.container,
-          { backgroundColor: backgroundColor || theme.colors.background },
-          style
-        ]
-      },
-      /* @__PURE__ */ React8.createElement(
-        ErrorState,
-        {
-          message: error.message,
-          onRetry: () => handleAction("GAME_RETRY")
-        }
-      )
-    );
-  }
-  const shouldShowMenu = showMenu || !children && menu;
-  if (shouldShowMenu && menu) {
-    return /* @__PURE__ */ React8.createElement(
-      SafeAreaView4,
-      {
-        style: [
-          styles8.container,
-          { backgroundColor: backgroundColor || "#0f172a" },
-          style
-        ]
-      },
-      /* @__PURE__ */ React8.createElement(
-        GameMenu,
-        {
-          title: menu.title || title || "Game Menu",
-          subtitle: menu.subtitle || subtitle,
-          options: menu.options || menu.menuItems || [],
-          onSelect: (option) => {
-            if (option.event) {
-              handleAction(option.event, { option });
-            }
-            if (option.navigatesTo) {
-              handleAction("navigate", { to: option.navigatesTo });
-            }
-            menu.onSelect?.(option);
-          },
-          background: menu.background,
-          logo: menu.logo,
-          style: menu.style
-        }
-      )
-    );
-  }
-  const hasContent = React8.Children.count(children) > 0;
-  return /* @__PURE__ */ React8.createElement(
-    SafeAreaView4,
-    {
-      style: [
-        styles8.container,
-        { backgroundColor: backgroundColor || theme.colors.background },
-        style
-      ]
-    },
-    showHud && hud && /* @__PURE__ */ React8.createElement(View8, { style: styles8.hudOverlay }, /* @__PURE__ */ React8.createElement(GameHud, { ...hud })),
-    (title || subtitle) && /* @__PURE__ */ React8.createElement(View8, { style: styles8.header }, title && /* @__PURE__ */ React8.createElement(Typography, { variant: "h2", style: styles8.title }, title), subtitle && /* @__PURE__ */ React8.createElement(Typography, { variant: "body", color: theme.colors["muted-foreground"] }, subtitle)),
-    /* @__PURE__ */ React8.createElement(View8, { style: [styles8.content, contentStyle] }, hasContent ? children : /* @__PURE__ */ React8.createElement(
-      EmptyState,
-      {
-        message: emptyMessage,
-        icon: /* @__PURE__ */ React8.createElement(Typography, { variant: "h1" }, "\u{1F3AE}")
-      }
-    )),
-    actions && actions.length > 0 && /* @__PURE__ */ React8.createElement(View8, { style: styles8.actionBar }, /* @__PURE__ */ React8.createElement(Card, { variant: "elevated", style: styles8.actionCard }, /* @__PURE__ */ React8.createElement(HStack, { spacing: 8, justify: "center", style: styles8.actions }, actions.map((action, index) => /* @__PURE__ */ React8.createElement(
-      Button,
-      {
-        key: index,
-        variant: action.variant || "default",
-        action: action.event,
-        actionPayload: { ...action.payload, entity },
-        onPress: () => handleAction(action.event, action.payload),
-        disabled: action.disabled
-      },
-      action.label
-    )))))
-  );
-};
-var styles8 = StyleSheet8.create({
-  container: {
-    flex: 1
-  },
-  hudOverlay: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    pointerEvents: "box-none",
-    zIndex: 10
-  },
-  header: {
-    padding: 16,
-    alignItems: "center",
-    zIndex: 20
-  },
-  title: {
-    fontWeight: "700"
-  },
-  content: {
-    flex: 1,
-    padding: 16
-  },
-  actionBar: {
-    padding: 16,
-    zIndex: 20
-  },
-  actionCard: {
-    padding: 12
-  },
-  actions: {
-    flexWrap: "wrap"
-  }
-});
-GameTemplate.displayName = "GameTemplate";
 export {
   Accordion,
   ActionButtons,
@@ -1213,6 +344,7 @@ export {
   NegotiatorBoard,
   NumberStepper,
   ObjectRulePanel,
+  OrbitalGameCanvas,
   Overlay,
   PageHeader,
   Pagination,
@@ -1247,6 +379,7 @@ export {
   Split,
   SplitPane,
   Sprite,
+  VStack as Stack,
   StarRating,
   StatBadge,
   StatCard,