@elevasis/ui 2.17.2 → 2.19.0

package/dist/{chunk-7GCWOUFT.js → chunk-YVAXWM3W.js}

@@ -1,15 +1,15 @@
 import { AppShellLoader } from './chunk-M25JL54Z.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
-import { useAvailablePresets } from './chunk-6RWMRQN5.js';
-import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, useUserMemberships, useUpdateWebhookEndpoint, useResources, useDeleteWebhookEndpoint, useCreateWebhookEndpoint, useListWebhookEndpoints, useUpdateMemberConfig, useOrganizationMembers, useUpdateCredential, CredentialSchemas } from './chunk-R7GKX4HW.js';
-import { showErrorNotification } from './chunk-GRGRBWIO.js';
-import { ListSkeleton, EmptyState, PageTitleCaption, CardHeader, APIErrorAlert, StatCard } from './chunk-TTP62HWW.js';
-import { formatDateTime, OAUTH_POPUP_CHECK_INTERVAL, OAUTH_FLOW_TIMEOUT } from './chunk-GCBWGGI6.js';
+import { useAvailablePresets } from './chunk-TIIPYB2Z.js';
+import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, useUserMemberships, useUpdateWebhookEndpoint, useResources, useDeleteWebhookEndpoint, useCreateWebhookEndpoint, useListWebhookEndpoints, useUpdateMemberConfig, useOrganizationMembers, useUpdateCredential, CredentialSchemas } from './chunk-UU6PJ4EJ.js';
+import { showErrorNotification } from './chunk-M7W7CGPL.js';
+import { ListSkeleton, EmptyState, PageTitleCaption, CardHeader, APIErrorAlert, StatCard } from './chunk-BHR7IV72.js';
+import { formatDateTime, OAUTH_POPUP_CHECK_INTERVAL, OAUTH_FLOW_TIMEOUT } from './chunk-OD7GWIZS.js';
 import { useInitialization } from './chunk-DK2HVHCY.js';
 import { useElevasisServices } from './chunk-IRW7JMQ4.js';
-import { Table, Group, Text, Tooltip, ActionIcon, Stack, Title, Button, Select, TextInput, Alert, PasswordInput, Anchor, Paper, Card, Switch, Badge, Center, Loader, Box, Code, CopyButton, ThemeIcon, useMantineColorScheme, SimpleGrid, UnstyledButton, Divider, Textarea } from '@mantine/core';
-import { IconSettings, IconKey, IconCalendar, IconPencil, IconTrash, IconAlertTriangle, IconInfoCircle, IconExclamationMark, IconPlus, IconAlertCircle, IconUsers, IconSearch, IconBuilding, IconWebhook, IconCheck, IconCopy, IconUser, IconMail, IconRefresh, IconPalette, IconSun, IconEye, IconSparkles, IconTrendingUp, IconClock, IconPlayerPause, IconPlayerPlay, IconActivity, IconBrandDropbox, IconBrandGoogleDrive, IconPlug, IconEdit, IconUserX, IconUserCheck, IconMoon, IconDeviceDesktop } from '@tabler/icons-react';
+import { Table, Group, Text, Tooltip, ActionIcon, Stack, Title, Button, Select, TextInput, Alert, PasswordInput, Anchor, Paper, Card, Switch, Badge, Center, Loader, Box, Code, CopyButton, ThemeIcon, SimpleGrid, UnstyledButton, Divider, Textarea } from '@mantine/core';
+import { IconSettings, IconKey, IconCalendar, IconPencil, IconTrash, IconAlertTriangle, IconInfoCircle, IconExclamationMark, IconPlus, IconAlertCircle, IconUsers, IconSearch, IconBuilding, IconWebhook, IconCheck, IconCopy, IconUser, IconMail, IconRefresh, IconPalette, IconEye, IconSparkles, IconTrendingUp, IconClock, IconPlayerPause, IconPlayerPlay, IconActivity, IconBrandDropbox, IconBrandGoogleDrive, IconPlug, IconEdit, IconUserX, IconUserCheck } from '@tabler/icons-react';
 import { z } from 'zod';
 import { useState, useEffect, useRef, useMemo, useCallback } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -403,7 +403,7 @@ function CredentialSettings({ oauthSection }) {
     console.log("Credential created:", result);
     setShowCreateModal(false);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(
       PageTitleCaption,
       {
@@ -746,7 +746,7 @@ function AccountSettings({
     }
   });
   const { data: memberships = [], isLoading, error } = useUserMemberships(user?.id || "");
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(PageTitleCaption, { title: "Account Settings", caption: "Manage your account and organization memberships" }),
     user && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
       /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
@@ -801,14 +801,7 @@ function AccountSettings({
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx(
-      OrganizationMembershipsList,
-      {
-        memberships,
-        loading: isLoading,
-        error
-      }
-    ),
+    /* @__PURE__ */ jsx(OrganizationMembershipsList, { memberships, loading: isLoading, error }),
     error && /* @__PURE__ */ jsxs(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), title: "Error", color: "red", children: [
       "Failed to load organization memberships: ",
       error.message
@@ -864,17 +857,11 @@ function useUpdateThemePreference() {
   );
   return { updateTheme };
 }
-var COLOR_SCHEMES = [
-  { value: "light", label: "Light", icon: /* @__PURE__ */ jsx(IconSun, { size: 16 }) },
-  { value: "dark", label: "Dark", icon: /* @__PURE__ */ jsx(IconMoon, { size: 16 }) },
-  { value: "auto", label: "System", icon: /* @__PURE__ */ jsx(IconDeviceDesktop, { size: 16 }) }
-];
 function AppearanceSettings({ initialTheme, onThemeChange }) {
   const preset = useInternalThemeStore((s) => s.preset);
   const colorScheme = useInternalThemeStore((s) => s.colorScheme);
   const setInternalTheme = useInternalThemeStore((s) => s.setTheme);
   const { updateTheme } = useUpdateThemePreference();
-  const { setColorScheme: setMantineColorScheme } = useMantineColorScheme();
   const availablePresets = useAvailablePresets();
   const [modalOpen, setModalOpen] = useState(false);
   const hydratedRef = useRef(false);
@@ -887,103 +874,62 @@ function AppearanceSettings({ initialTheme, onThemeChange }) {
     onThemeChange?.({ preset, colorScheme });
   }, [preset, colorScheme]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(PageTitleCaption, { title: "Appearance", caption: "Customize how the command center looks" }),
-    /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
-      /* @__PURE__ */ jsx(
-        CardHeader,
-        {
-          icon: /* @__PURE__ */ jsx(IconPalette, { size: 18 }),
-          title: "Theme",
-          subtitle: "Choose a color palette for the command center"
-        }
-      ),
-      /* @__PURE__ */ jsx(Stack, { gap: "md", children: /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 2, sm: 3, md: 4 }, children: availablePresets.map((p) => {
-        const isActive = p.value === preset;
-        return /* @__PURE__ */ jsx(
-          UnstyledButton,
+    /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title: "Appearance", caption: "Customize how the command center looks" }),
+      /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
+        /* @__PURE__ */ jsx(
+          CardHeader,
           {
-            onClick: () => {
-              if (!isActive) {
-                updateTheme({ preset: p.value, colorScheme });
-              }
-            },
-            children: /* @__PURE__ */ jsx(
-              Card,
-              {
-                style: {
-                  cursor: "pointer",
-                  border: isActive ? "var(--active-border)" : "1px solid var(--color-border)",
-                  backgroundColor: isActive ? "var(--active-background)" : "var(--color-surface)",
-                  transition: `all var(--duration-fast) var(--easing)`
-                },
-                children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-                  /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", children: [
-                    /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", children: p.label }),
-                    /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        style: {
-                          width: 14,
-                          height: 14,
-                          borderRadius: "50%",
-                          backgroundColor: p.colors[0],
-                          border: "1px solid var(--color-border)",
-                          flexShrink: 0
+            icon: /* @__PURE__ */ jsx(IconPalette, { size: 18 }),
+            title: "Theme",
+            subtitle: "Choose a color palette for the command center"
+          }
+        ),
+        /* @__PURE__ */ jsx(Stack, { gap: "md", children: /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 2, sm: 3, md: 4 }, children: availablePresets.map((p) => {
+          const isActive = p.value === preset;
+          return /* @__PURE__ */ jsx(
+            UnstyledButton,
+            {
+              onClick: () => {
+                if (!isActive) {
+                  updateTheme({ preset: p.value, colorScheme });
+                }
+              },
+              children: /* @__PURE__ */ jsx(
+                Card,
+                {
+                  style: {
+                    cursor: "pointer",
+                    border: isActive ? "var(--active-border)" : "1px solid var(--color-border)",
+                    backgroundColor: isActive ? "var(--active-background)" : "var(--color-surface)",
+                    transition: `all var(--duration-fast) var(--easing)`
+                  },
+                  children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+                    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", children: [
+                      /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", children: p.label }),
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          style: {
+                            width: 14,
+                            height: 14,
+                            borderRadius: "50%",
+                            backgroundColor: p.colors[0],
+                            border: "1px solid var(--color-border)",
+                            flexShrink: 0
+                          }
                         }
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: p.description })
-                ] })
-              }
-            )
-          },
-          p.value
-        );
-      }) }) })
-    ] }),
-    /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
-      /* @__PURE__ */ jsx(
-        CardHeader,
-        {
-          icon: /* @__PURE__ */ jsx(IconSun, { size: 18 }),
-          title: "Color Scheme",
-          subtitle: "Light, dark, or match your system preference"
-        }
-      ),
-      /* @__PURE__ */ jsx(Stack, { gap: "md", children: /* @__PURE__ */ jsx(SimpleGrid, { cols: 3, children: COLOR_SCHEMES.map((s) => {
-        const isActive = s.value === colorScheme;
-        return /* @__PURE__ */ jsx(
-          UnstyledButton,
-          {
-            onClick: () => {
-              if (!isActive) {
-                setMantineColorScheme(s.value);
-                updateTheme({ preset, colorScheme: s.value });
-              }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: p.description })
+                  ] })
+                }
+              )
             },
-            style: { borderRadius: "var(--mantine-radius-md)" },
-            children: /* @__PURE__ */ jsx(
-              Card,
-              {
-                padding: "md",
-                style: {
-                  cursor: "pointer",
-                  border: isActive ? "var(--active-border)" : "1px solid var(--color-border)",
-                  backgroundColor: isActive ? "var(--active-background)" : "var(--color-surface)",
-                  transition: `all var(--duration-fast) var(--easing)`
-                },
-                children: /* @__PURE__ */ jsxs(Group, { gap: 6, justify: "center", wrap: "nowrap", children: [
-                  s.icon,
-                  /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", children: s.label }),
-                  isActive && /* @__PURE__ */ jsx(IconCheck, { size: 14, color: "var(--color-primary)", style: { flexShrink: 0 } })
-                ] })
-              }
-            )
-          },
-          s.value
-        );
-      }) }) })
+            p.value
+          );
+        }) }) })
+      ] })
     ] }),
     /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
       /* @__PURE__ */ jsx(
@@ -1651,7 +1597,7 @@ function OrgMembersList({ orgId }) {
   ] });
 }
 function OrganizationSettings({ user, currentMembership, isOrgAdmin }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(PageTitleCaption, { title: "Organization Settings", caption: "Manage your current organization" }),
     currentMembership?.organization && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
       /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
@@ -1701,9 +1647,15 @@ function OrganizationSettings({ user, currentMembership, isOrgAdmin }) {
         ] })
       ] })
     ] }) }),
-    isOrgAdmin && currentMembership?.organization && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-      /* @__PURE__ */ jsx(Title, { order: 3, children: "Manage Members" }),
-      /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "Configure feature access for organization members." }),
+    isOrgAdmin && currentMembership?.organization && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        CardHeader,
+        {
+          icon: /* @__PURE__ */ jsx(IconUsers, { size: 18 }),
+          title: "Manage Members",
+          subtitle: "Configure feature access for organization members."
+        }
+      ),
       /* @__PURE__ */ jsx(OrgMembersList, { orgId: currentMembership.organization.id })
     ] }) })
   ] });