@almadar/ui 2.20.1 → 2.20.6

package/dist/providers/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React110 = require('react');
+var React108 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var providers = require('@almadar/ui/providers');
 require('react-dom');
@@ -41,7 +41,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React110__namespace = /*#__PURE__*/_interopNamespace(React110);
+var React108__namespace = /*#__PURE__*/_interopNamespace(React108);
 var LucideIcons__namespace = /*#__PURE__*/_interopNamespace(LucideIcons);
 var L__default = /*#__PURE__*/_interopDefault(L);
 var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
@@ -153,7 +153,7 @@ var BUILT_IN_THEMES = [
     hasDarkMode: true
   }
 ];
-var ThemeContext = React110.createContext(void 0);
+var ThemeContext = React108.createContext(void 0);
 var THEME_STORAGE_KEY = "theme";
 var MODE_STORAGE_KEY = "theme-mode";
 function getSystemMode() {
@@ -173,14 +173,14 @@ var ThemeProvider = ({
   defaultMode = "system",
   targetRef
 }) => {
-  const availableThemes = React110.useMemo(() => {
+  const availableThemes = React108.useMemo(() => {
     const themeMap = /* @__PURE__ */ new Map();
     BUILT_IN_THEMES.forEach((t) => themeMap.set(t.name, t));
     themes.forEach((t) => themeMap.set(t.name, t));
     return Array.from(themeMap.values());
   }, [themes]);
   const isScoped = !!targetRef;
-  const [theme, setThemeState] = React110.useState(() => {
+  const [theme, setThemeState] = React108.useState(() => {
     if (isScoped || typeof window === "undefined") return defaultTheme;
     const stored = localStorage.getItem(THEME_STORAGE_KEY);
     const validThemes = [
@@ -192,7 +192,7 @@ var ThemeProvider = ({
     }
     return defaultTheme;
   });
-  const [mode, setModeState] = React110.useState(() => {
+  const [mode, setModeState] = React108.useState(() => {
     if (isScoped || typeof window === "undefined") return defaultMode;
     const stored = localStorage.getItem(MODE_STORAGE_KEY);
     if (stored === "light" || stored === "dark" || stored === "system") {
@@ -200,14 +200,14 @@ var ThemeProvider = ({
     }
     return defaultMode;
   });
-  const [resolvedMode, setResolvedMode] = React110.useState(
+  const [resolvedMode, setResolvedMode] = React108.useState(
     () => resolveMode(mode)
   );
-  const appliedTheme = React110.useMemo(
+  const appliedTheme = React108.useMemo(
     () => `${theme}-${resolvedMode}`,
     [theme, resolvedMode]
   );
-  React110.useEffect(() => {
+  React108.useEffect(() => {
     const updateResolved = () => {
       setResolvedMode(resolveMode(mode));
     };
@@ -220,7 +220,7 @@ var ThemeProvider = ({
     }
     return void 0;
   }, [mode]);
-  React110.useEffect(() => {
+  React108.useEffect(() => {
     if (isScoped) {
       if (targetRef?.current) {
         targetRef.current.setAttribute("data-theme", appliedTheme);
@@ -234,7 +234,7 @@ var ThemeProvider = ({
     root.classList.remove("light", "dark");
     root.classList.add(resolvedMode);
   }, [appliedTheme, resolvedMode, targetRef, isScoped]);
-  const setTheme = React110.useCallback(
+  const setTheme = React108.useCallback(
     (newTheme) => {
       const validTheme = availableThemes.find((t) => t.name === newTheme);
       if (validTheme) {
@@ -250,17 +250,17 @@ var ThemeProvider = ({
     },
     [availableThemes]
   );
-  const setMode = React110.useCallback((newMode) => {
+  const setMode = React108.useCallback((newMode) => {
     setModeState(newMode);
     if (!isScoped && typeof window !== "undefined") {
       localStorage.setItem(MODE_STORAGE_KEY, newMode);
     }
   }, []);
-  const toggleMode = React110.useCallback(() => {
+  const toggleMode = React108.useCallback(() => {
     const newMode = resolvedMode === "dark" ? "light" : "dark";
     setMode(newMode);
   }, [resolvedMode, setMode]);
-  const contextValue = React110.useMemo(
+  const contextValue = React108.useMemo(
     () => ({
       theme,
       mode,
@@ -356,15 +356,15 @@ var fallbackEventBus = {
   }
 };
 function useEventBus() {
-  const context = React110.useContext(providers.EventBusContext);
+  const context = React108.useContext(providers.EventBusContext);
   return context ?? getGlobalEventBus() ?? fallbackEventBus;
 }
-var EventBusContext2 = React110.createContext(null);
+var EventBusContext2 = React108.createContext(null);
 function EventBusProvider({ children, debug: debug2 = false }) {
-  const listenersRef = React110.useRef(/* @__PURE__ */ new Map());
-  const anyListenersRef = React110.useRef(/* @__PURE__ */ new Set());
-  const deprecationWarningShown = React110.useRef(false);
-  const getSelectedEntity = React110.useCallback(() => {
+  const listenersRef = React108.useRef(/* @__PURE__ */ new Map());
+  const anyListenersRef = React108.useRef(/* @__PURE__ */ new Set());
+  const deprecationWarningShown = React108.useRef(false);
+  const getSelectedEntity = React108.useCallback(() => {
     if (!deprecationWarningShown.current) {
       console.warn(
         "[EventBus] getSelectedEntity is deprecated. Use SelectionProvider and useSelection hook instead. See SelectionProvider.tsx for migration guide."
@@ -373,7 +373,7 @@ function EventBusProvider({ children, debug: debug2 = false }) {
     }
     return null;
   }, []);
-  const clearSelectedEntity = React110.useCallback(() => {
+  const clearSelectedEntity = React108.useCallback(() => {
     if (!deprecationWarningShown.current) {
       console.warn(
         "[EventBus] clearSelectedEntity is deprecated. Use SelectionProvider and useSelection hook instead. See SelectionProvider.tsx for migration guide."
@@ -381,7 +381,7 @@ function EventBusProvider({ children, debug: debug2 = false }) {
       deprecationWarningShown.current = true;
     }
   }, []);
-  const emit = React110.useCallback((type, payload) => {
+  const emit = React108.useCallback((type, payload) => {
     const event = {
       type,
       payload,
@@ -415,7 +415,7 @@ function EventBusProvider({ children, debug: debug2 = false }) {
       }
     }
   }, [debug2]);
-  const on = React110.useCallback((type, listener) => {
+  const on = React108.useCallback((type, listener) => {
     if (!listenersRef.current.has(type)) {
       listenersRef.current.set(type, /* @__PURE__ */ new Set());
     }
@@ -434,18 +434,18 @@ function EventBusProvider({ children, debug: debug2 = false }) {
       }
     };
   }, [debug2]);
-  const once = React110.useCallback((type, listener) => {
+  const once = React108.useCallback((type, listener) => {
     const wrappedListener = (event) => {
       listenersRef.current.get(type)?.delete(wrappedListener);
       listener(event);
     };
     return on(type, wrappedListener);
   }, [on]);
-  const hasListeners = React110.useCallback((type) => {
+  const hasListeners = React108.useCallback((type) => {
     const listeners7 = listenersRef.current.get(type);
     return listeners7 !== void 0 && listeners7.size > 0;
   }, []);
-  const onAny = React110.useCallback((listener) => {
+  const onAny = React108.useCallback((listener) => {
     anyListenersRef.current.add(listener);
     if (debug2) {
       console.log(`[EventBus] onAny subscribed, total: ${anyListenersRef.current.size}`);
@@ -457,7 +457,7 @@ function EventBusProvider({ children, debug: debug2 = false }) {
       }
     };
   }, [debug2]);
-  const contextValue = React110.useMemo(
+  const contextValue = React108.useMemo(
     () => ({
       emit,
       on,
@@ -469,7 +469,7 @@ function EventBusProvider({ children, debug: debug2 = false }) {
     }),
     [emit, on, once, hasListeners, onAny, getSelectedEntity, clearSelectedEntity]
   );
-  React110.useEffect(() => {
+  React108.useEffect(() => {
     setGlobalEventBus(contextValue);
     return () => {
       setGlobalEventBus(null);
@@ -477,7 +477,7 @@ function EventBusProvider({ children, debug: debug2 = false }) {
   }, [contextValue]);
   return /* @__PURE__ */ jsxRuntime.jsx(EventBusContext2.Provider, { value: contextValue, children });
 }
-var SelectionContext = React110.createContext(null);
+var SelectionContext = React108.createContext(null);
 var defaultCompareEntities = (a, b) => {
   if (a === b) return true;
   if (!a || !b) return false;
@@ -494,8 +494,8 @@ function SelectionProvider({
   compareEntities = defaultCompareEntities
 }) {
   const eventBus = useEventBus();
-  const [selected, setSelectedState] = React110.useState(null);
-  const setSelected = React110.useCallback(
+  const [selected, setSelectedState] = React108.useState(null);
+  const setSelected = React108.useCallback(
     (entity) => {
       setSelectedState(entity);
       if (debug2) {
@@ -504,19 +504,19 @@ function SelectionProvider({
     },
     [debug2]
   );
-  const clearSelection = React110.useCallback(() => {
+  const clearSelection = React108.useCallback(() => {
     setSelectedState(null);
     if (debug2) {
       console.log("[SelectionProvider] Selection cleared");
     }
   }, [debug2]);
-  const isSelected = React110.useCallback(
+  const isSelected = React108.useCallback(
     (entity) => {
       return compareEntities(selected, entity);
     },
     [selected, compareEntities]
   );
-  React110.useEffect(() => {
+  React108.useEffect(() => {
     const handleSelect = (event) => {
       const row = event.payload?.row;
       if (row) {
@@ -554,182 +554,16 @@ function SelectionProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(SelectionContext.Provider, { value: contextValue, children });
 }
 function useSelection() {
-  const context = React110.useContext(SelectionContext);
+  const context = React108.useContext(SelectionContext);
   if (!context) {
     throw new Error("useSelection must be used within a SelectionProvider");
   }
   return context;
 }
 function useSelectionOptional() {
-  const context = React110.useContext(SelectionContext);
+  const context = React108.useContext(SelectionContext);
   return context;
 }
-var FetchedDataContext = React110.createContext(null);
-function FetchedDataProvider({
-  initialData,
-  children
-}) {
-  const [state, setState] = React110.useState(() => ({
-    data: initialData || {},
-    fetchedAt: {},
-    loading: false,
-    error: null
-  }));
-  const getData = React110.useCallback(
-    (entityName) => {
-      return state.data[entityName] || [];
-    },
-    [state.data]
-  );
-  const getById = React110.useCallback(
-    (entityName, id) => {
-      const records = state.data[entityName];
-      return records?.find((r) => r.id === id);
-    },
-    [state.data]
-  );
-  const hasData = React110.useCallback(
-    (entityName) => {
-      return entityName in state.data && state.data[entityName].length > 0;
-    },
-    [state.data]
-  );
-  const getFetchedAt = React110.useCallback(
-    (entityName) => {
-      return state.fetchedAt[entityName];
-    },
-    [state.fetchedAt]
-  );
-  const setData = React110.useCallback((data) => {
-    const now = Date.now();
-    setState((prev) => ({
-      ...prev,
-      data: {
-        ...prev.data,
-        ...data
-      },
-      fetchedAt: {
-        ...prev.fetchedAt,
-        ...Object.keys(data).reduce(
-          (acc, key) => ({ ...acc, [key]: now }),
-          {}
-        )
-      },
-      loading: false,
-      error: null
-    }));
-  }, []);
-  const clearData = React110.useCallback(() => {
-    setState((prev) => ({
-      ...prev,
-      data: {},
-      fetchedAt: {}
-    }));
-  }, []);
-  const clearEntity = React110.useCallback((entityName) => {
-    setState((prev) => {
-      const newData = { ...prev.data };
-      const newFetchedAt = { ...prev.fetchedAt };
-      delete newData[entityName];
-      delete newFetchedAt[entityName];
-      return {
-        ...prev,
-        data: newData,
-        fetchedAt: newFetchedAt
-      };
-    });
-  }, []);
-  const setLoading = React110.useCallback((loading) => {
-    setState((prev) => ({ ...prev, loading }));
-  }, []);
-  const setError = React110.useCallback((error) => {
-    setState((prev) => ({ ...prev, error, loading: false }));
-  }, []);
-  const contextValue = React110.useMemo(
-    () => ({
-      getData,
-      getById,
-      hasData,
-      getFetchedAt,
-      setData,
-      clearData,
-      clearEntity,
-      loading: state.loading,
-      setLoading,
-      error: state.error,
-      setError
-    }),
-    [
-      getData,
-      getById,
-      hasData,
-      getFetchedAt,
-      setData,
-      clearData,
-      clearEntity,
-      state.loading,
-      setLoading,
-      state.error,
-      setError
-    ]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(FetchedDataContext.Provider, { value: contextValue, children });
-}
-function useFetchedDataContext() {
-  return React110.useContext(FetchedDataContext);
-}
-function useFetchedData() {
-  const context = React110.useContext(FetchedDataContext);
-  if (!context) {
-    return {
-      getData: () => [],
-      getById: () => void 0,
-      hasData: () => false,
-      getFetchedAt: () => void 0,
-      setData: () => {
-      },
-      clearData: () => {
-      },
-      clearEntity: () => {
-      },
-      loading: false,
-      setLoading: () => {
-      },
-      error: null,
-      setError: () => {
-      }
-    };
-  }
-  return context;
-}
-function useFetchedEntity(entityName) {
-  const context = useFetchedData();
-  return {
-    /** All fetched records for this entity */
-    records: context.getData(entityName),
-    /** Get a record by ID */
-    getById: (id) => context.getById(entityName, id),
-    /** Whether data has been fetched for this entity */
-    hasData: context.hasData(entityName),
-    /** When data was last fetched */
-    fetchedAt: context.getFetchedAt(entityName),
-    /** Whether data is loading */
-    loading: context.loading,
-    /** Current error */
-    error: context.error
-  };
-}
-var EntityDataContext = React110.createContext(null);
-function EntityDataProvider({
-  adapter,
-  children
-}) {
-  return React110__namespace.default.createElement(
-    EntityDataContext.Provider,
-    { value: adapter },
-    children
-  );
-}
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -870,7 +704,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React110__namespace.default.forwardRef(
+var Box = React108__namespace.default.forwardRef(
   ({
     padding,
     paddingX,
@@ -899,20 +733,20 @@ var Box = React110__namespace.default.forwardRef(
     ...rest
   }, ref) => {
     const eventBus = useEventBus();
-    const handleClick = React110.useCallback((e) => {
+    const handleClick = React108.useCallback((e) => {
       if (action) {
         e.stopPropagation();
         eventBus.emit(`UI:${action}`, actionPayload ?? {});
       }
       onClick?.(e);
     }, [action, actionPayload, eventBus, onClick]);
-    const handleMouseEnter = React110.useCallback((e) => {
+    const handleMouseEnter = React108.useCallback((e) => {
       if (hoverEvent) {
         eventBus.emit(`UI:${hoverEvent}`, { hovered: true });
       }
       onMouseEnter?.(e);
     }, [hoverEvent, eventBus, onMouseEnter]);
-    const handleMouseLeave = React110.useCallback((e) => {
+    const handleMouseLeave = React108.useCallback((e) => {
       if (hoverEvent) {
         eventBus.emit(`UI:${hoverEvent}`, { hovered: false });
       }
@@ -1140,7 +974,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsxRuntime.jsx(IconComp, { className: sizeClass });
   }
-  if (React110__namespace.default.isValidElement(value)) {
+  if (React108__namespace.default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -1149,7 +983,7 @@ function resolveIconProp(value, sizeClass) {
   }
   return value;
 }
-var Button = React110__namespace.default.forwardRef(
+var Button = React108__namespace.default.forwardRef(
   ({
     className,
     variant = "primary",
@@ -1244,7 +1078,7 @@ var sizeStyles3 = {
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
 };
-var Badge = React110__namespace.default.forwardRef(
+var Badge = React108__namespace.default.forwardRef(
   ({ className, variant = "default", size = "sm", amount, label, icon, children, ...props }, ref) => {
     const iconSizes2 = { sm: "w-3 h-3", md: "w-3.5 h-3.5", lg: "w-4 h-4" };
     const resolvedIcon = typeof icon === "string" ? (() => {
@@ -1271,7 +1105,7 @@ var Badge = React110__namespace.default.forwardRef(
   }
 );
 Badge.displayName = "Badge";
-var Input = React110__namespace.default.forwardRef(
+var Input = React108__namespace.default.forwardRef(
   ({
     className,
     inputType,
@@ -1383,7 +1217,7 @@ var Input = React110__namespace.default.forwardRef(
   }
 );
 Input.displayName = "Input";
-var Label = React110__namespace.default.forwardRef(
+var Label = React108__namespace.default.forwardRef(
   ({ className, required, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "label",
@@ -1403,7 +1237,7 @@ var Label = React110__namespace.default.forwardRef(
   }
 );
 Label.displayName = "Label";
-var Textarea = React110__namespace.default.forwardRef(
+var Textarea = React108__namespace.default.forwardRef(
   ({ className, error, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
@@ -1426,7 +1260,7 @@ var Textarea = React110__namespace.default.forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
-var Select = React110__namespace.default.forwardRef(
+var Select = React108__namespace.default.forwardRef(
   ({ className, options, placeholder, error, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1462,7 +1296,7 @@ var Select = React110__namespace.default.forwardRef(
   }
 );
 Select.displayName = "Select";
-var Checkbox = React110__namespace.default.forwardRef(
+var Checkbox = React108__namespace.default.forwardRef(
   ({ className, label, id, ...props }, ref) => {
     const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
@@ -1536,7 +1370,7 @@ var shadowStyles2 = {
   md: "shadow-[var(--shadow-main)]",
   lg: "shadow-[var(--shadow-lg)]"
 };
-var Card = React110__namespace.default.forwardRef(
+var Card = React108__namespace.default.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -1572,9 +1406,9 @@ var Card = React110__namespace.default.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React110__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("mb-4", className), ...props }));
+var CardHeader = React108__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("mb-4", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React110__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardTitle = React108__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h3",
   {
     ref,
@@ -1587,11 +1421,11 @@ var CardTitle = React110__namespace.default.forwardRef(({ className, ...props },
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React110__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("", className), ...props }));
+var CardContent = React108__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardBody = CardContent;
 CardBody.displayName = "CardBody";
-var CardFooter = React110__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardFooter = React108__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -1606,7 +1440,7 @@ var sizeStyles4 = {
   md: "h-6 w-6",
   lg: "h-8 w-8"
 };
-var Spinner = React110__namespace.default.forwardRef(
+var Spinner = React108__namespace.default.forwardRef(
   ({ className, size = "md", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -1620,7 +1454,7 @@ var Spinner = React110__namespace.default.forwardRef(
   }
 );
 Spinner.displayName = "Spinner";
-var Radio = React110__namespace.default.forwardRef(
+var Radio = React108__namespace.default.forwardRef(
   ({
     label,
     helperText,
@@ -1724,7 +1558,7 @@ var Radio = React110__namespace.default.forwardRef(
   }
 );
 Radio.displayName = "Radio";
-var Switch = React110__namespace.forwardRef(
+var Switch = React108__namespace.forwardRef(
   ({
     checked,
     defaultChecked = false,
@@ -1735,10 +1569,10 @@ var Switch = React110__namespace.forwardRef(
     name,
     className
   }, ref) => {
-    const [isChecked, setIsChecked] = React110__namespace.useState(
+    const [isChecked, setIsChecked] = React108__namespace.useState(
       checked !== void 0 ? checked : defaultChecked
     );
-    React110__namespace.useEffect(() => {
+    React108__namespace.useEffect(() => {
       if (checked !== void 0) {
         setIsChecked(checked);
       }
@@ -1896,7 +1730,7 @@ var sizeStyles5 = {
   md: "w-2.5 h-2.5",
   lg: "w-3 h-3"
 };
-var StatusDot = React110__namespace.default.forwardRef(
+var StatusDot = React108__namespace.default.forwardRef(
   ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "span",
@@ -1943,7 +1777,7 @@ var iconMap2 = {
   down: LucideIcons.TrendingDown,
   flat: LucideIcons.ArrowRight
 };
-var TrendIndicator = React110__namespace.default.forwardRef(
+var TrendIndicator = React108__namespace.default.forwardRef(
   ({
     className,
     value,
@@ -2002,7 +1836,7 @@ var thumbSizes = {
   md: "w-4 h-4",
   lg: "w-5 h-5"
 };
-var RangeSlider = React110__namespace.default.forwardRef(
+var RangeSlider = React108__namespace.default.forwardRef(
   ({
     className,
     min = 0,
@@ -2020,14 +1854,14 @@ var RangeSlider = React110__namespace.default.forwardRef(
     formatValue: formatValue5,
     ...props
   }, ref) => {
-    const [isDragging, setIsDragging] = React110.useState(false);
-    const [showTip, setShowTip] = React110.useState(false);
-    const inputRef = React110.useRef(null);
+    const [isDragging, setIsDragging] = React108.useState(false);
+    const [showTip, setShowTip] = React108.useState(false);
+    const inputRef = React108.useRef(null);
     const eventBus = useSafeEventBus();
     const percentage = max !== min ? (value - min) / (max - min) * 100 : 0;
     const bufferedPercentage = buffered !== void 0 ? Math.min(buffered, 100) : void 0;
     const displayValue = formatValue5 ? formatValue5(value) : String(value);
-    const handleChange = React110.useCallback(
+    const handleChange = React108.useCallback(
       (e) => {
         const newValue = Number(e.target.value);
         onChange?.(newValue);
@@ -2205,7 +2039,7 @@ var paddingClasses = {
   md: "py-16",
   lg: "py-24"
 };
-var ContentSection = React110__namespace.default.forwardRef(
+var ContentSection = React108__namespace.default.forwardRef(
   ({ children, background = "default", padding = "lg", id, className }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       Box,
@@ -2334,7 +2168,7 @@ var en_default = {
 // hooks/useTranslate.ts
 var { $meta: _meta, ...coreMessages } = en_default;
 var coreLocale = coreMessages;
-var I18nContext = React110.createContext({
+var I18nContext = React108.createContext({
   locale: "en",
   direction: "ltr",
   t: (key) => coreLocale[key] ?? key
@@ -2343,7 +2177,7 @@ var I18nContext = React110.createContext({
 I18nContext.displayName = "I18nContext";
 I18nContext.Provider;
 function useTranslate() {
-  return React110.useContext(I18nContext);
+  return React108.useContext(I18nContext);
 }
 var ErrorState = ({
   title,
@@ -2379,7 +2213,7 @@ var ErrorState = ({
   );
 };
 ErrorState.displayName = "ErrorState";
-var ErrorBoundary = class extends React110__namespace.default.Component {
+var ErrorBoundary = class extends React108__namespace.default.Component {
   constructor(props) {
     super(props);
     __publicField(this, "reset", () => {
@@ -2478,7 +2312,7 @@ function executeNotify(message, options, config) {
 function executeEmit(event, payload, config) {
   config.eventBus.emit(event, payload);
 }
-var ClientEffectConfigContext = React110.createContext(null);
+var ClientEffectConfigContext = React108.createContext(null);
 ClientEffectConfigContext.Provider;
 var effectIdCounter = 0;
 function generateEffectId() {
@@ -2717,14 +2551,14 @@ var OfflineExecutor = class {
   }
 };
 function useOfflineExecutor(options) {
-  const executorRef = React110.useRef(null);
-  const [state, setState] = React110.useState({
+  const executorRef = React108.useRef(null);
+  const [state, setState] = React108.useState({
     isOffline: false,
     syncQueue: [],
     localEffectsProcessed: 0,
     effectsSynced: 0
   });
-  React110.useEffect(() => {
+  React108.useEffect(() => {
     const executor = new OfflineExecutor({
       ...options,
       onQueueChange: (queue) => {
@@ -2739,7 +2573,7 @@ function useOfflineExecutor(options) {
       executorRef.current = null;
     };
   }, []);
-  React110.useEffect(() => {
+  React108.useEffect(() => {
     if (!options.autoSync || !options.serverUrl) return;
     const handleOnline = async () => {
       if (executorRef.current) {
@@ -2753,13 +2587,13 @@ function useOfflineExecutor(options) {
     window.addEventListener("online", handleOnline);
     return () => window.removeEventListener("online", handleOnline);
   }, [options.autoSync, options.serverUrl, options.authToken]);
-  const executeEffects = React110.useCallback((effects) => {
+  const executeEffects = React108.useCallback((effects) => {
     executorRef.current?.executeClientEffects(effects);
     if (executorRef.current) {
       setState(executorRef.current.getState());
     }
   }, []);
-  const processEventOffline = React110.useCallback(
+  const processEventOffline = React108.useCallback(
     (event, payload, effects) => {
       const result = executorRef.current?.processEventOffline(event, payload, effects);
       if (executorRef.current) {
@@ -2769,7 +2603,7 @@ function useOfflineExecutor(options) {
     },
     []
   );
-  const sync = React110.useCallback(async () => {
+  const sync = React108.useCallback(async () => {
     if (!executorRef.current || !options.serverUrl) return 0;
     const count = await executorRef.current.syncPendingEffects(
       options.serverUrl,
@@ -2778,7 +2612,7 @@ function useOfflineExecutor(options) {
     setState(executorRef.current.getState());
     return count;
   }, [options.serverUrl, options.authToken]);
-  const clearQueue = React110.useCallback(() => {
+  const clearQueue = React108.useCallback(() => {
     executorRef.current?.clearQueue();
     if (executorRef.current) {
       setState(executorRef.current.getState());
@@ -2794,7 +2628,7 @@ function useOfflineExecutor(options) {
     clearQueue
   };
 }
-React110.createContext(null);
+React108.createContext(null);
 var defaultIcon = L__default.default.icon({
   iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
   iconRetinaUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png",
@@ -2959,7 +2793,7 @@ function bindTraitStateGetter(getter) {
   }
 }
 exposeOnWindow();
-var MarkdownContent = React110__namespace.default.memo(
+var MarkdownContent = React108__namespace.default.memo(
   ({ content, direction, className }) => {
     const { t: _t } = useTranslate();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3060,7 +2894,7 @@ var MarkdownContent = React110__namespace.default.memo(
   (prev, next) => prev.content === next.content && prev.className === next.className && prev.direction === next.direction
 );
 MarkdownContent.displayName = "MarkdownContent";
-var CodeBlock = React110__namespace.default.memo(
+var CodeBlock = React108__namespace.default.memo(
   ({
     code,
     language = "text",
@@ -3071,20 +2905,20 @@ var CodeBlock = React110__namespace.default.memo(
   }) => {
     const eventBus = useEventBus();
     const { t: _t } = useTranslate();
-    const scrollRef = React110.useRef(null);
-    const savedScrollLeftRef = React110.useRef(0);
-    const [copied, setCopied] = React110.useState(false);
-    React110.useLayoutEffect(() => {
+    const scrollRef = React108.useRef(null);
+    const savedScrollLeftRef = React108.useRef(0);
+    const [copied, setCopied] = React108.useState(false);
+    React108.useLayoutEffect(() => {
       const el = scrollRef.current;
       return () => {
         if (el) savedScrollLeftRef.current = el.scrollLeft;
       };
     }, [language, code]);
-    React110.useLayoutEffect(() => {
+    React108.useLayoutEffect(() => {
       const el = scrollRef.current;
       if (el) el.scrollLeft = savedScrollLeftRef.current;
     }, [language, code]);
-    React110.useEffect(() => {
+    React108.useEffect(() => {
       const el = scrollRef.current;
       if (!el) return;
       const handle = () => {
@@ -3170,18 +3004,18 @@ CodeBlock.displayName = "CodeBlock";
 
 // lib/debug.ts
 typeof window !== "undefined" && (localStorage.getItem("debug") === "true" || process.env.NODE_ENV === "development");
-React110.lazy(() => import('react-markdown'));
-var GameAudioContext = React110.createContext(null);
+React108.lazy(() => import('react-markdown'));
+var GameAudioContext = React108.createContext(null);
 GameAudioContext.displayName = "GameAudioContext";
 
 // components/organisms/component-registry.generated.ts
 function lazyThree(name, loader) {
-  const Lazy = React110__namespace.default.lazy(() => loader().then((m) => ({ default: m[name] })));
+  const Lazy = React108__namespace.default.lazy(() => loader().then((m) => ({ default: m[name] })));
   function ThreeWrapper(props) {
-    return React110__namespace.default.createElement(
-      React110__namespace.default.Suspense,
+    return React108__namespace.default.createElement(
+      React108__namespace.default.Suspense,
       { fallback: null },
-      React110__namespace.default.createElement(Lazy, props)
+      React108__namespace.default.createElement(Lazy, props)
     );
   }
   ThreeWrapper.displayName = `Lazy(${name})`;
@@ -3202,13 +3036,13 @@ lazyThree("PhysicsObject3D", () => import('@almadar/ui/components/organisms/game
 lazyThree("Scene3D", () => import('@almadar/ui/components/organisms/game/three'));
 lazyThree("TileRenderer", () => import('@almadar/ui/components/organisms/game/three'));
 lazyThree("UnitRenderer", () => import('@almadar/ui/components/organisms/game/three'));
-var SuspenseConfigContext = React110.createContext({ enabled: false });
-React110.createContext(false);
+var SuspenseConfigContext = React108.createContext({ enabled: false });
+React108.createContext(false);
 function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React110__namespace.default.createElement(
+  return React108__namespace.default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -3253,8 +3087,8 @@ function VerificationProvider({
 }) {
   const isEnabled = enabled ?? (typeof process !== "undefined" && process.env?.NODE_ENV !== "production");
   const eventBus = useEventBus();
-  const pendingRef = React110.useRef(/* @__PURE__ */ new Map());
-  React110.useEffect(() => {
+  const pendingRef = React108.useRef(/* @__PURE__ */ new Map());
+  React108.useEffect(() => {
     if (!isEnabled) return;
     if (!eventBus.onAny) return;
     const unsub = eventBus.onAny((evt) => {
@@ -3315,7 +3149,7 @@ function VerificationProvider({
     );
     return unsub;
   }, [isEnabled, eventBus]);
-  React110.useEffect(() => {
+  React108.useEffect(() => {
     if (!isEnabled) return;
     if (!runtimeManager) return;
     runtimeManager.setObserver({
@@ -3337,11 +3171,11 @@ function VerificationProvider({
       "pass"
     );
   }, [isEnabled, runtimeManager]);
-  React110.useEffect(() => {
+  React108.useEffect(() => {
     if (!isEnabled) return;
     bindEventBus(eventBus);
   }, [isEnabled, eventBus]);
-  React110.useEffect(() => {
+  React108.useEffect(() => {
     if (!isEnabled) return;
     if (traitStateGetter) {
       bindTraitStateGetter(traitStateGetter);
@@ -3353,16 +3187,6 @@ function VerificationProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 }
 VerificationProvider.displayName = "VerificationProvider";
-function FetchedDataBridge({ children }) {
-  const fetchedData = useFetchedData();
-  const adapter = React110.useMemo(() => ({
-    getData: (entity) => fetchedData.getData(entity),
-    getById: (entity, id) => fetchedData.getById(entity, id),
-    isLoading: fetchedData.loading,
-    error: fetchedData.error
-  }), [fetchedData.getData, fetchedData.getById, fetchedData.loading, fetchedData.error]);
-  return /* @__PURE__ */ jsxRuntime.jsx(EntityDataProvider, { adapter, children });
-}
 function OrbitalProvider({
   children,
   themes,
@@ -3375,11 +3199,11 @@ function OrbitalProvider({
   suspense = false,
   verification
 }) {
-  const suspenseConfig = React110.useMemo(
+  const suspenseConfig = React108.useMemo(
     () => ({ enabled: suspense }),
     [suspense]
   );
-  const inner = /* @__PURE__ */ jsxRuntime.jsx(FetchedDataProvider, { initialData, children: /* @__PURE__ */ jsxRuntime.jsx(FetchedDataBridge, { children: /* @__PURE__ */ jsxRuntime.jsx(EventBusProvider, { debug: debug2, children: /* @__PURE__ */ jsxRuntime.jsx(VerificationProvider, { enabled: verification, children: /* @__PURE__ */ jsxRuntime.jsx(SelectionProvider, { debug: debug2, children: /* @__PURE__ */ jsxRuntime.jsx(SuspenseConfigProvider, { config: suspenseConfig, children }) }) }) }) }) });
+  const inner = /* @__PURE__ */ jsxRuntime.jsx(EventBusProvider, { debug: debug2, children: /* @__PURE__ */ jsxRuntime.jsx(VerificationProvider, { enabled: verification, children: /* @__PURE__ */ jsxRuntime.jsx(SelectionProvider, { debug: debug2, children: /* @__PURE__ */ jsxRuntime.jsx(SuspenseConfigProvider, { config: suspenseConfig, children }) }) }) });
   if (skipTheme) {
     return inner;
   }
@@ -3395,15 +3219,170 @@ function OrbitalProvider({
   );
 }
 OrbitalProvider.displayName = "OrbitalProvider";
-var OfflineModeContext = React110.createContext(null);
+var FetchedDataContext = React108.createContext(null);
+function FetchedDataProvider({
+  initialData,
+  children
+}) {
+  const [state, setState] = React108.useState(() => ({
+    data: initialData || {},
+    fetchedAt: {},
+    loading: false,
+    error: null
+  }));
+  const getData = React108.useCallback(
+    (entityName) => {
+      return state.data[entityName] || [];
+    },
+    [state.data]
+  );
+  const getById = React108.useCallback(
+    (entityName, id) => {
+      const records = state.data[entityName];
+      return records?.find((r) => r.id === id);
+    },
+    [state.data]
+  );
+  const hasData = React108.useCallback(
+    (entityName) => {
+      return entityName in state.data && state.data[entityName].length > 0;
+    },
+    [state.data]
+  );
+  const getFetchedAt = React108.useCallback(
+    (entityName) => {
+      return state.fetchedAt[entityName];
+    },
+    [state.fetchedAt]
+  );
+  const setData = React108.useCallback((data) => {
+    const now = Date.now();
+    setState((prev) => ({
+      ...prev,
+      data: {
+        ...prev.data,
+        ...data
+      },
+      fetchedAt: {
+        ...prev.fetchedAt,
+        ...Object.keys(data).reduce(
+          (acc, key) => ({ ...acc, [key]: now }),
+          {}
+        )
+      },
+      loading: false,
+      error: null
+    }));
+  }, []);
+  const clearData = React108.useCallback(() => {
+    setState((prev) => ({
+      ...prev,
+      data: {},
+      fetchedAt: {}
+    }));
+  }, []);
+  const clearEntity = React108.useCallback((entityName) => {
+    setState((prev) => {
+      const newData = { ...prev.data };
+      const newFetchedAt = { ...prev.fetchedAt };
+      delete newData[entityName];
+      delete newFetchedAt[entityName];
+      return {
+        ...prev,
+        data: newData,
+        fetchedAt: newFetchedAt
+      };
+    });
+  }, []);
+  const setLoading = React108.useCallback((loading) => {
+    setState((prev) => ({ ...prev, loading }));
+  }, []);
+  const setError = React108.useCallback((error) => {
+    setState((prev) => ({ ...prev, error, loading: false }));
+  }, []);
+  const contextValue = React108.useMemo(
+    () => ({
+      getData,
+      getById,
+      hasData,
+      getFetchedAt,
+      setData,
+      clearData,
+      clearEntity,
+      loading: state.loading,
+      setLoading,
+      error: state.error,
+      setError
+    }),
+    [
+      getData,
+      getById,
+      hasData,
+      getFetchedAt,
+      setData,
+      clearData,
+      clearEntity,
+      state.loading,
+      setLoading,
+      state.error,
+      setError
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(FetchedDataContext.Provider, { value: contextValue, children });
+}
+function useFetchedDataContext() {
+  return React108.useContext(FetchedDataContext);
+}
+function useFetchedData() {
+  const context = React108.useContext(FetchedDataContext);
+  if (!context) {
+    return {
+      getData: () => [],
+      getById: () => void 0,
+      hasData: () => false,
+      getFetchedAt: () => void 0,
+      setData: () => {
+      },
+      clearData: () => {
+      },
+      clearEntity: () => {
+      },
+      loading: false,
+      setLoading: () => {
+      },
+      error: null,
+      setError: () => {
+      }
+    };
+  }
+  return context;
+}
+function useFetchedEntity(entityName) {
+  const context = useFetchedData();
+  return {
+    /** All fetched records for this entity */
+    records: context.getData(entityName),
+    /** Get a record by ID */
+    getById: (id) => context.getById(entityName, id),
+    /** Whether data has been fetched for this entity */
+    hasData: context.hasData(entityName),
+    /** When data was last fetched */
+    fetchedAt: context.getFetchedAt(entityName),
+    /** Whether data is loading */
+    loading: context.loading,
+    /** Current error */
+    error: context.error
+  };
+}
+var OfflineModeContext = React108.createContext(null);
 function OfflineModeProvider({
   children,
   ...executorOptions
 }) {
-  const [forceOffline, setForceOffline] = React110.useState(false);
+  const [forceOffline, setForceOffline] = React108.useState(false);
   const executor = useOfflineExecutor(executorOptions);
   const effectivelyOffline = executor.isOffline || forceOffline;
-  const contextValue = React110.useMemo(
+  const contextValue = React108.useMemo(
     () => ({
       ...executor,
       forceOffline,
@@ -3415,14 +3394,14 @@ function OfflineModeProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(OfflineModeContext.Provider, { value: contextValue, children });
 }
 function useOfflineMode() {
-  const context = React110.useContext(OfflineModeContext);
+  const context = React108.useContext(OfflineModeContext);
   if (!context) {
     throw new Error("useOfflineMode must be used within OfflineModeProvider");
   }
   return context;
 }
 function useOptionalOfflineMode() {
-  return React110.useContext(OfflineModeContext);
+  return React108.useContext(OfflineModeContext);
 }
 
 exports.EventBusContext = EventBusContext2;