@elevasis/ui 1.19.0 → 1.20.0

package/dist/utils/index.d.ts

@@ -196,6 +196,17 @@ type TablerIcon = typeof IconBrain;
  */
 declare function getResourceIcon(type: ResourceDefinitionType): TablerIcon;
 
+/**
+ * Default API URL constant for the Elevasis platform.
+ *
+ * Reads `import.meta.env.PROD` — resolves to the production API host when
+ * Vite builds in production mode, and falls back to the local dev server.
+ *
+ * Consumer apps that need a different host should override this by reading
+ * their own environment variable rather than re-exporting this constant.
+ */
+declare const API_URL: string;
+
 /** Monitoring and analytics stale time (30s). */
 declare const STALE_TIME_MONITORING = 30000;
 /** Admin data stale time (1 min). */
@@ -261,5 +272,5 @@ declare function suppressKnownWarnings(): void;
  */
 declare function restoreConsole(): void;
 
-export { APIClientError, DEBOUNCE_FILTER, DEBOUNCE_SLIDER, GC_TIME_LONG, GC_TIME_MEDIUM, GC_TIME_SHORT, LIMIT_ACTIVITY_FEED, OAUTH_FLOW_TIMEOUT, OAUTH_POPUP_CHECK_INTERVAL, PAGE_SIZE_DEFAULT, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_REALTIME, REFETCH_INTERVAL_RUNNING, REFETCH_INTERVAL_RUNNING_FAST, SSE_CLOSE_GRACE_PERIOD, SSE_TOKEN_REFRESH_DELAY, STALE_TIME_ADMIN, STALE_TIME_DEFAULT, STALE_TIME_MONITORING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, formatChartAxisDate, formatDate, formatDateTime, formatErrorMessage, formatRelativeTime, formatTimeAgo, getErrorInfo, getErrorTitle, getResourceColor, getResourceIcon, isAPIClientError, restoreConsole, suppressKnownWarnings, validateEmail };
+export { APIClientError, API_URL, DEBOUNCE_FILTER, DEBOUNCE_SLIDER, GC_TIME_LONG, GC_TIME_MEDIUM, GC_TIME_SHORT, LIMIT_ACTIVITY_FEED, OAUTH_FLOW_TIMEOUT, OAUTH_POPUP_CHECK_INTERVAL, PAGE_SIZE_DEFAULT, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_REALTIME, REFETCH_INTERVAL_RUNNING, REFETCH_INTERVAL_RUNNING_FAST, SSE_CLOSE_GRACE_PERIOD, SSE_TOKEN_REFRESH_DELAY, STALE_TIME_ADMIN, STALE_TIME_DEFAULT, STALE_TIME_MONITORING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, formatChartAxisDate, formatDate, formatDateTime, formatErrorMessage, formatRelativeTime, formatTimeAgo, getErrorInfo, getErrorTitle, getResourceColor, getResourceIcon, isAPIClientError, restoreConsole, suppressKnownWarnings, validateEmail };
 export type { TablerIcon };

package/dist/utils/index.js

@@ -1 +1 @@
-export { APIClientError, DEBOUNCE_FILTER, DEBOUNCE_SLIDER, GC_TIME_LONG, GC_TIME_MEDIUM, GC_TIME_SHORT, LIMIT_ACTIVITY_FEED, OAUTH_FLOW_TIMEOUT, OAUTH_POPUP_CHECK_INTERVAL, PAGE_SIZE_DEFAULT, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_REALTIME, REFETCH_INTERVAL_RUNNING, REFETCH_INTERVAL_RUNNING_FAST, SSE_CLOSE_GRACE_PERIOD, SSE_TOKEN_REFRESH_DELAY, STALE_TIME_ADMIN, STALE_TIME_DEFAULT, STALE_TIME_MONITORING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, formatChartAxisDate, formatDate, formatDateTime, formatErrorMessage, formatRelativeTime, formatTimeAgo, getErrorInfo, getErrorTitle, getResourceColor, getResourceIcon, isAPIClientError, restoreConsole, suppressKnownWarnings, validateEmail } from '../chunk-MBZDE6UT.js';
+export { APIClientError, API_URL, DEBOUNCE_FILTER, DEBOUNCE_SLIDER, GC_TIME_LONG, GC_TIME_MEDIUM, GC_TIME_SHORT, LIMIT_ACTIVITY_FEED, OAUTH_FLOW_TIMEOUT, OAUTH_POPUP_CHECK_INTERVAL, PAGE_SIZE_DEFAULT, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_REALTIME, REFETCH_INTERVAL_RUNNING, REFETCH_INTERVAL_RUNNING_FAST, SSE_CLOSE_GRACE_PERIOD, SSE_TOKEN_REFRESH_DELAY, STALE_TIME_ADMIN, STALE_TIME_DEFAULT, STALE_TIME_MONITORING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, formatChartAxisDate, formatDate, formatDateTime, formatErrorMessage, formatRelativeTime, formatTimeAgo, getErrorInfo, getErrorTitle, getResourceColor, getResourceIcon, isAPIClientError, restoreConsole, suppressKnownWarnings, validateEmail } from '../chunk-IOKL7BKE.js';

package/dist/zustand/index.d.ts

@@ -0,0 +1,80 @@
+import { Draft } from 'immer';
+
+interface SSESliceState {
+    sse: {
+        notificationCount: number | null;
+        notificationConnected: boolean;
+        notificationError: string | null;
+        activityConnected: boolean;
+        activityError: string | null;
+        commandQueueConnected: boolean;
+        commandQueueError: string | null;
+    };
+    setNotificationCount: (count: number | null) => void;
+    setNotificationConnected: (connected: boolean) => void;
+    setNotificationError: (error: string | null) => void;
+    setActivityConnected: (connected: boolean) => void;
+    setActivityError: (error: string | null) => void;
+    setCommandQueueConnected: (connected: boolean) => void;
+    setCommandQueueError: (error: string | null) => void;
+}
+type ImmerSet$2 = (updater: (state: Draft<any>) => void, ...rest: unknown[]) => void;
+/** Resets the SSE slice fields in an Immer draft. Call inside your app's resetStore action. */
+declare function resetSSEState(state: Draft<{
+    sse: SSESliceState['sse'];
+}>): void;
+declare function createSSESlice(set: ImmerSet$2): SSESliceState;
+
+/**
+ * Open string type — preset validation stays in the app layer.
+ * CC uses a 22-value union locally; the shared factory accepts any string.
+ */
+type ThemePresetName = string;
+type ThemeColorScheme = 'light' | 'dark' | 'auto';
+interface ThemeSliceState {
+    theme: {
+        preset: ThemePresetName;
+        colorScheme: ThemeColorScheme;
+    };
+    setTheme: (updates: {
+        preset?: ThemePresetName;
+        colorScheme?: ThemeColorScheme;
+    }) => void;
+}
+interface ThemeSliceOptions {
+    /** Default preset name when no localStorage entry exists. Defaults to 'tactical'. */
+    defaultPreset?: ThemePresetName;
+    /** Default color scheme when no localStorage entry exists. Defaults to 'dark'. */
+    defaultColorScheme?: ThemeColorScheme;
+}
+type ImmerSet$1 = (updater: (state: Draft<any>) => void, ...rest: unknown[]) => void;
+/** Resets the theme slice fields in an Immer draft. Call inside your app's resetStore action. */
+declare function resetThemeState(state: Draft<{
+    theme: ThemeSliceState['theme'];
+}>, options?: ThemeSliceOptions): void;
+declare function createThemeSlice(set: ImmerSet$1, options?: ThemeSliceOptions): ThemeSliceState;
+
+// ============================================================================
+// API Request/Response Types (Dashboard Observability)
+// ============================================================================
+
+/**
+ * Time range selector for dashboard metrics
+ */
+type TimeRange = '1h' | '24h' | '7d' | '30d'
+
+interface TimeRangeSliceState {
+    timeRange: {
+        value: TimeRange;
+    };
+    setTimeRange: (value: TimeRange) => void;
+}
+type ImmerSet = (updater: (state: Draft<any>) => void, ...rest: unknown[]) => void;
+/** Resets the timeRange slice fields in an Immer draft. Call inside your app's resetStore action. */
+declare function resetTimeRangeState(state: Draft<{
+    timeRange: TimeRangeSliceState['timeRange'];
+}>): void;
+declare function createTimeRangeSlice(set: ImmerSet): TimeRangeSliceState;
+
+export { createSSESlice, createThemeSlice, createTimeRangeSlice, resetSSEState, resetThemeState, resetTimeRangeState };
+export type { SSESliceState, ThemeColorScheme, ThemePresetName, ThemeSliceOptions, ThemeSliceState, TimeRangeSliceState };

package/dist/zustand/index.js

@@ -0,0 +1,105 @@
+// src/zustand/slices/sse.ts
+function resetSSEState(state) {
+  state.sse.notificationCount = null;
+  state.sse.notificationConnected = false;
+  state.sse.notificationError = null;
+  state.sse.activityConnected = false;
+  state.sse.activityError = null;
+  state.sse.commandQueueConnected = false;
+  state.sse.commandQueueError = null;
+}
+function createSSESlice(set) {
+  return {
+    sse: {
+      notificationCount: null,
+      notificationConnected: false,
+      notificationError: null,
+      activityConnected: false,
+      activityError: null,
+      commandQueueConnected: false,
+      commandQueueError: null
+    },
+    setNotificationCount: (count) => set((state) => {
+      state.sse.notificationCount = count;
+    }),
+    setNotificationConnected: (connected) => set((state) => {
+      state.sse.notificationConnected = connected;
+    }),
+    setNotificationError: (error) => set((state) => {
+      state.sse.notificationError = error;
+    }),
+    setActivityConnected: (connected) => set((state) => {
+      state.sse.activityConnected = connected;
+    }),
+    setActivityError: (error) => set((state) => {
+      state.sse.activityError = error;
+    }),
+    setCommandQueueConnected: (connected) => set((state) => {
+      state.sse.commandQueueConnected = connected;
+    }),
+    setCommandQueueError: (error) => set((state) => {
+      state.sse.commandQueueError = error;
+    })
+  };
+}
+
+// src/zustand/slices/theme.ts
+var THEME_STORAGE_KEY = "elevasis-theme";
+var VALID_SCHEMES = ["light", "dark", "auto"];
+function loadThemeFromStorage(defaultPreset, defaultColorScheme) {
+  try {
+    const raw = localStorage.getItem(THEME_STORAGE_KEY);
+    if (raw) {
+      const parsed = JSON.parse(raw);
+      return {
+        preset: typeof parsed.preset === "string" ? parsed.preset : defaultPreset,
+        colorScheme: VALID_SCHEMES.includes(parsed.colorScheme) ? parsed.colorScheme : defaultColorScheme
+      };
+    }
+  } catch {
+  }
+  return { preset: defaultPreset, colorScheme: defaultColorScheme };
+}
+function saveThemeToStorage(theme) {
+  try {
+    localStorage.setItem(THEME_STORAGE_KEY, JSON.stringify(theme));
+  } catch {
+  }
+}
+function resetThemeState(state, options = {}) {
+  state.theme.preset = options.defaultPreset ?? "tactical";
+  state.theme.colorScheme = options.defaultColorScheme ?? "dark";
+}
+function createThemeSlice(set, options = {}) {
+  const defaultPreset = options.defaultPreset ?? "tactical";
+  const defaultColorScheme = options.defaultColorScheme ?? "dark";
+  return {
+    theme: loadThemeFromStorage(defaultPreset, defaultColorScheme),
+    setTheme: (updates) => set((state) => {
+      if (updates.preset !== void 0) {
+        state.theme.preset = updates.preset;
+      }
+      if (updates.colorScheme !== void 0) {
+        state.theme.colorScheme = VALID_SCHEMES.includes(updates.colorScheme) ? updates.colorScheme : state.theme.colorScheme;
+      }
+      saveThemeToStorage(state.theme);
+    })
+  };
+}
+
+// src/zustand/slices/timeRange.ts
+function resetTimeRangeState(state) {
+  state.timeRange.value = "24h";
+}
+function createTimeRangeSlice(set) {
+  return {
+    timeRange: {
+      value: "24h"
+    },
+    setTimeRange: (value) => set((state) => {
+      state.timeRange.value = value;
+    })
+  };
+}
+
+export { createSSESlice, createThemeSlice, createTimeRangeSlice, resetSSEState, resetThemeState, resetTimeRangeState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevasis/ui",
-  "version": "1.19.0",
+  "version": "1.20.0",
   "description": "UI components and platform-aware hooks for building custom frontends on the Elevasis platform",
   "type": "module",
   "license": "MIT",
@@ -43,10 +43,26 @@
       "types": "./dist/organization/index.d.ts",
       "import": "./dist/organization/index.js"
     },
+    "./features/auth": {
+      "types": "./dist/features/auth/index.d.ts",
+      "import": "./dist/features/auth/index.js"
+    },
+    "./features/dashboard": {
+      "types": "./dist/features/dashboard/index.d.ts",
+      "import": "./dist/features/dashboard/index.js"
+    },
     "./features/operations": {
       "types": "./dist/features/operations/index.d.ts",
       "import": "./dist/features/operations/index.js"
     },
+    "./features/monitoring": {
+      "types": "./dist/features/monitoring/index.d.ts",
+      "import": "./dist/features/monitoring/index.js"
+    },
+    "./features/settings": {
+      "types": "./dist/features/settings/index.d.ts",
+      "import": "./dist/features/settings/index.js"
+    },
     "./types": {
       "types": "./dist/types/index.d.ts",
       "import": "./dist/types/index.js"
@@ -101,7 +117,11 @@
     },
     "./components/index.css": "./dist/components/index.css",
     "./graph/index.css": "./dist/graph/index.css",
-    "./provider/index.css": "./dist/provider/index.css"
+    "./provider/index.css": "./dist/provider/index.css",
+    "./zustand": {
+      "types": "./dist/zustand/index.d.ts",
+      "import": "./dist/zustand/index.js"
+    }
   },
   "publishConfig": {
     "name": "@elevasis/ui",
@@ -117,6 +137,11 @@
       "@mantine/charts": "8.2.7",
       "@mantine/notifications": "8.2.7",
       "@mantine/form": "8.2.7",
+      "@mantine/tiptap": "8.2.7",
+      "@tiptap/extension-link": "^2.11.7",
+      "@tiptap/extension-placeholder": "^2.11.7",
+      "@tiptap/react": "^2.11.7",
+      "@tiptap/starter-kit": "^2.11.7",
       "@tabler/icons-react": "^3.27.0",
       "@xyflow/react": "^12.8.5",
       "recharts": "^3.2.1",
@@ -149,6 +174,21 @@
       },
       "date-fns": {
         "optional": true
+      },
+      "@mantine/tiptap": {
+        "optional": true
+      },
+      "@tiptap/extension-link": {
+        "optional": true
+      },
+      "@tiptap/extension-placeholder": {
+        "optional": true
+      },
+      "@tiptap/react": {
+        "optional": true
+      },
+      "@tiptap/starter-kit": {
+        "optional": true
       }
     }
   },
@@ -158,6 +198,11 @@
     "@mantine/form": "8.2.7",
     "@mantine/hooks": "8.2.7",
     "@mantine/notifications": "8.2.7",
+    "@mantine/tiptap": "8.2.7",
+    "@tiptap/extension-link": "^2.11.7",
+    "@tiptap/extension-placeholder": "^2.11.7",
+    "@tiptap/react": "^2.11.7",
+    "@tiptap/starter-kit": "^2.11.7",
     "@supabase/supabase-js": "^2.49.4",
     "@tabler/icons-react": "^3.27.0",
     "@tanstack/react-query": "^5.76.2",
@@ -174,6 +219,12 @@
   "devDependencies": {
     "@mantine/charts": "8.2.7",
     "@mantine/notifications": "8.2.7",
+    "@mantine/tiptap": "8.2.7",
+    "@tiptap/extension-link": "^2.11.7",
+    "@tiptap/extension-placeholder": "^2.11.7",
+    "@tiptap/react": "^2.11.7",
+    "@tiptap/starter-kit": "^2.11.7",
+    "@mdx-js/mdx": "^3.1.1",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.1.9",
     "globals": "^16.3.0",