@elevasis/ui 1.14.2 → 1.14.4

package/dist/{chunk-HGNP6EVB.js → chunk-4J3GVBB7.js}

@@ -73,7 +73,6 @@ function OrganizationProvider({ apiRequest, children }) {
       }
       setMemberships(data);
       if (data.length === 0) {
-        setError("No organization memberships found. Please contact your administrator or try refreshing the page.");
         hasInitializedRef.current = true;
         return;
       }

package/dist/{chunk-YKHTHRLN.js → chunk-5OJM7FHM.js}

@@ -1,9 +1,8 @@
 import { sidebarItemGap, sidebarSubLinkPaddingY, sidebarSubLinkPaddingX, sidebarSubLinkIndent, sidebarHoverDelay, sidebarTransitionDuration, sidebarCollapsedWidth, sidebarWidth, topbarHeight, sidebarToggleIconSize, sidebarSectionPadding, NavigationButton, sidebarGroupChevronSize, sidebarIconInnerSize, sidebarListItemIconSize } from './chunk-MYRCM7VD.js';
-import { ElevasisLoader } from './chunk-SZHARWKU.js';
 import { useAppearance } from './chunk-QJ2KCHKX.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Collapse, HoverCard, Stack, Group, Text, UnstyledButton, Tooltip, ScrollArea, Menu, Avatar, Container, Loader, Title, Button, Box, Center, useMantineColorScheme, Switch, Code } from '@mantine/core';
+import { Collapse, HoverCard, Stack, Group, Text, UnstyledButton, Tooltip, ScrollArea, Menu, Avatar, Container, Title, Button, Box, Center, useMantineColorScheme, Switch, Code } from '@mantine/core';
 import { IconLayoutSidebarLeftExpand, IconLayoutSidebarLeftCollapse, IconUser, IconLogout, IconAlertCircle, IconChevronDown, IconChevronRight, IconMoonStars, IconSun } from '@tabler/icons-react';
 import { createContext, memo, useEffect, createElement, useContext, useState } from 'react';
 
@@ -110,7 +109,8 @@ var AppShellCenteredContainer = ({ children }) => {
   );
 };
 var AppShellLoader = () => {
-  return /* @__PURE__ */ jsx(AppShellCenteredContainer, { children: /* @__PURE__ */ jsx(Loader, { size: "xl", loaders: { elevasis: ElevasisLoader }, type: "elevasis" }) });
+  const { loader } = useAppearance();
+  return /* @__PURE__ */ jsx(AppShellCenteredContainer, { children: loader });
 };
 var AppShellError = ({ message, retry }) => {
   return /* @__PURE__ */ jsxs(AppShellCenteredContainer, { children: [
@@ -1014,25 +1014,134 @@ var SubshellContentContainer = ({ children, className }) => {
     }
   );
 };
-var SubshellSidebar = ({ children, className, width }) => {
-  return /* @__PURE__ */ jsx(
-    "aside",
+var SubshellSidebar = ({
+  children,
+  className,
+  width,
+  collapsible = true,
+  defaultOpen = true
+}) => {
+  const [isOpen, setIsOpen] = useState(defaultOpen);
+  const effectiveWidth = collapsible && !isOpen ? 0 : width;
+  if (!collapsible) {
+    return /* @__PURE__ */ jsx(
+      "aside",
+      {
+        className,
+        style: {
+          width: `${width}px`,
+          flexShrink: 0,
+          display: "flex",
+          flexDirection: "column",
+          backgroundColor: "var(--glass-background)",
+          backdropFilter: "var(--glass-blur)",
+          WebkitBackdropFilter: "var(--glass-blur)",
+          borderRight: "1px solid var(--color-border)",
+          minHeight: `calc(100vh - ${topbarHeight}px)`,
+          marginTop: `${topbarHeight}px`,
+          fontFamily: "var(--elevasis-font-family-subtitle)"
+        },
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
     {
-      className,
       style: {
-        width: `${width}px`,
+        position: "relative",
         flexShrink: 0,
-        display: "flex",
-        flexDirection: "column",
-        backgroundColor: "var(--glass-background)",
-        backdropFilter: "var(--glass-blur)",
-        WebkitBackdropFilter: "var(--glass-blur)",
-        borderRight: "1px solid var(--color-border)",
-        minHeight: `calc(100vh - ${topbarHeight}px)`,
         marginTop: `${topbarHeight}px`,
-        fontFamily: "var(--elevasis-font-family-subtitle)"
+        minHeight: `calc(100vh - ${topbarHeight}px)`
       },
-      children
+      children: [
+        /* @__PURE__ */ jsx(
+          "aside",
+          {
+            className,
+            style: {
+              width: `${effectiveWidth}px`,
+              flexShrink: 0,
+              display: "flex",
+              flexDirection: "column",
+              backgroundColor: "var(--glass-background)",
+              backdropFilter: "var(--glass-blur)",
+              WebkitBackdropFilter: "var(--glass-blur)",
+              borderRight: isOpen ? "1px solid var(--color-border)" : "none",
+              height: "100%",
+              fontFamily: "var(--elevasis-font-family-subtitle)",
+              overflow: "hidden",
+              transition: `width ${sidebarTransitionDuration}ms var(--easing)`
+            },
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  width: `${width}px`,
+                  flexShrink: 0,
+                  display: "flex",
+                  flexDirection: "column",
+                  opacity: isOpen ? 1 : 0,
+                  transition: `opacity var(--duration-fast) var(--easing)`
+                },
+                children
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setIsOpen((prev) => !prev),
+            style: {
+              position: "absolute",
+              right: 0,
+              bottom: "12px",
+              transform: "translateX(100%)",
+              width: "20px",
+              height: "64px",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: "var(--glass-background)",
+              backdropFilter: "var(--glass-blur)",
+              WebkitBackdropFilter: "var(--glass-blur)",
+              border: "1px solid var(--color-border)",
+              borderLeft: "none",
+              borderRadius: "0 4px 4px 0",
+              cursor: "pointer",
+              color: "var(--color-text-subtle)",
+              padding: 0,
+              zIndex: 10,
+              transition: `color var(--duration-fast) var(--easing)`
+            },
+            "aria-label": isOpen ? "Collapse sidebar" : "Expand sidebar",
+            children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                width: "6",
+                height: "10",
+                viewBox: "0 0 8 12",
+                fill: "none",
+                style: {
+                  transform: isOpen ? void 0 : "rotate(180deg)",
+                  transition: `transform var(--duration-fast) var(--easing)`
+                },
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M6 1L1 6L6 11",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
     }
   );
 };

package/dist/{chunk-AMLON3UW.js → chunk-NOGBWAGU.js}

@@ -1,7 +1,7 @@
 import { getTimeRangeDates, observabilityKeys } from './chunk-EQNXEBGZ.js';
 import { useSupabase } from './chunk-NJJ3NQ7B.js';
 import { GRAPH_CONSTANTS } from './chunk-F6RBK7NJ.js';
-import { useNotificationAdapter } from './chunk-BUN337J3.js';
+import { useNotificationAdapter } from './chunk-YCOTIVEZ.js';
 import { HTTP_HEADERS } from './chunk-RULQSZYX.js';
 import { STALE_TIME_MONITORING, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_RUNNING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, STALE_TIME_DEFAULT, STALE_TIME_ADMIN } from './chunk-FCFLBMVI.js';
 import { useStableAccessToken } from './chunk-ALA56RGZ.js';

package/dist/{chunk-VPQU5BRN.js → chunk-PMSLNXUS.js}

@@ -1,6 +1,6 @@
-import { CredentialNameSchema, UuidSchema, useErrorNotification } from './chunk-AMLON3UW.js';
+import { CredentialNameSchema, UuidSchema, useErrorNotification } from './chunk-NOGBWAGU.js';
 import { getTimeRangeDates } from './chunk-EQNXEBGZ.js';
-import { useNotificationAdapter } from './chunk-BUN337J3.js';
+import { useNotificationAdapter } from './chunk-YCOTIVEZ.js';
 import { GC_TIME_SHORT, STALE_TIME_MONITORING, GC_TIME_MEDIUM, STALE_TIME_DEFAULT, getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-FCFLBMVI.js';
 import { useElevasisServices } from './chunk-BK4EIWNU.js';
 import { z } from 'zod';

package/dist/{chunk-QDHIJVQ2.js → chunk-RHHWAM22.js}

@@ -1,7 +1,7 @@
+import { ElevasisLoader } from './chunk-SZHARWKU.js';
 import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-6ZNKDPAO.js';
 import { AppBackground } from './chunk-TBRTRBJV.js';
-import { ElevasisLoader } from './chunk-SZHARWKU.js';
-import { ElevasisCoreProvider } from './chunk-BUN337J3.js';
+import { ElevasisCoreProvider } from './chunk-YCOTIVEZ.js';
 import { AppearanceProvider } from './chunk-QJ2KCHKX.js';
 import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-FCFLBMVI.js';
 import { useMemo, useEffect } from 'react';

package/dist/{chunk-BUN337J3.js → chunk-YCOTIVEZ.js}

@@ -1,4 +1,4 @@
-import { OrganizationProvider } from './chunk-HGNP6EVB.js';
+import { OrganizationProvider } from './chunk-4J3GVBB7.js';
 import { ApiClientProvider, useApiClient } from './chunk-RULQSZYX.js';
 import { getErrorInfo, getErrorTitle, formatErrorMessage } from './chunk-FCFLBMVI.js';
 import { InitializationProvider } from './chunk-3VTC7OWU.js';