@cere/cere-design-system 0.0.20 → 0.0.21

package/dist/index.js

@@ -42,7 +42,7 @@ __export(index_exports, {
   BackgroundVariant: () => import_reactflow2.BackgroundVariant,
   Badge: () => Badge,
   BarTrackingIcon: () => BarTrackingIcon,
-  Box: () => import_material35.Box,
+  Box: () => import_material34.Box,
   Breadcrumbs: () => Breadcrumbs,
   Button: () => Button,
   ButtonGroup: () => ButtonGroup,
@@ -63,7 +63,7 @@ __export(index_exports, {
   Collapse: () => Collapse,
   ConnectionLineType: () => import_reactflow2.ConnectionLineType,
   ConnectionStatus: () => ConnectionStatus,
-  Container: () => import_material37.Container,
+  Container: () => import_material36.Container,
   Controls: () => import_reactflow2.Controls,
   DecentralizedServerIcon: () => DecentralizedServerIcon,
   DeploymentDashboardCard: () => DeploymentDashboardCard,
@@ -82,23 +82,23 @@ __export(index_exports, {
   FilledFolderIcon: () => FilledFolderIcon,
   FlowEditor: () => FlowEditor,
   FolderIcon: () => FolderIcon,
-  FormControl: () => import_material4.FormControl,
-  FormControlLabel: () => import_material4.FormControlLabel,
-  FormHelperText: () => import_material4.FormHelperText,
-  FormLabel: () => import_material4.FormLabel,
+  FormControl: () => import_material3.FormControl,
+  FormControlLabel: () => import_material3.FormControlLabel,
+  FormHelperText: () => import_material3.FormHelperText,
+  FormLabel: () => import_material3.FormLabel,
   GithubLogoIcon: () => GithubLogoIcon,
-  Grid: () => import_material32.Grid2,
+  Grid: () => import_material31.Grid2,
   IDBlock: () => IDBlock,
   IconButton: () => IconButton,
-  InputAdornment: () => import_material4.InputAdornment,
-  InputLabel: () => import_material4.InputLabel,
+  InputAdornment: () => import_material3.InputAdornment,
+  InputLabel: () => import_material3.InputLabel,
   LeftArrowIcon: () => LeftArrowIcon,
   Link: () => Link3,
   List: () => List6,
   ListItem: () => ListItem4,
-  ListItemIcon: () => import_material26.ListItemIcon,
-  ListItemSecondaryAction: () => import_material26.ListItemSecondaryAction,
-  ListItemText: () => import_material26.ListItemText,
+  ListItemIcon: () => import_material25.ListItemIcon,
+  ListItemSecondaryAction: () => import_material25.ListItemSecondaryAction,
+  ListItemText: () => import_material25.ListItemText,
   Loading: () => Loading,
   LoadingAnimation: () => LoadingAnimation,
   LoadingButton: () => LoadingButton,
@@ -106,7 +106,6 @@ __export(index_exports, {
   Markdown: () => Markdown,
   Menu: () => Menu3,
   MenuItem: () => MenuItem,
-  MessagesProvider: () => MessagesProvider,
   MetricsChart: () => MetricsChart,
   MiniMap: () => import_reactflow2.MiniMap,
   NavigationItem: () => NavigationItem,
@@ -131,7 +130,7 @@ __export(index_exports, {
   Sidebar: () => Sidebar,
   SidebarItem: () => SidebarItem,
   Snackbar: () => Snackbar2,
-  Stack: () => import_material34.Stack,
+  Stack: () => import_material33.Stack,
   Step: () => Step,
   StepButton: () => StepButton,
   StepContent: () => StepContent,
@@ -145,10 +144,10 @@ __export(index_exports, {
   TextField: () => TextField,
   ToggleButton: () => ToggleButton,
   ToggleButtonGroup: () => ToggleButtonGroup,
-  Toolbar: () => import_material38.Toolbar,
+  Toolbar: () => import_material37.Toolbar,
   Tooltip: () => Tooltip6,
   Truncate: () => Truncate,
-  Typography: () => import_material36.Typography,
+  Typography: () => import_material35.Typography,
   UploadFileIcon: () => UploadFileIcon,
   UploadFolderIcon: () => UploadFolderIcon,
   WorkspaceSelectorButton: () => WorkspaceSelectorButton,
@@ -160,7 +159,6 @@ __export(index_exports, {
   useIsDesktop: () => useIsDesktop,
   useIsMobile: () => useIsMobile,
   useIsTablet: () => useIsTablet,
-  useMessages: () => useMessages,
   useOnboarding: () => useOnboarding
 });
 module.exports = __toCommonJS(index_exports);
@@ -1938,76 +1936,25 @@ var LoadingAnimation = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lottie_react2.default, { animationData: loading_default, ...props });
 };
 
-// src/hooks/useMessages.tsx
-var import_react = require("react");
-var import_material = require("@mui/material");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var MessagesContext = (0, import_react.createContext)(void 0);
-var useMessages = () => {
-  const context = (0, import_react.useContext)(MessagesContext);
-  if (!context) {
-    throw new Error("useMessages must be used within a MessagesProvider");
-  }
-  return context;
-};
-var MessagesProvider = ({ children }) => {
-  const [snackPack, setSnackPack] = (0, import_react.useState)([]);
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const [messageInfo, setMessageInfo] = (0, import_react.useState)(void 0);
-  const showMessage = (0, import_react.useCallback)((options2) => {
-    setSnackPack((prev) => [...prev, { ...options2 }]);
-  }, []);
-  const handleClose = (0, import_react.useCallback)(() => {
-    setOpen(false);
-  }, []);
-  const handleExited = (0, import_react.useCallback)(() => {
-    setMessageInfo(void 0);
-  }, []);
-  (0, import_react.useEffect)(() => {
-    if (snackPack.length && !messageInfo) {
-      setMessageInfo({ ...snackPack[0] });
-      setSnackPack((prev) => prev.slice(1));
-      setOpen(true);
-    } else if (snackPack.length && messageInfo && open) {
-      setOpen(false);
-    }
-  }, [snackPack, messageInfo, open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(MessagesContext.Provider, { value: { showMessage }, children: [
-    children,
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_material.Snackbar,
-      {
-        anchorOrigin: messageInfo?.placement || { vertical: "top", horizontal: "center" },
-        open,
-        autoHideDuration: messageInfo?.autoDismiss ? 3e3 : null,
-        onClose: handleClose,
-        TransitionProps: { onExited: handleExited },
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material.Alert, { onClose: handleClose, severity: messageInfo?.appearance, children: messageInfo?.message })
-      },
-      messageInfo ? messageInfo.message : void 0
-    )
-  ] });
-};
-
 // src/hooks/useResponsive.ts
-var import_material2 = require("@mui/material");
+var import_material = require("@mui/material");
 var useIsDesktop = () => {
-  const theme2 = (0, import_material2.useTheme)();
-  return (0, import_material2.useMediaQuery)(theme2.breakpoints.up("md"));
+  const theme2 = (0, import_material.useTheme)();
+  return (0, import_material.useMediaQuery)(theme2.breakpoints.up("md"));
 };
 var useIsTablet = () => {
-  const theme2 = (0, import_material2.useTheme)();
-  return (0, import_material2.useMediaQuery)(theme2.breakpoints.between("sm", "md"));
+  const theme2 = (0, import_material.useTheme)();
+  return (0, import_material.useMediaQuery)(theme2.breakpoints.between("sm", "md"));
 };
 var useIsMobile = () => {
-  const theme2 = (0, import_material2.useTheme)();
-  return (0, import_material2.useMediaQuery)(theme2.breakpoints.down("sm"));
+  const theme2 = (0, import_material.useTheme)();
+  return (0, import_material.useMediaQuery)(theme2.breakpoints.down("sm"));
 };
 
 // src/components/buttons/Button.tsx
 var import_Button = __toESM(require("@mui/material/Button"));
 var import_styles2 = require("@mui/material/styles");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var BUTTON_SPACING = {
   borderRadius: "8px",
   padding: "8px 16px",
@@ -2102,13 +2049,13 @@ var Button = ({
     startIcon,
     endIcon
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ButtonComponent, { ...buttonProps, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ButtonComponent, { ...buttonProps, children });
 };
 
 // src/components/buttons/IconButton.tsx
 var import_IconButton = __toESM(require("@mui/material/IconButton"));
 var import_styles3 = require("@mui/material/styles");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var StyledIconButton = (0, import_styles3.styled)(import_IconButton.default, {
   shouldForwardProp: (prop) => prop !== "buttonVariant"
 })(({ buttonVariant = "default" }) => {
@@ -2138,18 +2085,18 @@ var IconButton = ({
   variant = "default",
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StyledIconButton, { buttonVariant: variant, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StyledIconButton, { buttonVariant: variant, ...props });
 };
 
 // src/components/buttons/LoadingButton.tsx
 var import_lab = require("@mui/lab");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var LoadingButton = ({
   loading = false,
   loadingPosition = "center",
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     import_lab.LoadingButton,
     {
       loading,
@@ -2160,16 +2107,16 @@ var LoadingButton = ({
 };
 
 // src/components/buttons/ButtonGroup.tsx
-var import_material3 = require("@mui/material");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_material2 = require("@mui/material");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var ButtonGroup = ({
   orientation = "horizontal",
   size: size3 = "medium",
   variant = "outlined",
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_material3.ButtonGroup,
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_material2.ButtonGroup,
     {
       orientation,
       size: size3,
@@ -2182,7 +2129,7 @@ var ButtonGroup = ({
 // src/components/inputs/TextField.tsx
 var import_TextField = __toESM(require("@mui/material/TextField"));
 var import_styles4 = require("@mui/material/styles");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var StyledTextField = (0, import_styles4.styled)(import_TextField.default)(({ error }) => ({
   "& .MuiOutlinedInput-root": {
     "&:hover fieldset": {
@@ -2205,13 +2152,13 @@ var TextField = ({
   size: size3 = "medium",
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StyledTextField, { size: size3 === "medium" ? "medium" : "small", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StyledTextField, { size: size3 === "medium" ? "medium" : "small", ...props });
 };
 
 // src/components/inputs/SearchField.tsx
 var import_Search = __toESM(require("@mui/icons-material/Search"));
 var import_InputAdornment = __toESM(require("@mui/material/InputAdornment"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var SearchField = ({
   placeholder = "Search...",
   onSearch,
@@ -2226,13 +2173,13 @@ var SearchField = ({
       onSearch(e.target.value);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     TextField,
     {
       placeholder,
       onChange: handleChange,
       InputProps: {
-        startAdornment: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_InputAdornment.default, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Search.default, { style: { fontSize: 18, color: "#999" } }) })
+        startAdornment: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_InputAdornment.default, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Search.default, { style: { fontSize: 18, color: "#999" } }) })
       },
       ...props
     }
@@ -2240,16 +2187,16 @@ var SearchField = ({
 };
 
 // src/components/inputs/FormControl.tsx
-var import_material4 = require("@mui/material");
+var import_material3 = require("@mui/material");
 
 // src/components/inputs/ToggleButton.tsx
-var import_material5 = require("@mui/material");
+var import_material4 = require("@mui/material");
 var import_styles5 = require("@mui/material/styles");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var ToggleButton = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material5.ToggleButton, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material4.ToggleButton, { ...props });
 };
-var StyledToggleButtonGroup = (0, import_styles5.styled)(import_material5.ToggleButtonGroup)({
+var StyledToggleButtonGroup = (0, import_styles5.styled)(import_material4.ToggleButtonGroup)({
   "& .MuiToggleButton-root": {
     border: `1px solid ${colors.grey[300]}`,
     "&.Mui-selected": {
@@ -2265,13 +2212,13 @@ var StyledToggleButtonGroup = (0, import_styles5.styled)(import_material5.Toggle
   }
 });
 var ToggleButtonGroup = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(StyledToggleButtonGroup, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(StyledToggleButtonGroup, { ...props });
 };
 
 // src/components/inputs/Switch.tsx
 var import_Switch = __toESM(require("@mui/material/Switch"));
 var import_styles6 = require("@mui/material/styles");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var StyledSwitch = (0, import_styles6.styled)(import_Switch.default)(({ theme: theme2 }) => ({
   width: 44,
   height: 24,
@@ -2323,14 +2270,14 @@ var Switch = ({
   labelPosition = "right",
   ...props
 }) => {
-  const switchComponent = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(StyledSwitch, { ...props });
+  const switchComponent = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(StyledSwitch, { ...props });
   if (!label) {
     return switchComponent;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-    labelPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+    labelPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: label }),
     switchComponent,
-    labelPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: label })
+    labelPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: label })
   ] });
 };
 
@@ -2338,7 +2285,7 @@ var Switch = ({
 var import_Checkbox = __toESM(require("@mui/material/Checkbox"));
 var import_styles7 = require("@mui/material/styles");
 var import_FormControlLabel = __toESM(require("@mui/material/FormControlLabel"));
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var StyledCheckbox = (0, import_styles7.styled)(import_Checkbox.default)(() => ({
   color: colors.grey[400],
   "&.Mui-checked": {
@@ -2363,7 +2310,7 @@ var Checkbox = ({
   labelPosition = "right",
   ...props
 }) => {
-  const checkboxComponent = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(StyledCheckbox, { ...props });
+  const checkboxComponent = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(StyledCheckbox, { ...props });
   if (!label) {
     return checkboxComponent;
   }
@@ -2371,7 +2318,7 @@ var Checkbox = ({
     left: "start",
     right: "end"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_FormControlLabel.default,
     {
       control: checkboxComponent,
@@ -2386,7 +2333,7 @@ var import_Radio = __toESM(require("@mui/material/Radio"));
 var import_styles8 = require("@mui/material/styles");
 var import_FormControlLabel2 = __toESM(require("@mui/material/FormControlLabel"));
 var import_RadioGroup = __toESM(require("@mui/material/RadioGroup"));
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var StyledRadio = (0, import_styles8.styled)(import_Radio.default)(() => ({
   color: colors.grey[400],
   "&.Mui-checked": {
@@ -2408,7 +2355,7 @@ var Radio = ({
   labelPosition = "right",
   ...props
 }) => {
-  const radioComponent = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StyledRadio, { ...props });
+  const radioComponent = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(StyledRadio, { ...props });
   if (!label) {
     return radioComponent;
   }
@@ -2416,7 +2363,7 @@ var Radio = ({
     left: "start",
     right: "end"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_FormControlLabel2.default,
     {
       control: radioComponent,
@@ -2427,18 +2374,18 @@ var Radio = ({
 };
 
 // src/components/navigation/Dropdown/Dropdown.tsx
-var import_material7 = require("@mui/material");
-var import_react3 = require("react");
+var import_material6 = require("@mui/material");
+var import_react2 = require("react");
 
 // src/components/navigation/Dropdown/DropdownAnchor.tsx
-var import_react2 = require("react");
-var import_material6 = require("@mui/material");
+var import_react = require("react");
+var import_material5 = require("@mui/material");
 var import_icons_material = require("@mui/icons-material");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Clickable = (0, import_material6.styled)(import_material6.Button)({
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Clickable = (0, import_material5.styled)(import_material5.Button)({
   padding: 0
 });
-var Anchor = (0, import_material6.styled)(import_material6.Stack)(({ theme: theme2, variant }) => ({
+var Anchor = (0, import_material5.styled)(import_material5.Stack)(({ theme: theme2, variant }) => ({
   height: 40,
   borderRadius: 25,
   padding: theme2.spacing(1),
@@ -2446,8 +2393,8 @@ var Anchor = (0, import_material6.styled)(import_material6.Stack)(({ theme: them
   backgroundColor: variant !== "header" ? theme2.palette.grey[200] : "transparent",
   cursor: "pointer"
 }));
-var Left = (0, import_material6.styled)("div")(({ theme: theme2 }) => ({
-  [`& .${import_material6.avatarClasses.root}`]: {
+var Left = (0, import_material5.styled)("div")(({ theme: theme2 }) => ({
+  [`& .${import_material5.avatarClasses.root}`]: {
     width: 30,
     height: 30,
     borderWidth: 2,
@@ -2455,21 +2402,21 @@ var Left = (0, import_material6.styled)("div")(({ theme: theme2 }) => ({
     borderColor: theme2.palette.background.paper
   }
 }));
-var Center = (0, import_material6.styled)(import_material6.Typography)(({ theme: theme2 }) => ({
+var Center = (0, import_material5.styled)(import_material5.Typography)(({ theme: theme2 }) => ({
   fontWeight: theme2.typography.fontWeightBold,
   color: theme2.palette.text.primary
 }));
-var DropdownAnchor = (0, import_react2.forwardRef)(
-  ({ open, label, leftElement, onOpen, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Clickable, { ref, ...props, color: "inherit", variant: "text", onClick: onOpen, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Anchor, { variant, spacing: 1, direction: "row", alignItems: "stretch", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Left, { children: leftElement }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Center, { variant: "body1", children: label }),
-    variant !== "header" && (open ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons_material.ArrowDropUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons_material.ArrowDropDown, {}))
+var DropdownAnchor = (0, import_react.forwardRef)(
+  ({ open, label, leftElement, onOpen, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Clickable, { ref, ...props, color: "inherit", variant: "text", onClick: onOpen, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Anchor, { variant, spacing: 1, direction: "row", alignItems: "stretch", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Left, { children: leftElement }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Center, { variant: "body1", children: label }),
+    variant !== "header" && (open ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons_material.ArrowDropUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons_material.ArrowDropDown, {}))
   ] }) })
 );
 DropdownAnchor.displayName = "DropdownAnchor";
 
 // src/components/navigation/Dropdown/Dropdown.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var Dropdown = ({
   open,
   label,
@@ -2481,16 +2428,16 @@ var Dropdown = ({
   disableGutters = false,
   disablePaddings = false,
   variant,
-  renderAnchor = ({ ref, open: open2, onOpen }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownAnchor, { ref, open: open2, label, leftElement, onOpen, variant })
+  renderAnchor = ({ ref, open: open2, onOpen }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownAnchor, { ref, open: open2, label, leftElement, onOpen, variant })
 }) => {
-  const anchorRef = (0, import_react3.useRef)(null);
+  const anchorRef = (0, import_react2.useRef)(null);
   const horizontal = direction === "left" ? "right" : "left";
-  const onOpen = (0, import_react3.useCallback)(() => onToggle?.(true), [onToggle]);
+  const onOpen = (0, import_react2.useCallback)(() => onToggle?.(true), [onToggle]);
   const padding = dense ? 1 : 2;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
     renderAnchor({ ref: anchorRef, onOpen, open }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      import_material7.Popover,
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_material6.Popover,
       {
         "aria-label": "Overlay",
         open,
@@ -2524,12 +2471,12 @@ var Dropdown = ({
 };
 
 // src/components/navigation/Sidebar.tsx
-var import_material9 = require("@mui/material");
+var import_material8 = require("@mui/material");
 
 // src/components/navigation/SidebarItem.tsx
-var import_material8 = require("@mui/material");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var StyledListItemButton = (0, import_material8.styled)(import_material8.ListItemButton, {
+var import_material7 = require("@mui/material");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var StyledListItemButton = (0, import_material7.styled)(import_material7.ListItemButton, {
   shouldForwardProp: (prop) => prop !== "selected" && prop !== "size"
 })(({ selected, size: size3 = "medium" }) => {
   const heightMap = {
@@ -2567,17 +2514,17 @@ var SidebarItem = ({
   endIcon,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(StyledListItemButton, { selected, size: size3, onClick, children: [
-    icon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material8.ListItemIcon, { children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material8.ListItemText, { primary: label }),
-    endIcon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { marginLeft: "auto" }, children: endIcon }),
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(StyledListItemButton, { selected, size: size3, onClick, children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material7.ListItemIcon, { children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material7.ListItemText, { primary: label }),
+    endIcon && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { marginLeft: "auto" }, children: endIcon }),
     children
   ] });
 };
 
 // src/components/navigation/Sidebar.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var StyledDrawer = (0, import_material9.styled)(import_material9.Drawer)(() => ({
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var StyledDrawer = (0, import_material8.styled)(import_material8.Drawer)(() => ({
   "& .MuiDrawer-paper": {
     backgroundColor: colors.background.paper,
     borderRight: `1px solid ${colors.grey[200]}`,
@@ -2591,7 +2538,7 @@ var Sidebar = ({
   onClose,
   variant = "permanent"
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     StyledDrawer,
     {
       variant,
@@ -2605,14 +2552,14 @@ var Sidebar = ({
           boxSizing: "border-box"
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material9.Box, { sx: { overflow: "auto", padding: "8px 0" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material9.List, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarItem, { ...item }, index)) }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material8.Box, { sx: { overflow: "auto", padding: "8px 0" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material8.List, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SidebarItem, { ...item }, index)) }) })
     }
   );
 };
 
 // src/components/navigation/ServiceSelector.tsx
-var import_react4 = require("react");
-var import_material10 = require("@mui/material");
+var import_react3 = require("react");
+var import_material9 = require("@mui/material");
 var import_KeyboardArrowDown = __toESM(require("@mui/icons-material/KeyboardArrowDown"));
 var import_Archive = __toESM(require("@mui/icons-material/Archive"));
 var import_Unarchive = __toESM(require("@mui/icons-material/Unarchive"));
@@ -2621,7 +2568,7 @@ var import_Add = __toESM(require("@mui/icons-material/Add"));
 var import_Check = __toESM(require("@mui/icons-material/Check"));
 var import_Settings = __toESM(require("@mui/icons-material/Settings"));
 var import_PersonAddAlt = __toESM(require("@mui/icons-material/PersonAddAlt"));
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var ServiceSelectorButton = ({
   services,
   selectedServiceId,
@@ -2637,9 +2584,9 @@ var ServiceSelectorButton = ({
   onOpenSettings,
   onOpenAddMember
 }) => {
-  const [anchorEl, setAnchorEl] = (0, import_react4.useState)(null);
-  const [searchTerm, setSearchTerm] = (0, import_react4.useState)("");
-  const [showArchived, setShowArchived] = (0, import_react4.useState)(false);
+  const [anchorEl, setAnchorEl] = (0, import_react3.useState)(null);
+  const [searchTerm, setSearchTerm] = (0, import_react3.useState)("");
+  const [showArchived, setShowArchived] = (0, import_react3.useState)(false);
   const handleOpenSelector = (event) => {
     event.stopPropagation();
     setAnchorEl(event.currentTarget);
@@ -2655,7 +2602,7 @@ var ServiceSelectorButton = ({
       onServiceClick(selectedServiceId);
     }
   };
-  const handleSelectService = (0, import_react4.useCallback)(
+  const handleSelectService = (0, import_react3.useCallback)(
     (serviceId) => {
       handleClose();
       if (onSelectService) {
@@ -2678,9 +2625,9 @@ var ServiceSelectorButton = ({
     return matchesSearch && matchesArchivedFilter;
   });
   if (compact) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Box, { sx: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Tooltip, { title: "Select service", placement: "right", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-        import_material10.IconButton,
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material9.Box, { sx: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material9.Tooltip, { title: "Select service", placement: "right", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_material9.IconButton,
         {
           onClick: handleOpenSelector,
           sx: {
@@ -2690,8 +2637,8 @@ var ServiceSelectorButton = ({
             },
             ...sx
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            import_material10.Avatar,
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            import_material9.Avatar,
             {
               sx: {
                 width: 32,
@@ -2704,7 +2651,7 @@ var ServiceSelectorButton = ({
           )
         }
       ) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         ServiceSelectorPanel,
         {
           open: Boolean(anchorEl),
@@ -2730,11 +2677,11 @@ var ServiceSelectorButton = ({
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", ...sx }, children: [
-      selectedService ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-        isManager ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-          import_material10.Link,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material9.Box, { sx: { display: "flex", alignItems: "center", ...sx }, children: [
+      selectedService ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+        isManager ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          import_material9.Link,
           {
             underline: "hover",
             color: "inherit",
@@ -2747,8 +2694,8 @@ var ServiceSelectorButton = ({
               mr: 0.5
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                import_material10.Avatar,
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                import_material9.Avatar,
                 {
                   sx: {
                     width: 20,
@@ -2763,8 +2710,8 @@ var ServiceSelectorButton = ({
               selectedService.name
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-          import_material10.Box,
+        ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          import_material9.Box,
           {
             sx: {
               display: "flex",
@@ -2774,8 +2721,8 @@ var ServiceSelectorButton = ({
               color: "text.primary"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                import_material10.Avatar,
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                import_material9.Avatar,
                 {
                   sx: {
                     width: 20,
@@ -2791,8 +2738,8 @@ var ServiceSelectorButton = ({
             ]
           }
         ),
-        selectedService.archived && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-          import_material10.Chip,
+        selectedService.archived && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          import_material9.Chip,
           {
             size: "small",
             label: "Archived",
@@ -2807,8 +2754,8 @@ var ServiceSelectorButton = ({
             }
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-        import_material10.Typography,
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_material9.Typography,
         {
           variant: "body2",
           color: "text.secondary",
@@ -2818,8 +2765,8 @@ var ServiceSelectorButton = ({
           children: "Select Service"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-        import_material10.IconButton,
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_material9.IconButton,
         {
           onClick: handleOpenSelector,
           size: "small",
@@ -2828,11 +2775,11 @@ var ServiceSelectorButton = ({
             ml: 0.5,
             color: "text.secondary"
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_KeyboardArrowDown.default, { fontSize: "small" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_KeyboardArrowDown.default, { fontSize: "small" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       ServiceSelectorPanel,
       {
         open: Boolean(anchorEl),
@@ -2879,8 +2826,8 @@ var ServiceSelectorPanel = ({
   onOpenSettings,
   onOpenAddMember
 }) => {
-  const [internalSearchTerm, setInternalSearchTerm] = (0, import_react4.useState)("");
-  const [internalShowArchived, setInternalShowArchived] = (0, import_react4.useState)(false);
+  const [internalSearchTerm, setInternalSearchTerm] = (0, import_react3.useState)("");
+  const [internalShowArchived, setInternalShowArchived] = (0, import_react3.useState)(false);
   const searchTerm = externalSearchTerm !== void 0 ? externalSearchTerm : internalSearchTerm;
   const setSearchTerm = externalOnSearchChange || setInternalSearchTerm;
   const showArchived = externalShowArchived !== void 0 ? externalShowArchived : internalShowArchived;
@@ -2901,8 +2848,8 @@ var ServiceSelectorPanel = ({
       }
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-    import_material10.Menu,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    import_material9.Menu,
     {
       anchorEl,
       open,
@@ -2926,8 +2873,8 @@ var ServiceSelectorPanel = ({
         }
       },
       children: [
-        selectedService && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-          import_material10.Box,
+        selectedService && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          import_material9.Box,
           {
             sx: {
               paddingLeft: 2,
@@ -2938,13 +2885,13 @@ var ServiceSelectorPanel = ({
               borderColor: "divider"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material10.Box, { sx: {
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material9.Box, { sx: {
                 display: "flex",
                 alignItems: "center",
                 mb: 1.5
               }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                  import_material10.Avatar,
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  import_material9.Avatar,
                   {
                     sx: {
                       width: 32,
@@ -2956,10 +2903,10 @@ var ServiceSelectorPanel = ({
                     children: selectedService.name.charAt(0)
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Typography, { variant: "subtitle1", sx: { fontWeight: 600, fontSize: "1rem" }, children: selectedService.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                    import_material10.Box,
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material9.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material9.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material9.Typography, { variant: "subtitle1", sx: { fontWeight: 600, fontSize: "1rem" }, children: selectedService.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    import_material9.Box,
                     {
                       sx: {
                         display: "inline-block",
@@ -2977,11 +2924,11 @@ var ServiceSelectorPanel = ({
                   )
                 ] }) })
               ] }),
-              (onOpenSettings || onOpenAddMember) && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material10.Box, { sx: { display: "flex", gap: 1 }, children: [
-                onOpenAddMember && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                  import_material10.Button,
+              (onOpenSettings || onOpenAddMember) && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material9.Box, { sx: { display: "flex", gap: 1 }, children: [
+                onOpenAddMember && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  import_material9.Button,
                   {
-                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_PersonAddAlt.default, {}),
+                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_PersonAddAlt.default, {}),
                     variant: "outlined",
                     size: "small",
                     onClick: (e) => {
@@ -3011,10 +2958,10 @@ var ServiceSelectorPanel = ({
                     children: "Add member"
                   }
                 ),
-                onOpenSettings && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                  import_material10.Button,
+                onOpenSettings && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  import_material9.Button,
                   {
-                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Settings.default, {}),
+                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Settings.default, {}),
                     variant: "outlined",
                     size: "small",
                     onClick: (e) => {
@@ -3048,10 +2995,10 @@ var ServiceSelectorPanel = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material10.Box, { sx: { px: 2, pt: 2, pb: 1.5 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", mb: 1.5 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-              import_material10.TextField,
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material9.Box, { sx: { px: 2, pt: 2, pb: 1.5 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material9.Box, { sx: { display: "flex", alignItems: "center", mb: 1.5 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              import_material9.TextField,
               {
                 size: "small",
                 placeholder: "Search services...",
@@ -3059,7 +3006,7 @@ var ServiceSelectorPanel = ({
                 onChange: (e) => setSearchTerm(e.target.value),
                 sx: { flex: 1 },
                 InputProps: {
-                  startAdornment: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Search2.default, { fontSize: "small", color: "action" }) }),
+                  startAdornment: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material9.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Search2.default, { fontSize: "small", color: "action" }) }),
                   sx: {
                     borderRadius: 1.5,
                     backgroundColor: "rgba(0, 0, 0, 0.04)",
@@ -3069,28 +3016,28 @@ var ServiceSelectorPanel = ({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Tooltip, { title: showArchived ? "Show active" : "Show archived", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-              import_material10.IconButton,
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material9.Tooltip, { title: showArchived ? "Show active" : "Show archived", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              import_material9.IconButton,
               {
                 size: "small",
                 onClick: toggleArchived,
                 color: showArchived ? "primary" : "default",
                 sx: { ml: 1 },
-                children: showArchived ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Unarchive.default, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Archive.default, { fontSize: "small" })
+                children: showArchived ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Unarchive.default, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Archive.default, { fontSize: "small" })
               }
             ) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            import_material10.Box,
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            import_material9.Box,
             {
               sx: {
                 maxHeight: 400,
                 overflow: "auto",
                 py: 1
               },
-              children: loading ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Typography, { variant: "body2", color: "text.secondary", children: "Loading services..." }) }) : filteredServices.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Typography, { variant: "body2", color: "text.secondary", children: searchTerm ? `No ${showArchived ? "archived " : ""}services matching "${searchTerm}"` : showArchived ? "No archived services found" : "No active services found" }) }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-                  import_material10.Typography,
+              children: loading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material9.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material9.Typography, { variant: "body2", color: "text.secondary", children: "Loading services..." }) }) : filteredServices.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material9.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material9.Typography, { variant: "body2", color: "text.secondary", children: searchTerm ? `No ${showArchived ? "archived " : ""}services matching "${searchTerm}"` : showArchived ? "No archived services found" : "No active services found" }) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                  import_material9.Typography,
                   {
                     variant: "caption",
                     sx: {
@@ -3105,8 +3052,8 @@ var ServiceSelectorPanel = ({
                     },
                     children: [
                       "Services",
-                      showArchived && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                        import_material10.Chip,
+                      showArchived && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                        import_material9.Chip,
                         {
                           size: "small",
                           label: "Archived",
@@ -3124,8 +3071,8 @@ var ServiceSelectorPanel = ({
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.List, { disablePadding: true, children: filteredServices.map((service) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-                  import_material10.ListItem,
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material9.List, { disablePadding: true, children: filteredServices.map((service) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                  import_material9.ListItem,
                   {
                     sx: {
                       py: 0.75,
@@ -3138,7 +3085,7 @@ var ServiceSelectorPanel = ({
                       position: "relative"
                     },
                     onClick: () => onSelectService(service.id),
-                    secondaryAction: service.id === selectedServiceId ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    secondaryAction: service.id === selectedServiceId ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       import_Check.default,
                       {
                         sx: {
@@ -3148,8 +3095,8 @@ var ServiceSelectorPanel = ({
                       }
                     ) : null,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.ListItemAvatar, { sx: { minWidth: 40 }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                        import_material10.Avatar,
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material9.ListItemAvatar, { sx: { minWidth: 40 }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                        import_material9.Avatar,
                         {
                           sx: {
                             width: 26,
@@ -3161,11 +3108,11 @@ var ServiceSelectorPanel = ({
                           children: service.name.charAt(0)
                         }
                       ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                        import_material10.ListItemText,
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                        import_material9.ListItemText,
                         {
-                          primary: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                            import_material10.Typography,
+                          primary: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material9.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                            import_material9.Typography,
                             {
                               variant: "body2",
                               sx: {
@@ -3186,8 +3133,8 @@ var ServiceSelectorPanel = ({
               ] })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            import_material10.Box,
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            import_material9.Box,
             {
               sx: {
                 paddingTop: 2,
@@ -3196,12 +3143,12 @@ var ServiceSelectorPanel = ({
                 borderTop: 1,
                 borderColor: "divider"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                import_material10.Button,
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                import_material9.Button,
                 {
                   fullWidth: true,
                   variant: "text",
-                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Add.default, {}),
+                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Add.default, {}),
                   onClick: handleCreateClick,
                   sx: {
                     textTransform: "none",
@@ -3226,13 +3173,13 @@ var ServiceSelectorPanel = ({
 };
 
 // src/components/navigation/WorkspaceSelector.tsx
-var import_react5 = __toESM(require("react"));
-var import_material11 = require("@mui/material");
+var import_react4 = __toESM(require("react"));
+var import_material10 = require("@mui/material");
 var import_KeyboardArrowDown2 = __toESM(require("@mui/icons-material/KeyboardArrowDown"));
 var import_Search3 = __toESM(require("@mui/icons-material/Search"));
 var import_Add2 = __toESM(require("@mui/icons-material/Add"));
 var import_Check2 = __toESM(require("@mui/icons-material/Check"));
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var WorkspaceSelectorButton = ({
   workspaces,
   selectedWorkspaceId,
@@ -3243,7 +3190,7 @@ var WorkspaceSelectorButton = ({
   sx = {},
   panelWidth = 350
 }) => {
-  const [anchorEl, setAnchorEl] = (0, import_react5.useState)(null);
+  const [anchorEl, setAnchorEl] = (0, import_react4.useState)(null);
   const handleOpenSelector = (event) => {
     event.stopPropagation();
     setAnchorEl(event.currentTarget);
@@ -3251,7 +3198,7 @@ var WorkspaceSelectorButton = ({
   const handleClose = () => {
     setAnchorEl(null);
   };
-  const handleSelectWorkspace = (0, import_react5.useCallback)(
+  const handleSelectWorkspace = (0, import_react4.useCallback)(
     (workspaceId) => {
       handleClose();
       if (onSelectWorkspace) {
@@ -3264,10 +3211,10 @@ var WorkspaceSelectorButton = ({
   if (!workspaces || workspaces.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material11.Box, { sx: { display: "flex", alignItems: "center", ...sx }, children: [
-      selectedWorkspace ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-        import_material11.Link,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", ...sx }, children: [
+      selectedWorkspace ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        import_material10.Link,
         {
           underline: "hover",
           color: "inherit",
@@ -3285,8 +3232,8 @@ var WorkspaceSelectorButton = ({
             mr: 0.5
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-              import_material11.Avatar,
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              import_material10.Avatar,
               {
                 sx: {
                   width: 20,
@@ -3301,8 +3248,8 @@ var WorkspaceSelectorButton = ({
             selectedWorkspace.name
           ]
         }
-      ) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        import_material11.Typography,
+      ) }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        import_material10.Typography,
         {
           variant: "body2",
           color: "text.secondary",
@@ -3312,8 +3259,8 @@ var WorkspaceSelectorButton = ({
           children: "Select Workspace"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        import_material11.IconButton,
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        import_material10.IconButton,
         {
           onClick: handleOpenSelector,
           size: "small",
@@ -3322,11 +3269,11 @@ var WorkspaceSelectorButton = ({
             ml: 0.5,
             color: "text.secondary"
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_KeyboardArrowDown2.default, { fontSize: "small" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_KeyboardArrowDown2.default, { fontSize: "small" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       WorkspaceSelectorPanel,
       {
         open: Boolean(anchorEl),
@@ -3353,8 +3300,8 @@ var WorkspaceSelectorPanel = ({
   loading = false,
   width = 350
 }) => {
-  const [searchTerm, setSearchTerm] = (0, import_react5.useState)("");
-  import_react5.default.useEffect(() => {
+  const [searchTerm, setSearchTerm] = (0, import_react4.useState)("");
+  import_react4.default.useEffect(() => {
     if (open) {
       setSearchTerm("");
     }
@@ -3372,8 +3319,8 @@ var WorkspaceSelectorPanel = ({
     onSelectWorkspace(workspaceId);
     onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    import_material11.Menu,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_material10.Menu,
     {
       open,
       anchorEl,
@@ -3388,9 +3335,9 @@ var WorkspaceSelectorPanel = ({
           borderRadius: 2
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material11.Box, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material11.Box, { sx: { px: 2, pt: 2, pb: 1.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          import_material11.TextField,
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material10.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Box, { sx: { px: 2, pt: 2, pb: 1.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          import_material10.TextField,
           {
             fullWidth: true,
             size: "small",
@@ -3398,12 +3345,12 @@ var WorkspaceSelectorPanel = ({
             value: searchTerm,
             onChange: (e) => setSearchTerm(e.target.value),
             InputProps: {
-              startAdornment: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material11.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_Search3.default, { fontSize: "small" }) })
+              startAdornment: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Search3.default, { fontSize: "small" }) })
             }
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material11.Box, { sx: { maxHeight: 400, overflowY: "auto" }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material11.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material11.Typography, { variant: "body2", color: "text.secondary", children: "Loading..." }) }) : filteredWorkspaces.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material11.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material11.Typography, { variant: "body2", color: "text.secondary", children: "No workspaces found" }) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material11.List, { dense: true, children: filteredWorkspaces.map((workspace) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-          import_material11.ListItem,
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Box, { sx: { maxHeight: 400, overflowY: "auto" }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Typography, { variant: "body2", color: "text.secondary", children: "Loading..." }) }) : filteredWorkspaces.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Typography, { variant: "body2", color: "text.secondary", children: "No workspaces found" }) }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.List, { dense: true, children: filteredWorkspaces.map((workspace) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          import_material10.ListItem,
           {
             onClick: () => handleSelect(workspace.id),
             sx: {
@@ -3415,19 +3362,19 @@ var WorkspaceSelectorPanel = ({
               }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material11.ListItemAvatar, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                import_material11.Avatar,
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.ListItemAvatar, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                import_material10.Avatar,
                 {
                   sx: { width: 32, height: 32, bgcolor: "secondary.main" },
                   children: workspace.name.charAt(0)
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                import_material11.ListItemText,
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                import_material10.ListItemText,
                 {
-                  primary: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material11.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material11.Typography, { variant: "body2", fontWeight: 500, children: workspace.name }),
-                    workspace.id === selectedWorkspaceId && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_Check2.default, { fontSize: "small", color: "primary" })
+                  primary: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.Typography, { variant: "body2", fontWeight: 500, children: workspace.name }),
+                    workspace.id === selectedWorkspaceId && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Check2.default, { fontSize: "small", color: "primary" })
                   ] }),
                   secondary: workspace.description
                 }
@@ -3436,8 +3383,8 @@ var WorkspaceSelectorPanel = ({
           },
           workspace.id
         )) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          import_material11.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          import_material10.Box,
           {
             sx: {
               paddingTop: 2,
@@ -3446,12 +3393,12 @@ var WorkspaceSelectorPanel = ({
               borderTop: 1,
               borderColor: "divider"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-              import_material11.Button,
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              import_material10.Button,
               {
                 fullWidth: true,
                 variant: "text",
-                startIcon: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_Add2.default, {}),
+                startIcon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Add2.default, {}),
                 onClick: handleCreateClick,
                 sx: {
                   textTransform: "none",
@@ -3475,27 +3422,27 @@ var WorkspaceSelectorPanel = ({
 };
 
 // src/components/navigation/Stepper.tsx
-var import_material12 = require("@mui/material");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_material11 = require("@mui/material");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var Stepper = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material12.Stepper, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material11.Stepper, { ...props });
 };
 var Step = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material12.Step, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material11.Step, { ...props });
 };
 var StepLabel = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material12.StepLabel, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material11.StepLabel, { ...props });
 };
 var StepContent = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material12.StepContent, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material11.StepContent, { ...props });
 };
 var StepButton = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material12.StepButton, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material11.StepButton, { ...props });
 };
 
 // src/components/navigation/SideNav/SideNav.tsx
-var import_react6 = __toESM(require("react"));
-var import_material13 = require("@mui/material");
+var import_react5 = __toESM(require("react"));
+var import_material12 = require("@mui/material");
 var import_styles9 = require("@mui/material/styles");
 
 // src/components/navigation/SideNav/styles.ts
@@ -3516,12 +3463,12 @@ var scrollbarStyles = {
 };
 
 // src/components/navigation/SideNav/SideNav.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var SideNavContext = import_react6.default.createContext({
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var SideNavContext = import_react5.default.createContext({
   collapsed: false,
   showTooltips: true
 });
-var SideNavContainer = (0, import_styles9.styled)(import_material13.Box, {
+var SideNavContainer = (0, import_styles9.styled)(import_material12.Box, {
   shouldForwardProp: (prop) => !["navWidth", "navPosition", "showBorder", "backgroundColor", "isCollapsed", "collapsedWidth", "transitionDuration"].includes(prop)
 })(({ theme: theme2, navWidth = 280, navPosition = "left", showBorder = true, backgroundColor, isCollapsed = false, collapsedWidth = 68, transitionDuration = 300 }) => ({
   width: isCollapsed ? collapsedWidth : navWidth,
@@ -3541,63 +3488,63 @@ var SideNavContainer = (0, import_styles9.styled)(import_material13.Box, {
     borderLeft: navPosition === "right" ? `1px solid ${theme2.palette.divider}` : "none"
   }
 }));
-var HeaderSection = (0, import_styles9.styled)(import_material13.Box)(({ theme: theme2 }) => ({
+var HeaderSection = (0, import_styles9.styled)(import_material12.Box)(({ theme: theme2 }) => ({
   flexShrink: 0,
   backgroundColor: theme2.palette.background.paper
 }));
-var NavigationSection = (0, import_styles9.styled)(import_material13.Box)(() => ({
+var NavigationSection = (0, import_styles9.styled)(import_material12.Box)(() => ({
   flexGrow: 1,
   overflowY: "auto",
   overflowX: "hidden",
   ...scrollbarStyles
 }));
-var FooterSection = (0, import_styles9.styled)(import_material13.Box)(({ theme: theme2 }) => ({
+var FooterSection = (0, import_styles9.styled)(import_material12.Box)(({ theme: theme2 }) => ({
   flexShrink: 0,
   backgroundColor: theme2.palette.background.paper
 }));
-var Header = import_react6.default.memo(({ children, className }) => {
-  const { collapsed, onToggleCollapse } = import_react6.default.useContext(SideNavContext);
-  const enhancedChildren = import_react6.default.Children.map(children, (child) => {
-    if (import_react6.default.isValidElement(child)) {
-      return import_react6.default.cloneElement(child, {
+var Header = import_react5.default.memo(({ children, className }) => {
+  const { collapsed, onToggleCollapse } = import_react5.default.useContext(SideNavContext);
+  const enhancedChildren = import_react5.default.Children.map(children, (child) => {
+    if (import_react5.default.isValidElement(child)) {
+      return import_react5.default.cloneElement(child, {
         collapsed,
         onCollapse: onToggleCollapse
       });
     }
     return child;
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(HeaderSection, { className, "data-testid": "sidenav-header", children: enhancedChildren });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(HeaderSection, { className, "data-testid": "sidenav-header", children: enhancedChildren });
 });
 Header.displayName = "SideNav.Header";
-var Navigation = import_react6.default.memo(({ children, className }) => {
-  const { collapsed, showTooltips } = import_react6.default.useContext(SideNavContext);
-  const enhancedChildren = import_react6.default.Children.map(children, (child) => {
-    if (import_react6.default.isValidElement(child)) {
-      return import_react6.default.cloneElement(child, {
+var Navigation = import_react5.default.memo(({ children, className }) => {
+  const { collapsed, showTooltips } = import_react5.default.useContext(SideNavContext);
+  const enhancedChildren = import_react5.default.Children.map(children, (child) => {
+    if (import_react5.default.isValidElement(child)) {
+      return import_react5.default.cloneElement(child, {
         collapsed,
         showTooltips
       });
     }
     return child;
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(NavigationSection, { className, "data-testid": "sidenav-navigation", children: enhancedChildren });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(NavigationSection, { className, "data-testid": "sidenav-navigation", children: enhancedChildren });
 });
 Navigation.displayName = "SideNav.Navigation";
-var Footer = import_react6.default.memo(({ children, className }) => {
-  const { collapsed } = import_react6.default.useContext(SideNavContext);
-  const enhancedChildren = import_react6.default.Children.map(children, (child) => {
-    if (import_react6.default.isValidElement(child)) {
-      return import_react6.default.cloneElement(child, {
+var Footer = import_react5.default.memo(({ children, className }) => {
+  const { collapsed } = import_react5.default.useContext(SideNavContext);
+  const enhancedChildren = import_react5.default.Children.map(children, (child) => {
+    if (import_react5.default.isValidElement(child)) {
+      return import_react5.default.cloneElement(child, {
         compact: collapsed
       });
     }
     return child;
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FooterSection, { className, "data-testid": "sidenav-footer", children: enhancedChildren });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FooterSection, { className, "data-testid": "sidenav-footer", children: enhancedChildren });
 });
 Footer.displayName = "SideNav.Footer";
 var SideNav = Object.assign(
-  import_react6.default.memo(({
+  import_react5.default.memo(({
     width = 280,
     collapsedWidth = 68,
     collapsed: controlledCollapsed,
@@ -3612,10 +3559,10 @@ var SideNav = Object.assign(
     className,
     ariaLabel = "Main navigation"
   }) => {
-    const [internalCollapsed, setInternalCollapsed] = (0, import_react6.useState)(defaultCollapsed);
+    const [internalCollapsed, setInternalCollapsed] = (0, import_react5.useState)(defaultCollapsed);
     const isControlled = controlledCollapsed !== void 0;
     const collapsed = isControlled ? controlledCollapsed : internalCollapsed;
-    const handleToggleCollapse = (0, import_react6.useCallback)(() => {
+    const handleToggleCollapse = (0, import_react5.useCallback)(() => {
       const newCollapsed = !collapsed;
       if (!isControlled) {
         setInternalCollapsed(newCollapsed);
@@ -3629,7 +3576,7 @@ var SideNav = Object.assign(
       showTooltips,
       onToggleCollapse: handleToggleCollapse
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SideNavContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SideNavContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       SideNavContainer,
       {
         role: "navigation",
@@ -3655,13 +3602,13 @@ var SideNav = Object.assign(
 SideNav.displayName = "SideNav";
 
 // src/components/navigation/SideNav/SideNavHeader.tsx
-var import_react7 = __toESM(require("react"));
-var import_material14 = require("@mui/material");
+var import_react6 = __toESM(require("react"));
+var import_material13 = require("@mui/material");
 var import_styles11 = require("@mui/material/styles");
 var import_ChevronLeft = __toESM(require("@mui/icons-material/ChevronLeft"));
 var import_ChevronRight = __toESM(require("@mui/icons-material/ChevronRight"));
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var HeaderContainer = (0, import_styles11.styled)(import_material14.Box, {
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var HeaderContainer = (0, import_styles11.styled)(import_material13.Box, {
   shouldForwardProp: (prop) => prop !== "isCollapsed"
 })(({ theme: theme2, isCollapsed }) => ({
   display: "flex",
@@ -3675,7 +3622,7 @@ var HeaderContainer = (0, import_styles11.styled)(import_material14.Box, {
     duration: theme2.transitions.duration.shorter
   })
 }));
-var BrandingButton = (0, import_styles11.styled)(import_material14.ButtonBase)(({ theme: theme2 }) => ({
+var BrandingButton = (0, import_styles11.styled)(import_material13.ButtonBase)(({ theme: theme2 }) => ({
   display: "flex",
   alignItems: "center",
   gap: theme2.spacing(1.5),
@@ -3691,7 +3638,7 @@ var BrandingButton = (0, import_styles11.styled)(import_material14.ButtonBase)((
     outlineOffset: 2
   }
 }));
-var SideNavHeader = import_react7.default.memo(({
+var SideNavHeader = import_react6.default.memo(({
   logo,
   title,
   showCollapseButton = true,
@@ -3701,9 +3648,9 @@ var SideNavHeader = import_react7.default.memo(({
   collapsed = false
 }) => {
   const headerAriaLabel = ariaLabel || `${title} navigation header`;
-  const brandingContent = /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    logo && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-      import_material14.Box,
+  const brandingContent = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+    logo && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      import_material13.Box,
       {
         sx: {
           display: "flex",
@@ -3714,8 +3661,8 @@ var SideNavHeader = import_react7.default.memo(({
         children: logo
       }
     ),
-    !collapsed && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-      import_material14.Typography,
+    !collapsed && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      import_material13.Typography,
       {
         variant: "subtitle1",
         sx: {
@@ -3729,14 +3676,14 @@ var SideNavHeader = import_react7.default.memo(({
       }
     )
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     HeaderContainer,
     {
       "data-testid": "sidenav-header-content",
       "aria-label": headerAriaLabel,
       isCollapsed: collapsed,
       children: [
-        onLogoClick ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        onLogoClick ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           BrandingButton,
           {
             onClick: onLogoClick,
@@ -3744,8 +3691,8 @@ var SideNavHeader = import_react7.default.memo(({
             "data-testid": "sidenav-home-link",
             children: brandingContent
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-          import_material14.Box,
+        ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_material13.Box,
           {
             sx: {
               display: "flex",
@@ -3756,14 +3703,14 @@ var SideNavHeader = import_react7.default.memo(({
             children: brandingContent
           }
         ),
-        showCollapseButton && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-          import_material14.Tooltip,
+        showCollapseButton && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_material13.Tooltip,
           {
             title: collapsed ? "Expand navigation" : "Collapse navigation",
             placement: "right",
             arrow: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-              import_material14.IconButton,
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              import_material13.IconButton,
               {
                 onClick: onCollapse,
                 "aria-label": collapsed ? "Expand navigation" : "Collapse navigation",
@@ -3778,7 +3725,7 @@ var SideNavHeader = import_react7.default.memo(({
                     color: "text.primary"
                   }
                 },
-                children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ChevronRight.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ChevronLeft.default, {})
+                children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_ChevronRight.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_ChevronLeft.default, {})
               }
             )
           }
@@ -3790,15 +3737,15 @@ var SideNavHeader = import_react7.default.memo(({
 SideNavHeader.displayName = "SideNavHeader";
 
 // src/components/navigation/SideNav/NavigationList.tsx
-var import_react9 = __toESM(require("react"));
-var import_material16 = require("@mui/material");
-
-// src/components/navigation/SideNav/NavigationItem.tsx
 var import_react8 = __toESM(require("react"));
 var import_material15 = require("@mui/material");
+
+// src/components/navigation/SideNav/NavigationItem.tsx
+var import_react7 = __toESM(require("react"));
+var import_material14 = require("@mui/material");
 var import_styles12 = require("@mui/material/styles");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var StyledListItemButton2 = (0, import_styles12.styled)(import_material15.ListItemButton, {
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var StyledListItemButton2 = (0, import_styles12.styled)(import_material14.ListItemButton, {
   shouldForwardProp: (prop) => !["selected", "size", "iconPosition", "isCollapsed"].includes(prop)
 })(({ theme: theme2, selected, size: size3, isCollapsed }) => {
   const heights = {
@@ -3859,7 +3806,7 @@ var StyledListItemButton2 = (0, import_styles12.styled)(import_material15.ListIt
     }
   };
 });
-var NavigationItem = import_react8.default.memo(({
+var NavigationItem = import_react7.default.memo(({
   id,
   label,
   icon,
@@ -3881,8 +3828,8 @@ var NavigationItem = import_react8.default.memo(({
       onClick(id);
     }
   };
-  const iconElement = icon && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    import_material15.ListItemIcon,
+  const iconElement = icon && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_material14.ListItemIcon,
     {
       sx: {
         fontSize: 24,
@@ -3895,8 +3842,8 @@ var NavigationItem = import_react8.default.memo(({
       children: icon
     }
   );
-  const labelElement = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    import_material15.ListItemText,
+  const labelElement = /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_material14.ListItemText,
     {
       primary: label,
       primaryTypographyProps: {
@@ -3914,7 +3861,7 @@ var NavigationItem = import_react8.default.memo(({
       }
     }
   );
-  const buttonContent = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  const buttonContent = /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     StyledListItemButton2,
     {
       selected,
@@ -3931,8 +3878,8 @@ var NavigationItem = import_react8.default.memo(({
         icon && iconPosition === "left" && iconElement,
         labelElement,
         icon && iconPosition === "right" && iconElement,
-        endContent && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-          import_material15.Box,
+        endContent && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          import_material14.Box,
           {
             sx: {
               marginLeft: "auto",
@@ -3946,8 +3893,8 @@ var NavigationItem = import_react8.default.memo(({
     }
   );
   if (collapsed && showTooltip) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      import_material15.Tooltip,
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      import_material14.Tooltip,
       {
         title: label,
         placement: tooltipPlacement,
@@ -3963,8 +3910,8 @@ var NavigationItem = import_react8.default.memo(({
 NavigationItem.displayName = "NavigationItem";
 
 // src/components/navigation/SideNav/NavigationList.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var NavigationList = import_react9.default.memo(({
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var NavigationList = import_react8.default.memo(({
   items,
   selectedId,
   onSelectionChange,
@@ -3973,7 +3920,7 @@ var NavigationList = import_react9.default.memo(({
   collapsed = false,
   showTooltips = true
 }) => {
-  const [internalSelectedId, setInternalSelectedId] = (0, import_react9.useState)(
+  const [internalSelectedId, setInternalSelectedId] = (0, import_react8.useState)(
     selectedId
   );
   const isControlled = selectedId !== void 0;
@@ -3986,8 +3933,8 @@ var NavigationList = import_react9.default.memo(({
       onSelectionChange(id);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-    import_material16.List,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_material15.List,
     {
       role: "list",
       "aria-label": ariaLabel,
@@ -4000,15 +3947,15 @@ var NavigationList = import_react9.default.memo(({
       },
       children: items.map((item, index) => {
         const isSelected = currentSelectedId === item.id;
-        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-          import_material16.ListItem,
+        return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          import_material15.ListItem,
           {
             role: "listitem",
             sx: {
               padding: 0,
               display: "block"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               NavigationItem,
               {
                 ...item,
@@ -4036,12 +3983,12 @@ var NavigationList = import_react9.default.memo(({
 NavigationList.displayName = "NavigationList";
 
 // src/components/navigation/SideNav/ConnectionStatus.tsx
-var import_react10 = __toESM(require("react"));
-var import_material17 = require("@mui/material");
+var import_react9 = __toESM(require("react"));
+var import_material16 = require("@mui/material");
 var import_styles14 = require("@mui/material/styles");
 var import_Power = __toESM(require("@mui/icons-material/Power"));
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var StatusPill = (0, import_styles14.styled)(import_material17.Box, {
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var StatusPill = (0, import_styles14.styled)(import_material16.Box, {
   shouldForwardProp: (prop) => !["variant", "interactive"].includes(prop)
 })(({ theme: theme2, variant = "info", interactive }) => {
   const variantColors = {
@@ -4101,7 +4048,7 @@ var StatusPill = (0, import_styles14.styled)(import_material17.Box, {
     }
   };
 });
-var ConnectionStatus = import_react10.default.memo(({
+var ConnectionStatus = import_react9.default.memo(({
   status,
   variant = "info",
   icon,
@@ -4115,7 +4062,7 @@ var ConnectionStatus = import_react10.default.memo(({
       onClick();
     }
   };
-  const statusContent = /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  const statusContent = /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     StatusPill,
     {
       role: "status",
@@ -4126,8 +4073,8 @@ var ConnectionStatus = import_react10.default.memo(({
       interactive,
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          import_material17.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          import_material16.Box,
           {
             sx: {
               display: "flex",
@@ -4135,28 +4082,28 @@ var ConnectionStatus = import_react10.default.memo(({
               fontSize: 16,
               color: "inherit"
             },
-            children: icon || /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_Power.default, { fontSize: "small" })
+            children: icon || /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_Power.default, { fontSize: "small" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material17.Typography, { className: "status-text", variant: "body2", children: compact ? compactText ?? status : status })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material16.Typography, { className: "status-text", variant: "body2", children: compact ? compactText ?? status : status })
       ]
     }
   );
   if (compact) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      import_material17.Box,
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      import_material16.Box,
       {
         sx: {
           display: "flex",
           justifyContent: "center",
           padding: 1
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material17.Tooltip, { title: status, placement: "right", arrow: true, children: statusContent })
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material16.Tooltip, { title: status, placement: "right", arrow: true, children: statusContent })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    import_material17.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_material16.Box,
     {
       sx: {
         display: "flex",
@@ -4170,12 +4117,12 @@ var ConnectionStatus = import_react10.default.memo(({
 ConnectionStatus.displayName = "ConnectionStatus";
 
 // src/components/navigation/SideNav/AccountSection.tsx
-var import_react11 = __toESM(require("react"));
-var import_material18 = require("@mui/material");
+var import_react10 = __toESM(require("react"));
+var import_material17 = require("@mui/material");
 var import_styles15 = require("@mui/material/styles");
 var import_Logout = __toESM(require("@mui/icons-material/Logout"));
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var AccountContainer = (0, import_styles15.styled)(import_material18.Box, {
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var AccountContainer = (0, import_styles15.styled)(import_material17.Box, {
   shouldForwardProp: (prop) => !["layout", "isCompact"].includes(prop)
 })(({ theme: theme2, layout = "horizontal", isCompact }) => ({
   display: "flex",
@@ -4206,7 +4153,7 @@ var deriveInitials = (name) => {
   }
   return (words[0][0] + words[words.length - 1][0]).toUpperCase();
 };
-var AccountSection = import_react11.default.memo(({
+var AccountSection = import_react10.default.memo(({
   user,
   onLogout,
   showEmail = false,
@@ -4216,15 +4163,15 @@ var AccountSection = import_react11.default.memo(({
   const initials = user.initials || deriveInitials(user.name);
   const avatarSrc = user.avatarUrl;
   if (compact) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(AccountContainer, { layout, isCompact: true, "aria-label": "Account section", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        import_material18.Tooltip,
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(AccountContainer, { layout, isCompact: true, "aria-label": "Account section", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        import_material17.Tooltip,
         {
           title: `${user.name}${user.email ? ` (${user.email})` : ""}`,
           placement: "right",
           arrow: true,
-          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-            import_material18.Avatar,
+          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            import_material17.Avatar,
             {
               src: avatarSrc,
               alt: user.name,
@@ -4242,8 +4189,8 @@ var AccountSection = import_react11.default.memo(({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material18.Tooltip, { title: "Logout", placement: "right", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        import_material18.IconButton,
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material17.Tooltip, { title: "Logout", placement: "right", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        import_material17.IconButton,
         {
           onClick: onLogout,
           "aria-label": "Logout",
@@ -4255,14 +4202,14 @@ var AccountSection = import_react11.default.memo(({
               color: "text.primary"
             }
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_Logout.default, { fontSize: "small" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_Logout.default, { fontSize: "small" })
         }
       ) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(AccountContainer, { layout, isCompact: false, "aria-label": "Account section", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-      import_material18.Avatar,
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(AccountContainer, { layout, isCompact: false, "aria-label": "Account section", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      import_material17.Avatar,
       {
         src: avatarSrc,
         alt: user.name,
@@ -4277,8 +4224,8 @@ var AccountSection = import_react11.default.memo(({
         children: initials
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-      import_material18.Box,
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      import_material17.Box,
       {
         sx: {
           display: "flex",
@@ -4289,8 +4236,8 @@ var AccountSection = import_react11.default.memo(({
           // Allow text truncation
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-            import_material18.Typography,
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            import_material17.Typography,
             {
               variant: "body2",
               sx: {
@@ -4303,8 +4250,8 @@ var AccountSection = import_react11.default.memo(({
               children: user.name
             }
           ),
-          showEmail && user.email && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-            import_material18.Typography,
+          showEmail && user.email && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            import_material17.Typography,
             {
               variant: "caption",
               sx: {
@@ -4318,12 +4265,12 @@ var AccountSection = import_react11.default.memo(({
               children: user.email
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-            import_material18.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            import_material17.Button,
             {
               onClick: onLogout,
               "aria-label": "Logout",
-              startIcon: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_Logout.default, { fontSize: "small" }),
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_Logout.default, { fontSize: "small" }),
               sx: {
                 color: "text.secondary",
                 textTransform: "none",
@@ -4351,7 +4298,7 @@ AccountSection.displayName = "AccountSection";
 // src/components/feedback/Badge.tsx
 var import_Badge = __toESM(require("@mui/material/Badge"));
 var import_styles16 = require("@mui/material/styles");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var getBadgeColor = (variant) => {
   switch (variant) {
     case "primary":
@@ -4378,13 +4325,13 @@ var Badge = ({
   badgeContent,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(StyledBadge, { badgeVariant: variant, badgeContent, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(StyledBadge, { badgeVariant: variant, badgeContent, ...props, children });
 };
 
 // src/components/feedback/Chip.tsx
 var import_Chip = __toESM(require("@mui/material/Chip"));
 var import_styles17 = require("@mui/material/styles");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var StyledDefaultChip = (0, import_styles17.styled)(import_Chip.default)({
   backgroundColor: colors.grey[100],
   color: colors.text.primary,
@@ -4404,15 +4351,15 @@ var Chip2 = ({
   ...props
 }) => {
   if (variant === "active") {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(StyledActiveChip, { ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(StyledActiveChip, { ...props });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(StyledDefaultChip, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(StyledDefaultChip, { ...props });
 };
 
 // src/components/feedback/RoleBadge.tsx
 var import_Chip2 = __toESM(require("@mui/material/Chip"));
 var import_styles18 = require("@mui/material/styles");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var StyledRoleBadge = (0, import_styles18.styled)(import_Chip2.default)(() => ({
   // Pill shape - 100px border radius
   borderRadius: "100px",
@@ -4438,7 +4385,7 @@ var RoleBadge = ({
   if (!label || label.trim() === "") {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     StyledRoleBadge,
     {
       label,
@@ -4451,12 +4398,15 @@ var RoleBadge = ({
 };
 
 // src/components/feedback/IDBlock.tsx
+var import_react11 = require("react");
 var import_Box = __toESM(require("@mui/material/Box"));
 var import_Typography = __toESM(require("@mui/material/Typography"));
 var import_IconButton2 = __toESM(require("@mui/material/IconButton"));
+var import_Snackbar = __toESM(require("@mui/material/Snackbar"));
+var import_Alert = __toESM(require("@mui/material/Alert"));
 var import_ContentCopy = __toESM(require("@mui/icons-material/ContentCopy"));
 var import_styles19 = require("@mui/material/styles");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var IDContainer = (0, import_styles19.styled)(import_Box.default)(() => ({
   display: "inline-flex",
   alignItems: "center",
@@ -4472,78 +4422,88 @@ var IDBlock = ({
   entityType = "entity",
   onCopy
 }) => {
-  const { showMessage } = useMessages();
+  const [snackbar, setSnackbar] = (0, import_react11.useState)({
+    open: false,
+    message: "",
+    severity: "success"
+  });
   if (!id || id.trim() === "") {
     return null;
   }
   const handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(id);
-      showMessage({
-        message: "ID copied to clipboard",
-        appearance: "success",
-        autoDismiss: true
-      });
+      setSnackbar({ open: true, message: "ID copied to clipboard", severity: "success" });
       onCopy?.();
     } catch {
-      showMessage({
-        message: "Failed to copy ID",
-        appearance: "error",
-        autoDismiss: true
-      });
+      setSnackbar({ open: true, message: "Failed to copy ID", severity: "error" });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(IDContainer, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-      import_Typography.default,
-      {
-        variant: "body2",
-        sx: {
-          fontSize: "13px",
-          fontWeight: 500,
-          color: deploymentSurfaceTokens.textSecondary
-        },
-        children: [
-          label,
-          ":"
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-      import_Typography.default,
-      {
-        variant: "body2",
-        sx: {
-          fontSize: "13px",
-          fontWeight: 500,
-          color: deploymentSurfaceTokens.textPrimary,
-          userSelect: "all"
-          // Allow easy text selection
-        },
-        children: id
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-      import_IconButton2.default,
-      {
-        onClick: handleCopy,
-        size: "small",
-        "aria-label": `Copy ${entityType} ID ${id}`,
-        sx: {
-          padding: "4px",
-          "&:hover": {
-            backgroundColor: deploymentSurfaceTokens.hoverOverlay
-          }
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-          import_ContentCopy.default,
-          {
-            sx: {
-              fontSize: "16px",
-              color: deploymentSurfaceTokens.textSecondary
+  const handleSnackbarClose = () => {
+    setSnackbar((prev) => ({ ...prev, open: false }));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(IDContainer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        import_Typography.default,
+        {
+          variant: "body2",
+          sx: {
+            fontSize: "13px",
+            fontWeight: 500,
+            color: deploymentSurfaceTokens.textSecondary
+          },
+          children: [
+            label,
+            ":"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        import_Typography.default,
+        {
+          variant: "body2",
+          sx: {
+            fontSize: "13px",
+            fontWeight: 500,
+            color: deploymentSurfaceTokens.textPrimary,
+            userSelect: "all"
+          },
+          children: id
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        import_IconButton2.default,
+        {
+          onClick: handleCopy,
+          size: "small",
+          "aria-label": `Copy ${entityType} ID ${id}`,
+          sx: {
+            padding: "4px",
+            "&:hover": {
+              backgroundColor: deploymentSurfaceTokens.hoverOverlay
             }
-          }
-        )
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            import_ContentCopy.default,
+            {
+              sx: {
+                fontSize: "16px",
+                color: deploymentSurfaceTokens.textSecondary
+              }
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      import_Snackbar.default,
+      {
+        open: snackbar.open,
+        autoHideDuration: 3e3,
+        onClose: handleSnackbarClose,
+        anchorOrigin: { vertical: "top", horizontal: "center" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_Alert.default, { onClose: handleSnackbarClose, severity: snackbar.severity, children: snackbar.message })
       }
     )
   ] });
@@ -4552,7 +4512,7 @@ var IDBlock = ({
 // src/components/feedback/Tooltip.tsx
 var import_Tooltip = __toESM(require("@mui/material/Tooltip"));
 var import_styles20 = require("@mui/material/styles");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var StyledTooltip = (0, import_styles20.styled)(import_Tooltip.default)({
   "& .MuiTooltip-tooltip": {
     backgroundColor: colors.grey[800],
@@ -4566,13 +4526,13 @@ var StyledTooltip = (0, import_styles20.styled)(import_Tooltip.default)({
   }
 });
 var Tooltip6 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StyledTooltip, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(StyledTooltip, { ...props });
 };
 
 // src/components/feedback/Progress.tsx
-var import_material19 = require("@mui/material");
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var StyledLinearProgress = (0, import_material19.styled)(import_material19.LinearProgress)({
+var import_material18 = require("@mui/material");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var StyledLinearProgress = (0, import_material18.styled)(import_material18.LinearProgress)({
   height: 4,
   borderRadius: 2,
   backgroundColor: colors.grey[200],
@@ -4581,7 +4541,7 @@ var StyledLinearProgress = (0, import_material19.styled)(import_material19.Linea
     borderRadius: 2
   }
 });
-var StyledCircularProgress = (0, import_material19.styled)(import_material19.CircularProgress)({
+var StyledCircularProgress = (0, import_material18.styled)(import_material18.CircularProgress)({
   color: colors.primary.main
 });
 var Progress = ({
@@ -4591,9 +4551,9 @@ var Progress = ({
   thickness = 4
 }) => {
   if (variant === "circular") {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(StyledCircularProgress, { size: size3, thickness });
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StyledCircularProgress, { size: size3, thickness });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     StyledLinearProgress,
     {
       variant: value !== void 0 ? "determinate" : "indeterminate",
@@ -4605,7 +4565,7 @@ var Progress = ({
 // src/components/navigation/Tab.tsx
 var import_Tab = __toESM(require("@mui/material/Tab"));
 var import_styles21 = require("@mui/material/styles");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var StyledTab = (0, import_styles21.styled)(import_Tab.default)({
   textTransform: "none",
   minHeight: "48px",
@@ -4627,15 +4587,15 @@ var Tab = ({
   label,
   ...props
 }) => {
-  const tabLabel = badge !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Badge, { variant: badgeVariant, badgeContent: badge, children: label }) : label;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(StyledTab, { label: tabLabel, ...props });
+  const tabLabel = badge !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Badge, { variant: badgeVariant, badgeContent: badge, children: label }) : label;
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(StyledTab, { label: tabLabel, ...props });
 };
 
 // src/components/navigation/Menu.tsx
-var import_material20 = require("@mui/material");
+var import_material19 = require("@mui/material");
 var import_styles22 = require("@mui/material/styles");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var StyledMenu = (0, import_styles22.styled)(import_material20.Menu)({
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var StyledMenu = (0, import_styles22.styled)(import_material19.Menu)({
   "& .MuiPaper-root": {
     borderRadius: 8,
     boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.15)",
@@ -4649,7 +4609,7 @@ var StyledMenu = (0, import_styles22.styled)(import_material20.Menu)({
   }
 });
 var Menu3 = ({ anchorEl, onClose, children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     StyledMenu,
     {
       anchorEl,
@@ -4675,19 +4635,19 @@ var MenuItem = ({
   disabled = false,
   divider = false
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_material20.MenuItem, { onClick, disabled, children: [
-      icon && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material20.ListItemIcon, { children: icon }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material20.ListItemText, { children: label })
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_material19.MenuItem, { onClick, disabled, children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material19.ListItemIcon, { children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material19.ListItemText, { children: label })
     ] }),
-    divider && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material20.Divider, {})
+    divider && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material19.Divider, {})
   ] });
 };
 
 // src/components/navigation/Pagination.tsx
 var import_Pagination = __toESM(require("@mui/material/Pagination"));
 var import_styles23 = require("@mui/material/styles");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var StyledPagination = (0, import_styles23.styled)(import_Pagination.default)({
   "& .MuiPaginationItem-root": {
     "&.Mui-selected": {
@@ -4703,12 +4663,12 @@ var StyledPagination = (0, import_styles23.styled)(import_Pagination.default)({
   }
 });
 var Pagination = ({ color = "primary", ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(StyledPagination, { color, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(StyledPagination, { color, ...props });
 };
 
 // src/components/navigation/Selector.tsx
 var import_react12 = require("react");
-var import_material21 = require("@mui/material");
+var import_material20 = require("@mui/material");
 var import_KeyboardArrowDown3 = __toESM(require("@mui/icons-material/KeyboardArrowDown"));
 var import_Search4 = __toESM(require("@mui/icons-material/Search"));
 var import_Add3 = __toESM(require("@mui/icons-material/Add"));
@@ -4716,7 +4676,7 @@ var import_Add3 = __toESM(require("@mui/icons-material/Add"));
 // src/components/layout/Link.tsx
 var import_Link = __toESM(require("@mui/material/Link"));
 var import_styles24 = require("@mui/material/styles");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var StyledLink = (0, import_styles24.styled)(import_Link.default)({
   color: colors.primary.main,
   "&:hover": {
@@ -4724,11 +4684,11 @@ var StyledLink = (0, import_styles24.styled)(import_Link.default)({
   }
 });
 var Link3 = ({ underline = "hover", ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(StyledLink, { underline, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(StyledLink, { underline, ...props });
 };
 
 // src/components/navigation/Selector.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var Selector = ({
   options: options2,
   selectedId,
@@ -4760,15 +4720,15 @@ var Selector = ({
     onSelect(id);
     handleClose();
   };
-  const defaultRenderSelected = (option) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_material21.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-    option.avatar ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Avatar, { src: option.avatar, sx: { width: 20, height: 20 } }) : option.icon ? option.icon : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Avatar, { sx: { width: 20, height: 20, bgcolor: colors.primary.main, fontSize: "0.7rem" }, children: option.name.charAt(0) }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Typography, { variant: "body2", children: option.name })
+  const defaultRenderSelected = (option) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material20.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+    option.avatar ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Avatar, { src: option.avatar, sx: { width: 20, height: 20 } }) : option.icon ? option.icon : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Avatar, { sx: { width: 20, height: 20, bgcolor: colors.primary.main, fontSize: "0.7rem" }, children: option.name.charAt(0) }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Typography, { variant: "body2", children: option.name })
   ] });
   if (compact) {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(IconButton, { onClick: handleOpen, size: "small", children: selectedOption ? selectedOption.avatar ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Avatar, { src: selectedOption.avatar, sx: { width: 32, height: 32 } }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Avatar, { sx: { width: 32, height: 32, bgcolor: colors.primary.main }, children: selectedOption.name.charAt(0) }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Avatar, { sx: { width: 32, height: 32, bgcolor: colors.grey[400] }, children: "?" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-        import_material21.Menu,
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(IconButton, { onClick: handleOpen, size: "small", children: selectedOption ? selectedOption.avatar ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Avatar, { src: selectedOption.avatar, sx: { width: 32, height: 32 } }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Avatar, { sx: { width: 32, height: 32, bgcolor: colors.primary.main }, children: selectedOption.name.charAt(0) }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Avatar, { sx: { width: 32, height: 32, bgcolor: colors.grey[400] }, children: "?" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        import_material20.Menu,
         {
           anchorEl,
           open,
@@ -4776,8 +4736,8 @@ var Selector = ({
           PaperProps: {
             sx: { width, maxHeight: 600, mt: 1 }
           },
-          children: loading ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Box, { sx: { display: "flex", justifyContent: "center", p: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.CircularProgress, { size: 24 }) }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-            options2.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Box, { sx: { p: 1, borderBottom: `1px solid ${colors.grey[200]}` }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          children: loading ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Box, { sx: { display: "flex", justifyContent: "center", p: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.CircularProgress, { size: 24 }) }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+            options2.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Box, { sx: { p: 1, borderBottom: `1px solid ${colors.grey[200]}` }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               TextField,
               {
                 size: "small",
@@ -4786,31 +4746,31 @@ var Selector = ({
                 value: searchTerm,
                 onChange: (e) => setSearchTerm(e.target.value),
                 InputProps: {
-                  startAdornment: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_Search4.default, { fontSize: "small" }) })
+                  startAdornment: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_Search4.default, { fontSize: "small" }) })
                 }
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_material21.List, { sx: { maxHeight: 400, overflow: "auto" }, children: [
-              filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
-                import_material21.ListItemButton,
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material20.List, { sx: { maxHeight: 400, overflow: "auto" }, children: [
+              filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+                import_material20.ListItemButton,
                 {
                   selected: option.id === selectedId,
                   onClick: () => handleSelect(option.id),
                   disabled: option.disabled,
                   children: [
-                    option.avatar ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.ListItemAvatar, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Avatar, { src: option.avatar }) }) : option.icon ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.ListItemAvatar, { children: option.icon }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.ListItemAvatar, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Avatar, { sx: { bgcolor: colors.primary.main }, children: option.name.charAt(0) }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.ListItemText, { primary: option.name, secondary: option.description })
+                    option.avatar ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.ListItemAvatar, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Avatar, { src: option.avatar }) }) : option.icon ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.ListItemAvatar, { children: option.icon }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.ListItemAvatar, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Avatar, { sx: { bgcolor: colors.primary.main }, children: option.name.charAt(0) }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.ListItemText, { primary: option.name, secondary: option.description })
                   ]
                 },
                 option.id
               )),
-              filteredOptions.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Typography, { variant: "body2", color: "text.secondary", children: emptyMessage }) })
+              filteredOptions.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Typography, { variant: "body2", color: "text.secondary", children: emptyMessage }) })
             ] }),
-            onCreate && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Box, { sx: { p: 1, borderTop: `1px solid ${colors.grey[200]}` }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            onCreate && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Box, { sx: { p: 1, borderTop: `1px solid ${colors.grey[200]}` }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               Button,
               {
                 fullWidth: true,
-                startIcon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_Add3.default, {}),
+                startIcon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_Add3.default, {}),
                 onClick: () => {
                   onCreate();
                   handleClose();
@@ -4823,13 +4783,13 @@ var Selector = ({
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_material21.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
-      selectedOption ? renderSelected ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Link3, { onClick: handleOpen, underline: "hover", children: renderSelected(selectedOption) }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Link3, { onClick: handleOpen, underline: "hover", children: defaultRenderSelected(selectedOption) }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Typography, { variant: "body2", color: "text.secondary", children: placeholder }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(IconButton, { onClick: handleOpen, size: "small", sx: { p: 0.2, ml: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_KeyboardArrowDown3.default, { fontSize: "small" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material20.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+      selectedOption ? renderSelected ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Link3, { onClick: handleOpen, underline: "hover", children: renderSelected(selectedOption) }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Link3, { onClick: handleOpen, underline: "hover", children: defaultRenderSelected(selectedOption) }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Typography, { variant: "body2", color: "text.secondary", children: placeholder }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(IconButton, { onClick: handleOpen, size: "small", sx: { p: 0.2, ml: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_KeyboardArrowDown3.default, { fontSize: "small" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_material21.Menu,
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      import_material20.Menu,
       {
         anchorEl,
         open,
@@ -4837,8 +4797,8 @@ var Selector = ({
         PaperProps: {
           sx: { width, maxHeight: 600, mt: 1 }
         },
-        children: loading ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Box, { sx: { display: "flex", justifyContent: "center", p: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.CircularProgress, { size: 24 }) }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-          options2.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Box, { sx: { p: 1, borderBottom: `1px solid ${colors.grey[200]}` }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        children: loading ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Box, { sx: { display: "flex", justifyContent: "center", p: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.CircularProgress, { size: 24 }) }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+          options2.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Box, { sx: { p: 1, borderBottom: `1px solid ${colors.grey[200]}` }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             TextField,
             {
               size: "small",
@@ -4847,31 +4807,31 @@ var Selector = ({
               value: searchTerm,
               onChange: (e) => setSearchTerm(e.target.value),
               InputProps: {
-                startAdornment: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_Search4.default, { fontSize: "small" }) })
+                startAdornment: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_Search4.default, { fontSize: "small" }) })
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_material21.List, { sx: { maxHeight: 400, overflow: "auto" }, children: [
-            filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
-              import_material21.ListItemButton,
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material20.List, { sx: { maxHeight: 400, overflow: "auto" }, children: [
+            filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+              import_material20.ListItemButton,
               {
                 selected: option.id === selectedId,
                 onClick: () => handleSelect(option.id),
                 disabled: option.disabled,
                 children: [
-                  option.avatar ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.ListItemAvatar, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Avatar, { src: option.avatar }) }) : option.icon ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.ListItemAvatar, { children: option.icon }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.ListItemAvatar, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Avatar, { sx: { bgcolor: colors.primary.main }, children: option.name.charAt(0) }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.ListItemText, { primary: option.name, secondary: option.description })
+                  option.avatar ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.ListItemAvatar, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Avatar, { src: option.avatar }) }) : option.icon ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.ListItemAvatar, { children: option.icon }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.ListItemAvatar, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Avatar, { sx: { bgcolor: colors.primary.main }, children: option.name.charAt(0) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.ListItemText, { primary: option.name, secondary: option.description })
                 ]
               },
               option.id
             )),
-            filteredOptions.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Typography, { variant: "body2", color: "text.secondary", children: emptyMessage }) })
+            filteredOptions.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Typography, { variant: "body2", color: "text.secondary", children: emptyMessage }) })
           ] }),
-          onCreate && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material21.Box, { sx: { p: 1, borderTop: `1px solid ${colors.grey[200]}` }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          onCreate && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material20.Box, { sx: { p: 1, borderTop: `1px solid ${colors.grey[200]}` }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             Button,
             {
               fullWidth: true,
-              startIcon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_Add3.default, {}),
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_Add3.default, {}),
               onClick: () => {
                 onCreate();
                 handleClose();
@@ -4886,38 +4846,38 @@ var Selector = ({
 };
 
 // src/components/layout/Logo.tsx
-var import_material23 = require("@mui/material");
+var import_material22 = require("@mui/material");
 
 // src/components/icons/CereIcon.tsx
 var import_react13 = require("react");
-var import_material22 = require("@mui/material");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var CereIcon = (0, import_react13.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_material22.SvgIcon, { ...props, viewBox: "0 0 24 28", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("g", { clipPath: "url(#a)", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var import_material21 = require("@mui/material");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var CereIcon = (0, import_react13.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_material21.SvgIcon, { ...props, viewBox: "0 0 24 28", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("g", { clipPath: "url(#a)", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "path",
     {
       d: "M12.77 26.848c-5.95 0-10.572-2.88-12.063-7.515l-.334-1.037.978-.471c.103-.051 2.668-1.35 2.509-3.901-.169-2.695-2.339-3.96-2.431-4.012L.475 9.37l.412-1.025C2.838 3.601 7.28.77 12.77.77c4.314 0 8.095 1.698 10.37 4.658l.575.748-4.535 6.146-1.013-.984c-.02-.019-2.175-2.069-4.678-2.08-2.411-.012-3.362.902-3.401.941L8.3 8.473c.164-.175 1.695-1.733 5.199-1.707 2.232.01 4.161 1.084 5.3 1.896l1.778-2.41c-1.845-1.91-4.636-2.99-7.808-2.99-4.095 0-7.459 1.91-9.182 5.155 1.042.879 2.57 2.62 2.742 5.35.185 2.95-1.692 4.806-2.913 5.692 1.445 3.043 4.932 4.895 9.354 4.895 3.063 0 6.198-1.2 8.134-3.053l-2.023-2.55c-1.077.768-2.917 1.764-5.323 1.89-3.416.177-5.436-1.404-5.52-1.471l1.536-1.954c.047.035 1.42 1.065 3.855.936 2.884-.15 4.734-2.012 4.75-2.032l.98-1.002.874 1.094 4.088 5.155-.627.779c-2.3 2.856-6.508 4.702-10.726 4.702Z",
       fill: "currentColor"
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("clipPath", { id: "a", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { fill: "currentColor", transform: "translate(.373 .77)", d: "M0 0h23.615v26.36H0z" }) }) })
+  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("clipPath", { id: "a", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { fill: "currentColor", transform: "translate(.373 .77)", d: "M0 0h23.615v26.36H0z" }) }) })
 ] }));
 
 // src/components/layout/Logo.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var sizesMap = {
   large: 38,
   medium: 32,
   small: 24
 };
-var Container = (0, import_material23.styled)(import_material23.Stack)({
-  [`& .${import_material23.svgIconClasses.root}`]: {
+var Container = (0, import_material22.styled)(import_material22.Stack)({
+  [`& .${import_material22.svgIconClasses.root}`]: {
     fontSize: "inherit"
   }
 });
-var Logo = ({ children, size: size3 = "medium", icon = /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CereIcon, { color: "primary" }) }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Container, { direction: "row", alignItems: "center", spacing: 2, fontSize: sizesMap[size3], children: [
+var Logo = ({ children, size: size3 = "medium", icon = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CereIcon, { color: "primary" }) }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Container, { direction: "row", alignItems: "center", spacing: 2, fontSize: sizesMap[size3], children: [
   icon,
-  children && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material23.Stack, { children })
+  children && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_material22.Stack, { children })
 ] });
 
 // src/components/layout/EntityHeader/EntityHeader.tsx
@@ -4926,7 +4886,7 @@ var import_Typography2 = __toESM(require("@mui/material/Typography"));
 var import_IconButton4 = __toESM(require("@mui/material/IconButton"));
 var import_Divider = __toESM(require("@mui/material/Divider"));
 var import_MoreHoriz = __toESM(require("@mui/icons-material/MoreHoriz"));
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var EntityHeader = ({
   title,
   subtitle,
@@ -4943,8 +4903,8 @@ var EntityHeader = ({
     const { label, count } = primaryAction;
     return count !== void 0 ? `${label} (${count})` : label;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_Box2.default, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_Box2.default, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       import_Box2.default,
       {
         sx: {
@@ -4956,7 +4916,7 @@ var EntityHeader = ({
           gap: 1
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
             import_Box2.default,
             {
               sx: {
@@ -4966,7 +4926,7 @@ var EntityHeader = ({
                 flexWrap: "wrap"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
                   import_Box2.default,
                   {
                     sx: {
@@ -4975,7 +4935,7 @@ var EntityHeader = ({
                       gap: 0.5
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                         import_Typography2.default,
                         {
                           component: headingLevel,
@@ -4989,7 +4949,7 @@ var EntityHeader = ({
                           children: title
                         }
                       ),
-                      subtitle && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                      subtitle && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                         import_Typography2.default,
                         {
                           variant: "body2",
@@ -5006,12 +4966,12 @@ var EntityHeader = ({
                     ]
                   }
                 ),
-                role && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(RoleBadge, { label: role, color: "primary", size: "small" }),
-                id && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IDBlock, { id, label: "ID", entityType: "entity", onCopy: onCopyId })
+                role && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RoleBadge, { label: role, color: "primary", size: "small" }),
+                id && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(IDBlock, { id, label: "ID", entityType: "entity", onCopy: onCopyId })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
             import_Box2.default,
             {
               sx: {
@@ -5021,7 +4981,7 @@ var EntityHeader = ({
                 flexShrink: 0
               },
               children: [
-                primaryAction && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                primaryAction && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   Button,
                   {
                     variant: "primary",
@@ -5033,7 +4993,7 @@ var EntityHeader = ({
                     children: getPrimaryActionLabel()
                   }
                 ),
-                onMoreOptions && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                onMoreOptions && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   import_IconButton4.default,
                   {
                     onClick: onMoreOptions,
@@ -5048,7 +5008,7 @@ var EntityHeader = ({
                         borderColor: deploymentSurfaceTokens.borderDefault
                       }
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                       import_MoreHoriz.default,
                       {
                         sx: {
@@ -5065,7 +5025,7 @@ var EntityHeader = ({
         ]
       }
     ),
-    divider && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    divider && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       import_Divider.default,
       {
         sx: {
@@ -5077,9 +5037,9 @@ var EntityHeader = ({
 };
 
 // src/components/layout/Dialog.tsx
-var import_material24 = require("@mui/material");
+var import_material23 = require("@mui/material");
 var import_Close = __toESM(require("@mui/icons-material/Close"));
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var Dialog = ({
   open,
   title,
@@ -5103,8 +5063,8 @@ var Dialog = ({
     if (e) e.stopPropagation();
     onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
-    import_material24.Dialog,
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+    import_material23.Dialog,
     {
       open,
       onClose: (_, reason) => {
@@ -5120,43 +5080,43 @@ var Dialog = ({
         ...dialogProps.PaperProps
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material24.DialogTitle, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", p: 2 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material24.Box, { sx: { display: "flex", alignItems: "center" }, children: typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material24.Typography, { variant: "h6", children: title }) : title }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material24.Box, { sx: { display: "flex", alignItems: "center" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material23.DialogTitle, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", p: 2 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material23.Box, { sx: { display: "flex", alignItems: "center" }, children: typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material23.Typography, { variant: "h6", children: title }) : title }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material23.Box, { sx: { display: "flex", alignItems: "center" }, children: [
             headerAction,
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-              import_material24.IconButton,
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              import_material23.IconButton,
               {
                 edge: "end",
                 color: "inherit",
                 onClick: handleCloseAttempt,
                 "aria-label": "close",
-                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_Close.default, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_Close.default, {})
               }
             )
           ] })
         ] }),
-        dividers && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material24.Divider, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material24.DialogContent, { dividers, children }),
-        (showActions || customActions) && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-          dividers && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material24.Divider, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material24.DialogActions, { children: customActions || /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-              import_material24.Button,
+        dividers && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material23.Divider, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material23.DialogContent, { dividers, children }),
+        (showActions || customActions) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+          dividers && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material23.Divider, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material23.DialogActions, { children: customActions || /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              import_material23.Button,
               {
                 onClick: handleCloseAttempt,
                 disabled: isLoading,
                 children: cancelLabel
               }
             ),
-            onSubmit && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-              import_material24.Button,
+            onSubmit && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              import_material23.Button,
               {
                 variant: "contained",
                 color: "primary",
                 onClick: onSubmit,
                 disabled: disableSubmit || isLoading,
-                startIcon: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material24.CircularProgress, { size: 20 }) : void 0,
+                startIcon: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material23.CircularProgress, { size: 20 }) : void 0,
                 children: submitLabel
               }
             )
@@ -5170,9 +5130,9 @@ var Dialog = ({
 // src/components/layout/Drawer.tsx
 var import_Drawer = __toESM(require("@mui/material/Drawer"));
 var import_styles25 = require("@mui/material/styles");
-var import_material25 = require("@mui/material");
+var import_material24 = require("@mui/material");
 var import_Close2 = __toESM(require("@mui/icons-material/Close"));
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var StyledDrawer2 = (0, import_styles25.styled)(import_Drawer.default, {
   shouldForwardProp: (prop) => prop !== "width" && prop !== "miniWidth" && prop !== "collapsed" && prop !== "topOffset"
 })(({ theme: theme2, width = 240, miniWidth = 72, collapsed, topOffset = 0 }) => ({
@@ -5219,7 +5179,7 @@ var Drawer2 = ({
   const finalWidth = width ?? defaultWidth;
   const shouldShowClose = showCloseButton ?? (variant === "temporary" || variant === "persistent");
   const hasHeader = title || header || shouldShowClose || tabs;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     StyledDrawer2,
     {
       width: finalWidth,
@@ -5244,9 +5204,9 @@ var Drawer2 = ({
       },
       ...props,
       children: [
-        hasHeader && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material25.Box,
+        hasHeader && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            import_material24.Box,
             {
               sx: {
                 display: "flex",
@@ -5257,10 +5217,10 @@ var Drawer2 = ({
                 borderBottom: 1,
                 borderColor: "divider"
               },
-              children: header || /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material25.Box, { sx: { flex: 1 }, children: typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material25.Typography, { variant: "h6", children: title }) : title }),
-                shouldShowClose && onClose && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                  import_material25.IconButton,
+              children: header || /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material24.Box, { sx: { flex: 1 }, children: typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material24.Typography, { variant: "h6", children: title }) : title }),
+                shouldShowClose && onClose && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                  import_material24.IconButton,
                   {
                     onClick: (e) => {
                       e.stopPropagation();
@@ -5269,14 +5229,14 @@ var Drawer2 = ({
                     size: "small",
                     sx: { ml: 1 },
                     "aria-label": "close",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Close2.default, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_Close2.default, {})
                   }
                 )
               ] })
             }
           ),
-          tabs && tabs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material25.Tabs,
+          tabs && tabs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            import_material24.Tabs,
             {
               value: activeTab,
               onChange: (_, newValue) => onTabChange?.(newValue),
@@ -5290,12 +5250,12 @@ var Drawer2 = ({
                   overflow: "auto"
                 }
               },
-              children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material25.Tab, { label: tab }, index))
+              children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material24.Tab, { label: tab }, index))
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-          import_material25.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          import_material24.Box,
           {
             sx: {
               flex: 1,
@@ -5307,10 +5267,10 @@ var Drawer2 = ({
             children
           }
         ),
-        footer && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material25.Divider, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material25.Box,
+        footer && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material24.Divider, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            import_material24.Box,
             {
               sx: {
                 p: 2,
@@ -5332,7 +5292,7 @@ var import_CardContent = __toESM(require("@mui/material/CardContent"));
 var import_CardHeader = __toESM(require("@mui/material/CardHeader"));
 var import_CardActions = __toESM(require("@mui/material/CardActions"));
 var import_styles26 = require("@mui/material/styles");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var StyledCard = (0, import_styles26.styled)(import_Card.default, {
   shouldForwardProp: (prop) => prop !== "hoverable" && prop !== "clickable"
 })(({ hoverable, clickable }) => ({
@@ -5350,26 +5310,26 @@ var StyledCard = (0, import_styles26.styled)(import_Card.default, {
   }
 }));
 var Card = ({ hoverable = false, clickable = false, children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(StyledCard, { hoverable, clickable, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StyledCard, { hoverable, clickable, ...props, children });
 };
 var CardContent = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_CardContent.default, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_CardContent.default, { ...props });
 };
 var CardHeader = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_CardHeader.default, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_CardHeader.default, { ...props });
 };
 var CardActions = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_CardActions.default, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_CardActions.default, { ...props });
 };
 
 // src/components/layout/List.tsx
-var import_material26 = require("@mui/material");
+var import_material25 = require("@mui/material");
 var import_styles27 = require("@mui/material/styles");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var List6 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material26.List, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material25.List, { ...props });
 };
-var StyledListItem = (0, import_styles27.styled)(import_material26.ListItem, {
+var StyledListItem = (0, import_styles27.styled)(import_material25.ListItem, {
   shouldForwardProp: (prop) => prop !== "hoverable"
 })(({ hoverable = true }) => ({
   border: `1px solid ${colors.grey[200]}`,
@@ -5390,10 +5350,10 @@ var ListItem4 = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(StyledListItem, { hoverable, ...props, children: [
-    icon && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material26.ListItemIcon, { children: icon }),
-    (primary || secondary) && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      import_material26.ListItemText,
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(StyledListItem, { hoverable, ...props, children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material25.ListItemIcon, { children: icon }),
+    (primary || secondary) && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      import_material25.ListItemText,
       {
         primary,
         secondary
@@ -5405,7 +5365,7 @@ var ListItem4 = ({
 };
 
 // src/components/layout/DeploymentDashboardCard/DeploymentDashboardCard.tsx
-var import_material27 = require("@mui/material");
+var import_material26 = require("@mui/material");
 var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"));
 var import_ChevronRight2 = __toESM(require("@mui/icons-material/ChevronRight"));
 var import_WorkOutline = __toESM(require("@mui/icons-material/WorkOutline"));
@@ -5426,7 +5386,7 @@ function useControlledExpand(controlledExpanded, onToggle, defaultExpanded = fal
 }
 
 // src/components/layout/DeploymentDashboardCard/DeploymentDashboardCard.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var ENTITY_LABELS = {
   workspace: "Workspace",
   stream: "Stream",
@@ -5436,11 +5396,11 @@ var ENTITY_LABELS = {
 };
 var ENTITY_ICON_SIZE = 16;
 var ENTITY_ICONS = {
-  workspace: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_WorkOutline.default, { sx: { fontSize: ENTITY_ICON_SIZE } }),
-  stream: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_Waves.default, { sx: { fontSize: ENTITY_ICON_SIZE } }),
-  deployment: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_RocketLaunchOutlined.default, { sx: { fontSize: ENTITY_ICON_SIZE } }),
-  engagement: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_InsertLink.default, { sx: { fontSize: ENTITY_ICON_SIZE } }),
-  agent: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_SmartToyOutlined.default, { sx: { fontSize: ENTITY_ICON_SIZE } })
+  workspace: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_WorkOutline.default, { sx: { fontSize: ENTITY_ICON_SIZE } }),
+  stream: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Waves.default, { sx: { fontSize: ENTITY_ICON_SIZE } }),
+  deployment: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_RocketLaunchOutlined.default, { sx: { fontSize: ENTITY_ICON_SIZE } }),
+  engagement: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_InsertLink.default, { sx: { fontSize: ENTITY_ICON_SIZE } }),
+  agent: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_SmartToyOutlined.default, { sx: { fontSize: ENTITY_ICON_SIZE } })
 };
 var STATUS_DOT_COLORS = {
   normal: deploymentStatusColors.normal,
@@ -5461,7 +5421,7 @@ var ENTITY_CHIP_TYPOGRAPHY = {
   lineHeight: 1.33,
   letterSpacing: "0.07px"
 };
-var StatusDot = (0, import_styles28.styled)(import_material27.Box, {
+var StatusDot = (0, import_styles28.styled)(import_material26.Box, {
   shouldForwardProp: (p) => p !== "status"
 })(({ status }) => ({
   width: 8,
@@ -5470,8 +5430,8 @@ var StatusDot = (0, import_styles28.styled)(import_material27.Box, {
   backgroundColor: status ? STATUS_DOT_COLORS[status] ?? "transparent" : "transparent",
   flexShrink: 0
 }));
-var EntityChip = ({ entityType, color }) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-  import_material27.Box,
+var EntityChip = ({ entityType, color }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  import_material26.Box,
   {
     sx: {
       display: "inline-flex",
@@ -5486,9 +5446,9 @@ var EntityChip = ({ entityType, color }) => /* @__PURE__ */ (0, import_jsx_runti
       flexShrink: 0
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material27.Box, { sx: { color, display: "flex", alignItems: "center" }, children: ENTITY_ICONS[entityType] }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-        import_material27.Typography,
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material26.Box, { sx: { color, display: "flex", alignItems: "center" }, children: ENTITY_ICONS[entityType] }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        import_material26.Typography,
         {
           variant: "body2",
           fontWeight: ENTITY_CHIP_TYPOGRAPHY.fontWeight,
@@ -5504,16 +5464,16 @@ var EntityChip = ({ entityType, color }) => /* @__PURE__ */ (0, import_jsx_runti
     ]
   }
 );
-var CapacityBar = ({ value, indented = false }) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material27.Box, { sx: { pl: indented ? "40px" : 0, pr: "20px", py: 1 }, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material27.Box, { sx: { display: "flex", justifyContent: "space-between", mb: 1 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material27.Typography, { variant: "body2", sx: { color: deploymentSurfaceTokens.textPrimary }, children: "Capacity" }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material27.Typography, { variant: "body2", sx: { color: deploymentSurfaceTokens.accentBlue }, children: [
+var CapacityBar = ({ value, indented = false }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material26.Box, { sx: { pl: indented ? "40px" : 0, pr: "20px", py: 1 }, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material26.Box, { sx: { display: "flex", justifyContent: "space-between", mb: 1 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material26.Typography, { variant: "body2", sx: { color: deploymentSurfaceTokens.textPrimary }, children: "Capacity" }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material26.Typography, { variant: "body2", sx: { color: deploymentSurfaceTokens.accentBlue }, children: [
       value,
       "%"
     ] })
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-    import_material27.LinearProgress,
+  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    import_material26.LinearProgress,
     {
       variant: "determinate",
       value,
@@ -5552,19 +5512,19 @@ var getActionButtonStyles = (action) => {
   };
   return { ...baseStyles, ...variantStyles };
 };
-var CardAction = ({ action }) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-  import_material27.Box,
+var CardAction = ({ action }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  import_material26.Box,
   {
     component: action.onClick ? "button" : "span",
     onClick: action.onClick,
     sx: getActionButtonStyles(action),
     children: [
-      action.icon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material27.Box, { component: "span", sx: { display: "flex", alignItems: "center" }, children: action.icon }),
-      action.label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material27.Typography, { variant: "body2", fontWeight: 500, component: "span", sx: { fontSize: "14px" }, children: action.label })
+      action.icon && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material26.Box, { component: "span", sx: { display: "flex", alignItems: "center" }, children: action.icon }),
+      action.label && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material26.Typography, { variant: "body2", fontWeight: 500, component: "span", sx: { fontSize: "14px" }, children: action.label })
     ]
   }
 );
-var CardActionList = ({ actions }) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(CardAction, { action }, action.id)) });
+var CardActionList = ({ actions }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CardAction, { action }, action.id)) });
 var DeploymentDashboardCard = ({
   entityType,
   title,
@@ -5581,7 +5541,7 @@ var DeploymentDashboardCard = ({
   className,
   children
 }) => {
-  const theme2 = (0, import_material27.useTheme)();
+  const theme2 = (0, import_material26.useTheme)();
   const entityColor = theme2.palette.deployment?.entity?.[entityType] ?? deploymentEntityColors[entityType];
   const isControlled = expandable && onExpandToggle != null;
   const { expanded, toggle } = useControlledExpand(
@@ -5597,8 +5557,8 @@ var DeploymentDashboardCard = ({
     return Math.min(100, Math.max(0, capacity2));
   };
   const capacityClamped = getClampedCapacity(capacity);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-    import_material27.Paper,
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+    import_material26.Paper,
     {
       className,
       elevation: 0,
@@ -5614,8 +5574,8 @@ var DeploymentDashboardCard = ({
         gap: 0
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-          import_material27.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+          import_material26.Box,
           {
             sx: {
               display: "flex",
@@ -5624,21 +5584,21 @@ var DeploymentDashboardCard = ({
               width: "100%"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material27.Box, { sx: { display: "flex", flexDirection: "column", gap: 0.5, minWidth: 0 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material27.Box, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: [
-                  expandable ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                    import_material27.IconButton,
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material26.Box, { sx: { display: "flex", flexDirection: "column", gap: 0.5, minWidth: 0 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material26.Box, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: [
+                  expandable ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                    import_material26.IconButton,
                     {
                       size: "small",
                       onClick: toggle,
                       "aria-label": expanded ? "Collapse" : "Expand",
                       sx: { p: "5px" },
-                      children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_ExpandMore.default, { sx: { fontSize: CHEVRON_SIZE, color: deploymentSurfaceTokens.accentBlue } }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_ChevronRight2.default, { sx: { fontSize: CHEVRON_SIZE, color: deploymentSurfaceTokens.accentBlue } })
+                      children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_ExpandMore.default, { sx: { fontSize: CHEVRON_SIZE, color: deploymentSurfaceTokens.accentBlue } }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_ChevronRight2.default, { sx: { fontSize: CHEVRON_SIZE, color: deploymentSurfaceTokens.accentBlue } })
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material27.Box, { sx: { width: 26, flexShrink: 0 } }),
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(EntityChip, { entityType, color: entityColor }),
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                    import_material27.Typography,
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material26.Box, { sx: { width: 26, flexShrink: 0 } }),
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(EntityChip, { entityType, color: entityColor }),
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                    import_material26.Typography,
                     {
                       variant: "subtitle1",
                       fontWeight: 500,
@@ -5647,10 +5607,10 @@ var DeploymentDashboardCard = ({
                       children: title
                     }
                   ),
-                  idDisplay != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(IDBlock, { id: idDisplay, label: "ID", entityType, onCopy: onCopyId })
+                  idDisplay != null && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(IDBlock, { id: idDisplay, label: "ID", entityType, onCopy: onCopyId })
                 ] }),
-                (createdAt != null || updatedAt != null) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-                  import_material27.Box,
+                (createdAt != null || updatedAt != null) && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+                  import_material26.Box,
                   {
                     sx: {
                       display: "flex",
@@ -5659,37 +5619,37 @@ var DeploymentDashboardCard = ({
                       color: deploymentSurfaceTokens.textSecondary
                     },
                     children: [
-                      createdAt != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material27.Typography, { variant: "body2", sx: { color: "inherit", fontSize: "14px" }, children: [
+                      createdAt != null && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material26.Typography, { variant: "body2", sx: { color: "inherit", fontSize: "14px" }, children: [
                         "Created: ",
                         createdAt
                       ] }),
-                      updatedAt != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material27.Typography, { variant: "body2", sx: { color: "inherit", fontSize: "14px" }, children: [
+                      updatedAt != null && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material26.Typography, { variant: "body2", sx: { color: "inherit", fontSize: "14px" }, children: [
                         "Last Updated: ",
                         updatedAt
                       ] })
                     ]
                   }
                 ),
-                capacityClamped !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(CapacityBar, { value: capacityClamped, indented: expandable })
+                capacityClamped !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CapacityBar, { value: capacityClamped, indented: expandable })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material27.Box, { sx: { display: "flex", gap: 1, alignItems: "center", flexShrink: 0 }, children: [
-                statusIndicator != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StatusDot, { status: statusIndicator, "aria-hidden": true }),
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(CardActionList, { actions })
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material26.Box, { sx: { display: "flex", gap: 1, alignItems: "center", flexShrink: 0 }, children: [
+                statusIndicator != null && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(StatusDot, { status: statusIndicator, "aria-hidden": true }),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CardActionList, { actions })
               ] })
             ]
           }
         ),
-        children && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material27.Box, { sx: { mt: 1.5, display: "flex", flexDirection: "column", gap: 1 }, children })
+        children && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material26.Box, { sx: { mt: 1.5, display: "flex", flexDirection: "column", gap: 1 }, children })
       ]
     }
   );
 };
 
 // src/components/layout/DeploymentEntityContextMenu/DeploymentEntityContextMenu.tsx
-var import_material28 = require("@mui/material");
+var import_material27 = require("@mui/material");
 var import_styles29 = require("@mui/material/styles");
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var StyledMenu2 = (0, import_styles29.styled)(import_material28.Menu)({
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var StyledMenu2 = (0, import_styles29.styled)(import_material27.Menu)({
   "& .MuiPaper-root": {
     borderRadius: 4,
     boxShadow: deploymentSurfaceTokens.workspaceShadow,
@@ -5701,7 +5661,7 @@ var StyledMenu2 = (0, import_styles29.styled)(import_material28.Menu)({
     padding: 0
   }
 });
-var StyledMenuItem = (0, import_styles29.styled)(import_material28.MenuItem)({
+var StyledMenuItem = (0, import_styles29.styled)(import_material27.MenuItem)({
   gap: 8,
   padding: "8px 0",
   borderRadius: 4,
@@ -5732,7 +5692,7 @@ var HighlightedMenuItem = (0, import_styles29.styled)(StyledMenuItem)({
     backgroundColor: deploymentSurfaceTokens.highlightBgHover
   }
 });
-var ToggleMenuItem = (0, import_styles29.styled)(import_material28.MenuItem)({
+var ToggleMenuItem = (0, import_styles29.styled)(import_material27.MenuItem)({
   gap: 8,
   padding: "8px 0",
   cursor: "default",
@@ -5748,7 +5708,7 @@ var ToggleMenuItem = (0, import_styles29.styled)(import_material28.MenuItem)({
     color: deploymentSurfaceTokens.textPrimary
   }
 });
-var EnableSwitch = (0, import_styles29.styled)(import_material28.Switch)({
+var EnableSwitch = (0, import_styles29.styled)(import_material27.Switch)({
   width: 32,
   height: 20,
   padding: 0,
@@ -5773,7 +5733,7 @@ var EnableSwitch = (0, import_styles29.styled)(import_material28.Switch)({
     opacity: 1
   }
 });
-var StyledDivider = (0, import_styles29.styled)(import_material28.Divider)({
+var StyledDivider = (0, import_styles29.styled)(import_material27.Divider)({
   margin: "0 !important",
   borderColor: deploymentSurfaceTokens.strokeOutside
 });
@@ -5786,7 +5746,7 @@ var DeploymentEntityContextMenu = ({
   enableChecked = false,
   onEnableChange
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     StyledMenu2,
     {
       anchorEl,
@@ -5798,11 +5758,11 @@ var DeploymentEntityContextMenu = ({
       children: [
         items.map((item) => {
           if (item.type === "divider") {
-            return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(StyledDivider, {}, item.id);
+            return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StyledDivider, {}, item.id);
           }
           if (item.type === "toggle") {
-            return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(ToggleMenuItem, { disableRipple: true, children: [
-              onEnableChange && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(ToggleMenuItem, { disableRipple: true, children: [
+              onEnableChange && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                 EnableSwitch,
                 {
                   size: "small",
@@ -5811,11 +5771,11 @@ var DeploymentEntityContextMenu = ({
                   inputProps: { "aria-label": item.label }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material28.ListItemText, { primary: item.label })
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material27.ListItemText, { primary: item.label })
             ] }, item.id);
           }
           const Row = item.highlighted ? HighlightedMenuItem : StyledMenuItem;
-          return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
             Row,
             {
               onClick: () => {
@@ -5823,17 +5783,17 @@ var DeploymentEntityContextMenu = ({
                 onClose();
               },
               children: [
-                item.icon && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material28.ListItemIcon, { children: item.icon }),
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material28.ListItemText, { primary: item.label })
+                item.icon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material27.ListItemIcon, { children: item.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material27.ListItemText, { primary: item.label })
               ]
             },
             item.id
           );
         }),
-        enableToggle && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(StyledDivider, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(ToggleMenuItem, { disableRipple: true, children: [
-            onEnableChange && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        enableToggle && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StyledDivider, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(ToggleMenuItem, { disableRipple: true, children: [
+            onEnableChange && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               EnableSwitch,
               {
                 size: "small",
@@ -5842,7 +5802,7 @@ var DeploymentEntityContextMenu = ({
                 inputProps: { "aria-label": "Enable" }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material28.ListItemText, { primary: "Enable" })
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material27.ListItemText, { primary: "Enable" })
           ] })
         ] })
       ]
@@ -5857,48 +5817,48 @@ var import_ContentCopy2 = __toESM(require("@mui/icons-material/ContentCopy"));
 var import_SmartToyOutlined2 = __toESM(require("@mui/icons-material/SmartToyOutlined"));
 var import_Description = __toESM(require("@mui/icons-material/Description"));
 var import_Settings2 = __toESM(require("@mui/icons-material/Settings"));
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var contextMenuItems = {
   /** Add Engagement action (Add Circle icon) */
   addEngagement: (onClick) => ({
     id: "add-engagement",
     label: "Add Engagement",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_AddCircleOutline.default, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_AddCircleOutline.default, {}),
     onClick
   }),
   /** Add Agent action (Add Circle icon) */
   addAgent: (onClick) => ({
     id: "add-agent",
     label: "Add Agent",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_AddCircleOutline.default, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_AddCircleOutline.default, {}),
     onClick
   }),
   /** Add Stream action (Add Circle icon) */
   addStream: (onClick) => ({
     id: "add-stream",
     label: "Add Stream",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_AddCircleOutline.default, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_AddCircleOutline.default, {}),
     onClick
   }),
   /** Edit action (Pen / Edit icon) */
   edit: (onClick) => ({
     id: "edit",
     label: "Edit",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_Edit.default, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_Edit.default, {}),
     onClick
   }),
   /** Copy ID action (Copy icon) */
   copyId: (onClick) => ({
     id: "copy-id",
     label: "Copy ID",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_ContentCopy2.default, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_ContentCopy2.default, {}),
     onClick
   }),
   /** Agent Flow Visualization — highlighted action (SmartToy icon) */
   agentFlowVisualization: (onClick) => ({
     id: "agent-flow",
     label: "Agent Flow Visualization",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_SmartToyOutlined2.default, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_SmartToyOutlined2.default, {}),
     onClick,
     highlighted: true
   }),
@@ -5906,7 +5866,7 @@ var contextMenuItems = {
   viewLogs: (onClick) => ({
     id: "view-logs",
     label: "View Logs",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_Description.default, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_Description.default, {}),
     onClick
   }),
   /** Horizontal divider between sections */
@@ -5925,15 +5885,15 @@ var contextMenuItems = {
   settings: (onClick) => ({
     id: "settings",
     label: "Settings",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_Settings2.default, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_Settings2.default, {}),
     onClick
   })
 };
 
 // src/components/layout/DeploymentDashboardTree/DeploymentDashboardTree.tsx
-var import_material29 = require("@mui/material");
+var import_material28 = require("@mui/material");
 var import_styles30 = require("@mui/material/styles");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var TREE_SP = {
   /** Vertical gap between sibling rows (Figma S / sp-8) */
   rowGap: 8,
@@ -5951,7 +5911,7 @@ var RAIL_OPACITY = {
   engagement: 0.4,
   agent: 0.4
 };
-var Rail = (0, import_styles30.styled)(import_material29.Box, {
+var Rail = (0, import_styles30.styled)(import_material28.Box, {
   shouldForwardProp: (p) => p !== "railColor"
 })(({ railColor }) => ({
   width: TREE_SP.railWidth,
@@ -5970,10 +5930,10 @@ var TreeRow = ({ node, depth, onExpandToggle, onCopyId, renderCard }) => {
   const entityColor = deploymentEntityColors[node.entityType] ?? deploymentEntityColors.workspace;
   const railOpacity = RAIL_OPACITY[node.entityType] ?? 0.5;
   const railColor = (0, import_styles30.alpha)(entityColor, railOpacity);
-  const renderedChildren = hasChildren && expanded ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_material29.Box, { sx: { display: "flex", gap: `${TREE_SP.railGap}px` }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Rail, { railColor, "aria-hidden": true, "data-rail": true }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-      import_material29.Box,
+  const renderedChildren = hasChildren && expanded ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_material28.Box, { sx: { display: "flex", gap: `${TREE_SP.railGap}px` }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Rail, { railColor, "aria-hidden": true, "data-rail": true }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      import_material28.Box,
       {
         role: "group",
         sx: {
@@ -5983,7 +5943,7 @@ var TreeRow = ({ node, depth, onExpandToggle, onCopyId, renderCard }) => {
           flexDirection: "column",
           gap: `${TREE_SP.rowGap}px`
         },
-        children: node.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        children: node.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           TreeRow,
           {
             node: child,
@@ -5997,7 +5957,7 @@ var TreeRow = ({ node, depth, onExpandToggle, onCopyId, renderCard }) => {
       }
     )
   ] }) : null;
-  const cardContent = renderCard?.(node) ?? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  const cardContent = renderCard?.(node) ?? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     DeploymentDashboardCard,
     {
       entityType: node.entityType,
@@ -6015,7 +5975,7 @@ var TreeRow = ({ node, depth, onExpandToggle, onCopyId, renderCard }) => {
       children: renderedChildren
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material29.Box, { role: "treeitem", children: cardContent });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material28.Box, { role: "treeitem", children: cardContent });
 };
 var DeploymentDashboardTree = ({
   nodes,
@@ -6023,8 +5983,8 @@ var DeploymentDashboardTree = ({
   onCopyId,
   renderCard
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-    import_material29.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    import_material28.Box,
     {
       role: "tree",
       sx: {
@@ -6033,7 +5993,7 @@ var DeploymentDashboardTree = ({
         gap: `${TREE_SP.rowGap}px`,
         p: `${TREE_SP.rowGap}px`
       },
-      children: nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      children: nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         TreeRow,
         {
           node,
@@ -6049,12 +6009,12 @@ var DeploymentDashboardTree = ({
 };
 
 // src/components/layout/DeploymentDashboardPanel/DeploymentDashboardPanel.tsx
-var import_material30 = require("@mui/material");
+var import_material29 = require("@mui/material");
 var import_styles31 = require("@mui/material/styles");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var PANEL_RADIUS = 12;
 var PANEL_SHADOW = "0px 1px 3px rgba(0, 0, 0, 0.08)";
-var StyledPanel = (0, import_styles31.styled)(import_material30.Box)({
+var StyledPanel = (0, import_styles31.styled)(import_material29.Box)({
   backgroundColor: deploymentSurfaceTokens.surfaceHigh,
   border: `1px solid ${deploymentSurfaceTokens.strokeOutside}`,
   borderRadius: PANEL_RADIUS,
@@ -6066,13 +6026,13 @@ var DeploymentDashboardPanel = ({
   className,
   padding = 2
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(StyledPanel, { className, sx: { p: padding }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(StyledPanel, { className, sx: { p: padding }, children });
 };
 
 // src/components/layout/Avatar.tsx
 var import_Avatar = __toESM(require("@mui/material/Avatar"));
 var import_styles32 = require("@mui/material/styles");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var sizeMap = {
   small: 32,
   medium: 40,
@@ -6089,18 +6049,18 @@ var StyledAvatar = (0, import_styles32.styled)(import_Avatar.default, {
 }));
 var Avatar5 = ({ size: size3 = "medium", ...props }) => {
   const avatarSize = typeof size3 === "number" ? size3 : sizeMap[size3];
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(StyledAvatar, { avatarSize, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(StyledAvatar, { avatarSize, ...props });
 };
 
 // src/components/layout/Table.tsx
-var import_material31 = require("@mui/material");
+var import_material30 = require("@mui/material");
 var import_styles33 = require("@mui/material/styles");
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var StyledTableContainer = (0, import_styles33.styled)(import_material31.TableContainer)({
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var StyledTableContainer = (0, import_styles33.styled)(import_material30.TableContainer)({
   borderRadius: 8,
   border: `1px solid ${colors.grey[200]}`
 });
-var StyledTableHead = (0, import_styles33.styled)(import_material31.TableHead)({
+var StyledTableHead = (0, import_styles33.styled)(import_material30.TableHead)({
   backgroundColor: colors.grey[50],
   "& .MuiTableCell-head": {
     fontWeight: 600,
@@ -6108,7 +6068,7 @@ var StyledTableHead = (0, import_styles33.styled)(import_material31.TableHead)({
   }
 });
 var Table = ({ stickyHeader = false, children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StyledTableContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material31.Table, { stickyHeader, ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(StyledTableContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_material30.Table, { stickyHeader, ...props, children }) });
 };
 var TableHeader = ({
   columns,
@@ -6116,8 +6076,8 @@ var TableHeader = ({
   order = "asc",
   onSort
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StyledTableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material31.TableRow, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material31.TableCell, { align: column.align || "left", children: column.sortable && onSort ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-    import_material31.TableSortLabel,
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(StyledTableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_material30.TableRow, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_material30.TableCell, { align: column.align || "left", children: column.sortable && onSort ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    import_material30.TableSortLabel,
     {
       active: orderBy === column.id,
       direction: orderBy === column.id ? order : "asc",
@@ -6128,14 +6088,14 @@ var TableHeader = ({
 };
 
 // src/components/layout/Grid.tsx
-var import_material32 = require("@mui/material");
+var import_material31 = require("@mui/material");
 
 // src/components/layout/Breadcrumbs.tsx
 var import_Breadcrumbs = __toESM(require("@mui/material/Breadcrumbs"));
 var import_Link3 = __toESM(require("@mui/material/Link"));
 var import_Typography3 = __toESM(require("@mui/material/Typography"));
 var import_styles34 = require("@mui/material/styles");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var StyledBreadcrumbs = (0, import_styles34.styled)(import_Breadcrumbs.default)({
   "& .MuiBreadcrumbs-ol": {
     flexWrap: "nowrap"
@@ -6152,12 +6112,12 @@ var StyledLink2 = (0, import_styles34.styled)(import_Link3.default)({
   }
 });
 var Breadcrumbs = ({ items, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(StyledBreadcrumbs, { ...props, children: items.map((item, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StyledBreadcrumbs, { ...props, children: items.map((item, index) => {
     const isLast = index === items.length - 1;
     if (isLast || !item.href && !item.onClick) {
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_Typography3.default, { color: "text.primary", children: item.label }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_Typography3.default, { color: "text.primary", children: item.label }, index);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       StyledLink2,
       {
         href: item.href,
@@ -6175,11 +6135,11 @@ var Breadcrumbs = ({ items, ...props }) => {
 };
 
 // src/components/layout/Accordion.tsx
-var import_material33 = require("@mui/material");
+var import_material32 = require("@mui/material");
 var import_ExpandMore2 = __toESM(require("@mui/icons-material/ExpandMore"));
 var import_styles35 = require("@mui/material/styles");
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var StyledAccordion = (0, import_styles35.styled)(import_material33.Accordion)({
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var StyledAccordion = (0, import_styles35.styled)(import_material32.Accordion)({
   borderRadius: 8,
   boxShadow: "none",
   border: `1px solid ${colors.grey[200]}`,
@@ -6190,7 +6150,7 @@ var StyledAccordion = (0, import_styles35.styled)(import_material33.Accordion)({
     margin: 0
   }
 });
-var StyledAccordionSummary = (0, import_styles35.styled)(import_material33.AccordionSummary)({
+var StyledAccordionSummary = (0, import_styles35.styled)(import_material32.AccordionSummary)({
   backgroundColor: colors.grey[50],
   borderRadius: "8px 8px 0 0",
   "&.Mui-expanded": {
@@ -6200,7 +6160,7 @@ var StyledAccordionSummary = (0, import_styles35.styled)(import_material33.Accor
     margin: "12px 0"
   }
 });
-var StyledAccordionDetails = (0, import_styles35.styled)(import_material33.AccordionDetails)({
+var StyledAccordionDetails = (0, import_styles35.styled)(import_material32.AccordionDetails)({
   padding: "16px"
 });
 var Accordion = ({
@@ -6209,16 +6169,16 @@ var Accordion = ({
   defaultExpanded = false,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(StyledAccordion, { defaultExpanded, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(StyledAccordionSummary, { expandIcon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_ExpandMore2.default, {}), children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(StyledAccordionDetails, { children })
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(StyledAccordion, { defaultExpanded, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(StyledAccordionSummary, { expandIcon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_ExpandMore2.default, {}), children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(StyledAccordionDetails, { children })
   ] });
 };
 
 // src/components/layout/Paper.tsx
 var import_Paper = __toESM(require("@mui/material/Paper"));
 var import_styles36 = require("@mui/material/styles");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var StyledPaper = (0, import_styles36.styled)(import_Paper.default)({
   borderRadius: 8,
   "&.MuiPaper-elevation": {
@@ -6230,37 +6190,37 @@ var StyledPaper = (0, import_styles36.styled)(import_Paper.default)({
   }
 });
 var Paper2 = ({ variant = "elevation", ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(StyledPaper, { variant, elevation: variant === "elevation" ? 1 : 0, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(StyledPaper, { variant, elevation: variant === "elevation" ? 1 : 0, ...props });
 };
 
 // src/components/layout/Divider.tsx
 var import_Divider2 = __toESM(require("@mui/material/Divider"));
 var import_styles37 = require("@mui/material/styles");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var StyledDivider2 = (0, import_styles37.styled)(import_Divider2.default)({
   borderColor: colors.grey[200]
 });
 var Divider6 = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StyledDivider2, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(StyledDivider2, { ...props });
 };
 
 // src/components/layout/Stack.tsx
-var import_material34 = require("@mui/material");
+var import_material33 = require("@mui/material");
 
 // src/components/layout/Box.tsx
-var import_material35 = require("@mui/material");
+var import_material34 = require("@mui/material");
 
 // src/components/layout/Typography.tsx
-var import_material36 = require("@mui/material");
+var import_material35 = require("@mui/material");
 
 // src/components/layout/Container.tsx
-var import_material37 = require("@mui/material");
+var import_material36 = require("@mui/material");
 
 // src/components/layout/AppBar.tsx
-var import_material38 = require("@mui/material");
+var import_material37 = require("@mui/material");
 var import_styles38 = require("@mui/material/styles");
-var import_jsx_runtime56 = require("react/jsx-runtime");
-var StyledAppBar = (0, import_styles38.styled)(import_material38.AppBar, {
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var StyledAppBar = (0, import_styles38.styled)(import_material37.AppBar, {
   shouldForwardProp: (prop) => prop !== "appBarHeight"
 })(({ appBarHeight = 64 }) => ({
   backgroundColor: colors.background.paper,
@@ -6269,31 +6229,31 @@ var StyledAppBar = (0, import_styles38.styled)(import_material38.AppBar, {
   height: appBarHeight,
   zIndex: 1300
 }));
-var StyledToolbar = (0, import_styles38.styled)(import_material38.Toolbar)(({ theme: theme2 }) => ({
+var StyledToolbar = (0, import_styles38.styled)(import_material37.Toolbar)(({ theme: theme2 }) => ({
   height: "100%",
   paddingLeft: theme2.spacing(2),
   paddingRight: theme2.spacing(2),
   gap: theme2.spacing(2)
 }));
 var AppBar = ({ height = 64, children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(StyledAppBar, { position: "fixed", appBarHeight: height, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(StyledToolbar, { children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StyledAppBar, { position: "fixed", appBarHeight: height, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StyledToolbar, { children }) });
 };
 
 // src/components/layout/Collapse.tsx
-var import_material39 = require("@mui/material");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_material38 = require("@mui/material");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var Collapse = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_material39.Collapse, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_material38.Collapse, { ...props });
 };
 
 // src/components/feedback/Alert.tsx
 var import_react15 = __toESM(require("react"));
-var import_Alert = __toESM(require("@mui/material/Alert"));
-var import_material40 = require("@mui/material");
-var import_Snackbar = __toESM(require("@mui/material/Snackbar"));
+var import_Alert2 = __toESM(require("@mui/material/Alert"));
+var import_material39 = require("@mui/material");
+var import_Snackbar2 = __toESM(require("@mui/material/Snackbar"));
 var import_styles39 = require("@mui/material/styles");
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var StyledAlert = (0, import_styles39.styled)(import_Alert.default)({
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var StyledAlert = (0, import_styles39.styled)(import_Alert2.default)({
   borderRadius: 8,
   "&.MuiAlert-filled": {
     borderRadius: 8
@@ -6305,12 +6265,12 @@ var Alert2 = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(StyledAlert, { severity, ...props, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_material40.AlertTitle, { children: title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(StyledAlert, { severity, ...props, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_material39.AlertTitle, { children: title }),
     children
   ] });
 };
-var StyledSnackbar = (0, import_styles39.styled)(import_Snackbar.default)({});
+var StyledSnackbar = (0, import_styles39.styled)(import_Snackbar2.default)({});
 var Snackbar2 = ({
   message,
   severity = "info",
@@ -6328,7 +6288,7 @@ var Snackbar2 = ({
     }
     onClose?.();
   };
-  const content = children || (message ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  const content = children || (message ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     Alert2,
     {
       onClose: onClose ? handleClose : void 0,
@@ -6354,7 +6314,7 @@ var Snackbar2 = ({
     }
   );
   NoTransition.displayName = "NoTransition";
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     StyledSnackbar,
     {
       anchorOrigin,
@@ -6374,16 +6334,16 @@ var Snackbar2 = ({
 };
 
 // src/components/feedback/EmptyState.tsx
-var import_material41 = require("@mui/material");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_material40 = require("@mui/material");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var EmptyState = ({
   title = "No items found",
   description,
   icon,
   action
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
-    import_material41.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+    import_material40.Box,
     {
       sx: {
         display: "flex",
@@ -6395,8 +6355,8 @@ var EmptyState = ({
         minHeight: 200
       },
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-          import_material41.Box,
+        icon && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          import_material40.Box,
           {
             sx: {
               color: colors.text.secondary,
@@ -6406,24 +6366,24 @@ var EmptyState = ({
             children: icon
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_material41.Typography, { variant: "h6", sx: { marginBottom: 1, color: colors.text.primary }, children: title }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_material41.Typography, { variant: "body2", sx: { color: colors.text.secondary, marginBottom: 3 }, children: description }),
-        action && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_material41.Box, { children: action })
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_material40.Typography, { variant: "h6", sx: { marginBottom: 1, color: colors.text.primary }, children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_material40.Typography, { variant: "body2", sx: { color: colors.text.secondary, marginBottom: 3 }, children: description }),
+        action && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_material40.Box, { children: action })
       ]
     }
   );
 };
 
 // src/components/feedback/Loading.tsx
-var import_material42 = require("@mui/material");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_material41 = require("@mui/material");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var Loading = ({
   message = "Loading...",
   size: size3 = 40,
   fullScreen = false
 }) => {
-  const content = /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
-    import_material42.Box,
+  const content = /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+    import_material41.Box,
     {
       sx: {
         display: "flex",
@@ -6445,8 +6405,8 @@ var Loading = ({
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_material42.CircularProgress, { size: size3, thickness: 4 }),
-        message && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", children: message })
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_material41.CircularProgress, { size: size3, thickness: 4 }),
+        message && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_material41.Typography, { variant: "body2", color: "text.secondary", children: message })
       ]
     }
   );
@@ -6454,15 +6414,15 @@ var Loading = ({
 };
 
 // src/components/feedback/AppLoading.tsx
-var import_material43 = require("@mui/material");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_material42 = require("@mui/material");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var AppLoading = ({
   message = "Loading...",
   logo = "/icons/logo.png",
   sx = {}
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
-    import_material43.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+    import_material42.Box,
     {
       sx: {
         display: "flex",
@@ -6480,8 +6440,8 @@ var AppLoading = ({
         ...sx
       },
       children: [
-        logo && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-          import_material43.Box,
+        logo && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+          import_material42.Box,
           {
             component: "img",
             src: logo,
@@ -6493,31 +6453,31 @@ var AppLoading = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_material43.CircularProgress, { size: 40, thickness: 4, sx: { mb: 2 } }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_material43.Typography, { variant: "body1", color: "text.secondary", children: message })
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_material42.CircularProgress, { size: 40, thickness: 4, sx: { mb: 2 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_material42.Typography, { variant: "body1", color: "text.secondary", children: message })
       ]
     }
   );
 };
 
 // src/components/feedback/CircularProgress.tsx
-var import_material44 = require("@mui/material");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_material43 = require("@mui/material");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var CircularProgress6 = ({
   size: size3 = 40,
   thickness = 4,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_material44.CircularProgress, { size: size3, thickness, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_material43.CircularProgress, { size: size3, thickness, ...props });
 };
 
 // src/components/icons/ActivityAppIcon.tsx
 var import_react16 = require("react");
-var import_material45 = require("@mui/material");
-var import_jsx_runtime63 = require("react/jsx-runtime");
-var ActivityAppIcon = (0, import_react16.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_material45.SvgIcon, { ...props, viewBox: "0 0 36 36", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("rect", { fill: "none", stroke: "currentColor", width: 34, height: 34, x: 1, y: 1, strokeWidth: 1.5, rx: 6.8 }),
-  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+var import_material44 = require("@mui/material");
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var ActivityAppIcon = (0, import_react16.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_material44.SvgIcon, { ...props, viewBox: "0 0 36 36", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { fill: "none", stroke: "currentColor", width: 34, height: 34, x: 1, y: 1, strokeWidth: 1.5, rx: 6.8 }),
+  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "rect",
     {
       fill: "none",
@@ -6530,7 +6490,7 @@ var ActivityAppIcon = (0, import_react16.memo)((props) => /* @__PURE__ */ (0, im
       rx: 1.7
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "rect",
     {
       fill: "none",
@@ -6543,7 +6503,7 @@ var ActivityAppIcon = (0, import_react16.memo)((props) => /* @__PURE__ */ (0, im
       rx: 1.7
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "rect",
     {
       fill: "none",
@@ -6559,10 +6519,10 @@ var ActivityAppIcon = (0, import_react16.memo)((props) => /* @__PURE__ */ (0, im
 ] }));
 
 // src/components/icons/ArrowLeft.tsx
-var import_material46 = require("@mui/material");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_material45 = require("@mui/material");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var LeftArrowIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_material46.SvgIcon, { ...props, width: "24", height: "24", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("g", { id: " Arrow Left", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_material45.SvgIcon, { ...props, width: "24", height: "24", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("g", { id: " Arrow Left", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     "path",
     {
       id: "Vector (Stroke)",
@@ -6575,10 +6535,10 @@ var LeftArrowIcon = (props) => {
 };
 
 // src/components/icons/ArrowRight.tsx
-var import_material47 = require("@mui/material");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_material46 = require("@mui/material");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var RightArrowIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_material47.SvgIcon, { ...props, width: "25", height: "24", viewBox: "0 0 25 24", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_material46.SvgIcon, { ...props, width: "25", height: "24", viewBox: "0 0 25 24", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     "path",
     {
       fillRule: "evenodd",
@@ -6590,11 +6550,11 @@ var RightArrowIcon = (props) => {
 };
 
 // src/components/icons/AvatarIcon.tsx
-var import_material48 = require("@mui/material");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_material47 = require("@mui/material");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var AvatarIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_material48.SvgIcon, { ...props, viewBox: "0 0 16 16", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_material47.SvgIcon, { ...props, viewBox: "0 0 16 16", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       "path",
       {
         fillRule: "evenodd",
@@ -6603,7 +6563,7 @@ var AvatarIcon = (props) => {
         fill: "#1D1B20"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       "path",
       {
         fillRule: "evenodd",
@@ -6617,10 +6577,10 @@ var AvatarIcon = (props) => {
 
 // src/components/icons/BarTrackingIcon.tsx
 var import_react17 = require("react");
-var import_material49 = require("@mui/material");
-var import_jsx_runtime67 = require("react/jsx-runtime");
-var BarTrackingIcon = (0, import_react17.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_material49.SvgIcon, { ...props, viewBox: "0 0 96 97", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+var import_material48 = require("@mui/material");
+var import_jsx_runtime66 = require("react/jsx-runtime");
+var BarTrackingIcon = (0, import_react17.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_material48.SvgIcon, { ...props, viewBox: "0 0 96 97", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     "rect",
     {
       x: "7.19922",
@@ -6633,7 +6593,7 @@ var BarTrackingIcon = (0, import_react17.memo)((props) => /* @__PURE__ */ (0, im
       fill: "none"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     "rect",
     {
       x: "21.0371",
@@ -6646,7 +6606,7 @@ var BarTrackingIcon = (0, import_react17.memo)((props) => /* @__PURE__ */ (0, im
       strokeWidth: "2"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     "rect",
     {
       x: "40.4746",
@@ -6659,7 +6619,7 @@ var BarTrackingIcon = (0, import_react17.memo)((props) => /* @__PURE__ */ (0, im
       strokeWidth: "2"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     "rect",
     {
       x: "59.8828",
@@ -6676,9 +6636,9 @@ var BarTrackingIcon = (0, import_react17.memo)((props) => /* @__PURE__ */ (0, im
 
 // src/components/icons/ClockIcon.tsx
 var import_react18 = require("react");
-var import_material50 = require("@mui/material");
-var import_jsx_runtime68 = require("react/jsx-runtime");
-var ClockIcon = (0, import_react18.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_material50.SvgIcon, { ...props, viewBox: "0 0 22 22", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+var import_material49 = require("@mui/material");
+var import_jsx_runtime67 = require("react/jsx-runtime");
+var ClockIcon = (0, import_react18.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_material49.SvgIcon, { ...props, viewBox: "0 0 22 22", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
   "path",
   {
     fill: "currentColor",
@@ -6690,10 +6650,10 @@ var ClockIcon = (0, import_react18.memo)((props) => /* @__PURE__ */ (0, import_j
 
 // src/components/icons/CloudFlashIcon.tsx
 var import_react19 = require("react");
-var import_material51 = require("@mui/material");
-var import_jsx_runtime69 = require("react/jsx-runtime");
-var CloudFlashIcon = (0, import_react19.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_material51.SvgIcon, { ...props, fill: "none", viewBox: "0 0 96 97", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+var import_material50 = require("@mui/material");
+var import_jsx_runtime68 = require("react/jsx-runtime");
+var CloudFlashIcon = (0, import_react19.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_material50.SvgIcon, { ...props, fill: "none", viewBox: "0 0 96 97", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "path",
     {
       d: "M18.8029 43.3396V43.2933H19.8029C20.3752 43.2933 20.9384 43.328 21.4908 43.3937C21.9111 39.4438 22.9817 34.2181 25.6601 29.8138C28.6259 24.937 33.5595 21.0898 41.5689 21.0898C46.9417 21.0898 50.8839 22.9055 53.7292 25.6773C56.5498 28.4249 58.2303 32.0495 59.2307 35.5901C60.1768 38.9386 60.5315 42.2718 60.6446 44.8476C60.891 44.4671 61.1651 44.0792 61.4696 43.691C63.7235 40.8178 67.6089 37.9824 74.0317 37.9824C77.222 37.9824 79.8196 38.6871 81.9219 39.7574L81.9232 39.7581C86.8327 42.2671 89.793 47.4136 89.793 52.8846V54.7368C89.793 65.644 80.9404 74.4889 70.0269 74.4889H18.865C11.867 74.4889 6.19295 68.8202 6.19295 61.8256V57.184C6.19295 49.9845 11.6911 43.8799 18.8029 43.3396Z",
@@ -6702,7 +6662,7 @@ var CloudFlashIcon = (0, import_react19.memo)((props) => /* @__PURE__ */ (0, imp
       strokeWidth: "2"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "path",
     {
       d: "M79.1804 45.7001C79.1804 45.7001 60.7908 47.259 60.7908 10.0898C60.7908 10.0898 60.9856 45.7768 43.1934 45.7768C43.1934 45.7768 61.1933 48.1151 61.1933 67.6899C61.1933 67.6899 61.1933 45.7001 79.1934 45.7001H79.1804Z",
@@ -6715,10 +6675,10 @@ var CloudFlashIcon = (0, import_react19.memo)((props) => /* @__PURE__ */ (0, imp
 
 // src/components/icons/DecentralizedServerIcon.tsx
 var import_react20 = require("react");
-var import_material52 = require("@mui/material");
-var import_jsx_runtime70 = require("react/jsx-runtime");
-var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_material52.SvgIcon, { ...props, viewBox: "0 0 96 97", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+var import_material51 = require("@mui/material");
+var import_jsx_runtime69 = require("react/jsx-runtime");
+var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_material51.SvgIcon, { ...props, viewBox: "0 0 96 97", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "path",
     {
       d: "M14.5706 15.0858L48.016 8.29688L81.3694 15.0858L88.2242 48.3742L81.3694 81.6556L48.016 88.4445L14.5706 81.6556L7.80078 48.3742L14.5706 15.0858Z",
@@ -6729,7 +6689,7 @@ var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ *
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "path",
     {
       d: "M48.0118 11.2609C49.6622 11.2609 51.0001 9.92755 51.0001 8.28279C51.0001 6.63803 49.6622 5.30469 48.0118 5.30469C46.3614 5.30469 45.0234 6.63803 45.0234 8.28279C45.0234 9.92755 46.3614 11.2609 48.0118 11.2609Z",
@@ -6740,7 +6700,7 @@ var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ *
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "path",
     {
       d: "M48.0118 91.4132C49.6622 91.4132 51.0001 90.0799 51.0001 88.4351C51.0001 86.7904 49.6622 85.457 48.0118 85.457C46.3614 85.457 45.0234 86.7904 45.0234 88.4351C45.0234 90.0799 46.3614 91.4132 48.0118 91.4132Z",
@@ -6751,7 +6711,7 @@ var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ *
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "path",
     {
       d: "M7.79304 51.339C9.44346 51.339 10.7814 50.0057 10.7814 48.3609C10.7814 46.7162 9.44346 45.3828 7.79304 45.3828C6.14262 45.3828 4.80469 46.7162 4.80469 48.3609C4.80469 50.0057 6.14262 51.339 7.79304 51.339Z",
@@ -6762,7 +6722,7 @@ var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ *
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "path",
     {
       d: "M88.2247 51.339C89.8751 51.339 91.213 50.0057 91.213 48.3609C91.213 46.7162 89.8751 45.3828 88.2247 45.3828C86.5743 45.3828 85.2363 46.7162 85.2363 48.3609C85.2363 50.0057 86.5743 51.339 88.2247 51.339Z",
@@ -6773,7 +6733,7 @@ var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ *
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "path",
     {
       d: "M81.3477 18.0539C82.9982 18.0539 84.3361 16.7205 84.3361 15.0758C84.3361 13.431 82.9982 12.0977 81.3477 12.0977C79.6973 12.0977 78.3594 13.431 78.3594 15.0758C78.3594 16.7205 79.6973 18.0539 81.3477 18.0539Z",
@@ -6784,7 +6744,7 @@ var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ *
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "path",
     {
       d: "M14.5508 84.6203C16.2013 84.6203 17.5392 83.2869 17.5392 81.6422C17.5392 79.9974 16.2013 78.6641 14.5508 78.6641C12.9004 78.6641 11.5625 79.9974 11.5625 81.6422C11.5625 83.2869 12.9004 84.6203 14.5508 84.6203Z",
@@ -6795,7 +6755,7 @@ var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ *
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "path",
     {
       d: "M81.3477 84.6203C82.9982 84.6203 84.3361 83.2869 84.3361 81.6422C84.3361 79.9974 82.9982 78.6641 81.3477 78.6641C79.6973 78.6641 78.3594 79.9974 78.3594 81.6422C78.3594 83.2869 79.6973 84.6203 81.3477 84.6203Z",
@@ -6806,7 +6766,7 @@ var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ *
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "path",
     {
       d: "M14.5508 18.0539C16.2013 18.0539 17.5392 16.7205 17.5392 15.0758C17.5392 13.431 16.2013 12.0977 14.5508 12.0977C12.9004 12.0977 11.5625 13.431 11.5625 15.0758C11.5625 16.7205 12.9004 18.0539 14.5508 18.0539Z",
@@ -6817,7 +6777,7 @@ var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ *
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "rect",
     {
       x: "22.623",
@@ -6830,7 +6790,7 @@ var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ *
       strokeWidth: "2"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "rect",
     {
       x: "22.623",
@@ -6843,7 +6803,7 @@ var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ *
       strokeWidth: "2"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "rect",
     {
       x: "22.623",
@@ -6856,7 +6816,7 @@ var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ *
       strokeWidth: "2"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "path",
     {
       d: "M29.612 37.1542C31.2803 37.1542 32.634 35.8026 32.634 34.1337C32.634 32.4649 31.2803 31.1133 29.612 31.1133C27.9437 31.1133 26.5901 32.4649 26.5901 34.1337C26.5901 35.8026 27.9437 37.1542 29.612 37.1542Z",
@@ -6866,7 +6826,7 @@ var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ *
       strokeMiterlimit: "10"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "path",
     {
       d: "M40.3464 37.1542C42.0147 37.1542 43.3684 35.8026 43.3684 34.1337C43.3684 32.4649 42.0147 31.1133 40.3464 31.1133C38.6782 31.1133 37.3245 32.4649 37.3245 34.1337C37.3245 35.8026 38.6782 37.1542 40.3464 37.1542Z",
@@ -6876,7 +6836,7 @@ var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ *
       strokeMiterlimit: "10"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "path",
     {
       d: "M51.0808 37.1542C52.7491 37.1542 54.1028 35.8026 54.1028 34.1337C54.1028 32.4649 52.7491 31.1133 51.0808 31.1133C49.4125 31.1133 48.0588 32.4649 48.0588 34.1337C48.0588 35.8026 49.4125 37.1542 51.0808 37.1542Z",
@@ -6890,9 +6850,9 @@ var DecentralizedServerIcon = (0, import_react20.memo)((props) => /* @__PURE__ *
 
 // src/components/icons/DiscordIcon.tsx
 var import_react21 = require("react");
-var import_material53 = require("@mui/material");
-var import_jsx_runtime71 = require("react/jsx-runtime");
-var DiscordIcon = (0, import_react21.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_material53.SvgIcon, { ...props, viewBox: "0 0 15 12", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+var import_material52 = require("@mui/material");
+var import_jsx_runtime70 = require("react/jsx-runtime");
+var DiscordIcon = (0, import_react21.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_material52.SvgIcon, { ...props, viewBox: "0 0 15 12", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
   "path",
   {
     fill: "currentColor",
@@ -6902,17 +6862,17 @@ var DiscordIcon = (0, import_react21.memo)((props) => /* @__PURE__ */ (0, import
 
 // src/components/icons/DownloadIcon.tsx
 var import_react22 = require("react");
-var import_material54 = require("@mui/material");
-var import_jsx_runtime72 = require("react/jsx-runtime");
-var DownloadIcon = (0, import_react22.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_material54.SvgIcon, { ...props, viewBox: "0 0 17 16", fill: "none", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var import_material53 = require("@mui/material");
+var import_jsx_runtime71 = require("react/jsx-runtime");
+var DownloadIcon = (0, import_react22.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_material53.SvgIcon, { ...props, viewBox: "0 0 17 16", fill: "none", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "path",
     {
       d: "M8.86902 11.0041C8.77429 11.1077 8.64038 11.1667 8.5 11.1667C8.35962 11.1667 8.22571 11.1077 8.13099 11.0041L5.46432 8.08738C5.27799 7.88358 5.29215 7.56732 5.49595 7.38099C5.69975 7.19465 6.01602 7.20881 6.20235 7.41262L8 9.3788V2C8 1.72386 8.22386 1.5 8.5 1.5C8.77614 1.5 9 1.72386 9 2V9.3788L10.7977 7.41262C10.984 7.20881 11.3003 7.19465 11.5041 7.38099C11.7079 7.56732 11.722 7.88358 11.5357 8.08738L8.86902 11.0041Z",
       fill: "currentColor"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "path",
     {
       d: "M3 10C3 9.72386 2.77614 9.5 2.5 9.5C2.22386 9.5 2 9.72386 2 10V10.0366C1.99999 10.9483 1.99998 11.6832 2.07768 12.2612C2.15836 12.8612 2.33096 13.3665 2.73223 13.7678C3.13351 14.169 3.63876 14.3416 4.23883 14.4223C4.81681 14.5 5.55169 14.5 6.46342 14.5H10.5366C11.4483 14.5 12.1832 14.5 12.7612 14.4223C13.3612 14.3416 13.8665 14.169 14.2678 13.7678C14.669 13.3665 14.8416 12.8612 14.9223 12.2612C15 11.6832 15 10.9483 15 10.0366V10C15 9.72386 14.7761 9.5 14.5 9.5C14.2239 9.5 14 9.72386 14 10C14 10.9569 13.9989 11.6244 13.9312 12.1279C13.8655 12.6171 13.7452 12.8762 13.5607 13.0607C13.3762 13.2452 13.1171 13.3655 12.6279 13.4312C12.1244 13.4989 11.4569 13.5 10.5 13.5H6.5C5.54306 13.5 4.87565 13.4989 4.37208 13.4312C3.8829 13.3655 3.62385 13.2452 3.43934 13.0607C3.25483 12.8762 3.13453 12.6171 3.06877 12.1279C3.00106 11.6244 3 10.9569 3 10Z",
@@ -6923,12 +6883,12 @@ var DownloadIcon = (0, import_react22.memo)((props) => /* @__PURE__ */ (0, impor
 
 // src/components/icons/FilledFolderIcon.tsx
 var import_react23 = require("react");
-var import_material55 = require("@mui/material");
-var import_jsx_runtime73 = require("react/jsx-runtime");
-var FilledFolderIcon = (0, import_react23.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_material55.SvgIcon, { sx: { fill: "none" }, ...props, fill: "none", viewBox: "0 0 22 22", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("rect", { x: "0.5", y: "0.5", width: "21", height: "21", rx: "4.5", fill: "#FCF8EC" }),
-  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("rect", { x: "0.5", y: "0.5", width: "21", height: "21", rx: "4.5", stroke: "#E1B43E" }),
-  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+var import_material54 = require("@mui/material");
+var import_jsx_runtime72 = require("react/jsx-runtime");
+var FilledFolderIcon = (0, import_react23.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_material54.SvgIcon, { sx: { fill: "none" }, ...props, fill: "none", viewBox: "0 0 22 22", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("rect", { x: "0.5", y: "0.5", width: "21", height: "21", rx: "4.5", fill: "#FCF8EC" }),
+  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("rect", { x: "0.5", y: "0.5", width: "21", height: "21", rx: "4.5", stroke: "#E1B43E" }),
+  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     "path",
     {
       fillRule: "evenodd",
@@ -6941,12 +6901,12 @@ var FilledFolderIcon = (0, import_react23.memo)((props) => /* @__PURE__ */ (0, i
 
 // src/components/icons/FolderIcon.tsx
 var import_react24 = require("react");
-var import_material56 = require("@mui/material");
-var import_jsx_runtime74 = require("react/jsx-runtime");
-var FolderIcon = (0, import_react24.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_material56.SvgIcon, { sx: { fill: "none" }, ...props, fill: "none", viewBox: "0 0 22 22", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("rect", { x: "0.5", y: "0.5", width: "21", height: "21", rx: "4.5", fill: "#F5F7FA" }),
-  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("rect", { x: "0.5", y: "0.5", width: "21", height: "21", rx: "4.5", stroke: "#E6E6E6" }),
-  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+var import_material55 = require("@mui/material");
+var import_jsx_runtime73 = require("react/jsx-runtime");
+var FolderIcon = (0, import_react24.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_material55.SvgIcon, { sx: { fill: "none" }, ...props, fill: "none", viewBox: "0 0 22 22", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("rect", { x: "0.5", y: "0.5", width: "21", height: "21", rx: "4.5", fill: "#F5F7FA" }),
+  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("rect", { x: "0.5", y: "0.5", width: "21", height: "21", rx: "4.5", stroke: "#E6E6E6" }),
+  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "path",
     {
       fillRule: "evenodd",
@@ -6961,17 +6921,17 @@ var FolderIcon = (0, import_react24.memo)((props) => /* @__PURE__ */ (0, import_
 
 // src/components/icons/GithubLogoIcon.tsx
 var import_react25 = require("react");
-var import_material57 = require("@mui/material");
-var import_jsx_runtime75 = require("react/jsx-runtime");
-var GithubLogoIcon = (0, import_react25.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_material57.SvgIcon, { ...props, viewBox: "0 0 17 16", sx: { fill: "none" }, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+var import_material56 = require("@mui/material");
+var import_jsx_runtime74 = require("react/jsx-runtime");
+var GithubLogoIcon = (0, import_react25.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_material56.SvgIcon, { ...props, viewBox: "0 0 17 16", sx: { fill: "none" }, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     "path",
     {
       d: "M8.79754 0C4.268 0 0.595032 3.67233 0.595032 8.20251C0.595032 11.8267 2.9453 14.9013 6.20443 15.9859C6.61435 16.0618 6.76488 15.808 6.76488 15.5913C6.76488 15.3957 6.75723 14.7495 6.75375 14.0642C4.47174 14.5603 3.99022 13.0964 3.99022 13.0964C3.61711 12.1483 3.07949 11.8962 3.07949 11.8962C2.33531 11.3871 3.13559 11.3975 3.13559 11.3975C3.95928 11.4554 4.393 12.2428 4.393 12.2428C5.12457 13.4968 6.31186 13.1343 6.77993 12.9247C6.85353 12.3945 7.06614 12.0327 7.30069 11.8279C5.47884 11.6204 3.56358 10.9171 3.56358 7.77413C3.56358 6.87865 3.88401 6.14688 4.40876 5.57247C4.32359 5.36584 4.04285 4.5316 4.48821 3.40175C4.48821 3.40175 5.177 3.18129 6.74449 4.24256C7.39873 4.06076 8.10045 3.96967 8.79754 3.96658C9.49463 3.96967 10.1969 4.06076 10.8524 4.24256C12.418 3.18129 13.1059 3.40175 13.1059 3.40175C13.5523 4.5316 13.2714 5.36584 13.1863 5.57247C13.7122 6.14688 14.0304 6.87858 14.0304 7.77413C14.0304 10.9245 12.1116 11.6183 10.2851 11.8213C10.5793 12.0759 10.8414 12.5751 10.8414 13.3403C10.8414 14.4378 10.8319 15.3211 10.8319 15.5913C10.8319 15.8096 10.9795 16.0654 11.3954 15.9848C14.6527 14.899 17 11.8254 17 8.20251C17 3.67233 13.3275 0 8.79754 0Z",
       fill: "white"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     "path",
     {
       d: "M3.66696 11.6845C3.64895 11.7252 3.58474 11.7374 3.5264 11.7095C3.46689 11.6828 3.43344 11.6272 3.45274 11.5863C3.47043 11.5443 3.53463 11.5326 3.59401 11.5608C3.65364 11.5875 3.68761 11.6436 3.66696 11.6845ZM4.07044 12.0445C4.03133 12.0808 3.95484 12.0639 3.90292 12.0066C3.84927 11.9494 3.83924 11.873 3.87893 11.8361C3.91926 11.7999 3.99344 11.8168 4.04722 11.8741C4.10087 11.9319 4.11129 12.0079 4.07038 12.0446M4.34726 12.5051C4.29695 12.54 4.21474 12.5073 4.16398 12.4343C4.11374 12.3615 4.11374 12.274 4.16507 12.2389C4.21602 12.2038 4.29695 12.2354 4.34842 12.3077C4.39859 12.3819 4.39859 12.4694 4.34719 12.5052M4.81533 13.0386C4.77036 13.0881 4.67464 13.0749 4.60452 13.0072C4.53285 12.9411 4.51285 12.8472 4.55794 12.7976C4.60342 12.748 4.69973 12.7619 4.77036 12.829C4.84158 12.895 4.86332 12.9896 4.81539 13.0386M5.4203 13.2187C5.40055 13.2829 5.3083 13.3121 5.2154 13.2849C5.12264 13.2568 5.06191 13.1815 5.08063 13.1166C5.09993 13.0519 5.19257 13.0215 5.28617 13.0507C5.37881 13.0787 5.43966 13.1534 5.42036 13.2187M6.1089 13.2951C6.11121 13.3628 6.03241 13.4189 5.93488 13.4201C5.83678 13.4222 5.75746 13.3675 5.75643 13.3009C5.75643 13.2326 5.83343 13.177 5.93147 13.1754C6.029 13.1735 6.1089 13.2279 6.1089 13.2951ZM6.78527 13.2692C6.79698 13.3352 6.72918 13.403 6.63236 13.421C6.53715 13.4384 6.44901 13.3976 6.43686 13.3322C6.42502 13.2645 6.49411 13.1968 6.58913 13.1792C6.68614 13.1624 6.77292 13.2021 6.78527 13.2692Z",
@@ -6982,9 +6942,9 @@ var GithubLogoIcon = (0, import_react25.memo)((props) => /* @__PURE__ */ (0, imp
 
 // src/components/icons/ShareIcon.tsx
 var import_react26 = require("react");
-var import_material58 = require("@mui/material");
-var import_jsx_runtime76 = require("react/jsx-runtime");
-var ShareIcon = (0, import_react26.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_material58.SvgIcon, { ...props, viewBox: "0 0 17 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+var import_material57 = require("@mui/material");
+var import_jsx_runtime75 = require("react/jsx-runtime");
+var ShareIcon = (0, import_react26.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_material57.SvgIcon, { ...props, viewBox: "0 0 17 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
   "path",
   {
     fillRule: "evenodd",
@@ -6996,10 +6956,10 @@ var ShareIcon = (0, import_react26.memo)((props) => /* @__PURE__ */ (0, import_j
 
 // src/components/icons/StorageAppIcon.tsx
 var import_react27 = require("react");
-var import_material59 = require("@mui/material");
-var import_jsx_runtime77 = require("react/jsx-runtime");
-var StorageAppIcon = (0, import_react27.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_material59.SvgIcon, { ...props, viewBox: "0 0 38 29", fill: "none", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var import_material58 = require("@mui/material");
+var import_jsx_runtime76 = require("react/jsx-runtime");
+var StorageAppIcon = (0, import_react27.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_material58.SvgIcon, { ...props, viewBox: "0 0 38 29", fill: "none", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     "path",
     {
       d: "M6.25415 13.3371V13.2515H7.25415C7.31809 13.2515 7.38176 13.2524 7.44516 13.2543C7.66366 11.6446 8.14354 9.64623 9.19625 7.91521C10.5234 5.73296 12.756 4 16.3233 4C18.7076 4 20.4981 4.81149 21.7972 6.07693C23.0714 7.31823 23.8108 8.93436 24.2437 10.4665C24.4895 11.3363 24.6426 12.2007 24.7362 12.9909C25.8141 11.9297 27.4506 11.0385 29.8495 11.0385C31.2681 11.0385 32.4415 11.3528 33.4017 11.8416L33.4031 11.8423C35.655 12.9932 37 15.3454 37 17.8312V18.6029C37 23.4701 33.0499 27.4163 28.1808 27.4163H6.86335C3.62577 27.4163 1 24.7935 1 21.5565V19.6226C1 16.5122 3.24401 13.8341 6.25415 13.3371Z",
@@ -7008,7 +6968,7 @@ var StorageAppIcon = (0, import_react27.memo)((props) => /* @__PURE__ */ (0, imp
       fill: "none"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     "path",
     {
       d: "M31.9946 14.8376C31.9946 14.8376 24.3322 15.4871 24.3322 0C24.3322 0 24.4134 14.8696 17 14.8696C17 14.8696 24.5 15.8438 24.5 24C24.5 24 24.5 14.8376 32 14.8376H31.9946Z",
@@ -7021,9 +6981,9 @@ var StorageAppIcon = (0, import_react27.memo)((props) => /* @__PURE__ */ (0, imp
 
 // src/components/icons/UploadFileIcon.tsx
 var import_react28 = require("react");
-var import_material60 = require("@mui/material");
-var import_jsx_runtime78 = require("react/jsx-runtime");
-var UploadFileIcon = (0, import_react28.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_material60.SvgIcon, { ...props, viewBox: "0 0 12 12", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+var import_material59 = require("@mui/material");
+var import_jsx_runtime77 = require("react/jsx-runtime");
+var UploadFileIcon = (0, import_react28.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_material59.SvgIcon, { ...props, viewBox: "0 0 12 12", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
   "path",
   {
     fillRule: "evenodd",
@@ -7037,9 +6997,9 @@ var UploadFileIcon = (0, import_react28.memo)((props) => /* @__PURE__ */ (0, imp
 
 // src/components/icons/UploadFolderIcon.tsx
 var import_react29 = require("react");
-var import_material61 = require("@mui/material");
-var import_jsx_runtime79 = require("react/jsx-runtime");
-var UploadFolderIcon = (0, import_react29.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_material61.SvgIcon, { ...props, viewBox: "0 0 12 12", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var import_material60 = require("@mui/material");
+var import_jsx_runtime78 = require("react/jsx-runtime");
+var UploadFolderIcon = (0, import_react29.memo)((props) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_material60.SvgIcon, { ...props, viewBox: "0 0 12 12", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   "path",
   {
     fillRule: "evenodd",
@@ -7052,14 +7012,14 @@ var UploadFolderIcon = (0, import_react29.memo)((props) => /* @__PURE__ */ (0, i
 ) }));
 
 // src/components/utilities/Markdown/Markdown.tsx
-var import_material62 = require("@mui/material");
+var import_material61 = require("@mui/material");
 var import_github = require("highlight.js/styles/github.css");
 var import_github_markdown_light = require("github-markdown-css/github-markdown-light.css");
 var import_react_markdown = __toESM(require("react-markdown"));
 var import_rehype_highlight = __toESM(require("rehype-highlight"));
 var import_rehype_raw = __toESM(require("rehype-raw"));
-var import_jsx_runtime80 = require("react/jsx-runtime");
-var Content = (0, import_material62.styled)(import_material62.Box)(({ theme: theme2 }) => ({
+var import_jsx_runtime79 = require("react/jsx-runtime");
+var Content = (0, import_material61.styled)(import_material61.Box)(({ theme: theme2 }) => ({
   backgroundColor: "transparent",
   ...theme2.typography.body1,
   color: theme2.palette.text.primary,
@@ -7076,11 +7036,11 @@ var Content = (0, import_material62.styled)(import_material62.Box)(({ theme: the
     backgroundColor: theme2.palette.background.paper
   }
 }));
-var Markdown = ({ content, children }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Content, { className: "markdown-body", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_markdown.default, { rehypePlugins: [import_rehype_highlight.default, import_rehype_raw.default], children: content || children }) });
+var Markdown = ({ content, children }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Content, { className: "markdown-body", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_markdown.default, { rehypePlugins: [import_rehype_highlight.default, import_rehype_raw.default], children: content || children }) });
 
 // src/components/utilities/OnboardingProvider/OnboardingProvider.tsx
 var import_react30 = require("react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var OnboardingContext = (0, import_react30.createContext)(void 0);
 var useOnboarding = () => {
   const context = (0, import_react30.useContext)(OnboardingContext);
@@ -7105,7 +7065,7 @@ var OnboardingProvider = ({ children }) => {
     setIsOnboardingActive(false);
     setTimeout(() => setIsOnboardingActive(true), 0);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
     OnboardingContext.Provider,
     {
       value: {
@@ -7120,7 +7080,7 @@ var OnboardingProvider = ({ children }) => {
 };
 
 // src/components/utilities/Truncate/Truncate.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var getDefaultEndingLength = ({ text, variant, maxLength = text.length }) => {
   if (variant === "hex") {
     return 4;
@@ -7144,30 +7104,30 @@ var Truncate = ({
     const truncated = text.slice(0, maxLength - endingLength);
     truncatedText = [truncated, ending].filter(Boolean).join("...");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { ...props, "data-full": text, children: truncatedText });
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { ...props, "data-full": text, children: truncatedText });
 };
 
 // src/components/utilities/BytesSize/BytesSize.tsx
 var import_byte_size = __toESM(require("byte-size"));
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var BytesSize = ({ bytes }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_jsx_runtime83.Fragment, { children: (0, import_byte_size.default)(bytes).toString() });
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_jsx_runtime82.Fragment, { children: (0, import_byte_size.default)(bytes).toString() });
 };
 
 // src/components/utilities/QRCode/QRCode.tsx
 var import_react31 = require("react");
 var import_react_qr_code = __toESM(require("react-qr-code"));
-var import_jsx_runtime84 = require("react/jsx-runtime");
-var QRCode = (0, import_react31.forwardRef)(({ size: size3 = 168, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_qr_code.default, { ref, size: size3, ...props }));
+var import_jsx_runtime83 = require("react/jsx-runtime");
+var QRCode = (0, import_react31.forwardRef)(({ size: size3 = 168, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_qr_code.default, { ref, size: size3, ...props }));
 QRCode.displayName = "QRCode";
 
 // src/components/charts/ChartWidget/ChartWidget.tsx
-var import_material63 = require("@mui/material");
+var import_material62 = require("@mui/material");
 var import_x_charts = require("@mui/x-charts");
 var import_byte_size2 = __toESM(require("byte-size"));
 var import_date_fns = require("date-fns");
-var import_jsx_runtime85 = require("react/jsx-runtime");
-var Chart = (0, import_material63.styled)(import_material63.Box)(() => ({
+var import_jsx_runtime84 = require("react/jsx-runtime");
+var Chart = (0, import_material62.styled)(import_material62.Box)(() => ({
   height: 200
 }));
 var ChartWidget = ({
@@ -7176,11 +7136,11 @@ var ChartWidget = ({
   history,
   formatValue = (value2) => (0, import_byte_size2.default)(value2 || 0).toString()
 }) => {
-  const theme2 = (0, import_material63.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_material63.Stack, { spacing: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_material63.Typography, { variant: "caption", color: "text.secondary", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_material63.Typography, { fontWeight: "bold", children: value }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Chart, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  const theme2 = (0, import_material62.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_material62.Stack, { spacing: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_material62.Typography, { variant: "caption", color: "text.secondary", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_material62.Typography, { fontWeight: "bold", children: value }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Chart, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       import_x_charts.LineChart,
       {
         dataset: history || [],
@@ -7238,11 +7198,11 @@ var ChartWidget = ({
 var import_date_fns2 = require("date-fns");
 var import_x_charts2 = require("@mui/x-charts");
 var import_hooks = require("@mui/x-charts/hooks");
-var import_material65 = require("@mui/material");
+var import_material64 = require("@mui/material");
 
 // src/components/charts/MetricsChart/PeriodSelect.tsx
-var import_material64 = require("@mui/material");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_material63 = require("@mui/material");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var options = [
   /**
    * TODO: Enable the options below when the backend supports them
@@ -7252,21 +7212,21 @@ var options = [
   { value: "week", label: "1 week" },
   { value: "month", label: "1 month" }
 ];
-var PeriodSelect = ({ value, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
-  import_material64.TextField,
+var PeriodSelect = ({ value, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  import_material63.TextField,
   {
     select: true,
     size: "small",
     value,
     defaultValue: options[0].value,
     onChange: (e) => onChange?.(e.target.value),
-    children: options.map(({ value: value2, label }) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_material64.MenuItem, { value: value2, children: label }, value2))
+    children: options.map(({ value: value2, label }) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_material63.MenuItem, { value: value2, children: label }, value2))
   }
 );
 
 // src/components/charts/MetricsChart/MetricsChart.tsx
 var import_react32 = require("react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var mapPeriodToFromDate = (period = "month") => {
   const date = /* @__PURE__ */ new Date();
   if (period === "hour") {
@@ -7280,14 +7240,14 @@ var mapPeriodToFromDate = (period = "month") => {
   }
   return (0, import_date_fns2.startOfDay)((0, import_date_fns2.subMonths)(date, 1));
 };
-var Chart2 = (0, import_material65.styled)(import_x_charts2.LineChart)({
+var Chart2 = (0, import_material64.styled)(import_x_charts2.LineChart)({
   height: 320,
   marginBottom: 16
 });
-var NoDataRect = (0, import_material65.styled)("rect")({
+var NoDataRect = (0, import_material64.styled)("rect")({
   fill: "#F5F6FF"
 });
-var LoadingText = (0, import_material65.styled)("text")(({ theme: theme2 }) => ({
+var LoadingText = (0, import_material64.styled)("text")(({ theme: theme2 }) => ({
   stroke: "none",
   fill: theme2.palette.text.primary,
   shapeRendering: "crispEdges",
@@ -7295,7 +7255,7 @@ var LoadingText = (0, import_material65.styled)("text")(({ theme: theme2 }) => (
   dominantBaseline: "middle"
 }));
 var MetricsChart = ({ history = [] }) => {
-  const theme2 = (0, import_material65.useTheme)();
+  const theme2 = (0, import_material64.useTheme)();
   const [period, setPeriod] = (0, import_react32.useState)("week");
   const periodFrom = (0, import_react32.useMemo)(() => mapPeriodToFromDate(period), [period]);
   const periodHistory = (0, import_react32.useMemo)(
@@ -7326,15 +7286,15 @@ var MetricsChart = ({ history = [] }) => {
     const backgroundHeight = textHeight + padding.top + padding.bottom;
     const rectX = left + (width - backgroundWidth) / 2;
     const rectY = top + (height - backgroundHeight) / 2;
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("g", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(NoDataRect, { x: rectX, y: rectY, width: backgroundWidth, height: backgroundHeight }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(LoadingText, { style: { ...theme2.typography.subtitle1 }, x: left + width / 2, y: top + height / 2, children: text })
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("g", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(NoDataRect, { x: rectX, y: rectY, width: backgroundWidth, height: backgroundHeight }),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(LoadingText, { style: { ...theme2.typography.subtitle1 }, x: left + width / 2, y: top + height / 2, children: text })
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_material65.Card, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material65.CardHeader, { title: "GET / PUT Requests", action: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(PeriodSelect, { value: period, onChange: setPeriod }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_material65.CardMedia, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_material64.Card, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_material64.CardHeader, { title: "GET / PUT Requests", action: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PeriodSelect, { value: period, onChange: setPeriod }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_material64.CardMedia, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         Chart2,
         {
           skipAnimation: true,
@@ -7395,35 +7355,35 @@ var MetricsChart = ({ history = [] }) => {
           ]
         }
       ),
-      periodHistory.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_material65.Stack, { direction: "row", spacing: 2, marginY: 3, justifyContent: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_material65.Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material65.Box, { sx: { width: 14, height: 14, borderRadius: "4px", backgroundColor: theme2.palette.primary.main } }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material65.Typography, { variant: "body2", children: "Get" })
+      periodHistory.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_material64.Stack, { direction: "row", spacing: 2, marginY: 3, justifyContent: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_material64.Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_material64.Box, { sx: { width: 14, height: 14, borderRadius: "4px", backgroundColor: theme2.palette.primary.main } }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_material64.Typography, { variant: "body2", children: "Get" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_material65.Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material65.Box, { sx: { width: 14, height: 14, borderRadius: "4px", backgroundColor: theme2.palette.success.main } }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material65.Typography, { variant: "body2", children: "Put" })
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_material64.Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_material64.Box, { sx: { width: 14, height: 14, borderRadius: "4px", backgroundColor: theme2.palette.success.main } }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_material64.Typography, { variant: "body2", children: "Put" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_material65.CardMedia, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material65.Divider, { flexItem: true }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_material65.Stack, { direction: "row", spacing: 2, padding: 2, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_material65.Stack, { direction: "row", alignItems: "center", spacing: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material65.Typography, { variant: "body2", color: "secondary", children: "GET Requests per account" }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material65.Typography, { variant: "h3", children: total.gets })
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_material64.CardMedia, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_material64.Divider, { flexItem: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_material64.Stack, { direction: "row", spacing: 2, padding: 2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_material64.Stack, { direction: "row", alignItems: "center", spacing: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_material64.Typography, { variant: "body2", color: "secondary", children: "GET Requests per account" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_material64.Typography, { variant: "h3", children: total.gets })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_material65.Stack, { direction: "row", alignItems: "center", spacing: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material65.Typography, { variant: "body2", color: "secondary", children: "PUT Requests per account" }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material65.Typography, { variant: "h3", children: total.puts })
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_material64.Stack, { direction: "row", alignItems: "center", spacing: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_material64.Typography, { variant: "body2", color: "secondary", children: "PUT Requests per account" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_material64.Typography, { variant: "h3", children: total.puts })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_material65.Stack, { direction: "row", alignItems: "center", spacing: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material65.Typography, { variant: "body2", color: "secondary", children: "Total Consumed per account" }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material65.Typography, { variant: "h3", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(BytesSize, { bytes: total.transferredBytes }) })
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_material64.Stack, { direction: "row", alignItems: "center", spacing: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_material64.Typography, { variant: "body2", color: "secondary", children: "Total Consumed per account" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_material64.Typography, { variant: "h3", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(BytesSize, { bytes: total.transferredBytes }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_material65.Stack, { direction: "row", alignItems: "center", spacing: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material65.Typography, { variant: "body2", color: "secondary", children: "Total Stored per account" }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material65.Typography, { variant: "h3", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(BytesSize, { bytes: total.storedBytes }) })
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_material64.Stack, { direction: "row", alignItems: "center", spacing: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_material64.Typography, { variant: "body2", color: "secondary", children: "Total Stored per account" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_material64.Typography, { variant: "h3", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(BytesSize, { bytes: total.storedBytes }) })
         ] })
       ] })
     ] })
@@ -7433,10 +7393,10 @@ var MetricsChart = ({ history = [] }) => {
 // src/components/third-party/FlowEditor.tsx
 var import_react33 = require("react");
 var import_reactflow = __toESM(require("reactflow"));
-var import_material66 = require("@mui/material");
+var import_material65 = require("@mui/material");
 var import_styles40 = require("@mui/material/styles");
 var import_reactflow2 = require("reactflow");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var FlowEditor = ({
   nodes,
   edges,
@@ -7462,8 +7422,8 @@ var FlowEditor = ({
     },
     [onInit]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_reactflow.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-    import_material66.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_reactflow.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    import_material65.Box,
     {
       sx: {
         width: "100%",
@@ -7475,7 +7435,7 @@ var FlowEditor = ({
         ...containerProps?.sx
       },
       ...containerProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
         import_reactflow.default,
         {
           nodes,
@@ -7497,7 +7457,7 @@ var FlowEditor = ({
           },
           ...reactFlowProps,
           children: [
-            showBackground && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+            showBackground && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
               import_reactflow.Background,
               {
                 variant: backgroundVariant,
@@ -7506,8 +7466,8 @@ var FlowEditor = ({
                 color: theme2.palette.divider
               }
             ),
-            showControls && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_reactflow.Controls, {}),
-            showMinimap && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+            showControls && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_reactflow.Controls, {}),
+            showMinimap && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
               import_reactflow.MiniMap,
               {
                 nodeColor: (node) => {
@@ -7532,13 +7492,13 @@ var FlowEditor = ({
 // src/components/third-party/CodeEditor.tsx
 var import_react34 = require("react");
 var import_react35 = __toESM(require("@monaco-editor/react"));
-var import_material67 = require("@mui/material");
+var import_material66 = require("@mui/material");
 var import_Fullscreen = __toESM(require("@mui/icons-material/Fullscreen"));
 var import_FullscreenExit = __toESM(require("@mui/icons-material/FullscreenExit"));
 var import_ErrorOutline = __toESM(require("@mui/icons-material/ErrorOutline"));
 var import_ExpandMore3 = __toESM(require("@mui/icons-material/ExpandMore"));
 var import_ExpandLess = __toESM(require("@mui/icons-material/ExpandLess"));
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var configureTypeScript = (monaco) => {
   monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
     target: monaco.languages.typescript.ScriptTarget.ES2020,
@@ -7750,8 +7710,8 @@ var CodeEditor = ({
     theme: themeProp || "vs",
     ...options2
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-    import_material67.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    import_material66.Box,
     {
       sx: {
         display: "flex",
@@ -7771,8 +7731,8 @@ var CodeEditor = ({
         pb: isFullscreen ? 2 : 0,
         overflow: isFullscreen ? "hidden" : "visible"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
-        import_material67.Box,
+      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+        import_material66.Box,
         {
           sx: {
             flex: 1,
@@ -7787,8 +7747,8 @@ var CodeEditor = ({
           },
           ...containerProps,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_material67.Tooltip, { title: isFullscreen ? "Exit Fullscreen" : "Fullscreen", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-              import_material67.IconButton,
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_material66.Tooltip, { title: isFullscreen ? "Exit Fullscreen" : "Fullscreen", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+              import_material66.IconButton,
               {
                 onClick: toggleFullscreen,
                 size: "small",
@@ -7805,11 +7765,11 @@ var CodeEditor = ({
                   },
                   boxShadow: 1
                 },
-                children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_FullscreenExit.default, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_Fullscreen.default, { fontSize: "small" })
+                children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_FullscreenExit.default, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_Fullscreen.default, { fontSize: "small" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-              import_material67.Box,
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+              import_material66.Box,
               {
                 sx: {
                   flex: 1,
@@ -7820,7 +7780,7 @@ var CodeEditor = ({
                   position: "relative",
                   height: isFullscreen ? "100%" : actualHeight
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                   import_react35.default,
                   {
                     height: "100%",
@@ -7831,7 +7791,7 @@ var CodeEditor = ({
                     onMount: handleEditorDidMount,
                     theme: themeProp || "vs",
                     options: defaultOptions,
-                    loading: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_material67.Box, { sx: { p: 2, textAlign: "center" }, children: "Loading Monaco Editor..." }),
+                    loading: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_material66.Box, { sx: { p: 2, textAlign: "center" }, children: "Loading Monaco Editor..." }),
                     beforeMount: (monaco) => {
                       console.log("CodeEditor: beforeMount called", { monaco: !!monaco });
                     }
@@ -7839,8 +7799,8 @@ var CodeEditor = ({
                 )
               }
             ),
-            validationErrors.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
-              import_material67.Box,
+            validationErrors.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+              import_material66.Box,
               {
                 sx: {
                   borderTop: 1,
@@ -7853,8 +7813,8 @@ var CodeEditor = ({
                   transition: "max-height 0.2s ease"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
-                    import_material67.Box,
+                  /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+                    import_material66.Box,
                     {
                       sx: {
                         display: "flex",
@@ -7868,16 +7828,16 @@ var CodeEditor = ({
                         color: "text.secondary"
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ErrorOutline.default, { color: "error", fontSize: "small" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_material67.Box, { sx: { fontWeight: 600, color: "text.primary" }, children: "Problems" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_material67.Box, { sx: { ml: 1 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_ErrorOutline.default, { color: "error", fontSize: "small" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_material66.Box, { sx: { fontWeight: 600, color: "text.primary" }, children: "Problems" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_material66.Box, { sx: { ml: 1 }, children: [
                           validationErrors.length,
                           " error",
                           validationErrors.length > 1 ? "s" : ""
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_material67.Box, { sx: { flex: 1 } }),
-                        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-                          import_material67.IconButton,
+                        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_material66.Box, { sx: { flex: 1 } }),
+                        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                          import_material66.IconButton,
                           {
                             size: "small",
                             "aria-label": "Toggle problems panel",
@@ -7885,14 +7845,14 @@ var CodeEditor = ({
                               setHasUserToggledProblems(true);
                               setShowProblems((s) => !s);
                             },
-                            children: showProblems ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ExpandMore3.default, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ExpandLess.default, { fontSize: "small" })
+                            children: showProblems ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_ExpandMore3.default, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_ExpandLess.default, { fontSize: "small" })
                           }
                         )
                       ]
                     }
                   ),
-                  showProblems && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_material67.Box, { sx: { overflow: "auto" }, children: validationErrors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
-                    import_material67.Box,
+                  showProblems && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_material66.Box, { sx: { overflow: "auto" }, children: validationErrors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+                    import_material66.Box,
                     {
                       onClick: () => gotoMarker(error),
                       sx: {
@@ -7908,12 +7868,12 @@ var CodeEditor = ({
                         fontSize: "0.85rem"
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ErrorOutline.default, { color: "error", sx: { fontSize: 18 } }),
-                        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_material67.Box, { sx: { color: "text.secondary", width: 64 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_ErrorOutline.default, { color: "error", sx: { fontSize: 18 } }),
+                        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_material66.Box, { sx: { color: "text.secondary", width: 64 }, children: [
                           "Line ",
                           error.startLineNumber
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_material67.Box, { sx: { color: "text.primary", flex: 1, minWidth: 0 }, children: error.message })
+                        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_material66.Box, { sx: { color: "text.primary", flex: 1, minWidth: 0 }, children: error.message })
                       ]
                     },
                     `${error.startLineNumber}-${error.startColumn}-${index}`
@@ -8008,7 +7968,6 @@ var import_reactflow3 = require("reactflow");
   Markdown,
   Menu,
   MenuItem,
-  MessagesProvider,
   MetricsChart,
   MiniMap,
   NavigationItem,
@@ -8062,7 +8021,6 @@ var import_reactflow3 = require("reactflow");
   useIsDesktop,
   useIsMobile,
   useIsTablet,
-  useMessages,
   useOnboarding
 });
 //# sourceMappingURL=index.js.map