local-operator-ui 0.1.2-beta.6 → 0.1.2-beta.7

package/out/renderer/assets/{index-VhYFnaT2.js → index-DJia2Vg6.js}

@@ -1,4 +1,4 @@
-import { c as createStyled, r as resolveProps, u as useTheme, a as reactExports, b as clsx, d as useForkRef, j as jsxRuntimeExports, e as capitalize, f as composeClasses, g as createTheme, h as generateUtilityClass, i as generateUtilityClasses, k as useDefaultProps, s as styled$1, m as memoTheme, l as getDefaultExportFromCjs, n as requireReactDom, _ as _inheritsLoose, o as _objectWithoutPropertiesLoose$1, R as React, T as TransitionGroupContext, p as duration, q as useTheme$1, t as useTimeout, v as useId, B as ButtonBase, w as alpha, x as createSimplePaletteValueFilter, C as CircularProgress, P as Paper, y as darken, z as lighten, A as useEventCallback, D as setRef, E as useEnhancedEffect, F as useRtl, G as globalCss, H as formatMuiErrorMessage, I as rootShouldForwardProp, J as Typography, K as deepmerge, L as extendSxProp, M as resolveBreakpointValues, N as handleBreakpoints, O as getPath, Q as isFocusVisible, S as typographyClasses, U as slotShouldForwardProp, V as clamp, W as Timeout, X as React$1, Y as Box, Z as FontAwesomeIcon, $ as faRobot, a0 as faSliders, a1 as Button, a2 as faExclamationTriangle, a3 as faCheck, a4 as faTimes, a5 as faEraser, a6 as faPen, a7 as faInfoCircle, a8 as faGear, a9 as faServer, aa as faStar, ab as faTrash, ac as faCommentDots, ad as faCode, ae as faHome, af as faDownload, ag as faFileAlt, ah as faDesktop, ai as faImage, aj as faMusic, ak as faVideo, al as faLaptop, am as faUsers, an as faDatabase, ao as faBoxOpen, ap as faBook, aq as faHdd, ar as faBox, as as faArchive, at as faNetworkWired, au as faFolder, av as faFolderOpen, aw as faClock, ax as faChevronDown, ay as faTools, az as faArrowDown, aA as faPaperclip, aB as faStop, aC as faPaperPlane, aD as faUser, aE as faFile, aF as faEllipsisVertical, aG as faComment, aH as faChevronLeft, aI as faChevronRight, aJ as faPlus, aK as faSearch, aL as faCommentSlash, aM as faArrowRight, aN as faComments, aO as faTag, aP as faIdCard, aQ as faCalendarAlt, aR as faCodeBranch, aS as faShieldAlt, aT as faArrowLeft, aU as keyframes, aV as faShield, aW as faSignOut, aX as faLightbulb, aY as faMagicWandSparkles, aZ as faBrain, a_ as faWandMagicSparkles, a$ as faExternalLinkAlt, b0 as faKey, b1 as faGlobe, b2 as faLock, b3 as faEdit, b4 as faSave, b5 as faEnvelope, b6 as faCloudUploadAlt, b7 as faHistory, b8 as faListAlt, b9 as library$1, ba as icons$1, bb as CssBaseline, bc as ReactDOM$1, bd as ThemeProvider, be as theme, bf as ErrorBoundary } from "./theme-IY_ZyJQp.js";
+import { c as createStyled, r as resolveProps, u as useTheme, a as reactExports, b as clsx, d as useForkRef, j as jsxRuntimeExports, e as capitalize, f as composeClasses, g as createTheme, h as generateUtilityClass, i as generateUtilityClasses, k as useDefaultProps, s as styled$1, m as memoTheme, l as getDefaultExportFromCjs, n as requireReactDom, _ as _inheritsLoose, o as _objectWithoutPropertiesLoose$1, R as React, T as TransitionGroupContext, p as duration, q as useTheme$1, t as useTimeout, v as useId, B as ButtonBase, w as alpha, x as createSimplePaletteValueFilter, C as CircularProgress, P as Paper, y as darken, z as lighten, A as useEventCallback, D as setRef, E as useEnhancedEffect, F as useRtl, G as globalCss, H as formatMuiErrorMessage, I as rootShouldForwardProp, J as Typography, K as deepmerge, L as extendSxProp, M as resolveBreakpointValues, N as handleBreakpoints, O as getPath, Q as isFocusVisible, S as typographyClasses, U as slotShouldForwardProp, V as clamp, W as emphasize, X as Timeout, Y as React$1, Z as Box, $ as FontAwesomeIcon, a0 as faRobot, a1 as faSliders, a2 as Button, a3 as faExclamationTriangle, a4 as faCheck, a5 as faTimes, a6 as faEraser, a7 as faPen, a8 as faInfoCircle, a9 as faGear, aa as faServer, ab as faStar, ac as faTrash, ad as faCommentDots, ae as faCode, af as faHome, ag as faDownload, ah as faFileAlt, ai as faDesktop, aj as faImage, ak as faMusic, al as faVideo, am as faLaptop, an as faUsers, ao as faDatabase, ap as faBoxOpen, aq as faBook, ar as faHdd, as as faBox, at as faArchive, au as faNetworkWired, av as faFolder, aw as faFolderOpen, ax as faClock, ay as faChevronDown, az as faTools, aA as faArrowDown, aB as faPaperclip, aC as faStop, aD as faPaperPlane, aE as faUser, aF as faFile, aG as faEllipsisVertical, aH as faComment, aI as faChevronLeft, aJ as faChevronRight, aK as faPlus, aL as faSearch, aM as faCommentSlash, aN as faArrowRight, aO as faComments, aP as faTag, aQ as faIdCard, aR as faCalendarAlt, aS as faCodeBranch, aT as faShieldAlt, aU as faArrowLeft, aV as LinearProgress, aW as keyframes, aX as faShield, aY as faSignOut, aZ as faLightbulb, a_ as faMagicWandSparkles, a$ as faBrain, b0 as faWandMagicSparkles, b1 as faExternalLinkAlt, b2 as faKey, b3 as faGlobe, b4 as faLock, b5 as faEdit, b6 as faSave, b7 as faEnvelope, b8 as faCloudUploadAlt, b9 as faHistory, ba as faListAlt, bb as library$1, bc as icons$1, bd as CssBaseline, be as ReactDOM$1, bf as ThemeProvider, bg as theme, bh as ErrorBoundary } from "./theme-C9zRS1f0.js";
 const styled = createStyled();
 function getThemeProps(params) {
   const {
@@ -256,7 +256,7 @@ const useThemePropsDefault = (inProps) => useThemeProps({
   name: "MuiContainer",
   defaultTheme
 });
-const useUtilityClasses$Q = (ownerState, componentName) => {
+const useUtilityClasses$S = (ownerState, componentName) => {
   const getContainerUtilityClass = (slot) => {
     return generateUtilityClass(componentName, slot);
   };
@@ -346,7 +346,7 @@ function createContainer(options = {}) {
       fixed,
       maxWidth
     };
-    const classes = useUtilityClasses$Q(ownerState, componentName);
+    const classes = useUtilityClasses$S(ownerState, componentName);
     return (
       // @ts-ignore theme is injected by the styled util
       /* @__PURE__ */ jsxRuntimeExports.jsx(ContainerRoot, {
@@ -364,7 +364,7 @@ function getSvgIconUtilityClass(slot) {
   return generateUtilityClass("MuiSvgIcon", slot);
 }
 generateUtilityClasses("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const useUtilityClasses$P = (ownerState) => {
+const useUtilityClasses$R = (ownerState) => {
   const {
     color: color2,
     fontSize,
@@ -503,7 +503,7 @@ const SvgIcon = /* @__PURE__ */ reactExports.forwardRef(function SvgIcon2(inProp
   if (!inheritViewBox) {
     more.viewBox = viewBox;
   }
-  const classes = useUtilityClasses$P(ownerState);
+  const classes = useUtilityClasses$R(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(SvgIconRoot, {
     as: component,
     className: clsx(classes.root, className),
@@ -861,7 +861,7 @@ function getCollapseUtilityClass(slot) {
   return generateUtilityClass("MuiCollapse", slot);
 }
 generateUtilityClasses("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
-const useUtilityClasses$O = (ownerState) => {
+const useUtilityClasses$Q = (ownerState) => {
   const {
     orientation,
     classes
@@ -989,7 +989,7 @@ const Collapse = /* @__PURE__ */ reactExports.forwardRef(function Collapse2(inPr
     orientation,
     collapsedSize: collapsedSizeProp
   };
-  const classes = useUtilityClasses$O(ownerState);
+  const classes = useUtilityClasses$Q(ownerState);
   const theme2 = useTheme$1();
   const timer = useTimeout();
   const wrapperRef = reactExports.useRef(null);
@@ -1204,7 +1204,7 @@ function getIconButtonUtilityClass(slot) {
   return generateUtilityClass("MuiIconButton", slot);
 }
 const iconButtonClasses = generateUtilityClasses("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]);
-const useUtilityClasses$N = (ownerState) => {
+const useUtilityClasses$P = (ownerState) => {
   const {
     classes,
     disabled,
@@ -1390,7 +1390,7 @@ const IconButton = /* @__PURE__ */ reactExports.forwardRef(function IconButton2(
     loadingIndicator,
     size
   };
-  const classes = useUtilityClasses$N(ownerState);
+  const classes = useUtilityClasses$P(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(IconButtonRoot, {
     id: loading ? loadingId : idProp,
     className: clsx(classes.root, className),
@@ -1429,7 +1429,7 @@ const InfoOutlinedIcon = createSvgIcon(/* @__PURE__ */ jsxRuntimeExports.jsx("pa
 const ClearIcon = createSvgIcon(/* @__PURE__ */ jsxRuntimeExports.jsx("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "Close");
-const useUtilityClasses$M = (ownerState) => {
+const useUtilityClasses$O = (ownerState) => {
   const {
     variant,
     color: color2,
@@ -1584,7 +1584,7 @@ const Alert = /* @__PURE__ */ reactExports.forwardRef(function Alert2(inProps, r
     variant,
     colorSeverity: color2 || severity
   };
-  const classes = useUtilityClasses$M(ownerState);
+  const classes = useUtilityClasses$O(ownerState);
   const externalForwardedProps = {
     slots: {
       closeButton: components.CloseButton,
@@ -3937,7 +3937,7 @@ function resolveAnchorEl$1(anchorEl) {
 function isHTMLElement(element2) {
   return element2.nodeType !== void 0;
 }
-const useUtilityClasses$L = (ownerState) => {
+const useUtilityClasses$N = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -4038,7 +4038,7 @@ const PopperTooltip = /* @__PURE__ */ reactExports.forwardRef(function PopperToo
   if (TransitionProps !== null) {
     childProps.TransitionProps = TransitionProps;
   }
-  const classes = useUtilityClasses$L(props);
+  const classes = useUtilityClasses$N(props);
   const Root = slots.root ?? "div";
   const rootProps = useSlotProps({
     elementType: Root,
@@ -4186,7 +4186,7 @@ function getListSubheaderUtilityClass(slot) {
   return generateUtilityClass("MuiListSubheader", slot);
 }
 generateUtilityClasses("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutters", "inset", "sticky"]);
-const useUtilityClasses$K = (ownerState) => {
+const useUtilityClasses$M = (ownerState) => {
   const {
     classes,
     color: color2,
@@ -4281,7 +4281,7 @@ const ListSubheader = /* @__PURE__ */ reactExports.forwardRef(function ListSubhe
     disableSticky,
     inset
   };
-  const classes = useUtilityClasses$K(ownerState);
+  const classes = useUtilityClasses$M(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ListSubheaderRoot, {
     as: component,
     className: clsx(classes.root, className),
@@ -4300,7 +4300,7 @@ function getChipUtilityClass(slot) {
   return generateUtilityClass("MuiChip", slot);
 }
 const chipClasses = generateUtilityClasses("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]);
-const useUtilityClasses$J = (ownerState) => {
+const useUtilityClasses$L = (ownerState) => {
   const {
     classes,
     disabled,
@@ -4691,7 +4691,7 @@ const Chip = /* @__PURE__ */ reactExports.forwardRef(function Chip2(inProps, ref
     clickable,
     variant
   };
-  const classes = useUtilityClasses$J(ownerState);
+  const classes = useUtilityClasses$L(ownerState);
   const moreProps = component === ButtonBase ? {
     component: ComponentProp || "div",
     focusVisibleClassName: classes.focusVisible,
@@ -4948,7 +4948,7 @@ const inputOverridesResolver = (props, styles2) => {
   } = props;
   return [styles2.input, ownerState.size === "small" && styles2.inputSizeSmall, ownerState.multiline && styles2.inputMultiline, ownerState.type === "search" && styles2.inputTypeSearch, ownerState.startAdornment && styles2.inputAdornedStart, ownerState.endAdornment && styles2.inputAdornedEnd, ownerState.hiddenLabel && styles2.inputHiddenLabel];
 };
-const useUtilityClasses$I = (ownerState) => {
+const useUtilityClasses$K = (ownerState) => {
   const {
     classes,
     color: color2,
@@ -5334,7 +5334,7 @@ const InputBase = /* @__PURE__ */ reactExports.forwardRef(function InputBase2(in
     startAdornment,
     type
   };
-  const classes = useUtilityClasses$I(ownerState);
+  const classes = useUtilityClasses$K(ownerState);
   const Root = slots.root || components.Root || InputBaseRoot;
   const rootProps = slotProps.root || componentsProps.root || {};
   const Input3 = slots.input || components.Input || InputBaseInput;
@@ -5427,7 +5427,7 @@ function getAutocompleteUtilityClass(slot) {
 }
 const autocompleteClasses = generateUtilityClasses("MuiAutocomplete", ["root", "expanded", "fullWidth", "focused", "focusVisible", "tag", "tagSizeSmall", "tagSizeMedium", "hasPopupIcon", "hasClearIcon", "inputRoot", "input", "inputFocused", "endAdornment", "clearIndicator", "popupIndicator", "popupIndicatorOpen", "popper", "popperDisablePortal", "paper", "listbox", "loading", "noOptions", "option", "groupLabel", "groupUl"]);
 var _ClearIcon, _ArrowDropDownIcon;
-const useUtilityClasses$H = (ownerState) => {
+const useUtilityClasses$J = (ownerState) => {
   const {
     classes,
     disablePortal,
@@ -5923,7 +5923,7 @@ const Autocomplete = /* @__PURE__ */ reactExports.forwardRef(function Autocomple
     popupOpen,
     size
   };
-  const classes = useUtilityClasses$H(ownerState);
+  const classes = useUtilityClasses$J(ownerState);
   const externalForwardedProps = {
     slots: {
       paper: PaperComponentProp,
@@ -6138,7 +6138,7 @@ function getAvatarUtilityClass(slot) {
   return generateUtilityClass("MuiAvatar", slot);
 }
 generateUtilityClasses("MuiAvatar", ["root", "colorDefault", "circular", "rounded", "square", "img", "fallback"]);
-const useUtilityClasses$G = (ownerState) => {
+const useUtilityClasses$I = (ownerState) => {
   const {
     classes,
     variant,
@@ -6303,7 +6303,7 @@ const Avatar = /* @__PURE__ */ reactExports.forwardRef(function Avatar2(inProps,
   const hasImgNotFailing = hasImg && loaded !== "error";
   ownerState.colorDefault = !hasImgNotFailing;
   delete ownerState.ownerState;
-  const classes = useUtilityClasses$G(ownerState);
+  const classes = useUtilityClasses$I(ownerState);
   const [ImgSlot, imgSlotProps] = useSlot("img", {
     className: classes.img,
     elementType: AvatarImg,
@@ -6464,7 +6464,7 @@ function getBackdropUtilityClass(slot) {
   return generateUtilityClass("MuiBackdrop", slot);
 }
 generateUtilityClasses("MuiBackdrop", ["root", "invisible"]);
-const useUtilityClasses$F = (ownerState) => {
+const useUtilityClasses$H = (ownerState) => {
   const {
     classes,
     invisible
@@ -6527,7 +6527,7 @@ const Backdrop = /* @__PURE__ */ reactExports.forwardRef(function Backdrop2(inPr
     component,
     invisible
   };
-  const classes = useUtilityClasses$F(ownerState);
+  const classes = useUtilityClasses$H(ownerState);
   const backwardCompatibleSlots = {
     transition: TransitionComponentProp,
     root: components.Root,
@@ -6570,7 +6570,7 @@ function getCardUtilityClass(slot) {
   return generateUtilityClass("MuiCard", slot);
 }
 generateUtilityClasses("MuiCard", ["root"]);
-const useUtilityClasses$E = (ownerState) => {
+const useUtilityClasses$G = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -6600,7 +6600,7 @@ const Card = /* @__PURE__ */ reactExports.forwardRef(function Card2(inProps, ref
     ...props,
     raised
   };
-  const classes = useUtilityClasses$E(ownerState);
+  const classes = useUtilityClasses$G(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CardRoot, {
     className: clsx(classes.root, className),
     elevation: raised ? 8 : void 0,
@@ -6613,7 +6613,7 @@ function getCardContentUtilityClass(slot) {
   return generateUtilityClass("MuiCardContent", slot);
 }
 generateUtilityClasses("MuiCardContent", ["root"]);
-const useUtilityClasses$D = (ownerState) => {
+const useUtilityClasses$F = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -6646,7 +6646,7 @@ const CardContent = /* @__PURE__ */ reactExports.forwardRef(function CardContent
     ...props,
     component
   };
-  const classes = useUtilityClasses$D(ownerState);
+  const classes = useUtilityClasses$F(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CardContentRoot, {
     as: component,
     className: clsx(classes.root, className),
@@ -6659,7 +6659,7 @@ function getSwitchBaseUtilityClass(slot) {
   return generateUtilityClass("PrivateSwitchBase", slot);
 }
 generateUtilityClasses("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const useUtilityClasses$C = (ownerState) => {
+const useUtilityClasses$E = (ownerState) => {
   const {
     classes,
     checked,
@@ -6796,7 +6796,7 @@ const SwitchBase = /* @__PURE__ */ reactExports.forwardRef(function SwitchBase2(
     disableFocusRipple,
     edge
   };
-  const classes = useUtilityClasses$C(ownerState);
+  const classes = useUtilityClasses$E(ownerState);
   const externalForwardedProps = {
     slots,
     slotProps: {
@@ -7540,7 +7540,7 @@ function getModalUtilityClass(slot) {
   return generateUtilityClass("MuiModal", slot);
 }
 generateUtilityClasses("MuiModal", ["root", "hidden", "backdrop"]);
-const useUtilityClasses$B = (ownerState) => {
+const useUtilityClasses$D = (ownerState) => {
   const {
     open,
     exited,
@@ -7651,7 +7651,7 @@ const Modal = /* @__PURE__ */ reactExports.forwardRef(function Modal2(inProps, r
     ...propsWithDefaults,
     exited
   };
-  const classes = useUtilityClasses$B(ownerState);
+  const classes = useUtilityClasses$D(ownerState);
   const childProps = {};
   if (children.props.tabIndex === void 0) {
     childProps.tabIndex = "-1";
@@ -7744,7 +7744,7 @@ const DialogBackdrop = styled$1(Backdrop, {
   // Improve scrollable dialog support.
   zIndex: -1
 });
-const useUtilityClasses$A = (ownerState) => {
+const useUtilityClasses$C = (ownerState) => {
   const {
     classes,
     scroll,
@@ -7949,7 +7949,7 @@ const Dialog = /* @__PURE__ */ reactExports.forwardRef(function Dialog2(inProps,
     maxWidth,
     scroll
   };
-  const classes = useUtilityClasses$A(ownerState);
+  const classes = useUtilityClasses$C(ownerState);
   const backdropClick = reactExports.useRef();
   const handleMouseDown = (event) => {
     backdropClick.current = event.target === event.currentTarget;
@@ -8071,7 +8071,7 @@ function getDialogActionsUtilityClass(slot) {
   return generateUtilityClass("MuiDialogActions", slot);
 }
 generateUtilityClasses("MuiDialogActions", ["root", "spacing"]);
-const useUtilityClasses$z = (ownerState) => {
+const useUtilityClasses$B = (ownerState) => {
   const {
     classes,
     disableSpacing
@@ -8121,7 +8121,7 @@ const DialogActions = /* @__PURE__ */ reactExports.forwardRef(function DialogAct
     ...props,
     disableSpacing
   };
-  const classes = useUtilityClasses$z(ownerState);
+  const classes = useUtilityClasses$B(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogActionsRoot, {
     className: clsx(classes.root, className),
     ownerState,
@@ -8137,7 +8137,7 @@ function getDialogTitleUtilityClass(slot) {
   return generateUtilityClass("MuiDialogTitle", slot);
 }
 const dialogTitleClasses = generateUtilityClasses("MuiDialogTitle", ["root"]);
-const useUtilityClasses$y = (ownerState) => {
+const useUtilityClasses$A = (ownerState) => {
   const {
     classes,
     dividers
@@ -8198,7 +8198,7 @@ const DialogContent = /* @__PURE__ */ reactExports.forwardRef(function DialogCon
     ...props,
     dividers
   };
-  const classes = useUtilityClasses$y(ownerState);
+  const classes = useUtilityClasses$A(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContentRoot, {
     className: clsx(classes.root, className),
     ownerState,
@@ -8210,7 +8210,7 @@ function getDialogContentTextUtilityClass(slot) {
   return generateUtilityClass("MuiDialogContentText", slot);
 }
 generateUtilityClasses("MuiDialogContentText", ["root"]);
-const useUtilityClasses$x = (ownerState) => {
+const useUtilityClasses$z = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -8240,7 +8240,7 @@ const DialogContentText = /* @__PURE__ */ reactExports.forwardRef(function Dialo
     className,
     ...ownerState
   } = props;
-  const classes = useUtilityClasses$x(ownerState);
+  const classes = useUtilityClasses$z(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContentTextRoot, {
     component: "p",
     variant: "body1",
@@ -8252,7 +8252,7 @@ const DialogContentText = /* @__PURE__ */ reactExports.forwardRef(function Dialo
     classes
   });
 });
-const useUtilityClasses$w = (ownerState) => {
+const useUtilityClasses$y = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -8280,7 +8280,7 @@ const DialogTitle = /* @__PURE__ */ reactExports.forwardRef(function DialogTitle
     ...other
   } = props;
   const ownerState = props;
-  const classes = useUtilityClasses$w(ownerState);
+  const classes = useUtilityClasses$y(ownerState);
   const {
     titleId = idProp
   } = reactExports.useContext(DialogContext);
@@ -8298,7 +8298,7 @@ function getDividerUtilityClass(slot) {
   return generateUtilityClass("MuiDivider", slot);
 }
 const dividerClasses = generateUtilityClasses("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
-const useUtilityClasses$v = (ownerState) => {
+const useUtilityClasses$x = (ownerState) => {
   const {
     absolute,
     children,
@@ -8512,7 +8512,7 @@ const Divider = /* @__PURE__ */ reactExports.forwardRef(function Divider2(inProp
     textAlign,
     variant
   };
-  const classes = useUtilityClasses$v(ownerState);
+  const classes = useUtilityClasses$x(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(DividerRoot, {
     as: component,
     className: clsx(classes.root, className),
@@ -8745,7 +8745,7 @@ const overridesResolver$4 = (props, styles2) => {
   } = props;
   return [styles2.root, (ownerState.variant === "permanent" || ownerState.variant === "persistent") && styles2.docked, styles2.modal];
 };
-const useUtilityClasses$u = (ownerState) => {
+const useUtilityClasses$w = (ownerState) => {
   const {
     classes,
     anchor,
@@ -8935,7 +8935,7 @@ const Drawer = /* @__PURE__ */ reactExports.forwardRef(function Drawer2(inProps,
     variant,
     ...other
   };
-  const classes = useUtilityClasses$u(ownerState);
+  const classes = useUtilityClasses$w(ownerState);
   const externalForwardedProps = {
     slots: {
       transition: TransitionComponent,
@@ -9032,7 +9032,7 @@ const Drawer = /* @__PURE__ */ reactExports.forwardRef(function Drawer2(inProps,
     children: slidingDrawer
   });
 });
-const useUtilityClasses$t = (ownerState) => {
+const useUtilityClasses$v = (ownerState) => {
   const {
     classes,
     disableUnderline,
@@ -9311,7 +9311,7 @@ const FilledInput = /* @__PURE__ */ reactExports.forwardRef(function FilledInput
     multiline,
     type
   };
-  const classes = useUtilityClasses$t(props);
+  const classes = useUtilityClasses$v(props);
   const filledInputComponentsProps = {
     root: {
       ownerState
@@ -9343,7 +9343,7 @@ function getFormControlUtilityClasses(slot) {
   return generateUtilityClass("MuiFormControl", slot);
 }
 generateUtilityClasses("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
-const useUtilityClasses$s = (ownerState) => {
+const useUtilityClasses$u = (ownerState) => {
   const {
     classes,
     margin,
@@ -9433,7 +9433,7 @@ const FormControl = /* @__PURE__ */ reactExports.forwardRef(function FormControl
     size,
     variant
   };
-  const classes = useUtilityClasses$s(ownerState);
+  const classes = useUtilityClasses$u(ownerState);
   const [adornedStart, setAdornedStart] = reactExports.useState(() => {
     let initialAdornedStart = false;
     if (children) {
@@ -9518,7 +9518,7 @@ function getFormHelperTextUtilityClasses(slot) {
 }
 const formHelperTextClasses = generateUtilityClasses("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
 var _span$3;
-const useUtilityClasses$r = (ownerState) => {
+const useUtilityClasses$t = (ownerState) => {
   const {
     classes,
     contained,
@@ -9613,7 +9613,7 @@ const FormHelperText = /* @__PURE__ */ reactExports.forwardRef(function FormHelp
     required: fcs.required
   };
   delete ownerState.ownerState;
-  const classes = useUtilityClasses$r(ownerState);
+  const classes = useUtilityClasses$t(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(FormHelperTextRoot, {
     as: component,
     className: clsx(classes.root, className),
@@ -9634,7 +9634,7 @@ function getFormLabelUtilityClasses(slot) {
   return generateUtilityClass("MuiFormLabel", slot);
 }
 const formLabelClasses = generateUtilityClasses("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]);
-const useUtilityClasses$q = (ownerState) => {
+const useUtilityClasses$s = (ownerState) => {
   const {
     classes,
     color: color2,
@@ -9732,7 +9732,7 @@ const FormLabel = /* @__PURE__ */ reactExports.forwardRef(function FormLabel2(in
     focused: fcs.focused,
     required: fcs.required
   };
-  const classes = useUtilityClasses$q(ownerState);
+  const classes = useUtilityClasses$s(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(FormLabelRoot, {
     as: component,
     ownerState,
@@ -10060,7 +10060,7 @@ function resolveSpacingClasses(spacing, breakpoints) {
   });
   return classes;
 }
-const useUtilityClasses$p = (ownerState) => {
+const useUtilityClasses$r = (ownerState) => {
   const {
     classes,
     container,
@@ -10138,7 +10138,7 @@ const Grid = /* @__PURE__ */ reactExports.forwardRef(function Grid2(inProps, ref
     ...breakpointsValues,
     breakpoints: breakpoints.keys
   };
-  const classes = useUtilityClasses$p(ownerState);
+  const classes = useUtilityClasses$r(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridContext.Provider, {
     value: columns,
     children: /* @__PURE__ */ jsxRuntimeExports.jsx(GridRoot, {
@@ -10310,7 +10310,7 @@ const Grow = /* @__PURE__ */ reactExports.forwardRef(function Grow2(props, ref)
 if (Grow) {
   Grow.muiSupportAuto = true;
 }
-const useUtilityClasses$o = (ownerState) => {
+const useUtilityClasses$q = (ownerState) => {
   const {
     classes,
     disableUnderline
@@ -10443,7 +10443,7 @@ const Input = /* @__PURE__ */ reactExports.forwardRef(function Input2(inProps, r
     type = "text",
     ...other
   } = props;
-  const classes = useUtilityClasses$o(props);
+  const classes = useUtilityClasses$q(props);
   const ownerState = {
     disableUnderline
   };
@@ -10482,7 +10482,7 @@ const overridesResolver$3 = (props, styles2) => {
   } = props;
   return [styles2.root, styles2[`position${capitalize(ownerState.position)}`], ownerState.disablePointerEvents === true && styles2.disablePointerEvents, styles2[ownerState.variant]];
 };
-const useUtilityClasses$n = (ownerState) => {
+const useUtilityClasses$p = (ownerState) => {
   const {
     classes,
     disablePointerEvents,
@@ -10569,7 +10569,7 @@ const InputAdornment = /* @__PURE__ */ reactExports.forwardRef(function InputAdo
     position: position2,
     variant
   };
-  const classes = useUtilityClasses$n(ownerState);
+  const classes = useUtilityClasses$p(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(FormControlContext.Provider, {
     value: null,
     children: /* @__PURE__ */ jsxRuntimeExports.jsx(InputAdornmentRoot, {
@@ -10598,7 +10598,7 @@ function getInputLabelUtilityClasses(slot) {
   return generateUtilityClass("MuiInputLabel", slot);
 }
 generateUtilityClasses("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]);
-const useUtilityClasses$m = (ownerState) => {
+const useUtilityClasses$o = (ownerState) => {
   const {
     classes,
     formControl,
@@ -10787,7 +10787,7 @@ const InputLabel = /* @__PURE__ */ reactExports.forwardRef(function InputLabel2(
     required: fcs.required,
     focused: fcs.focused
   };
-  const classes = useUtilityClasses$m(ownerState);
+  const classes = useUtilityClasses$o(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(InputLabelRoot, {
     "data-shrink": shrink,
     ref,
@@ -10824,7 +10824,7 @@ const v6Colors = {
   textSecondary: true,
   textDisabled: true
 };
-const useUtilityClasses$l = (ownerState) => {
+const useUtilityClasses$n = (ownerState) => {
   const {
     classes,
     component,
@@ -10994,7 +10994,7 @@ const Link = /* @__PURE__ */ reactExports.forwardRef(function Link2(inProps, ref
     underline,
     variant
   };
-  const classes = useUtilityClasses$l(ownerState);
+  const classes = useUtilityClasses$n(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(LinkRoot, {
     color: color2,
     className: clsx(classes.root, className),
@@ -11025,7 +11025,7 @@ function getListUtilityClass(slot) {
   return generateUtilityClass("MuiList", slot);
 }
 generateUtilityClasses("MuiList", ["root", "padding", "dense", "subheader"]);
-const useUtilityClasses$k = (ownerState) => {
+const useUtilityClasses$m = (ownerState) => {
   const {
     classes,
     disablePadding,
@@ -11091,7 +11091,7 @@ const List$1 = /* @__PURE__ */ reactExports.forwardRef(function List2(inProps, r
     dense,
     disablePadding
   };
-  const classes = useUtilityClasses$k(ownerState);
+  const classes = useUtilityClasses$m(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ListContext.Provider, {
     value: context,
     children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ListRoot, {
@@ -11118,7 +11118,7 @@ const overridesResolver$2 = (props, styles2) => {
   } = props;
   return [styles2.root, ownerState.dense && styles2.dense, ownerState.alignItems === "flex-start" && styles2.alignItemsFlexStart, ownerState.divider && styles2.divider, !ownerState.disableGutters && styles2.gutters];
 };
-const useUtilityClasses$j = (ownerState) => {
+const useUtilityClasses$l = (ownerState) => {
   const {
     alignItems,
     classes,
@@ -11259,7 +11259,7 @@ const ListItemButton = /* @__PURE__ */ reactExports.forwardRef(function ListItem
     divider,
     selected
   };
-  const classes = useUtilityClasses$j(ownerState);
+  const classes = useUtilityClasses$l(ownerState);
   const handleRef = useForkRef(listItemRef, ref);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ListContext.Provider, {
     value: childContext,
@@ -11280,7 +11280,7 @@ function getListItemSecondaryActionClassesUtilityClass(slot) {
   return generateUtilityClass("MuiListItemSecondaryAction", slot);
 }
 generateUtilityClasses("MuiListItemSecondaryAction", ["root", "disableGutters"]);
-const useUtilityClasses$i = (ownerState) => {
+const useUtilityClasses$k = (ownerState) => {
   const {
     disableGutters,
     classes
@@ -11327,7 +11327,7 @@ const ListItemSecondaryAction = /* @__PURE__ */ reactExports.forwardRef(function
     ...props,
     disableGutters: context.disableGutters
   };
-  const classes = useUtilityClasses$i(ownerState);
+  const classes = useUtilityClasses$k(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemSecondaryActionRoot, {
     className: clsx(classes.root, className),
     ownerState,
@@ -11342,7 +11342,7 @@ const overridesResolver$1 = (props, styles2) => {
   } = props;
   return [styles2.root, ownerState.dense && styles2.dense, ownerState.alignItems === "flex-start" && styles2.alignItemsFlexStart, ownerState.divider && styles2.divider, !ownerState.disableGutters && styles2.gutters, !ownerState.disablePadding && styles2.padding, ownerState.hasSecondaryAction && styles2.secondaryAction];
 };
-const useUtilityClasses$h = (ownerState) => {
+const useUtilityClasses$j = (ownerState) => {
   const {
     alignItems,
     classes,
@@ -11509,7 +11509,7 @@ const ListItem = /* @__PURE__ */ reactExports.forwardRef(function ListItem2(inPr
     divider,
     hasSecondaryAction
   };
-  const classes = useUtilityClasses$h(ownerState);
+  const classes = useUtilityClasses$j(ownerState);
   const handleRef = useForkRef(listItemRef, ref);
   const Root = slots.root || components.Root || ListItemRoot;
   const rootProps = slotProps.root || componentsProps.root || {};
@@ -11573,7 +11573,7 @@ function getListItemAvatarUtilityClass(slot) {
   return generateUtilityClass("MuiListItemAvatar", slot);
 }
 generateUtilityClasses("MuiListItemAvatar", ["root", "alignItemsFlexStart"]);
-const useUtilityClasses$g = (ownerState) => {
+const useUtilityClasses$i = (ownerState) => {
   const {
     alignItems,
     classes
@@ -11618,7 +11618,7 @@ const ListItemAvatar = /* @__PURE__ */ reactExports.forwardRef(function ListItem
     ...props,
     alignItems: context.alignItems
   };
-  const classes = useUtilityClasses$g(ownerState);
+  const classes = useUtilityClasses$i(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemAvatarRoot, {
     className: clsx(classes.root, className),
     ownerState,
@@ -11630,7 +11630,7 @@ function getListItemIconUtilityClass(slot) {
   return generateUtilityClass("MuiListItemIcon", slot);
 }
 const listItemIconClasses = generateUtilityClasses("MuiListItemIcon", ["root", "alignItemsFlexStart"]);
-const useUtilityClasses$f = (ownerState) => {
+const useUtilityClasses$h = (ownerState) => {
   const {
     alignItems,
     classes
@@ -11679,7 +11679,7 @@ const ListItemIcon = /* @__PURE__ */ reactExports.forwardRef(function ListItemIc
     ...props,
     alignItems: context.alignItems
   };
-  const classes = useUtilityClasses$f(ownerState);
+  const classes = useUtilityClasses$h(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIconRoot, {
     className: clsx(classes.root, className),
     ownerState,
@@ -11691,7 +11691,7 @@ function getListItemTextUtilityClass(slot) {
   return generateUtilityClass("MuiListItemText", slot);
 }
 const listItemTextClasses = generateUtilityClasses("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
-const useUtilityClasses$e = (ownerState) => {
+const useUtilityClasses$g = (ownerState) => {
   const {
     classes,
     inset,
@@ -11778,7 +11778,7 @@ const ListItemText = /* @__PURE__ */ reactExports.forwardRef(function ListItemTe
     secondary: !!secondary,
     dense
   };
-  const classes = useUtilityClasses$e(ownerState);
+  const classes = useUtilityClasses$g(ownerState);
   const externalForwardedProps = {
     slots,
     slotProps: {
@@ -12048,7 +12048,7 @@ function getTransformOriginValue(transformOrigin) {
 function resolveAnchorEl(anchorEl) {
   return typeof anchorEl === "function" ? anchorEl() : anchorEl;
 }
-const useUtilityClasses$d = (ownerState) => {
+const useUtilityClasses$f = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -12128,7 +12128,7 @@ const Popover = /* @__PURE__ */ reactExports.forwardRef(function Popover2(inProp
     transitionDuration: transitionDurationProp,
     TransitionProps
   };
-  const classes = useUtilityClasses$d(ownerState);
+  const classes = useUtilityClasses$f(ownerState);
   const getAnchorOffset = reactExports.useCallback(() => {
     if (anchorReference === "anchorPosition") {
       return anchorPosition;
@@ -12350,7 +12350,7 @@ const LTR_ORIGIN = {
   vertical: "top",
   horizontal: "left"
 };
-const useUtilityClasses$c = (ownerState) => {
+const useUtilityClasses$e = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -12424,7 +12424,7 @@ const Menu = /* @__PURE__ */ reactExports.forwardRef(function Menu2(inProps, ref
     TransitionProps,
     variant
   };
-  const classes = useUtilityClasses$c(ownerState);
+  const classes = useUtilityClasses$e(ownerState);
   const autoFocusItem = autoFocus && !disableAutoFocusItem && open;
   const menuListActionsRef = reactExports.useRef(null);
   const handleEntering = (element2, isAppearing) => {
@@ -12549,7 +12549,7 @@ const overridesResolver = (props, styles2) => {
   } = props;
   return [styles2.root, ownerState.dense && styles2.dense, ownerState.divider && styles2.divider, !ownerState.disableGutters && styles2.gutters];
 };
-const useUtilityClasses$b = (ownerState) => {
+const useUtilityClasses$d = (ownerState) => {
   const {
     disabled,
     dense,
@@ -12707,7 +12707,7 @@ const MenuItem = /* @__PURE__ */ reactExports.forwardRef(function MenuItem2(inPr
     divider,
     disableGutters
   };
-  const classes = useUtilityClasses$b(props);
+  const classes = useUtilityClasses$d(props);
   const handleRef = useForkRef(menuItemRef, ref);
   let tabIndex;
   if (!props.disabled) {
@@ -12732,7 +12732,7 @@ function getNativeSelectUtilityClasses(slot) {
   return generateUtilityClass("MuiNativeSelect", slot);
 }
 const nativeSelectClasses = generateUtilityClasses("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
-const useUtilityClasses$a = (ownerState) => {
+const useUtilityClasses$c = (ownerState) => {
   const {
     classes,
     variant,
@@ -12887,7 +12887,7 @@ const NativeSelectInput = /* @__PURE__ */ reactExports.forwardRef(function Nativ
     variant,
     error
   };
-  const classes = useUtilityClasses$a(ownerState);
+  const classes = useUtilityClasses$c(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Fragment, {
     children: [/* @__PURE__ */ jsxRuntimeExports.jsx(NativeSelectSelect, {
       ownerState,
@@ -13020,7 +13020,7 @@ function NotchedOutline(props) {
     })
   });
 }
-const useUtilityClasses$9 = (ownerState) => {
+const useUtilityClasses$b = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -13199,7 +13199,7 @@ const OutlinedInput = /* @__PURE__ */ reactExports.forwardRef(function OutlinedI
     type = "text",
     ...other
   } = props;
-  const classes = useUtilityClasses$9(props);
+  const classes = useUtilityClasses$b(props);
   const muiFormControl = useFormControl();
   const fcs = formControlState({
     props,
@@ -13320,7 +13320,7 @@ function areEqualValues(a, b2) {
 function isEmpty(display) {
   return display == null || typeof display === "string" && !display.trim();
 }
-const useUtilityClasses$8 = (ownerState) => {
+const useUtilityClasses$a = (ownerState) => {
   const {
     classes,
     variant,
@@ -13622,7 +13622,7 @@ const SelectInput = /* @__PURE__ */ reactExports.forwardRef(function SelectInput
     open,
     error
   };
-  const classes = useUtilityClasses$8(ownerState);
+  const classes = useUtilityClasses$a(ownerState);
   const paperProps = {
     ...MenuProps.PaperProps,
     ...MenuProps.slotProps?.paper
@@ -13713,7 +13713,7 @@ const SelectInput = /* @__PURE__ */ reactExports.forwardRef(function SelectInput
     })]
   });
 });
-const useUtilityClasses$7 = (ownerState) => {
+const useUtilityClasses$9 = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -13777,7 +13777,7 @@ const Select = /* @__PURE__ */ reactExports.forwardRef(function Select2(inProps,
     variant,
     classes: classesProp
   };
-  const classes = useUtilityClasses$7(ownerState);
+  const classes = useUtilityClasses$9(ownerState);
   const {
     root: root2,
     ...restOfClasses
@@ -15010,7 +15010,7 @@ const SliderMarkLabel = styled$1("span", {
     }
   }]
 })));
-const useUtilityClasses$6 = (ownerState) => {
+const useUtilityClasses$8 = (ownerState) => {
   const {
     disabled,
     dragging,
@@ -15123,7 +15123,7 @@ const Slider = /* @__PURE__ */ reactExports.forwardRef(function Slider2(inputPro
   ownerState.marked = marks.length > 0 && marks.some((mark2) => mark2.label);
   ownerState.dragging = dragging;
   ownerState.focusedThumbIndex = focusedThumbIndex;
-  const classes = useUtilityClasses$6(ownerState);
+  const classes = useUtilityClasses$8(ownerState);
   const RootSlot = slots?.root ?? components.Root ?? SliderRoot;
   const RailSlot = slots?.rail ?? components.Rail ?? SliderRail;
   const TrackSlot = slots?.track ?? components.Track ?? SliderTrack;
@@ -15296,6 +15296,445 @@ const Slider = /* @__PURE__ */ reactExports.forwardRef(function Slider2(inputPro
     })]
   });
 });
+function useSnackbar(parameters = {}) {
+  const {
+    autoHideDuration = null,
+    disableWindowBlurListener = false,
+    onClose,
+    open,
+    resumeHideDuration
+  } = parameters;
+  const timerAutoHide = useTimeout();
+  reactExports.useEffect(() => {
+    if (!open) {
+      return void 0;
+    }
+    function handleKeyDown(nativeEvent) {
+      if (!nativeEvent.defaultPrevented) {
+        if (nativeEvent.key === "Escape") {
+          onClose?.(nativeEvent, "escapeKeyDown");
+        }
+      }
+    }
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open, onClose]);
+  const handleClose = useEventCallback((event, reason) => {
+    onClose?.(event, reason);
+  });
+  const setAutoHideTimer = useEventCallback((autoHideDurationParam) => {
+    if (!onClose || autoHideDurationParam == null) {
+      return;
+    }
+    timerAutoHide.start(autoHideDurationParam, () => {
+      handleClose(null, "timeout");
+    });
+  });
+  reactExports.useEffect(() => {
+    if (open) {
+      setAutoHideTimer(autoHideDuration);
+    }
+    return timerAutoHide.clear;
+  }, [open, autoHideDuration, setAutoHideTimer, timerAutoHide]);
+  const handleClickAway = (event) => {
+    onClose?.(event, "clickaway");
+  };
+  const handlePause = timerAutoHide.clear;
+  const handleResume = reactExports.useCallback(() => {
+    if (autoHideDuration != null) {
+      setAutoHideTimer(resumeHideDuration != null ? resumeHideDuration : autoHideDuration * 0.5);
+    }
+  }, [autoHideDuration, resumeHideDuration, setAutoHideTimer]);
+  const createHandleBlur = (otherHandlers) => (event) => {
+    const onBlurCallback = otherHandlers.onBlur;
+    onBlurCallback?.(event);
+    handleResume();
+  };
+  const createHandleFocus = (otherHandlers) => (event) => {
+    const onFocusCallback = otherHandlers.onFocus;
+    onFocusCallback?.(event);
+    handlePause();
+  };
+  const createMouseEnter = (otherHandlers) => (event) => {
+    const onMouseEnterCallback = otherHandlers.onMouseEnter;
+    onMouseEnterCallback?.(event);
+    handlePause();
+  };
+  const createMouseLeave = (otherHandlers) => (event) => {
+    const onMouseLeaveCallback = otherHandlers.onMouseLeave;
+    onMouseLeaveCallback?.(event);
+    handleResume();
+  };
+  reactExports.useEffect(() => {
+    if (!disableWindowBlurListener && open) {
+      window.addEventListener("focus", handleResume);
+      window.addEventListener("blur", handlePause);
+      return () => {
+        window.removeEventListener("focus", handleResume);
+        window.removeEventListener("blur", handlePause);
+      };
+    }
+    return void 0;
+  }, [disableWindowBlurListener, open, handleResume, handlePause]);
+  const getRootProps = (externalProps = {}) => {
+    const externalEventHandlers = {
+      ...extractEventHandlers(parameters),
+      ...extractEventHandlers(externalProps)
+    };
+    return {
+      // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
+      // See https://github.com/mui/material-ui/issues/29080
+      role: "presentation",
+      ...externalProps,
+      ...externalEventHandlers,
+      onBlur: createHandleBlur(externalEventHandlers),
+      onFocus: createHandleFocus(externalEventHandlers),
+      onMouseEnter: createMouseEnter(externalEventHandlers),
+      onMouseLeave: createMouseLeave(externalEventHandlers)
+    };
+  };
+  return {
+    getRootProps,
+    onClickAway: handleClickAway
+  };
+}
+function getSnackbarContentUtilityClass(slot) {
+  return generateUtilityClass("MuiSnackbarContent", slot);
+}
+generateUtilityClasses("MuiSnackbarContent", ["root", "message", "action"]);
+const useUtilityClasses$7 = (ownerState) => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ["root"],
+    action: ["action"],
+    message: ["message"]
+  };
+  return composeClasses(slots, getSnackbarContentUtilityClass, classes);
+};
+const SnackbarContentRoot = styled$1(Paper, {
+  name: "MuiSnackbarContent",
+  slot: "Root",
+  overridesResolver: (props, styles2) => styles2.root
+})(memoTheme(({
+  theme: theme2
+}) => {
+  const emphasis2 = theme2.palette.mode === "light" ? 0.8 : 0.98;
+  const backgroundColor = emphasize(theme2.palette.background.default, emphasis2);
+  return {
+    ...theme2.typography.body2,
+    color: theme2.vars ? theme2.vars.palette.SnackbarContent.color : theme2.palette.getContrastText(backgroundColor),
+    backgroundColor: theme2.vars ? theme2.vars.palette.SnackbarContent.bg : backgroundColor,
+    display: "flex",
+    alignItems: "center",
+    flexWrap: "wrap",
+    padding: "6px 16px",
+    borderRadius: (theme2.vars || theme2).shape.borderRadius,
+    flexGrow: 1,
+    [theme2.breakpoints.up("sm")]: {
+      flexGrow: "initial",
+      minWidth: 288
+    }
+  };
+}));
+const SnackbarContentMessage = styled$1("div", {
+  name: "MuiSnackbarContent",
+  slot: "Message",
+  overridesResolver: (props, styles2) => styles2.message
+})({
+  padding: "8px 0"
+});
+const SnackbarContentAction = styled$1("div", {
+  name: "MuiSnackbarContent",
+  slot: "Action",
+  overridesResolver: (props, styles2) => styles2.action
+})({
+  display: "flex",
+  alignItems: "center",
+  marginLeft: "auto",
+  paddingLeft: 16,
+  marginRight: -8
+});
+const SnackbarContent = /* @__PURE__ */ reactExports.forwardRef(function SnackbarContent2(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: "MuiSnackbarContent"
+  });
+  const {
+    action,
+    className,
+    message: message2,
+    role = "alert",
+    ...other
+  } = props;
+  const ownerState = props;
+  const classes = useUtilityClasses$7(ownerState);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SnackbarContentRoot, {
+    role,
+    square: true,
+    elevation: 6,
+    className: clsx(classes.root, className),
+    ownerState,
+    ref,
+    ...other,
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(SnackbarContentMessage, {
+      className: classes.message,
+      ownerState,
+      children: message2
+    }), action ? /* @__PURE__ */ jsxRuntimeExports.jsx(SnackbarContentAction, {
+      className: classes.action,
+      ownerState,
+      children: action
+    }) : null]
+  });
+});
+function getSnackbarUtilityClass(slot) {
+  return generateUtilityClass("MuiSnackbar", slot);
+}
+generateUtilityClasses("MuiSnackbar", ["root", "anchorOriginTopCenter", "anchorOriginBottomCenter", "anchorOriginTopRight", "anchorOriginBottomRight", "anchorOriginTopLeft", "anchorOriginBottomLeft"]);
+const useUtilityClasses$6 = (ownerState) => {
+  const {
+    classes,
+    anchorOrigin
+  } = ownerState;
+  const slots = {
+    root: ["root", `anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}`]
+  };
+  return composeClasses(slots, getSnackbarUtilityClass, classes);
+};
+const SnackbarRoot = styled$1("div", {
+  name: "MuiSnackbar",
+  slot: "Root",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.root, styles2[`anchorOrigin${capitalize(ownerState.anchorOrigin.vertical)}${capitalize(ownerState.anchorOrigin.horizontal)}`]];
+  }
+})(memoTheme(({
+  theme: theme2
+}) => ({
+  zIndex: (theme2.vars || theme2).zIndex.snackbar,
+  position: "fixed",
+  display: "flex",
+  left: 8,
+  right: 8,
+  justifyContent: "center",
+  alignItems: "center",
+  variants: [{
+    props: ({
+      ownerState
+    }) => ownerState.anchorOrigin.vertical === "top",
+    style: {
+      top: 8,
+      [theme2.breakpoints.up("sm")]: {
+        top: 24
+      }
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.anchorOrigin.vertical !== "top",
+    style: {
+      bottom: 8,
+      [theme2.breakpoints.up("sm")]: {
+        bottom: 24
+      }
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.anchorOrigin.horizontal === "left",
+    style: {
+      justifyContent: "flex-start",
+      [theme2.breakpoints.up("sm")]: {
+        left: 24,
+        right: "auto"
+      }
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.anchorOrigin.horizontal === "right",
+    style: {
+      justifyContent: "flex-end",
+      [theme2.breakpoints.up("sm")]: {
+        right: 24,
+        left: "auto"
+      }
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.anchorOrigin.horizontal === "center",
+    style: {
+      [theme2.breakpoints.up("sm")]: {
+        left: "50%",
+        right: "auto",
+        transform: "translateX(-50%)"
+      }
+    }
+  }]
+})));
+const Snackbar = /* @__PURE__ */ reactExports.forwardRef(function Snackbar2(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: "MuiSnackbar"
+  });
+  const theme2 = useTheme$1();
+  const defaultTransitionDuration = {
+    enter: theme2.transitions.duration.enteringScreen,
+    exit: theme2.transitions.duration.leavingScreen
+  };
+  const {
+    action,
+    anchorOrigin: {
+      vertical,
+      horizontal
+    } = {
+      vertical: "bottom",
+      horizontal: "left"
+    },
+    autoHideDuration = null,
+    children,
+    className,
+    ClickAwayListenerProps: ClickAwayListenerPropsProp,
+    ContentProps: ContentPropsProp,
+    disableWindowBlurListener = false,
+    message: message2,
+    onBlur,
+    onClose,
+    onFocus,
+    onMouseEnter,
+    onMouseLeave,
+    open,
+    resumeHideDuration,
+    slots = {},
+    slotProps = {},
+    TransitionComponent: TransitionComponentProp,
+    transitionDuration = defaultTransitionDuration,
+    TransitionProps: {
+      onEnter,
+      onExited,
+      ...TransitionPropsProp
+    } = {},
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
+    anchorOrigin: {
+      vertical,
+      horizontal
+    },
+    autoHideDuration,
+    disableWindowBlurListener,
+    TransitionComponent: TransitionComponentProp,
+    transitionDuration
+  };
+  const classes = useUtilityClasses$6(ownerState);
+  const {
+    getRootProps,
+    onClickAway
+  } = useSnackbar({
+    ...ownerState
+  });
+  const [exited, setExited] = reactExports.useState(true);
+  const handleExited = (node2) => {
+    setExited(true);
+    if (onExited) {
+      onExited(node2);
+    }
+  };
+  const handleEnter = (node2, isAppearing) => {
+    setExited(false);
+    if (onEnter) {
+      onEnter(node2, isAppearing);
+    }
+  };
+  const externalForwardedProps = {
+    slots: {
+      transition: TransitionComponentProp,
+      ...slots
+    },
+    slotProps: {
+      content: ContentPropsProp,
+      clickAwayListener: ClickAwayListenerPropsProp,
+      transition: TransitionPropsProp,
+      ...slotProps
+    }
+  };
+  const [Root, rootProps] = useSlot("root", {
+    ref,
+    className: [classes.root, className],
+    elementType: SnackbarRoot,
+    getSlotProps: getRootProps,
+    externalForwardedProps: {
+      ...externalForwardedProps,
+      ...other
+    },
+    ownerState
+  });
+  const [ClickAwaySlot, clickAwayListenerProps] = useSlot("clickAwayListener", {
+    elementType: ClickAwayListener,
+    externalForwardedProps,
+    getSlotProps: (handlers2) => ({
+      onClickAway: (...params) => {
+        handlers2.onClickAway?.(...params);
+        onClickAway(...params);
+      }
+    }),
+    ownerState
+  });
+  const [ContentSlot, contentSlotProps] = useSlot("content", {
+    elementType: SnackbarContent,
+    shouldForwardComponentProp: true,
+    externalForwardedProps,
+    additionalProps: {
+      message: message2,
+      action
+    },
+    ownerState
+  });
+  const [TransitionSlot, transitionProps] = useSlot("transition", {
+    elementType: Grow,
+    externalForwardedProps,
+    getSlotProps: (handlers2) => ({
+      onEnter: (...params) => {
+        handlers2.onEnter?.(...params);
+        handleEnter(...params);
+      },
+      onExited: (...params) => {
+        handlers2.onExited?.(...params);
+        handleExited(...params);
+      }
+    }),
+    additionalProps: {
+      appear: true,
+      in: open,
+      timeout: transitionDuration,
+      direction: vertical === "top" ? "down" : "up"
+    },
+    ownerState
+  });
+  if (!open && exited) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ClickAwaySlot, {
+    ...clickAwayListenerProps,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Root, {
+      ...rootProps,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(TransitionSlot, {
+        ...transitionProps,
+        children: children || /* @__PURE__ */ jsxRuntimeExports.jsx(ContentSlot, {
+          ...contentSlotProps
+        })
+      })
+    })
+  });
+});
 function getTooltipUtilityClass(slot) {
   return generateUtilityClass("MuiTooltip", slot);
 }
@@ -25278,6 +25717,19 @@ const HealthApi = {
       );
     }
     return response.json();
+  },
+  /**
+   * Get the server version from the health check response
+   * Handles backward compatibility with older server versions
+   *
+   * @param healthResponse - The health check response
+   * @returns The server version or "Unknown (update required)" if not available
+   */
+  getServerVersion(healthResponse) {
+    if (healthResponse.result?.version) {
+      return healthResponse.result.version;
+    }
+    return "Unknown (update required)";
   }
 };
 const JobsApi = {
@@ -31031,7 +31483,7 @@ const SidebarContent = styled$1(Box)({
     borderRadius: "4px"
   }
 });
-const SectionTitle$5 = styled$1(Typography)(({ theme: theme2 }) => ({
+const SectionTitle$6 = styled$1(Typography)(({ theme: theme2 }) => ({
   fontWeight: 600,
   marginBottom: theme2.spacing(2),
   marginTop: theme2.spacing(3),
@@ -31675,7 +32127,7 @@ const GenerationSettingsSection = ({
   updateAgentMutation
 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionTitle$5, { variant: "subtitle1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionTitle$6, { variant: "subtitle1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(TitleIcon$3, { icon: faSliders }),
       "Generation Settings",
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -42431,7 +42883,7 @@ const ModelHostingSection = ({
   updateAgentMutation
 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionTitle$5, { variant: "subtitle1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionTitle$6, { variant: "subtitle1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(TitleIcon$3, { icon: faServer }),
       "Model & Hosting",
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -80594,8 +81046,8 @@ var unitlessKeys = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-var define_process_env_default = {};
-var f = "undefined" != typeof process && void 0 !== define_process_env_default && (define_process_env_default.REACT_APP_SC_ATTR || define_process_env_default.SC_ATTR) || "data-styled", m = "active", y = "data-styled-version", v = "6.1.15", g = "/*!sc*/\n", S = "undefined" != typeof window && "HTMLElement" in window, w = Boolean("boolean" == typeof SC_DISABLE_SPEEDY ? SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== define_process_env_default && void 0 !== define_process_env_default.REACT_APP_SC_DISABLE_SPEEDY && "" !== define_process_env_default.REACT_APP_SC_DISABLE_SPEEDY ? "false" !== define_process_env_default.REACT_APP_SC_DISABLE_SPEEDY && define_process_env_default.REACT_APP_SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== define_process_env_default && void 0 !== define_process_env_default.SC_DISABLE_SPEEDY && "" !== define_process_env_default.SC_DISABLE_SPEEDY ? "false" !== define_process_env_default.SC_DISABLE_SPEEDY && define_process_env_default.SC_DISABLE_SPEEDY : false), b = {}, _ = Object.freeze([]), C = Object.freeze({});
+var define_process_env_default$1 = {};
+var f = "undefined" != typeof process && void 0 !== define_process_env_default$1 && (define_process_env_default$1.REACT_APP_SC_ATTR || define_process_env_default$1.SC_ATTR) || "data-styled", m = "active", y = "data-styled-version", v = "6.1.15", g = "/*!sc*/\n", S = "undefined" != typeof window && "HTMLElement" in window, w = Boolean("boolean" == typeof SC_DISABLE_SPEEDY ? SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== define_process_env_default$1 && void 0 !== define_process_env_default$1.REACT_APP_SC_DISABLE_SPEEDY && "" !== define_process_env_default$1.REACT_APP_SC_DISABLE_SPEEDY ? "false" !== define_process_env_default$1.REACT_APP_SC_DISABLE_SPEEDY && define_process_env_default$1.REACT_APP_SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== define_process_env_default$1 && void 0 !== define_process_env_default$1.SC_DISABLE_SPEEDY && "" !== define_process_env_default$1.SC_DISABLE_SPEEDY ? "false" !== define_process_env_default$1.SC_DISABLE_SPEEDY && define_process_env_default$1.SC_DISABLE_SPEEDY : false), b = {}, _ = Object.freeze([]), C = Object.freeze({});
 function I(e2, t2, n2) {
   return void 0 === n2 && (n2 = C), e2.theme !== n2.theme && e2.theme || t2 || n2.theme;
 }
@@ -84517,7 +84969,7 @@ const PageHeader = ({
     children
   ] });
 };
-const SectionTitle$4 = styled$1(Typography)(({ theme: theme2 }) => ({
+const SectionTitle$5 = styled$1(Typography)(({ theme: theme2 }) => ({
   fontWeight: 600,
   marginBottom: theme2.spacing(2),
   display: "flex",
@@ -84621,7 +85073,7 @@ const ChatSettings = ({
     setLocalAgent(selectedAgent);
   }, [selectedAgent]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { mt: 4, mb: 3 }, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionTitle$4, { variant: "subtitle1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionTitle$5, { variant: "subtitle1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(TitleIcon$2, { icon: faComments }),
       "Chat Settings",
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -85150,7 +85602,7 @@ const HeaderContainer = styled$1(Box)(({ theme: theme2 }) => ({
   marginBottom: theme2.spacing(2),
   gap: theme2.spacing(2)
 }));
-const SectionTitle$3 = styled$1(Typography)(({ theme: theme2 }) => ({
+const SectionTitle$4 = styled$1(Typography)(({ theme: theme2 }) => ({
   fontWeight: 600,
   marginBottom: theme2.spacing(2),
   display: "flex",
@@ -85288,7 +85740,7 @@ const GeneralSettings = ({
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { sx: { mb: 3 } }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { mb: 3 }, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionTitle$3, { variant: "subtitle1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionTitle$4, { variant: "subtitle1", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(TitleIcon$1, { icon: faInfoCircle }),
         "Agent Information"
       ] }),
@@ -85353,7 +85805,7 @@ const GeneralSettings = ({
     ] })
   ] });
 };
-const SectionTitle$2 = styled$1(Typography)(({ theme: theme2 }) => ({
+const SectionTitle$3 = styled$1(Typography)(({ theme: theme2 }) => ({
   fontWeight: 600,
   marginBottom: theme2.spacing(2),
   display: "flex",
@@ -85380,7 +85832,7 @@ const SecuritySettings = ({
   initialSelectedAgentId
 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { mt: 1 }, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionTitle$2, { variant: "subtitle1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionTitle$3, { variant: "subtitle1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(TitleIcon, { icon: faShieldAlt }),
       "Security Prompt",
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -85956,6 +86408,441 @@ const ModelsInitializer = () => {
   useInitializeModels();
   return null;
 };
+var define_process_env_default = {};
+const UpdateContainer = styled$1("div")(({ theme: theme2 }) => ({
+  padding: 16,
+  borderRadius: 8,
+  backgroundColor: theme2.palette.background.paper,
+  boxShadow: "0 2px 10px rgba(0, 0, 0, 0.1)",
+  marginBottom: 16
+}));
+const UpdateActions = styled$1("div")({
+  display: "flex",
+  justifyContent: "flex-end",
+  gap: 8,
+  marginTop: 16
+});
+const ProgressContainer = styled$1("div")({
+  marginTop: 16,
+  marginBottom: 8
+});
+const UpdateNotification = ({
+  autoCheck = true
+}) => {
+  const [checking, setChecking] = reactExports.useState(false);
+  const [updateAvailable, setUpdateAvailable] = reactExports.useState(false);
+  const [updateInfo, setUpdateInfo] = reactExports.useState(null);
+  const [downloading, setDownloading] = reactExports.useState(false);
+  const [downloadProgress, setDownloadProgress] = reactExports.useState(
+    null
+  );
+  const [updateDownloaded, setUpdateDownloaded] = reactExports.useState(false);
+  const [error, setError] = reactExports.useState(null);
+  const [snackbarOpen, setSnackbarOpen] = reactExports.useState(false);
+  const checkForUpdates = reactExports.useCallback(async () => {
+    try {
+      setChecking(true);
+      setError(null);
+      await window.api.updater.checkForUpdates();
+    } catch (err) {
+      setError(
+        `Error checking for updates: ${err instanceof Error ? err.message : String(err)}`
+      );
+      setSnackbarOpen(true);
+    } finally {
+      setChecking(false);
+    }
+  }, []);
+  const downloadUpdate = reactExports.useCallback(async () => {
+    try {
+      setDownloading(true);
+      setError(null);
+      await window.api.updater.downloadUpdate();
+    } catch (err) {
+      setError(
+        `Error downloading update: ${err instanceof Error ? err.message : String(err)}`
+      );
+      setDownloading(false);
+      setSnackbarOpen(true);
+    }
+  }, []);
+  const installUpdate = reactExports.useCallback(() => {
+    window.api.updater.quitAndInstall();
+  }, []);
+  reactExports.useEffect(() => {
+    const removeUpdateAvailableListener = window.api.updater.onUpdateAvailable(
+      (info) => {
+        setUpdateAvailable(true);
+        setUpdateInfo(info);
+        setSnackbarOpen(true);
+      }
+    );
+    const removeUpdateNotAvailableListener = window.api.updater.onUpdateNotAvailable(() => {
+      setUpdateAvailable(false);
+      setUpdateInfo(null);
+    });
+    const removeUpdateDownloadedListener = window.api.updater.onUpdateDownloaded((info) => {
+      setDownloading(false);
+      setUpdateDownloaded(true);
+      setUpdateInfo(info);
+      setSnackbarOpen(true);
+    });
+    const removeUpdateErrorListener = window.api.updater.onUpdateError(
+      (errorMessage) => {
+        setError(errorMessage);
+        setChecking(false);
+        setDownloading(false);
+        setSnackbarOpen(true);
+      }
+    );
+    const removeUpdateProgressListener = window.api.updater.onUpdateProgress(
+      (progressObj) => {
+        setDownloadProgress(progressObj);
+      }
+    );
+    if (autoCheck) {
+      checkForUpdates();
+    }
+    return () => {
+      removeUpdateAvailableListener();
+      removeUpdateNotAvailableListener();
+      removeUpdateDownloadedListener();
+      removeUpdateErrorListener();
+      removeUpdateProgressListener();
+    };
+  }, [autoCheck, checkForUpdates]);
+  const handleSnackbarClose = () => {
+    setSnackbarOpen(false);
+  };
+  if (checking) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(UpdateContainer, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", children: "Checking for Updates" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body1", children: "Please wait while we check for available updates..." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ProgressContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgress, {}) })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Snackbar,
+      {
+        open: snackbarOpen,
+        autoHideDuration: 6e3,
+        onClose: handleSnackbarClose,
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { onClose: handleSnackbarClose, severity: "error", children: error })
+      }
+    );
+  }
+  if (updateAvailable && !updateDownloaded && updateInfo) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(UpdateContainer, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", children: "Update Available" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { variant: "body1", children: [
+          "Version ",
+          updateInfo.version,
+          " is available. You are currently using version ",
+          define_process_env_default.npm_package_version || "unknown",
+          "."
+        ] }),
+        updateInfo.releaseNotes && /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { variant: "body2", sx: { mt: 1 }, children: [
+          "Release Notes:",
+          " ",
+          typeof updateInfo.releaseNotes === "string" ? updateInfo.releaseNotes : "See release notes on GitHub"
+        ] }),
+        downloading && downloadProgress && /* @__PURE__ */ jsxRuntimeExports.jsxs(ProgressContainer, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { variant: "body2", children: [
+            "Downloading: ",
+            Math.round(downloadProgress.percent),
+            "%"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            LinearProgress,
+            {
+              variant: "determinate",
+              value: downloadProgress.percent,
+              sx: { mt: 1 }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { variant: "caption", sx: { mt: 0.5, display: "block" }, children: [
+            Math.round(downloadProgress.transferred / 1024),
+            " KB of",
+            " ",
+            Math.round(downloadProgress.total / 1024),
+            " KB"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(UpdateActions, { children: !downloading && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            variant: "contained",
+            color: "primary",
+            onClick: downloadUpdate,
+            disabled: downloading,
+            children: "Download Update"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Snackbar,
+        {
+          open: snackbarOpen,
+          autoHideDuration: 6e3,
+          onClose: handleSnackbarClose,
+          anchorOrigin: { vertical: "bottom", horizontal: "right" },
+          children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Alert, { onClose: handleSnackbarClose, severity: "info", children: [
+            "A new update is available: v",
+            updateInfo.version
+          ] })
+        }
+      )
+    ] });
+  }
+  if (updateDownloaded && updateInfo) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(UpdateContainer, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", children: "Update Ready to Install" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { variant: "body1", children: [
+          "Version ",
+          updateInfo.version,
+          " has been downloaded and is ready to install."
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body2", sx: { mt: 1 }, children: "The application will restart to apply the update." }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(UpdateActions, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "contained", color: "primary", onClick: installUpdate, children: "Install Now" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outlined", onClick: () => setSnackbarOpen(false), children: "Install Later" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Snackbar,
+        {
+          open: snackbarOpen,
+          autoHideDuration: 6e3,
+          onClose: handleSnackbarClose,
+          anchorOrigin: { vertical: "bottom", horizontal: "right" },
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { onClose: handleSnackbarClose, severity: "success", children: "Update downloaded and ready to install" })
+        }
+      )
+    ] });
+  }
+  return null;
+};
+const CheckForUpdatesButton = () => {
+  const [checking, setChecking] = reactExports.useState(false);
+  const [error, setError] = reactExports.useState(null);
+  const [snackbarOpen, setSnackbarOpen] = reactExports.useState(false);
+  const [noUpdateAvailable, setNoUpdateAvailable] = reactExports.useState(false);
+  const [devModeMessage, setDevModeMessage] = reactExports.useState(null);
+  const [npxUpdateInfo, setNpxUpdateInfo] = reactExports.useState(
+    null
+  );
+  const [backendUpdateInfo, setBackendUpdateInfo] = reactExports.useState(null);
+  const [backendUpdateCompleted, setBackendUpdateCompleted] = reactExports.useState(false);
+  const [updatingBackend, setUpdatingBackend] = reactExports.useState(false);
+  const checkForUpdates = async () => {
+    try {
+      setChecking(true);
+      setError(null);
+      setDevModeMessage(null);
+      setNpxUpdateInfo(null);
+      setBackendUpdateInfo(null);
+      setBackendUpdateCompleted(false);
+      await window.api.updater.checkForAllUpdates();
+      setNoUpdateAvailable(true);
+      setSnackbarOpen(true);
+    } catch (err) {
+      setError(
+        `Error checking for updates: ${err instanceof Error ? err.message : String(err)}`
+      );
+      setSnackbarOpen(true);
+    } finally {
+      setChecking(false);
+    }
+  };
+  const updateBackend = async () => {
+    try {
+      setUpdatingBackend(true);
+      setError(null);
+      await window.api.updater.updateBackend();
+    } catch (err) {
+      setError(
+        `Error updating backend: ${err instanceof Error ? err.message : String(err)}`
+      );
+      setSnackbarOpen(true);
+    } finally {
+      setUpdatingBackend(false);
+    }
+  };
+  reactExports.useEffect(() => {
+    const removeUpdateNotAvailableListener = window.api.updater.onUpdateNotAvailable(() => {
+      setNoUpdateAvailable(true);
+      setSnackbarOpen(true);
+    });
+    const removeUpdateDevModeListener = window.api.updater.onUpdateDevMode(
+      (message2) => {
+        setDevModeMessage(message2);
+        setChecking(false);
+        setSnackbarOpen(true);
+      }
+    );
+    const removeUpdateNpxAvailableListener = window.api.updater.onUpdateNpxAvailable((info) => {
+      setNpxUpdateInfo(info);
+      setChecking(false);
+      setSnackbarOpen(true);
+    });
+    const removeBackendUpdateAvailableListener = window.api.updater.onBackendUpdateAvailable((info) => {
+      setBackendUpdateInfo(info);
+      setChecking(false);
+      setSnackbarOpen(true);
+    });
+    const removeBackendUpdateNotAvailableListener = window.api.updater.onBackendUpdateNotAvailable(() => {
+    });
+    const removeBackendUpdateCompletedListener = window.api.updater.onBackendUpdateCompleted(() => {
+      setBackendUpdateCompleted(true);
+      setBackendUpdateInfo(null);
+      setUpdatingBackend(false);
+      setSnackbarOpen(true);
+    });
+    const removeUpdateErrorListener = window.api.updater.onUpdateError(
+      (errorMessage) => {
+        setError(errorMessage);
+        setChecking(false);
+        setUpdatingBackend(false);
+        setSnackbarOpen(true);
+      }
+    );
+    return () => {
+      removeUpdateNotAvailableListener();
+      removeUpdateDevModeListener();
+      removeUpdateNpxAvailableListener();
+      removeBackendUpdateAvailableListener();
+      removeBackendUpdateNotAvailableListener();
+      removeBackendUpdateCompletedListener();
+      removeUpdateErrorListener();
+    };
+  }, []);
+  const handleSnackbarClose = () => {
+    setSnackbarOpen(false);
+    setNoUpdateAvailable(false);
+    setDevModeMessage(null);
+    setNpxUpdateInfo(null);
+    setBackendUpdateCompleted(false);
+  };
+  const handleCopyCommand = (command) => {
+    navigator.clipboard.writeText(command);
+    setError("Command copied to clipboard!");
+    setTimeout(() => {
+      setError(null);
+    }, 2e3);
+  };
+  let snackbarContent = null;
+  if (error) {
+    snackbarContent = /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { onClose: handleSnackbarClose, severity: "error", children: error });
+  } else if (backendUpdateCompleted) {
+    snackbarContent = /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { onClose: handleSnackbarClose, severity: "success", children: "Backend updated successfully" });
+  } else if (backendUpdateInfo) {
+    snackbarContent = /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Alert,
+      {
+        onClose: handleSnackbarClose,
+        severity: "info",
+        action: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              color: "inherit",
+              size: "small",
+              onClick: () => handleCopyCommand(backendUpdateInfo.updateCommand),
+              sx: { mr: 1 },
+              children: "Copy"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              color: "primary",
+              size: "small",
+              onClick: updateBackend,
+              disabled: updatingBackend,
+              children: updatingBackend ? "Updating..." : "Update"
+            }
+          )
+        ] }),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { variant: "body2", sx: { mb: 1 }, children: [
+            "Backend update available: ",
+            backendUpdateInfo.latestVersion,
+            " (current:",
+            " ",
+            backendUpdateInfo.currentVersion,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { variant: "body2", children: [
+            "To update manually, run:",
+            " ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: backendUpdateInfo.updateCommand })
+          ] })
+        ]
+      }
+    );
+  } else if (npxUpdateInfo) {
+    snackbarContent = /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Alert,
+      {
+        onClose: handleSnackbarClose,
+        severity: "info",
+        action: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            color: "inherit",
+            size: "small",
+            onClick: () => handleCopyCommand(npxUpdateInfo.updateCommand),
+            children: "Copy"
+          }
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { variant: "body2", sx: { mb: 1 }, children: [
+            "UI update available: ",
+            npxUpdateInfo.latestVersion,
+            " (current:",
+            " ",
+            npxUpdateInfo.currentVersion,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { variant: "body2", children: [
+            "To update, run: ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: npxUpdateInfo.updateCommand })
+          ] })
+        ]
+      }
+    );
+  } else if (devModeMessage) {
+    snackbarContent = /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { onClose: handleSnackbarClose, severity: "info", children: devModeMessage });
+  } else if (noUpdateAvailable) {
+    snackbarContent = /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { onClose: handleSnackbarClose, severity: "info", children: "You're using the latest version" });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
+      {
+        variant: "outlined",
+        onClick: checkForUpdates,
+        disabled: checking,
+        startIcon: checking ? /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { width: 16, height: 16 } }) : void 0,
+        children: checking ? "Checking..." : "Check for Updates"
+      }
+    ),
+    snackbarOpen && snackbarContent && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Snackbar,
+      {
+        open: snackbarOpen,
+        autoHideDuration: 6e3,
+        onClose: handleSnackbarClose,
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        children: snackbarContent
+      }
+    )
+  ] });
+};
 const localOperatorIcon = "" + new URL("icon-ngVHF_bZ.png", import.meta.url).href;
 const pulse$1 = keyframes`
   0% {
@@ -86636,7 +87523,7 @@ const SectionContainer = styled$1(Paper)(({ theme: theme2 }) => ({
     transform: "translateY(-2px)"
   }
 }));
-const SectionTitle$1 = styled$1(Typography)(({ theme: theme2 }) => ({
+const SectionTitle$2 = styled$1(Typography)(({ theme: theme2 }) => ({
   fontSize: "1.25rem",
   fontWeight: 700,
   marginBottom: theme2.spacing(1.5),
@@ -86645,7 +87532,7 @@ const SectionTitle$1 = styled$1(Typography)(({ theme: theme2 }) => ({
   alignItems: "center",
   gap: theme2.spacing(1)
 }));
-const SectionDescription$1 = styled$1(Typography)(({ theme: theme2 }) => ({
+const SectionDescription$2 = styled$1(Typography)(({ theme: theme2 }) => ({
   fontSize: "1rem",
   color: theme2.palette.text.secondary,
   marginBottom: theme2.spacing(2.5),
@@ -86795,8 +87682,8 @@ const CreateAgentStep = () => {
     }
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionContainer, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionTitle$1, { children: "Create Your First AI Assistant" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionDescription$1, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionTitle$2, { children: "Create Your First AI Assistant" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionDescription$2, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(EmojiContainer, { children: "🤖" }),
       " It's time to create your very first AI assistant! Give it a name and personality that reflects what you want it to help you with. This is where the magic begins!"
     ] }),
@@ -87128,8 +88015,8 @@ const DefaultModelStep = () => {
   }, [availableModels, selectedModel, selectedProvider, saveModelConfig]);
   const isLoading = isLoadingModels || isLoadingCredentials || isLoadingConfig;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionContainer, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionTitle$1, { children: "Choose Your Default Model" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionDescription$1, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionTitle$2, { children: "Choose Your Default Model" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionDescription$2, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(EmojiContainer, { children: "✨" }),
       " Select your preferred AI model and provider that will power all your agents. Don't worry, you can always customize this for individual agents later!"
     ] }),
@@ -87542,8 +88429,8 @@ const ModelCredentialStep = () => {
     (cred) => cred.key === selectedCredential
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionContainer, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionTitle$1, { children: "Add Model Provider Credential" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionDescription$1, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionTitle$2, { children: "Add Model Provider Credential" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionDescription$2, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(EmojiContainer, { children: "✨" }),
       " To unlock the power of AI models, you need to add at least one model provider API key. Your key will be securely stored on your device and used to access amazing AI capabilities!"
     ] }),
@@ -87801,8 +88688,8 @@ const SearchApiStep = () => {
     (cred) => cred.key === selectedCredential
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionContainer, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionTitle$1, { children: "Enable Web Search (Optional)" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionDescription$1, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionTitle$2, { children: "Enable Web Search (Optional)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionDescription$2, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(EmojiContainer, { children: "🌐" }),
       " Supercharge your AI agents with the ability to search the web for real-time information! This optional feature gives your AI assistants access to the latest data from across the internet."
     ] }),
@@ -88055,8 +88942,8 @@ const UserProfileStep = () => {
     setEmail(e.target.value);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionContainer, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionTitle$1, { children: "Your Profile Information" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionDescription$1, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionTitle$2, { children: "Your Profile Information" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionDescription$2, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(EmojiContainer, { children: "🔒" }),
       " This information is stored locally and is only used to personalize your AI experience. It's never shared with any external services - your privacy matters to us!"
     ] }),
@@ -88158,7 +89045,7 @@ const WelcomeStep = () => {
         children: "This quick setup will guide you through:"
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SectionDescription$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { mt: 0 }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SectionDescription$2, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { mt: 0 }, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { mb: 1.5, display: "flex", alignItems: "flex-start" }, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(EmojiContainer, { children: "👤" }),
         " Setting up your personalized user profile"
@@ -88431,6 +89318,185 @@ const ToggleSetting = ({
     ) })
   ] });
 };
+const StyledCard$3 = styled$1(Card)(() => ({
+  marginBottom: 32,
+  backgroundColor: "background.paper",
+  borderRadius: 8,
+  boxShadow: "0 4px 20px rgba(0,0,0,0.06)"
+}));
+const StyledCardContent$3 = styled$1(CardContent)(({ theme: theme2 }) => ({
+  [theme2.breakpoints.down("sm")]: {
+    padding: 16
+  },
+  [theme2.breakpoints.up("sm")]: {
+    padding: 24
+  }
+}));
+const CardTitle$2 = styled$1(Typography)(() => ({
+  marginBottom: 16,
+  display: "flex",
+  alignItems: "center",
+  gap: 8
+}));
+const CardDescription$2 = styled$1(Typography)(() => ({
+  marginBottom: 24,
+  color: "text.secondary"
+}));
+const AppUpdates = () => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledCard$3, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(StyledCardContent$3, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(CardTitle$2, { variant: "h6", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faDownload }),
+      "Application Updates"
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CardDescription$2, { variant: "body2", children: "Check for and install updates to the Local Operator application." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CheckForUpdatesButton, {})
+  ] }) });
+};
+const SectionTitle$1 = styled$1(Typography)(({ theme: theme2 }) => ({
+  marginTop: theme2.spacing(4),
+  marginBottom: theme2.spacing(2),
+  fontWeight: 500,
+  display: "flex",
+  alignItems: "center",
+  gap: 8
+}));
+const SectionDescription$1 = styled$1(Typography)(({ theme: theme2 }) => ({
+  marginBottom: theme2.spacing(3),
+  color: theme2.palette.text.secondary
+}));
+const InfoBox$1 = styled$1(Box)(() => ({
+  padding: 16,
+  borderRadius: 8,
+  backgroundColor: "background.default",
+  height: "100%",
+  marginBottom: 24
+}));
+const InfoLabel$1 = styled$1(Typography)(() => ({
+  color: "text.secondary",
+  marginBottom: 8
+}));
+const InfoValue$1 = styled$1(Typography)(() => ({
+  fontWeight: 500
+}));
+const AppUpdatesSection = () => {
+  const [appVersion, setAppVersion] = reactExports.useState("0.1.2-beta.6");
+  const [serverVersion, setServerVersion] = reactExports.useState(
+    "Unknown (update required)"
+  );
+  const [platformInfo, setPlatformInfo] = reactExports.useState({
+    platform: "unknown",
+    arch: "unknown",
+    nodeVersion: "unknown",
+    electronVersion: "unknown",
+    chromeVersion: "unknown"
+  });
+  reactExports.useEffect(() => {
+    const fetchAppInfo = async () => {
+      try {
+        const version = await window.api.systemInfo.getAppVersion();
+        setAppVersion(version);
+        const info = await window.api.systemInfo.getPlatformInfo();
+        setPlatformInfo(info);
+      } catch (error) {
+        console.error("Error fetching app information:", error);
+      }
+    };
+    const fetchServerVersion = async () => {
+      try {
+        const healthResponse = await HealthApi.healthCheck(
+          apiConfig.baseUrl
+        );
+        const version = HealthApi.getServerVersion(healthResponse);
+        setServerVersion(version);
+      } catch (error) {
+        console.error("Error fetching server version:", error);
+        setServerVersion("Unknown (connection error)");
+      }
+    };
+    fetchAppInfo();
+    fetchServerVersion();
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { mt: 6, mb: 4, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionTitle$1, { variant: "h5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faDownload }),
+      "Application Updates"
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionDescription$1, { variant: "body1", children: "Check for updates and view information about your Local Operator installation" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Grid, { container: true, spacing: 2, sx: { mb: 3 }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(InfoBox$1, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(InfoLabel$1, { variant: "subtitle2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "The version of the Local Operator user interface application", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            FontAwesomeIcon,
+            {
+              icon: faInfoCircle,
+              style: { marginRight: 8 }
+            }
+          ) }),
+          "Application Version"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(InfoValue$1, { variant: "body1", children: appVersion })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(InfoBox$1, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(InfoLabel$1, { variant: "subtitle2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "The version of the Local Operator API server. This backend service handles all API requests and model interactions.", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            FontAwesomeIcon,
+            {
+              icon: faInfoCircle,
+              style: { marginRight: 8 }
+            }
+          ) }),
+          "Server Version"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(InfoValue$1, { variant: "body1", children: serverVersion })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(InfoBox$1, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(InfoLabel$1, { variant: "subtitle2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "The operating system and architecture your application is running on. This affects compatibility and performance.", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            FontAwesomeIcon,
+            {
+              icon: faInfoCircle,
+              style: { marginRight: 8 }
+            }
+          ) }),
+          "Platform"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(InfoValue$1, { variant: "body1", children: [
+          platformInfo.platform,
+          " (",
+          platformInfo.arch,
+          ")"
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(InfoBox$1, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(InfoLabel$1, { variant: "subtitle2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "The JavaScript runtime environment that powers the backend processes of the application. Different versions may affect performance and feature availability.", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            FontAwesomeIcon,
+            {
+              icon: faInfoCircle,
+              style: { marginRight: 8 }
+            }
+          ) }),
+          "Node.js"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(InfoValue$1, { variant: "body1", children: platformInfo.nodeVersion })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, xs: 12, sm: 6, md: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(InfoBox$1, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(InfoLabel$1, { variant: "subtitle2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "The framework that enables this desktop application to run across different operating systems using web technologies. It combines Chromium and Node.js into a single runtime.", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            FontAwesomeIcon,
+            {
+              icon: faInfoCircle,
+              style: { marginRight: 8 }
+            }
+          ) }),
+          "Electron"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(InfoValue$1, { variant: "body1", children: platformInfo.electronVersion })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(AppUpdates, {})
+  ] });
+};
 const CredentialCardContainer = styled$1(Paper)(({ theme: theme2 }) => ({
   padding: theme2.spacing(2),
   height: "100%",
@@ -88972,6 +90038,11 @@ const DEFAULT_SETTINGS_SECTIONS = [
     id: "credentials",
     label: "API Credentials",
     icon: faKey
+  },
+  {
+    id: "updates",
+    label: "Application Updates",
+    icon: faDownload
   }
   // Future sections can be added here
   // {
@@ -89392,9 +90463,11 @@ const SettingsPage = () => {
   const [isScrolling, setIsScrolling] = reactExports.useState(false);
   const generalSectionRef = reactExports.useRef(null);
   const credentialsSectionRef = reactExports.useRef(null);
+  const updatesSectionRef = reactExports.useRef(null);
   const sectionRefs = reactExports.useRef({
     general: generalSectionRef,
-    credentials: credentialsSectionRef
+    credentials: credentialsSectionRef,
+    updates: updatesSectionRef
   }).current;
   const handleSelectSection = (sectionId) => {
     setActiveSection(sectionId);
@@ -89697,7 +90770,8 @@ const SettingsPage = () => {
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body1", color: "text.secondary", mt: 1, mb: 3, children: "Manage your API keys for various services and integrations" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Credentials, {})
-        ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { ref: updatesSectionRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(AppUpdatesSection, {}) })
       ] })
     ] })
   ] });
@@ -89743,6 +90817,7 @@ const App = () => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(CssBaseline, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(ModelsInitializer, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(OnboardingModal, { open: isOnboardingActive }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(UpdateNotification, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarNavigation, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(MainContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Routes, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Route, { path: "/", element: /* @__PURE__ */ jsxRuntimeExports.jsx(Navigate, { to: "/chat", replace: true }) }),