@almadar/ui 1.0.20 → 1.0.22

package/dist/{chunk-I5RSZIOE.js → chunk-4UFNDD6B.js}

@@ -1,30 +1,7 @@
-import { useUISlotManager } from './chunk-7NEWMNNU.js';
-import { createContext, useMemo, useContext, useState, useEffect, useCallback } from 'react';
+import { createContext, useMemo, useState, useEffect, useCallback, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-var UISlotContext = createContext(null);
-function UISlotProvider({ children }) {
-  const slotManager = useUISlotManager();
-  const contextValue = useMemo(() => slotManager, [slotManager]);
-  return /* @__PURE__ */ jsx(UISlotContext.Provider, { value: contextValue, children });
-}
-function useUISlots() {
-  const context = useContext(UISlotContext);
-  if (!context) {
-    throw new Error(
-      "useUISlots must be used within a UISlotProvider. Make sure your component tree is wrapped with <UISlotProvider>."
-    );
-  }
-  return context;
-}
-function useSlotContent(slot) {
-  const { getContent } = useUISlots();
-  return getContent(slot);
-}
-function useSlotHasContent(slot) {
-  const { hasContent } = useUISlots();
-  return hasContent(slot);
-}
+// context/ThemeContext.tsx
 var BUILT_IN_THEMES = [
   {
     name: "wireframe",
@@ -43,6 +20,85 @@ var BUILT_IN_THEMES = [
     displayName: "Almadar",
     hasLightMode: true,
     hasDarkMode: true
+  },
+  {
+    name: "trait-wars",
+    displayName: "Trait Wars",
+    hasLightMode: false,
+    hasDarkMode: true
+  },
+  // Extended themes
+  {
+    name: "ocean",
+    displayName: "Ocean",
+    hasLightMode: true,
+    hasDarkMode: true
+  },
+  {
+    name: "forest",
+    displayName: "Forest",
+    hasLightMode: true,
+    hasDarkMode: true
+  },
+  {
+    name: "sunset",
+    displayName: "Sunset",
+    hasLightMode: true,
+    hasDarkMode: true
+  },
+  {
+    name: "lavender",
+    displayName: "Lavender",
+    hasLightMode: true,
+    hasDarkMode: true
+  },
+  {
+    name: "rose",
+    displayName: "Rose",
+    hasLightMode: true,
+    hasDarkMode: true
+  },
+  {
+    name: "slate",
+    displayName: "Slate",
+    hasLightMode: true,
+    hasDarkMode: true
+  },
+  {
+    name: "ember",
+    displayName: "Ember",
+    hasLightMode: true,
+    hasDarkMode: true
+  },
+  {
+    name: "midnight",
+    displayName: "Midnight",
+    hasLightMode: true,
+    hasDarkMode: true
+  },
+  {
+    name: "sand",
+    displayName: "Sand",
+    hasLightMode: true,
+    hasDarkMode: true
+  },
+  {
+    name: "neon",
+    displayName: "Neon",
+    hasLightMode: true,
+    hasDarkMode: true
+  },
+  {
+    name: "arctic",
+    displayName: "Arctic",
+    hasLightMode: true,
+    hasDarkMode: true
+  },
+  {
+    name: "copper",
+    displayName: "Copper",
+    hasLightMode: true,
+    hasDarkMode: true
   }
 ];
 var ThemeContext = createContext(void 0);
@@ -187,4 +243,4 @@ function useTheme() {
 }
 var ThemeContext_default = ThemeContext;
 
-export { BUILT_IN_THEMES, ThemeContext_default, ThemeProvider, UISlotContext, UISlotProvider, useSlotContent, useSlotHasContent, useTheme, useUISlots };
+export { BUILT_IN_THEMES, ThemeContext_default, ThemeProvider, useTheme };

package/dist/{chunk-VE4ZELYZ.js → chunk-ITRZURGQ.js}

@@ -1,5 +1,5 @@
 import { apiClient } from './chunk-XSEDIUM6.js';
-import { useEventBus, SelectionContext } from './chunk-TTXKOHDO.js';
+import { useEventBus, SelectionContext, entityDataKeys } from './chunk-WXFQV3ZP.js';
 import { subscribe, getSnapshot, clearEntities, removeEntity, updateSingleton, updateEntity, spawnEntity, getSingleton, getAllEntities, getByType, getEntity } from './chunk-N7MVUW4R.js';
 import { useCallback, useState, useEffect, useMemo, useContext, useSyncExternalStore } from 'react';
 import { useQueryClient, useMutation, useQuery } from '@tanstack/react-query';
@@ -985,118 +985,6 @@ function useSelectionContext() {
   const context = useContext(SelectionContext);
   return context;
 }
-var entityDataKeys = {
-  all: ["entities"],
-  lists: () => [...entityDataKeys.all, "list"],
-  list: (entity, filters) => [...entityDataKeys.lists(), entity, filters],
-  details: () => [...entityDataKeys.all, "detail"],
-  detail: (entity, id) => [...entityDataKeys.details(), entity, id]
-};
-function useEntityList(entity, options = {}) {
-  const { skip = false } = options;
-  const [data, setData] = useState([]);
-  const [isLoading, setIsLoading] = useState(!skip && !!entity);
-  const [error, setError] = useState(null);
-  const refetch = () => {
-    if (!entity || skip) return;
-    setIsLoading(true);
-    setError(null);
-    setTimeout(() => {
-      setData([]);
-      setIsLoading(false);
-    }, 100);
-  };
-  useEffect(() => {
-    if (skip || !entity) {
-      setIsLoading(false);
-      return;
-    }
-    refetch();
-  }, [entity, skip]);
-  return { data, isLoading, error, refetch };
-}
-function useEntity(entity, id) {
-  const [data, setData] = useState(null);
-  const [isLoading, setIsLoading] = useState(!!entity && !!id);
-  const [error, setError] = useState(null);
-  useEffect(() => {
-    if (!entity || !id) {
-      setIsLoading(false);
-      return;
-    }
-    setIsLoading(true);
-    setTimeout(() => {
-      setData(null);
-      setIsLoading(false);
-    }, 100);
-  }, [entity, id]);
-  return { data, isLoading, error };
-}
-function useEntityDetail(entity, id) {
-  const [data, setData] = useState(null);
-  const [isLoading, setIsLoading] = useState(!!entity && !!id);
-  const [error, setError] = useState(null);
-  const refetch = () => {
-    if (!entity || !id) return;
-    setIsLoading(true);
-    setError(null);
-    setTimeout(() => {
-      setData(null);
-      setIsLoading(false);
-    }, 100);
-  };
-  useEffect(() => {
-    if (!entity || !id) {
-      setIsLoading(false);
-      return;
-    }
-    refetch();
-  }, [entity, id]);
-  return { data, isLoading, error, refetch };
-}
-function usePaginatedEntityList(entity, params, options = {}) {
-  const { skip = false } = options;
-  const [data, setData] = useState([]);
-  const [isLoading, setIsLoading] = useState(!skip && !!entity);
-  const [error, setError] = useState(null);
-  const [totalCount, setTotalCount] = useState(0);
-  const refetch = () => {
-    if (!entity || skip) return;
-    setIsLoading(true);
-    setError(null);
-    setTimeout(() => {
-      setData([]);
-      setTotalCount(0);
-      setIsLoading(false);
-    }, 100);
-  };
-  useEffect(() => {
-    if (skip || !entity) {
-      setIsLoading(false);
-      return;
-    }
-    refetch();
-  }, [
-    entity,
-    params.page,
-    params.pageSize,
-    params.search,
-    params.sortBy,
-    params.sortDirection,
-    skip
-  ]);
-  const totalPages = Math.ceil(totalCount / params.pageSize) || 1;
-  return {
-    data,
-    isLoading,
-    error,
-    totalCount,
-    totalPages,
-    hasNextPage: params.page < totalPages,
-    hasPreviousPage: params.page > 1,
-    refetch
-  };
-}
 var queryStores = /* @__PURE__ */ new Map();
 function getOrCreateStore(query) {
   if (!queryStores.has(query)) {
@@ -1465,7 +1353,7 @@ function useEntities() {
     clearEntities
   };
 }
-function useEntity2(id) {
+function useEntity(id) {
   const entities = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
   return entities.get(id);
 }
@@ -1584,4 +1472,4 @@ function useGitHubBranches(owner, repo, enabled = true) {
   });
 }
 
-export { ENTITY_EVENTS, entityDataKeys, parseQueryBinding, useAgentChat, useAuthContext, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useEntities, useEntitiesByType, useEntity, useEntity2, useEntityDetail, useEntityList, useEntityMutations, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInput, useOrbitalHistory, useOrbitalMutations, usePaginatedEntityList, usePhysics, usePlayer, usePreview, useQuerySingleton, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useUIEvents, useUpdateEntity, useValidation };
+export { ENTITY_EVENTS, parseQueryBinding, useAgentChat, useAuthContext, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useEntities, useEntitiesByType, useEntity, useEntityMutations, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInput, useOrbitalHistory, useOrbitalMutations, usePhysics, usePlayer, usePreview, useQuerySingleton, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useUIEvents, useUpdateEntity, useValidation };

package/dist/chunk-W5YTXLXL.js

@@ -0,0 +1,29 @@
+import { useUISlotManager } from './chunk-7NEWMNNU.js';
+import { createContext, useMemo, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var UISlotContext = createContext(null);
+function UISlotProvider({ children }) {
+  const slotManager = useUISlotManager();
+  const contextValue = useMemo(() => slotManager, [slotManager]);
+  return /* @__PURE__ */ jsx(UISlotContext.Provider, { value: contextValue, children });
+}
+function useUISlots() {
+  const context = useContext(UISlotContext);
+  if (!context) {
+    throw new Error(
+      "useUISlots must be used within a UISlotProvider. Make sure your component tree is wrapped with <UISlotProvider>."
+    );
+  }
+  return context;
+}
+function useSlotContent(slot) {
+  const { getContent } = useUISlots();
+  return getContent(slot);
+}
+function useSlotHasContent(slot) {
+  const { hasContent } = useUISlots();
+  return hasContent(slot);
+}
+
+export { UISlotContext, UISlotProvider, useSlotContent, useSlotHasContent, useUISlots };

package/dist/{chunk-TTXKOHDO.js → chunk-WXFQV3ZP.js}

@@ -1,4 +1,4 @@
-import { createContext, useContext, useRef, useEffect, useCallback, useMemo, useState } from 'react';
+import React2, { createContext, useContext, useRef, useEffect, useCallback, useMemo, useState } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // providers/EventBusProvider.tsx
@@ -179,6 +179,152 @@ function EventBusProvider({ children, debug = false }) {
   }, [contextValue]);
   return /* @__PURE__ */ jsx(EventBusContext.Provider, { value: contextValue, children });
 }
+var EntityDataContext = createContext(null);
+function EntityDataProvider({
+  adapter,
+  children
+}) {
+  return React2.createElement(
+    EntityDataContext.Provider,
+    { value: adapter },
+    children
+  );
+}
+function useEntityDataAdapter() {
+  return useContext(EntityDataContext);
+}
+var entityDataKeys = {
+  all: ["entities"],
+  lists: () => [...entityDataKeys.all, "list"],
+  list: (entity, filters) => [...entityDataKeys.lists(), entity, filters],
+  details: () => [...entityDataKeys.all, "detail"],
+  detail: (entity, id) => [...entityDataKeys.details(), entity, id]
+};
+function useEntityList(entity, options = {}) {
+  const { skip = false } = options;
+  const adapter = useContext(EntityDataContext);
+  const adapterData = useMemo(() => {
+    if (!adapter || !entity || skip) return [];
+    return adapter.getData(entity);
+  }, [adapter, entity, skip, adapter?.isLoading]);
+  const [stubData, setStubData] = useState([]);
+  const [stubLoading, setStubLoading] = useState(!skip && !!entity && !adapter);
+  const [stubError, setStubError] = useState(null);
+  useEffect(() => {
+    if (adapter || skip || !entity) {
+      setStubLoading(false);
+      return;
+    }
+    setStubLoading(true);
+    const t = setTimeout(() => {
+      setStubData([]);
+      setStubLoading(false);
+    }, 100);
+    return () => clearTimeout(t);
+  }, [entity, skip, adapter]);
+  if (adapter) {
+    return {
+      data: adapterData,
+      isLoading: adapter.isLoading,
+      error: adapter.error ? new Error(adapter.error) : null,
+      refetch: () => {
+      }
+    };
+  }
+  return { data: stubData, isLoading: stubLoading, error: stubError, refetch: () => {
+  } };
+}
+function useEntity(entity, id) {
+  const adapter = useContext(EntityDataContext);
+  const adapterData = useMemo(() => {
+    if (!adapter || !entity || !id) return null;
+    return adapter.getById(entity, id) ?? null;
+  }, [adapter, entity, id, adapter?.isLoading]);
+  const [stubData, setStubData] = useState(null);
+  const [stubLoading, setStubLoading] = useState(!!entity && !!id && !adapter);
+  const [stubError, setStubError] = useState(null);
+  useEffect(() => {
+    if (adapter || !entity || !id) {
+      setStubLoading(false);
+      return;
+    }
+    setStubLoading(true);
+    const t = setTimeout(() => {
+      setStubData(null);
+      setStubLoading(false);
+    }, 100);
+    return () => clearTimeout(t);
+  }, [entity, id, adapter]);
+  if (adapter) {
+    return {
+      data: adapterData,
+      isLoading: adapter.isLoading,
+      error: adapter.error ? new Error(adapter.error) : null
+    };
+  }
+  return { data: stubData, isLoading: stubLoading, error: stubError };
+}
+function useEntityDetail(entity, id) {
+  const result = useEntity(entity, id);
+  return { ...result, refetch: () => {
+  } };
+}
+function usePaginatedEntityList(entity, params, options = {}) {
+  const { skip = false } = options;
+  const adapter = useContext(EntityDataContext);
+  const adapterResult = useMemo(() => {
+    if (!adapter || !entity || skip) {
+      return { data: [], totalCount: 0 };
+    }
+    const all = adapter.getData(entity);
+    const start = (params.page - 1) * params.pageSize;
+    const paged = all.slice(start, start + params.pageSize);
+    return { data: paged, totalCount: all.length };
+  }, [adapter, entity, skip, params.page, params.pageSize, adapter?.isLoading]);
+  const [stubData, setStubData] = useState([]);
+  const [stubLoading, setStubLoading] = useState(!skip && !!entity && !adapter);
+  const [stubError, setStubError] = useState(null);
+  const [stubTotalCount, setStubTotalCount] = useState(0);
+  useEffect(() => {
+    if (adapter || skip || !entity) {
+      setStubLoading(false);
+      return;
+    }
+    setStubLoading(true);
+    const t = setTimeout(() => {
+      setStubData([]);
+      setStubTotalCount(0);
+      setStubLoading(false);
+    }, 100);
+    return () => clearTimeout(t);
+  }, [entity, params.page, params.pageSize, params.search, params.sortBy, params.sortDirection, skip, adapter]);
+  const totalCount = adapter ? adapterResult.totalCount : stubTotalCount;
+  const totalPages = Math.ceil(totalCount / params.pageSize) || 1;
+  if (adapter) {
+    return {
+      data: adapterResult.data,
+      isLoading: adapter.isLoading,
+      error: adapter.error ? new Error(adapter.error) : null,
+      totalCount: adapterResult.totalCount,
+      totalPages,
+      hasNextPage: params.page < totalPages,
+      hasPreviousPage: params.page > 1,
+      refetch: () => {
+      }
+    };
+  }
+  return {
+    data: stubData,
+    isLoading: stubLoading,
+    error: stubError,
+    totalCount: stubTotalCount,
+    totalPages,
+    hasNextPage: params.page < totalPages,
+    hasPreviousPage: params.page > 1,
+    refetch: () => {
+    }
+  };
+}
 var SelectionContext = createContext(null);
 var defaultCompareEntities = (a, b) => {
   if (a === b) return true;
@@ -267,4 +413,4 @@ function useSelectionOptional() {
   return context;
 }
 
-export { EventBusContext, EventBusProvider, SelectionContext, SelectionProvider, useEmitEvent, useEventBus, useEventListener, useSelection, useSelectionOptional };
+export { EntityDataProvider, EventBusContext, EventBusProvider, SelectionContext, SelectionProvider, entityDataKeys, useEmitEvent, useEntity, useEntityDataAdapter, useEntityDetail, useEntityList, useEventBus, useEventListener, usePaginatedEntityList, useSelection, useSelectionOptional };