local-operator-ui 0.7.3 → 0.7.5

package/out/renderer/assets/{index-Bxd9cfRL.js → index-QzSTnyjL.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-CUWbsc3s.js","./fonts-BAmz1ETd.js","./fonts-B9KBGB-g.css","./index-DlgVvD7O.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js"])))=>i.map(i=>d[i]);
-import { c as createStyled, r as resolveProps, u as useTheme, a as reactExports, b as clsx, d as useForkRef, e as extendSxProp, j as jsxRuntimeExports, h as handleBreakpoints, f as resolveBreakpointValues, g as createUnarySpacing, i as deepmerge, m as mergeBreakpointsInOrder, k as composeClasses, l as generateUtilityClass, n as createTheme$1, o as getValue, R as React, p as getDefaultExportFromCjs, q as requireReactDom, s as React$1, t as generateUtilityClasses, v as useDefaultProps, w as styled$1, x as capitalize, y as memoTheme, _ as _inheritsLoose, z as _objectWithoutPropertiesLoose$i, T as TransitionGroupContext, A as duration, B as useTheme$1, C as useTimeout, D as useId, E as ButtonBase, F as alpha$1, G as createSimplePaletteValueFilter, H as CircularProgress, P as Paper, I as darken, J as lighten, K as useEventCallback, L as useEnhancedEffect, M as useRtl, N as globalCss, O as formatMuiErrorMessage, Q as rootShouldForwardProp, S as Typography, U as getPath$2, V as isFocusVisible, W as typographyClasses, X as slotShouldForwardProp, Y as css$1, Z as keyframes, $ as clamp, a0 as emphasize, a1 as Timeout, a2 as Button, a3 as Box, a4 as FontAwesomeIcon, a5 as faExclamationTriangle, a6 as DEFAULT_THEME, a7 as faChevronLeft, a8 as faChevronRight, a9 as faRobot, aa as faCheck, ab as faTimes, ac as faEraser, ad as faPen, ae as faFileImport, af as faUpload, ag as requireReact, ah as LinearProgress, ai as faComment, aj as faSave, ak as faEdit, al as faTrashAlt, am as faComments, an as faInfoCircle, ao as faGear, ap as faPlus, aq as faServer, ar as faStar, as as faTag, at as faIdCard, au as faCalendarAlt, av as faCodeBranch, aw as faShieldAlt, ax as faArrowLeft, ay as faClock, az as faHome, aA as faDownload, aB as faFileAlt, aC as faDesktop, aD as faImage, aE as faMusic, aF as faVideo, aG as faLaptop, aH as faUsers, aI as faDatabase, aJ as faBoxOpen, aK as faBook, aL as faHdd, aM as faBox, aN as faArchive, aO as faNetworkWired, aP as faFolder, aQ as faFolderOpen, aR as faFolderTree, aS as faChevronDown, aT as faTools, aU as _extends$u, aV as faSliders, aW as faTrash, aX as faArrowDown, aY as faPaperclip, aZ as faStop, a_ as faPaperPlane, a$ as faChevronUp, b0 as faQuestion, b1 as faFile, b2 as faExclamationCircle, b3 as faLightbulb, b4 as faCode, b5 as faCommentDots, b6 as faShare, b7 as faPencilAlt, b8 as faUser, b9 as faCopy, ba as isDevelopmentMode, bb as faCommentSlash, bc as faArrowRight, bd as faBrain, be as faWandMagicSparkles, bf as faExternalLinkAlt, bg as faKey, bh as radientTheme, bi as faGlobe, bj as faSearch, bk as commonjsGlobal, bl as PropTypes, bm as faLock, bn as faSignOut, bo as themes, bp as faMoon, bq as faSun, br as faHexagonNodes, bs as faSkull, bt as faLeaf, bu as faMountain, bv as faFire, bw as faIcicles, bx as faEnvelope, by as faHistory, bz as faListAlt, bA as faAdjust, bB as faCreditCard, bC as faPlusCircle, bD as faChartLine, bE as faShield, bF as library$1, bG as icons$1, bH as CssBaseline, bI as ThemeProvider$1, bJ as getTheme, bK as ReactDOM$1, bL as ErrorBoundary } from "./fonts-BAmz1ETd.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-DV8SteiB.js","./fonts-DnoCbbVd.js","./fonts-B9KBGB-g.css","./index-Dp4J_UIV.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js"])))=>i.map(i=>d[i]);
+import { c as createStyled, r as resolveProps, u as useTheme, a as reactExports, b as clsx, d as useForkRef, e as extendSxProp, j as jsxRuntimeExports, h as handleBreakpoints, f as resolveBreakpointValues, g as createUnarySpacing, i as deepmerge, m as mergeBreakpointsInOrder, k as composeClasses, l as generateUtilityClass, n as createTheme$1, o as getValue, R as React, p as getDefaultExportFromCjs, q as requireReactDom, s as React$1, t as generateUtilityClasses, v as useDefaultProps, w as styled$1, x as capitalize, y as memoTheme, _ as _inheritsLoose, z as _objectWithoutPropertiesLoose$i, T as TransitionGroupContext, A as duration, B as useTheme$1, C as useTimeout, D as useId, E as ButtonBase, F as alpha$1, G as createSimplePaletteValueFilter, H as CircularProgress, P as Paper, I as darken, J as lighten, K as useEventCallback, L as useEnhancedEffect, M as useRtl, N as globalCss, O as formatMuiErrorMessage, Q as rootShouldForwardProp, S as Typography, U as css$1, V as keyframes, W as getPath$2, X as isFocusVisible, Y as typographyClasses, Z as slotShouldForwardProp, $ as clamp, a0 as emphasize, a1 as Timeout, a2 as createLucideIcon, a3 as Button, a4 as Box, a5 as FontAwesomeIcon, a6 as faExclamationTriangle, a7 as DEFAULT_THEME, a8 as faChevronLeft, a9 as faChevronRight, aa as faRobot, ab as faCheck, ac as faTimes, ad as faEraser, ae as faPen, af as faFileImport, ag as faUpload, ah as requireReact, ai as faComment, aj as faSave, ak as faEdit, al as faTrashAlt, am as faComments, an as faInfoCircle, ao as faGear, ap as faPlus, aq as faServer, ar as faStar, as as faTag, at as faIdCard, au as faCalendarAlt, av as faCodeBranch, aw as faShieldAlt, ax as faArrowLeft, ay as faClock, az as faHome, aA as faDownload, aB as faFileAlt, aC as faDesktop, aD as faImage, aE as faMusic, aF as faVideo, aG as faLaptop, aH as faUsers, aI as faDatabase, aJ as faBoxOpen, aK as faBook, aL as faHdd, aM as faBox, aN as faArchive, aO as faNetworkWired, aP as faFolder, aQ as faFolderOpen, aR as faFolderTree, aS as faChevronDown, aT as faTools, aU as _extends$u, aV as faSliders, aW as faTrash, aX as faArrowDown, aY as faPaperclip, aZ as faStop, a_ as faPaperPlane, a$ as faChevronUp, b0 as faQuestion, b1 as faFile, b2 as faExclamationCircle, b3 as faLightbulb, b4 as faCode, b5 as faCommentDots, b6 as faShare, b7 as faPencilAlt, b8 as faUser, b9 as faCopy, ba as isDevelopmentMode, bb as faCommentSlash, bc as faArrowRight, bd as faBrain, be as faWandMagicSparkles, bf as faExternalLinkAlt, bg as faKey, bh as radientTheme, bi as faGlobe, bj as faSearch, bk as commonjsGlobal, bl as PropTypes, bm as faLock, bn as faSignOut, bo as themes, bp as faMoon, bq as faSun, br as faHexagonNodes, bs as faSkull, bt as faLeaf, bu as faMountain, bv as faFire, bw as faIcicles, bx as faEnvelope, by as faHistory, bz as faListAlt, bA as faAdjust, bB as faCreditCard, bC as faPlusCircle, bD as faChartLine, bE as faShield, bF as library$1, bG as icons$1, bH as CssBaseline, bI as ThemeProvider$1, bJ as getTheme, bK as ReactDOM$1, bL as ErrorBoundary } from "./fonts-DnoCbbVd.js";
 const styled = createStyled();
 function getThemeProps(params) {
   const {
@@ -8833,7 +8833,7 @@ function getSvgIconUtilityClass(slot) {
   return generateUtilityClass("MuiSvgIcon", slot);
 }
 generateUtilityClasses("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const useUtilityClasses$X = (ownerState) => {
+const useUtilityClasses$Y = (ownerState) => {
   const {
     color: color2,
     fontSize,
@@ -8972,7 +8972,7 @@ const SvgIcon = /* @__PURE__ */ reactExports.forwardRef(function SvgIcon2(inProp
   if (!inheritViewBox) {
     more.viewBox = viewBox;
   }
-  const classes = useUtilityClasses$X(ownerState);
+  const classes = useUtilityClasses$Y(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(SvgIconRoot, {
     as: component,
     className: clsx(classes.root, className),
@@ -9328,7 +9328,7 @@ function getCollapseUtilityClass(slot) {
   return generateUtilityClass("MuiCollapse", slot);
 }
 generateUtilityClasses("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
-const useUtilityClasses$W = (ownerState) => {
+const useUtilityClasses$X = (ownerState) => {
   const {
     orientation,
     classes
@@ -9456,7 +9456,7 @@ const Collapse = /* @__PURE__ */ reactExports.forwardRef(function Collapse2(inPr
     orientation,
     collapsedSize: collapsedSizeProp
   };
-  const classes = useUtilityClasses$W(ownerState);
+  const classes = useUtilityClasses$X(ownerState);
   const theme2 = useTheme$1();
   const timer = useTimeout();
   const wrapperRef = reactExports.useRef(null);
@@ -9671,7 +9671,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$V = (ownerState) => {
+const useUtilityClasses$W = (ownerState) => {
   const {
     classes,
     disabled,
@@ -9857,7 +9857,7 @@ const IconButton = /* @__PURE__ */ reactExports.forwardRef(function IconButton2(
     loadingIndicator,
     size
   };
-  const classes = useUtilityClasses$V(ownerState);
+  const classes = useUtilityClasses$W(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(IconButtonRoot, {
     id: loading ? loadingId : idProp,
     className: clsx(classes.root, className),
@@ -9896,7 +9896,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$U = (ownerState) => {
+const useUtilityClasses$V = (ownerState) => {
   const {
     variant,
     color: color2,
@@ -10051,7 +10051,7 @@ const Alert = /* @__PURE__ */ reactExports.forwardRef(function Alert2(inProps, r
     variant,
     colorSeverity: color2 || severity
   };
-  const classes = useUtilityClasses$U(ownerState);
+  const classes = useUtilityClasses$V(ownerState);
   const externalForwardedProps = {
     slots: {
       closeButton: components.CloseButton,
@@ -12404,7 +12404,7 @@ function resolveAnchorEl$1(anchorEl) {
 function isHTMLElement(element2) {
   return element2.nodeType !== void 0;
 }
-const useUtilityClasses$T = (ownerState) => {
+const useUtilityClasses$U = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -12505,7 +12505,7 @@ const PopperTooltip = /* @__PURE__ */ reactExports.forwardRef(function PopperToo
   if (TransitionProps !== null) {
     childProps.TransitionProps = TransitionProps;
   }
-  const classes = useUtilityClasses$T(props2);
+  const classes = useUtilityClasses$U(props2);
   const Root = slots.root ?? "div";
   const rootProps = useSlotProps({
     elementType: Root,
@@ -12653,7 +12653,7 @@ function getListSubheaderUtilityClass(slot) {
   return generateUtilityClass("MuiListSubheader", slot);
 }
 generateUtilityClasses("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutters", "inset", "sticky"]);
-const useUtilityClasses$S = (ownerState) => {
+const useUtilityClasses$T = (ownerState) => {
   const {
     classes,
     color: color2,
@@ -12748,7 +12748,7 @@ const ListSubheader = /* @__PURE__ */ reactExports.forwardRef(function ListSubhe
     disableSticky,
     inset
   };
-  const classes = useUtilityClasses$S(ownerState);
+  const classes = useUtilityClasses$T(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ListSubheaderRoot, {
     as: component,
     className: clsx(classes.root, className),
@@ -12767,7 +12767,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$R = (ownerState) => {
+const useUtilityClasses$S = (ownerState) => {
   const {
     classes,
     disabled,
@@ -13158,7 +13158,7 @@ const Chip = /* @__PURE__ */ reactExports.forwardRef(function Chip2(inProps, ref
     clickable,
     variant
   };
-  const classes = useUtilityClasses$R(ownerState);
+  const classes = useUtilityClasses$S(ownerState);
   const moreProps = component === ButtonBase ? {
     component: ComponentProp || "div",
     focusVisibleClassName: classes.focusVisible,
@@ -13426,7 +13426,7 @@ const inputOverridesResolver = (props2, styles2) => {
   } = props2;
   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$Q = (ownerState) => {
+const useUtilityClasses$R = (ownerState) => {
   const {
     classes,
     color: color2,
@@ -13812,7 +13812,7 @@ const InputBase = /* @__PURE__ */ reactExports.forwardRef(function InputBase2(in
     startAdornment,
     type: type2
   };
-  const classes = useUtilityClasses$Q(ownerState);
+  const classes = useUtilityClasses$R(ownerState);
   const Root = slots.root || components.Root || InputBaseRoot;
   const rootProps = slotProps.root || componentsProps.root || {};
   const Input3 = slots.input || components.Input || InputBaseInput;
@@ -13905,7 +13905,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$P = (ownerState) => {
+const useUtilityClasses$Q = (ownerState) => {
   const {
     classes,
     disablePortal,
@@ -14401,7 +14401,7 @@ const Autocomplete = /* @__PURE__ */ reactExports.forwardRef(function Autocomple
     popupOpen,
     size
   };
-  const classes = useUtilityClasses$P(ownerState);
+  const classes = useUtilityClasses$Q(ownerState);
   const externalForwardedProps = {
     slots: {
       paper: PaperComponentProp,
@@ -14616,7 +14616,7 @@ function getAvatarUtilityClass(slot) {
   return generateUtilityClass("MuiAvatar", slot);
 }
 generateUtilityClasses("MuiAvatar", ["root", "colorDefault", "circular", "rounded", "square", "img", "fallback"]);
-const useUtilityClasses$O = (ownerState) => {
+const useUtilityClasses$P = (ownerState) => {
   const {
     classes,
     variant,
@@ -14781,7 +14781,7 @@ const Avatar = /* @__PURE__ */ reactExports.forwardRef(function Avatar2(inProps,
   const hasImgNotFailing = hasImg && loaded !== "error";
   ownerState.colorDefault = !hasImgNotFailing;
   delete ownerState.ownerState;
-  const classes = useUtilityClasses$O(ownerState);
+  const classes = useUtilityClasses$P(ownerState);
   const [ImgSlot, imgSlotProps] = useSlot("img", {
     className: classes.img,
     elementType: AvatarImg,
@@ -14942,7 +14942,7 @@ function getBackdropUtilityClass(slot) {
   return generateUtilityClass("MuiBackdrop", slot);
 }
 generateUtilityClasses("MuiBackdrop", ["root", "invisible"]);
-const useUtilityClasses$N = (ownerState) => {
+const useUtilityClasses$O = (ownerState) => {
   const {
     classes,
     invisible
@@ -15005,7 +15005,7 @@ const Backdrop = /* @__PURE__ */ reactExports.forwardRef(function Backdrop2(inPr
     component,
     invisible
   };
-  const classes = useUtilityClasses$N(ownerState);
+  const classes = useUtilityClasses$O(ownerState);
   const backwardCompatibleSlots = {
     transition: TransitionComponentProp,
     root: components.Root,
@@ -15048,7 +15048,7 @@ function getCardUtilityClass(slot) {
   return generateUtilityClass("MuiCard", slot);
 }
 generateUtilityClasses("MuiCard", ["root"]);
-const useUtilityClasses$M = (ownerState) => {
+const useUtilityClasses$N = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -15078,7 +15078,7 @@ const Card = /* @__PURE__ */ reactExports.forwardRef(function Card2(inProps, ref
     ...props2,
     raised
   };
-  const classes = useUtilityClasses$M(ownerState);
+  const classes = useUtilityClasses$N(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CardRoot, {
     className: clsx(classes.root, className),
     elevation: raised ? 8 : void 0,
@@ -15091,7 +15091,7 @@ function getCardActionsUtilityClass(slot) {
   return generateUtilityClass("MuiCardActions", slot);
 }
 generateUtilityClasses("MuiCardActions", ["root", "spacing"]);
-const useUtilityClasses$L = (ownerState) => {
+const useUtilityClasses$M = (ownerState) => {
   const {
     classes,
     disableSpacing
@@ -15139,7 +15139,7 @@ const CardActions = /* @__PURE__ */ reactExports.forwardRef(function CardActions
     ...props2,
     disableSpacing
   };
-  const classes = useUtilityClasses$L(ownerState);
+  const classes = useUtilityClasses$M(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CardActionsRoot, {
     className: clsx(classes.root, className),
     ownerState,
@@ -15151,7 +15151,7 @@ function getCardContentUtilityClass(slot) {
   return generateUtilityClass("MuiCardContent", slot);
 }
 generateUtilityClasses("MuiCardContent", ["root"]);
-const useUtilityClasses$K = (ownerState) => {
+const useUtilityClasses$L = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -15184,7 +15184,7 @@ const CardContent = /* @__PURE__ */ reactExports.forwardRef(function CardContent
     ...props2,
     component
   };
-  const classes = useUtilityClasses$K(ownerState);
+  const classes = useUtilityClasses$L(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CardContentRoot, {
     as: component,
     className: clsx(classes.root, className),
@@ -15197,7 +15197,7 @@ function getSwitchBaseUtilityClass(slot) {
   return generateUtilityClass("PrivateSwitchBase", slot);
 }
 generateUtilityClasses("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const useUtilityClasses$J = (ownerState) => {
+const useUtilityClasses$K = (ownerState) => {
   const {
     classes,
     checked,
@@ -15334,7 +15334,7 @@ const SwitchBase = /* @__PURE__ */ reactExports.forwardRef(function SwitchBase2(
     disableFocusRipple,
     edge
   };
-  const classes = useUtilityClasses$J(ownerState);
+  const classes = useUtilityClasses$K(ownerState);
   const externalForwardedProps = {
     slots,
     slotProps: {
@@ -15420,7 +15420,7 @@ function getCheckboxUtilityClass(slot) {
   return generateUtilityClass("MuiCheckbox", slot);
 }
 const checkboxClasses = generateUtilityClasses("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]);
-const useUtilityClasses$I = (ownerState) => {
+const useUtilityClasses$J = (ownerState) => {
   const {
     classes,
     indeterminate,
@@ -15529,7 +15529,7 @@ const Checkbox = /* @__PURE__ */ reactExports.forwardRef(function Checkbox2(inPr
     indeterminate,
     size
   };
-  const classes = useUtilityClasses$I(ownerState);
+  const classes = useUtilityClasses$J(ownerState);
   const externalInputProps = slotProps.input ?? inputProps;
   const [RootSlot, rootSlotProps] = useSlot("root", {
     ref,
@@ -16219,7 +16219,7 @@ function getModalUtilityClass(slot) {
   return generateUtilityClass("MuiModal", slot);
 }
 generateUtilityClasses("MuiModal", ["root", "hidden", "backdrop"]);
-const useUtilityClasses$H = (ownerState) => {
+const useUtilityClasses$I = (ownerState) => {
   const {
     open: open2,
     exited,
@@ -16330,7 +16330,7 @@ const Modal = /* @__PURE__ */ reactExports.forwardRef(function Modal2(inProps, r
     ...propsWithDefaults,
     exited
   };
-  const classes = useUtilityClasses$H(ownerState);
+  const classes = useUtilityClasses$I(ownerState);
   const childProps = {};
   if (children.props.tabIndex === void 0) {
     childProps.tabIndex = "-1";
@@ -16423,7 +16423,7 @@ const DialogBackdrop = styled$1(Backdrop, {
   // Improve scrollable dialog support.
   zIndex: -1
 });
-const useUtilityClasses$G = (ownerState) => {
+const useUtilityClasses$H = (ownerState) => {
   const {
     classes,
     scroll,
@@ -16628,7 +16628,7 @@ const Dialog = /* @__PURE__ */ reactExports.forwardRef(function Dialog2(inProps,
     maxWidth,
     scroll
   };
-  const classes = useUtilityClasses$G(ownerState);
+  const classes = useUtilityClasses$H(ownerState);
   const backdropClick = reactExports.useRef();
   const handleMouseDown = (event) => {
     backdropClick.current = event.target === event.currentTarget;
@@ -16750,7 +16750,7 @@ function getDialogActionsUtilityClass(slot) {
   return generateUtilityClass("MuiDialogActions", slot);
 }
 generateUtilityClasses("MuiDialogActions", ["root", "spacing"]);
-const useUtilityClasses$F = (ownerState) => {
+const useUtilityClasses$G = (ownerState) => {
   const {
     classes,
     disableSpacing
@@ -16800,7 +16800,7 @@ const DialogActions = /* @__PURE__ */ reactExports.forwardRef(function DialogAct
     ...props2,
     disableSpacing
   };
-  const classes = useUtilityClasses$F(ownerState);
+  const classes = useUtilityClasses$G(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogActionsRoot, {
     className: clsx(classes.root, className),
     ownerState,
@@ -16816,7 +16816,7 @@ function getDialogTitleUtilityClass(slot) {
   return generateUtilityClass("MuiDialogTitle", slot);
 }
 const dialogTitleClasses = generateUtilityClasses("MuiDialogTitle", ["root"]);
-const useUtilityClasses$E = (ownerState) => {
+const useUtilityClasses$F = (ownerState) => {
   const {
     classes,
     dividers
@@ -16877,7 +16877,7 @@ const DialogContent = /* @__PURE__ */ reactExports.forwardRef(function DialogCon
     ...props2,
     dividers
   };
-  const classes = useUtilityClasses$E(ownerState);
+  const classes = useUtilityClasses$F(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContentRoot, {
     className: clsx(classes.root, className),
     ownerState,
@@ -16889,7 +16889,7 @@ function getDialogContentTextUtilityClass(slot) {
   return generateUtilityClass("MuiDialogContentText", slot);
 }
 generateUtilityClasses("MuiDialogContentText", ["root"]);
-const useUtilityClasses$D = (ownerState) => {
+const useUtilityClasses$E = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -16919,7 +16919,7 @@ const DialogContentText = /* @__PURE__ */ reactExports.forwardRef(function Dialo
     className,
     ...ownerState
   } = props2;
-  const classes = useUtilityClasses$D(ownerState);
+  const classes = useUtilityClasses$E(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContentTextRoot, {
     component: "p",
     variant: "body1",
@@ -16931,7 +16931,7 @@ const DialogContentText = /* @__PURE__ */ reactExports.forwardRef(function Dialo
     classes
   });
 });
-const useUtilityClasses$C = (ownerState) => {
+const useUtilityClasses$D = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -16959,7 +16959,7 @@ const DialogTitle = /* @__PURE__ */ reactExports.forwardRef(function DialogTitle
     ...other
   } = props2;
   const ownerState = props2;
-  const classes = useUtilityClasses$C(ownerState);
+  const classes = useUtilityClasses$D(ownerState);
   const {
     titleId = idProp
   } = reactExports.useContext(DialogContext);
@@ -16977,7 +16977,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$B = (ownerState) => {
+const useUtilityClasses$C = (ownerState) => {
   const {
     absolute,
     children,
@@ -17191,7 +17191,7 @@ const Divider = /* @__PURE__ */ reactExports.forwardRef(function Divider2(inProp
     textAlign,
     variant
   };
-  const classes = useUtilityClasses$B(ownerState);
+  const classes = useUtilityClasses$C(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(DividerRoot, {
     as: component,
     className: clsx(classes.root, className),
@@ -17424,7 +17424,7 @@ const overridesResolver$4 = (props2, styles2) => {
   } = props2;
   return [styles2.root, (ownerState.variant === "permanent" || ownerState.variant === "persistent") && styles2.docked, styles2.modal];
 };
-const useUtilityClasses$A = (ownerState) => {
+const useUtilityClasses$B = (ownerState) => {
   const {
     classes,
     anchor,
@@ -17614,7 +17614,7 @@ const Drawer = /* @__PURE__ */ reactExports.forwardRef(function Drawer2(inProps,
     variant,
     ...other
   };
-  const classes = useUtilityClasses$A(ownerState);
+  const classes = useUtilityClasses$B(ownerState);
   const externalForwardedProps = {
     slots: {
       transition: TransitionComponent,
@@ -17711,7 +17711,7 @@ const Drawer = /* @__PURE__ */ reactExports.forwardRef(function Drawer2(inProps,
     children: slidingDrawer
   });
 });
-const useUtilityClasses$z = (ownerState) => {
+const useUtilityClasses$A = (ownerState) => {
   const {
     classes,
     disableUnderline,
@@ -17990,7 +17990,7 @@ const FilledInput = /* @__PURE__ */ reactExports.forwardRef(function FilledInput
     multiline,
     type: type2
   };
-  const classes = useUtilityClasses$z(props2);
+  const classes = useUtilityClasses$A(props2);
   const filledInputComponentsProps = {
     root: {
       ownerState
@@ -18022,7 +18022,7 @@ function getFormControlUtilityClasses(slot) {
   return generateUtilityClass("MuiFormControl", slot);
 }
 generateUtilityClasses("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
-const useUtilityClasses$y = (ownerState) => {
+const useUtilityClasses$z = (ownerState) => {
   const {
     classes,
     margin,
@@ -18112,7 +18112,7 @@ const FormControl = /* @__PURE__ */ reactExports.forwardRef(function FormControl
     size,
     variant
   };
-  const classes = useUtilityClasses$y(ownerState);
+  const classes = useUtilityClasses$z(ownerState);
   const [adornedStart, setAdornedStart] = reactExports.useState(() => {
     let initialAdornedStart = false;
     if (children) {
@@ -18196,7 +18196,7 @@ function getFormControlLabelUtilityClasses(slot) {
   return generateUtilityClass("MuiFormControlLabel", slot);
 }
 const formControlLabelClasses = generateUtilityClasses("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]);
-const useUtilityClasses$x = (ownerState) => {
+const useUtilityClasses$y = (ownerState) => {
   const {
     classes,
     disabled,
@@ -18332,7 +18332,7 @@ const FormControlLabel = /* @__PURE__ */ reactExports.forwardRef(function FormCo
     required,
     error: fcs.error
   };
-  const classes = useUtilityClasses$x(ownerState);
+  const classes = useUtilityClasses$y(ownerState);
   const externalForwardedProps = {
     slots,
     slotProps: {
@@ -18374,7 +18374,7 @@ function getFormHelperTextUtilityClasses(slot) {
 }
 const formHelperTextClasses = generateUtilityClasses("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
 var _span$3;
-const useUtilityClasses$w = (ownerState) => {
+const useUtilityClasses$x = (ownerState) => {
   const {
     classes,
     contained,
@@ -18469,7 +18469,7 @@ const FormHelperText = /* @__PURE__ */ reactExports.forwardRef(function FormHelp
     required: fcs.required
   };
   delete ownerState.ownerState;
-  const classes = useUtilityClasses$w(ownerState);
+  const classes = useUtilityClasses$x(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(FormHelperTextRoot, {
     as: component,
     className: clsx(classes.root, className),
@@ -18490,7 +18490,7 @@ function getFormLabelUtilityClasses(slot) {
   return generateUtilityClass("MuiFormLabel", slot);
 }
 const formLabelClasses = generateUtilityClasses("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]);
-const useUtilityClasses$v = (ownerState) => {
+const useUtilityClasses$w = (ownerState) => {
   const {
     classes,
     color: color2,
@@ -18588,7 +18588,7 @@ const FormLabel = /* @__PURE__ */ reactExports.forwardRef(function FormLabel2(in
     focused: fcs.focused,
     required: fcs.required
   };
-  const classes = useUtilityClasses$v(ownerState);
+  const classes = useUtilityClasses$w(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(FormLabelRoot, {
     as: component,
     ownerState,
@@ -18916,7 +18916,7 @@ function resolveSpacingClasses(spacing2, breakpoints) {
   });
   return classes;
 }
-const useUtilityClasses$u = (ownerState) => {
+const useUtilityClasses$v = (ownerState) => {
   const {
     classes,
     container,
@@ -18994,7 +18994,7 @@ const Grid = /* @__PURE__ */ reactExports.forwardRef(function Grid2(inProps, ref
     ...breakpointsValues,
     breakpoints: breakpoints.keys
   };
-  const classes = useUtilityClasses$u(ownerState);
+  const classes = useUtilityClasses$v(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridContext.Provider, {
     value: columns,
     children: /* @__PURE__ */ jsxRuntimeExports.jsx(GridRoot, {
@@ -19166,7 +19166,7 @@ const Grow = /* @__PURE__ */ reactExports.forwardRef(function Grow2(props2, ref)
 if (Grow) {
   Grow.muiSupportAuto = true;
 }
-const useUtilityClasses$t = (ownerState) => {
+const useUtilityClasses$u = (ownerState) => {
   const {
     classes,
     disableUnderline
@@ -19299,7 +19299,7 @@ const Input = /* @__PURE__ */ reactExports.forwardRef(function Input2(inProps, r
     type: type2 = "text",
     ...other
   } = props2;
-  const classes = useUtilityClasses$t(props2);
+  const classes = useUtilityClasses$u(props2);
   const ownerState = {
     disableUnderline
   };
@@ -19338,7 +19338,7 @@ const overridesResolver$3 = (props2, styles2) => {
   } = props2;
   return [styles2.root, styles2[`position${capitalize(ownerState.position)}`], ownerState.disablePointerEvents === true && styles2.disablePointerEvents, styles2[ownerState.variant]];
 };
-const useUtilityClasses$s = (ownerState) => {
+const useUtilityClasses$t = (ownerState) => {
   const {
     classes,
     disablePointerEvents,
@@ -19425,7 +19425,7 @@ const InputAdornment = /* @__PURE__ */ reactExports.forwardRef(function InputAdo
     position: position2,
     variant
   };
-  const classes = useUtilityClasses$s(ownerState);
+  const classes = useUtilityClasses$t(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(FormControlContext.Provider, {
     value: null,
     children: /* @__PURE__ */ jsxRuntimeExports.jsx(InputAdornmentRoot, {
@@ -19454,7 +19454,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$r = (ownerState) => {
+const useUtilityClasses$s = (ownerState) => {
   const {
     classes,
     formControl,
@@ -19643,7 +19643,7 @@ const InputLabel = /* @__PURE__ */ reactExports.forwardRef(function InputLabel2(
     required: fcs.required,
     focused: fcs.focused
   };
-  const classes = useUtilityClasses$r(ownerState);
+  const classes = useUtilityClasses$s(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(InputLabelRoot, {
     "data-shrink": shrink,
     ref,
@@ -19653,6 +19653,392 @@ const InputLabel = /* @__PURE__ */ reactExports.forwardRef(function InputLabel2(
     classes
   });
 });
+function getLinearProgressUtilityClass(slot) {
+  return generateUtilityClass("MuiLinearProgress", slot);
+}
+generateUtilityClasses("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "determinate", "indeterminate", "buffer", "query", "dashed", "dashedColorPrimary", "dashedColorSecondary", "bar", "bar1", "bar2", "barColorPrimary", "barColorSecondary", "bar1Indeterminate", "bar1Determinate", "bar1Buffer", "bar2Indeterminate", "bar2Buffer"]);
+const TRANSITION_DURATION = 4;
+const indeterminate1Keyframe = keyframes`
+  0% {
+    left: -35%;
+    right: 100%;
+  }
+
+  60% {
+    left: 100%;
+    right: -90%;
+  }
+
+  100% {
+    left: 100%;
+    right: -90%;
+  }
+`;
+const indeterminate1Animation = typeof indeterminate1Keyframe !== "string" ? css$1`
+        animation: ${indeterminate1Keyframe} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+      ` : null;
+const indeterminate2Keyframe = keyframes`
+  0% {
+    left: -200%;
+    right: 100%;
+  }
+
+  60% {
+    left: 107%;
+    right: -8%;
+  }
+
+  100% {
+    left: 107%;
+    right: -8%;
+  }
+`;
+const indeterminate2Animation = typeof indeterminate2Keyframe !== "string" ? css$1`
+        animation: ${indeterminate2Keyframe} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
+      ` : null;
+const bufferKeyframe = keyframes`
+  0% {
+    opacity: 1;
+    background-position: 0 -23px;
+  }
+
+  60% {
+    opacity: 0;
+    background-position: 0 -23px;
+  }
+
+  100% {
+    opacity: 1;
+    background-position: -200px -23px;
+  }
+`;
+const bufferAnimation = typeof bufferKeyframe !== "string" ? css$1`
+        animation: ${bufferKeyframe} 3s infinite linear;
+      ` : null;
+const useUtilityClasses$r = (ownerState) => {
+  const {
+    classes,
+    variant,
+    color: color2
+  } = ownerState;
+  const slots = {
+    root: ["root", `color${capitalize(color2)}`, variant],
+    dashed: ["dashed", `dashedColor${capitalize(color2)}`],
+    bar1: ["bar", "bar1", `barColor${capitalize(color2)}`, (variant === "indeterminate" || variant === "query") && "bar1Indeterminate", variant === "determinate" && "bar1Determinate", variant === "buffer" && "bar1Buffer"],
+    bar2: ["bar", "bar2", variant !== "buffer" && `barColor${capitalize(color2)}`, variant === "buffer" && `color${capitalize(color2)}`, (variant === "indeterminate" || variant === "query") && "bar2Indeterminate", variant === "buffer" && "bar2Buffer"]
+  };
+  return composeClasses(slots, getLinearProgressUtilityClass, classes);
+};
+const getColorShade = (theme2, color2) => {
+  if (theme2.vars) {
+    return theme2.vars.palette.LinearProgress[`${color2}Bg`];
+  }
+  return theme2.palette.mode === "light" ? lighten(theme2.palette[color2].main, 0.62) : darken(theme2.palette[color2].main, 0.5);
+};
+const LinearProgressRoot = styled$1("span", {
+  name: "MuiLinearProgress",
+  slot: "Root",
+  overridesResolver: (props2, styles2) => {
+    const {
+      ownerState
+    } = props2;
+    return [styles2.root, styles2[`color${capitalize(ownerState.color)}`], styles2[ownerState.variant]];
+  }
+})(memoTheme(({
+  theme: theme2
+}) => ({
+  position: "relative",
+  overflow: "hidden",
+  display: "block",
+  height: 4,
+  // Fix Safari's bug during composition of different paint.
+  zIndex: 0,
+  "@media print": {
+    colorAdjust: "exact"
+  },
+  variants: [...Object.entries(theme2.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
+    props: {
+      color: color2
+    },
+    style: {
+      backgroundColor: getColorShade(theme2, color2)
+    }
+  })), {
+    props: ({
+      ownerState
+    }) => ownerState.color === "inherit" && ownerState.variant !== "buffer",
+    style: {
+      "&::before": {
+        content: '""',
+        position: "absolute",
+        left: 0,
+        top: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "currentColor",
+        opacity: 0.3
+      }
+    }
+  }, {
+    props: {
+      variant: "buffer"
+    },
+    style: {
+      backgroundColor: "transparent"
+    }
+  }, {
+    props: {
+      variant: "query"
+    },
+    style: {
+      transform: "rotate(180deg)"
+    }
+  }]
+})));
+const LinearProgressDashed = styled$1("span", {
+  name: "MuiLinearProgress",
+  slot: "Dashed",
+  overridesResolver: (props2, styles2) => {
+    const {
+      ownerState
+    } = props2;
+    return [styles2.dashed, styles2[`dashedColor${capitalize(ownerState.color)}`]];
+  }
+})(memoTheme(({
+  theme: theme2
+}) => ({
+  position: "absolute",
+  marginTop: 0,
+  height: "100%",
+  width: "100%",
+  backgroundSize: "10px 10px",
+  backgroundPosition: "0 -23px",
+  variants: [{
+    props: {
+      color: "inherit"
+    },
+    style: {
+      opacity: 0.3,
+      backgroundImage: `radial-gradient(currentColor 0%, currentColor 16%, transparent 42%)`
+    }
+  }, ...Object.entries(theme2.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => {
+    const backgroundColor = getColorShade(theme2, color2);
+    return {
+      props: {
+        color: color2
+      },
+      style: {
+        backgroundImage: `radial-gradient(${backgroundColor} 0%, ${backgroundColor} 16%, transparent 42%)`
+      }
+    };
+  })]
+})), bufferAnimation || {
+  // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
+  animation: `${bufferKeyframe} 3s infinite linear`
+});
+const LinearProgressBar1 = styled$1("span", {
+  name: "MuiLinearProgress",
+  slot: "Bar1",
+  overridesResolver: (props2, styles2) => {
+    const {
+      ownerState
+    } = props2;
+    return [styles2.bar, styles2.bar1, styles2[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === "indeterminate" || ownerState.variant === "query") && styles2.bar1Indeterminate, ownerState.variant === "determinate" && styles2.bar1Determinate, ownerState.variant === "buffer" && styles2.bar1Buffer];
+  }
+})(memoTheme(({
+  theme: theme2
+}) => ({
+  width: "100%",
+  position: "absolute",
+  left: 0,
+  bottom: 0,
+  top: 0,
+  transition: "transform 0.2s linear",
+  transformOrigin: "left",
+  variants: [{
+    props: {
+      color: "inherit"
+    },
+    style: {
+      backgroundColor: "currentColor"
+    }
+  }, ...Object.entries(theme2.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
+    props: {
+      color: color2
+    },
+    style: {
+      backgroundColor: (theme2.vars || theme2).palette[color2].main
+    }
+  })), {
+    props: {
+      variant: "determinate"
+    },
+    style: {
+      transition: `transform .${TRANSITION_DURATION}s linear`
+    }
+  }, {
+    props: {
+      variant: "buffer"
+    },
+    style: {
+      zIndex: 1,
+      transition: `transform .${TRANSITION_DURATION}s linear`
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
+    style: {
+      width: "auto"
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
+    style: indeterminate1Animation || {
+      animation: `${indeterminate1Keyframe} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite`
+    }
+  }]
+})));
+const LinearProgressBar2 = styled$1("span", {
+  name: "MuiLinearProgress",
+  slot: "Bar2",
+  overridesResolver: (props2, styles2) => {
+    const {
+      ownerState
+    } = props2;
+    return [styles2.bar, styles2.bar2, styles2[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === "indeterminate" || ownerState.variant === "query") && styles2.bar2Indeterminate, ownerState.variant === "buffer" && styles2.bar2Buffer];
+  }
+})(memoTheme(({
+  theme: theme2
+}) => ({
+  width: "100%",
+  position: "absolute",
+  left: 0,
+  bottom: 0,
+  top: 0,
+  transition: "transform 0.2s linear",
+  transformOrigin: "left",
+  variants: [...Object.entries(theme2.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
+    props: {
+      color: color2
+    },
+    style: {
+      "--LinearProgressBar2-barColor": (theme2.vars || theme2).palette[color2].main
+    }
+  })), {
+    props: ({
+      ownerState
+    }) => ownerState.variant !== "buffer" && ownerState.color !== "inherit",
+    style: {
+      backgroundColor: "var(--LinearProgressBar2-barColor, currentColor)"
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.variant !== "buffer" && ownerState.color === "inherit",
+    style: {
+      backgroundColor: "currentColor"
+    }
+  }, {
+    props: {
+      color: "inherit"
+    },
+    style: {
+      opacity: 0.3
+    }
+  }, ...Object.entries(theme2.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
+    props: {
+      color: color2,
+      variant: "buffer"
+    },
+    style: {
+      backgroundColor: getColorShade(theme2, color2),
+      transition: `transform .${TRANSITION_DURATION}s linear`
+    }
+  })), {
+    props: ({
+      ownerState
+    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
+    style: {
+      width: "auto"
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
+    style: indeterminate2Animation || {
+      animation: `${indeterminate2Keyframe} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite`
+    }
+  }]
+})));
+const LinearProgress = /* @__PURE__ */ reactExports.forwardRef(function LinearProgress2(inProps, ref) {
+  const props2 = useDefaultProps({
+    props: inProps,
+    name: "MuiLinearProgress"
+  });
+  const {
+    className,
+    color: color2 = "primary",
+    value,
+    valueBuffer,
+    variant = "indeterminate",
+    ...other
+  } = props2;
+  const ownerState = {
+    ...props2,
+    color: color2,
+    variant
+  };
+  const classes = useUtilityClasses$r(ownerState);
+  const isRtl = useRtl();
+  const rootProps = {};
+  const inlineStyles = {
+    bar1: {},
+    bar2: {}
+  };
+  if (variant === "determinate" || variant === "buffer") {
+    if (value !== void 0) {
+      rootProps["aria-valuenow"] = Math.round(value);
+      rootProps["aria-valuemin"] = 0;
+      rootProps["aria-valuemax"] = 100;
+      let transform2 = value - 100;
+      if (isRtl) {
+        transform2 = -transform2;
+      }
+      inlineStyles.bar1.transform = `translateX(${transform2}%)`;
+    }
+  }
+  if (variant === "buffer") {
+    if (valueBuffer !== void 0) {
+      let transform2 = (valueBuffer || 0) - 100;
+      if (isRtl) {
+        transform2 = -transform2;
+      }
+      inlineStyles.bar2.transform = `translateX(${transform2}%)`;
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(LinearProgressRoot, {
+    className: clsx(classes.root, className),
+    ownerState,
+    role: "progressbar",
+    ...rootProps,
+    ref,
+    ...other,
+    children: [variant === "buffer" ? /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressDashed, {
+      className: classes.dashed,
+      ownerState
+    }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressBar1, {
+      className: classes.bar1,
+      ownerState,
+      style: inlineStyles.bar1
+    }), variant === "determinate" ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressBar2, {
+      className: classes.bar2,
+      ownerState,
+      style: inlineStyles.bar2
+    })]
+  });
+});
 function getLinkUtilityClass(slot) {
   return generateUtilityClass("MuiLink", slot);
 }
@@ -22596,7 +22982,7 @@ const styledRootConfig = {
   slot: "Root"
 };
 const StyledInput$1 = styled$1(Input, styledRootConfig)("");
-const StyledOutlinedInput = styled$1(OutlinedInput, styledRootConfig)("");
+const StyledOutlinedInput$1 = styled$1(OutlinedInput, styledRootConfig)("");
 const StyledFilledInput = styled$1(FilledInput, styledRootConfig)("");
 const Select = /* @__PURE__ */ reactExports.forwardRef(function Select2(inProps, ref) {
   const props2 = useDefaultProps({
@@ -22649,7 +23035,7 @@ const Select = /* @__PURE__ */ reactExports.forwardRef(function Select2(inProps,
     standard: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledInput$1, {
       ownerState
     }),
-    outlined: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledOutlinedInput, {
+    outlined: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledOutlinedInput$1, {
       label,
       ownerState
     }),
@@ -34070,105 +34456,6 @@ const useAgentSelectionStore = create$1()(
     }
   )
 );
-/**
- * @license lucide-react v0.507.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const toKebabCase = (string2) => string2.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-const toCamelCase = (string2) => string2.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (match2, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
-);
-const toPascalCase = (string2) => {
-  const camelCase = toCamelCase(string2);
-  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
-};
-const mergeClasses = (...classes) => classes.filter((className, index2, array2) => {
-  return Boolean(className) && className.trim() !== "" && array2.indexOf(className) === index2;
-}).join(" ").trim();
-const hasA11yProp = (props2) => {
-  for (const prop in props2) {
-    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
-      return true;
-    }
-  }
-};
-/**
- * @license lucide-react v0.507.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-/**
- * @license lucide-react v0.507.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Icon = reactExports.forwardRef(
-  ({
-    color: color2 = "currentColor",
-    size = 24,
-    strokeWidth = 2,
-    absoluteStrokeWidth,
-    className = "",
-    children,
-    iconNode,
-    ...rest
-  }, ref) => reactExports.createElement(
-    "svg",
-    {
-      ref,
-      ...defaultAttributes,
-      width: size,
-      height: size,
-      stroke: color2,
-      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
-      className: mergeClasses("lucide", className),
-      ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
-      ...rest
-    },
-    [
-      ...iconNode.map(([tag, attrs]) => reactExports.createElement(tag, attrs)),
-      ...Array.isArray(children) ? children : [children]
-    ]
-  )
-);
-/**
- * @license lucide-react v0.507.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const createLucideIcon = (iconName, iconNode) => {
-  const Component = reactExports.forwardRef(
-    ({ className, ...props2 }, ref) => reactExports.createElement(Icon, {
-      ref,
-      iconNode,
-      className: mergeClasses(
-        `lucide-${toKebabCase(toPascalCase(iconName))}`,
-        `lucide-${iconName}`,
-        className
-      ),
-      ...props2
-    })
-  );
-  Component.displayName = toPascalCase(iconName);
-  return Component;
-};
 /**
  * @license lucide-react v0.507.0 - ISC
  *
@@ -35513,19 +35800,48 @@ const ChatLayout = ({ sidebar, content: content2 }) => {
   ] });
 };
 const DEFAULT_DEFER_TIMELINE_MS = 48 * 60 * 60 * 1e3;
+var UpdateType = /* @__PURE__ */ ((UpdateType2) => {
+  UpdateType2["UI"] = "ui";
+  UpdateType2["BACKEND"] = "backend";
+  return UpdateType2;
+})(UpdateType || {});
 const useDeferredUpdatesStore = create$1()(
   persist(
     (set, get2) => ({
-      deferredVersion: null,
-      deferredAt: null,
-      deferUpdate: (version2) => {
-        set({
-          deferredVersion: version2,
-          deferredAt: Date.now()
-        });
+      uiDeferredVersion: null,
+      uiDeferredAt: null,
+      backendDeferredVersion: null,
+      backendDeferredAt: null,
+      hydrated: false,
+      deferUpdate: (type2, version2) => {
+        if (type2 === "ui") {
+          set({
+            uiDeferredVersion: version2,
+            uiDeferredAt: Date.now()
+          });
+        } else {
+          set({
+            backendDeferredVersion: version2,
+            backendDeferredAt: Date.now()
+          });
+        }
       },
-      shouldShowUpdate: (version2) => {
-        const { deferredVersion, deferredAt } = get2();
+      shouldShowUpdate: (type2, version2) => {
+        const {
+          uiDeferredVersion,
+          uiDeferredAt,
+          backendDeferredVersion,
+          backendDeferredAt
+        } = get2();
+        let deferredVersion;
+        let deferredAt;
+        if (type2 === "ui") {
+          deferredVersion = uiDeferredVersion;
+          deferredAt = uiDeferredAt;
+        } else {
+          deferredVersion = backendDeferredVersion;
+          deferredAt = backendDeferredAt;
+        }
         if (!deferredVersion || !deferredAt) {
           return true;
         }
@@ -35536,15 +35852,31 @@ const useDeferredUpdatesStore = create$1()(
         const timeElapsed = now - deferredAt;
         return timeElapsed > DEFAULT_DEFER_TIMELINE_MS;
       },
-      clearDeferredUpdate: () => {
-        set({
-          deferredVersion: null,
-          deferredAt: null
-        });
+      clearDeferredUpdate: (type2) => {
+        if (type2 === "ui") {
+          set({
+            uiDeferredVersion: null,
+            uiDeferredAt: null
+          });
+        } else if (type2 === "backend") {
+          set({
+            backendDeferredVersion: null,
+            backendDeferredAt: null
+          });
+        } else {
+          throw new Error(`Invalid update type: ${type2}`);
+        }
       }
     }),
     {
-      name: "deferred-updates-storage"
+      name: "deferred-updates-storage",
+      onRehydrateStorage: () => (store) => {
+        if (store && typeof store === "object" && "setState" in store && typeof store.setState === "function") {
+          store.setState({
+            hydrated: true
+          });
+        }
+      }
     }
   )
 );
@@ -35607,7 +35939,8 @@ const CheckForUpdatesButton = () => {
     try {
       setChecking(true);
       manualCheckRef.current = true;
-      clearDeferredUpdate();
+      clearDeferredUpdate(UpdateType.UI);
+      clearDeferredUpdate(UpdateType.BACKEND);
       await window.api.updater.checkForAllUpdates();
     } catch (error) {
       setSnackbarMessage(
@@ -36946,39 +37279,58 @@ const useJobPolling = ({
     queryFn: async () => {
       if (!currentJobId) return null;
       const client2 = createLocalOperatorClient(apiConfig.baseUrl);
-      const response = await client2.jobs.getJobStatus(currentJobId);
-      return response.result;
+      try {
+        const response = await client2.jobs.getJobStatus(currentJobId);
+        return response.result;
+      } catch (err) {
+        const errorObj = err;
+        if (errorObj?.response?.status === 404 || errorObj?.status === 404 || errorObj?.message?.toString().includes("404")) {
+          return { status: "not_found" };
+        }
+        throw err;
+      }
     },
-    // Only run the query if we have a job ID and server is online (bypass internet check)
     enabled: shouldEnableQuery({ bypassInternetCheck: true }) && !!currentJobId,
-    // Poll every 1 second while job is active
     refetchInterval: currentJobId ? 1e3 : false,
     refetchIntervalInBackground: false,
     refetchOnWindowFocus: true,
-    // Don't cache the result
     gcTime: 0,
     staleTime: 0,
-    // Retry failed requests to ensure polling continues
     retry: true,
     retryDelay: 1e3
   });
+  function isJobDetails(data2) {
+    return typeof data2 === "object" && data2 !== null && "id" in data2 && typeof data2.id === "string";
+  }
   reactExports.useEffect(() => {
-    if (!jobData || !conversationId) return void 0;
-    const jobDataSignature = `${jobData.id}-${jobData.status}-${dataUpdatedAt}`;
-    if (jobDataSignature !== lastProcessedJobDataRef.current) {
-      lastProcessedJobDataRef.current = jobDataSignature;
-      if (jobData.current_execution) {
-        setCurrentExecution(jobData.current_execution);
-      }
-      if (jobData.status === "processing") {
-        const debounceTimeout = setTimeout(() => {
-          updateConversationMessages(conversationId);
-        }, 500);
-        return () => clearTimeout(debounceTimeout);
-      }
-      if (jobData.status === "completed" || jobData.status === "failed") {
-        handleJobCompletion(jobData);
+    if (!conversationId) return void 0;
+    if (jobData && jobData.status === "not_found") {
+      (async () => {
+        await updateConversationMessages(conversationId);
+        setCurrentJobId(null);
+        setIsLoading(false);
         setCurrentExecution(null);
+      })();
+      return;
+    }
+    if (!jobData) return void 0;
+    if (isJobDetails(jobData)) {
+      const jobDataSignature = `${jobData.id}-${jobData.status}-${dataUpdatedAt}`;
+      if (jobDataSignature !== lastProcessedJobDataRef.current) {
+        lastProcessedJobDataRef.current = jobDataSignature;
+        if (jobData.current_execution) {
+          setCurrentExecution(jobData.current_execution);
+        }
+        if (jobData.status === "processing") {
+          const debounceTimeout = setTimeout(() => {
+            updateConversationMessages(conversationId);
+          }, 500);
+          return () => clearTimeout(debounceTimeout);
+        }
+        if (jobData.status === "completed" || jobData.status === "failed") {
+          handleJobCompletion(jobData);
+          setCurrentExecution(null);
+        }
       }
     }
     return void 0;
@@ -36988,7 +37340,6 @@ const useJobPolling = ({
     handleJobCompletion,
     conversationId,
     updateConversationMessages,
-    setCurrentExecution,
     setCurrentJobId
   ]);
   reactExports.useEffect(() => {
@@ -36999,10 +37350,21 @@ const useJobPolling = ({
       }
     }
   }, [error, currentJobId, queryClient2]);
+  const validJobStatuses = [
+    "pending",
+    "processing",
+    "completed",
+    "failed",
+    "cancelled"
+  ];
+  let jobStatus = null;
+  if (jobData && typeof jobData.status === "string" && validJobStatuses.includes(jobData.status)) {
+    jobStatus = jobData.status;
+  }
   return {
     currentJobId,
     setCurrentJobId,
-    jobStatus: jobData?.status || null,
+    jobStatus,
     isLoading,
     setIsLoading,
     checkForActiveJobs,
@@ -39753,7 +40115,7 @@ const StyledIcon$1 = styled$1(FontAwesomeIcon)(({ theme: theme2 }) => ({
   color: theme2.palette.primary.main,
   fontSize: "1.2rem"
 }));
-const StyledTextField$5 = styled$1(TextField)(({ theme: theme2 }) => ({
+const StyledTextField$4 = styled$1(TextField)(({ theme: theme2 }) => ({
   "& .MuiOutlinedInput-root": {
     borderRadius: 8,
     transition: "all 0.2s ease-in-out",
@@ -39774,7 +40136,7 @@ const StyledTextField$5 = styled$1(TextField)(({ theme: theme2 }) => ({
     padding: "12px 14px"
   }
 }));
-const NameField = styled$1(StyledTextField$5)({
+const NameField = styled$1(StyledTextField$4)({
   marginBottom: 12,
   "& .MuiInputLabel-root": {
     transform: "translate(12px, 12px) scale(1)"
@@ -39903,7 +40265,7 @@ const CreateAgentDialog = ({
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            StyledTextField$5,
+            StyledTextField$4,
             {
               margin: "dense",
               id: "description",
@@ -39944,7 +40306,7 @@ const LabelIcon$7 = styled$1(Box)({
   display: "flex",
   alignItems: "center"
 });
-const StyledTextField$4 = styled$1(TextField)(
+const StyledTextField$3 = styled$1(TextField)(
   ({ theme: theme2, multiline }) => ({
     "& .MuiOutlinedInput-root": {
       borderRadius: 6,
@@ -40245,7 +40607,7 @@ const EditableField = ({
     ] }),
     isEditing ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { position: "relative" }, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        StyledTextField$4,
+        StyledTextField$3,
         {
           fullWidth: true,
           variant: "outlined",
@@ -40602,13 +40964,13 @@ const SubtitleText = styled$1(Typography)(({ theme: theme2 }) => ({
 }));
 const PageHeader = ({
   title,
-  icon: Icon2,
+  icon: Icon,
   subtitle,
   children
 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(PageHeaderRoot, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(LeftContent, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(HeaderIconWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { size: 24, strokeWidth: 2 }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(HeaderIconWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { size: 24, strokeWidth: 2 }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(TextContainer, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(TitleText$1, { variant: "h1", children: title }),
         subtitle && /* @__PURE__ */ jsxRuntimeExports.jsx(SubtitleText, { variant: "body1", children: subtitle })
@@ -40833,12 +41195,12 @@ const StyledSlider = styled$1(Slider)(({ theme: theme2 }) => ({
 const InputContainer = styled$1(Box)({
   display: "flex",
   alignItems: "center",
-  minWidth: "90px"
-  // Slightly reduced min-width
+  minWidth: "110px"
+  // Increased min-width for wider input
 });
-const StyledTextField$3 = styled$1(TextField)(({ theme: theme2 }) => ({
-  width: "90px",
-  // Fixed width
+const StyledTextField$2 = styled$1(TextField)(({ theme: theme2 }) => ({
+  width: "110px",
+  // Increased width for wider input
   "& .MuiOutlinedInput-root": {
     borderRadius: theme2.shape.borderRadius,
     // Standard border radius
@@ -41021,7 +41383,7 @@ const SliderSetting = ({
             // Consistent loading indicator size
             /* @__PURE__ */ jsxRuntimeExports.jsx(CircularProgress, { size: 20, sx: { margin: "8px 12px" } })
           ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-            StyledTextField$3,
+            StyledTextField$2,
             {
               value: inputValue,
               onChange: handleInputChange,
@@ -43604,10 +43966,13 @@ const UpdateNotification = ({
   const [backendUpdateCompleted, setBackendUpdateCompleted] = reactExports.useState(false);
   const [manualUpdateRequired, setManualUpdateRequired] = reactExports.useState(false);
   const [manualUpdateInfo, setManualUpdateInfo] = reactExports.useState(null);
-  const { shouldShowUpdate, deferUpdate } = useDeferredUpdatesStore();
+  const { shouldShowUpdate, deferUpdate, hydrated } = useDeferredUpdatesStore();
   reactExports.useEffect(() => {
     window.api.systemInfo.getAppVersion().then((version2) => setAppVersion(version2)).catch(() => setAppVersion("unknown"));
   }, []);
+  if (!hydrated) {
+    return null;
+  }
   const checkForUpdates = reactExports.useCallback(async () => {
     try {
       setChecking(true);
@@ -43655,7 +44020,7 @@ const UpdateNotification = ({
   }, []);
   const handleDeferBackendUpdate = reactExports.useCallback(() => {
     if (backendUpdateInfo) {
-      deferUpdate(backendUpdateInfo.latestVersion);
+      deferUpdate(UpdateType.BACKEND, backendUpdateInfo.latestVersion);
       setSnackbarOpen(false);
       setBackendUpdateAvailable(false);
       setBackendUpdateInfo(null);
@@ -43663,7 +44028,7 @@ const UpdateNotification = ({
   }, [deferUpdate, backendUpdateInfo]);
   const handleDeferUpdate = reactExports.useCallback(() => {
     if (updateInfo) {
-      deferUpdate(updateInfo.version);
+      deferUpdate(UpdateType.UI, updateInfo.version);
       setSnackbarOpen(false);
       setUpdateAvailable(false);
       setUpdateDownloaded(false);
@@ -43672,7 +44037,7 @@ const UpdateNotification = ({
   reactExports.useEffect(() => {
     const removeUpdateAvailableListener = window.api.updater.onUpdateAvailable(
       (info) => {
-        if (shouldShowUpdate(info.version)) {
+        if (shouldShowUpdate(UpdateType.UI, info.version)) {
           setUpdateAvailable(true);
           setUpdateInfo(info);
           setSnackbarOpen(true);
@@ -43685,7 +44050,7 @@ const UpdateNotification = ({
     });
     const removeUpdateDownloadedListener = window.api.updater.onUpdateDownloaded((info) => {
       setDownloading(false);
-      if (shouldShowUpdate(info.version)) {
+      if (shouldShowUpdate(UpdateType.UI, info.version)) {
         setUpdateDownloaded(true);
         setUpdateInfo(info);
         setSnackbarOpen(true);
@@ -43714,7 +44079,7 @@ const UpdateNotification = ({
       }
     );
     const removeBackendUpdateAvailableListener = window.api.updater.onBackendUpdateAvailable((info) => {
-      if (shouldShowUpdate(info.latestVersion)) {
+      if (shouldShowUpdate(UpdateType.BACKEND, info.latestVersion)) {
         const enhancedInfo = {
           ...info,
           canManageUpdate: !info.updateCommand.includes("manually")
@@ -49887,7 +50252,7 @@ const MetaInfoContainer$1 = styled$1(Box)(({ theme: theme2 }) => ({
   color: theme2.palette.text.secondary,
   fontSize: "0.875rem"
 }));
-const DescriptionBox$2 = styled$1(Box)(({ theme: theme2 }) => ({
+const DescriptionBox$1 = styled$1(Box)(({ theme: theme2 }) => ({
   marginTop: theme2.spacing(2),
   marginBottom: theme2.spacing(4),
   lineHeight: 1.6
@@ -50137,7 +50502,7 @@ const AgentDetailsPage = () => {
         ")"
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(DescriptionBox$2, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body1", sx: { fontSize: "0.875rem" }, children: agent.description || "No description provided." }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DescriptionBox$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body1", sx: { fontSize: "0.875rem" }, children: agent.description || "No description provided." }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { sx: { my: 3 } }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(CommentsSection, { agentId: agent.id }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -82795,7 +83160,7 @@ const languages = [
     name: "Go",
     extensions: ["go"],
     load() {
-      return __vitePreload(() => import("./index-CUWbsc3s.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m2) => m2.go());
+      return __vitePreload(() => import("./index-DV8SteiB.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m2) => m2.go());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -82972,7 +83337,7 @@ const languages = [
     alias: ["yml"],
     extensions: ["yaml", "yml"],
     load() {
-      return __vitePreload(() => import("./index-DlgVvD7O.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
+      return __vitePreload(() => import("./index-Dp4J_UIV.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5
@@ -141592,7 +141957,7 @@ const OptionsButton = styled$1(IconButton)(({ theme: theme2 }) => ({
     transform: "translateY(-1px)"
   }
 }));
-const DescriptionBox$1 = styled$1(Box)({
+const DescriptionBox = styled$1(Box)({
   display: "flex",
   flexDirection: "column",
   width: "90%"
@@ -141626,7 +141991,7 @@ const ChatHeader = ({
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(Bot, { size: 24 })
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(DescriptionBox$1, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(DescriptionBox, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Typography,
             {
@@ -142676,7 +143041,7 @@ const SuggestionChip = styled$1(Button)(({ theme: theme2 }) => ({
     }
   }
 }));
-const StyledTextField$2 = styled$1(TextField)(({ theme: theme2 }) => ({
+const StyledTextField$1 = styled$1(TextField)(({ theme: theme2 }) => ({
   flex: 1,
   "& .MuiOutlinedInput-root": {
     backgroundColor: "transparent",
@@ -142886,7 +143251,7 @@ const MessageInput = ({
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        StyledTextField$2,
+        StyledTextField$1,
         {
           fullWidth: true,
           placeholder: isInputDisabled ? "Agent is busy" : "Ask me for help",
@@ -180937,8 +181302,13 @@ const FileAttachment = ({
         const state = useCanvasStore.getState();
         const files = state.conversations[conversationId]?.files ?? [];
         const openTabs = state.conversations[conversationId]?.openTabs ?? [];
-        const existsFile = files.some((d2) => d2.id === docId);
-        const updatedFiles = existsFile ? files : [...files, newDoc];
+        const updatedFiles = (() => {
+          const idx = files.findIndex((d2) => d2.id === docId);
+          if (idx !== -1) {
+            return [...files.slice(0, idx), newDoc, ...files.slice(idx + 1)];
+          }
+          return [...files, newDoc];
+        })();
         setFiles(conversationId, updatedFiles);
         const existsTab = openTabs.some((t2) => t2.id === docId);
         const updatedTabs = existsTab ? openTabs : [...openTabs, { id: docId, title }];
@@ -182346,6 +182716,47 @@ const getAttachmentUrl = (client, path2) => {
 };
 const MessageItem = reactExports.memo(
   ({ message: message2, onMessageComplete, isLastMessage, conversationId }) => {
+    const setFiles = useCanvasStore((s2) => s2.setFiles);
+    reactExports.useEffect(() => {
+      if (!message2.files || message2.files.length === 0) return;
+      const state = useCanvasStore.getState();
+      const conv = state.conversations[conversationId];
+      if (!conv) return;
+      const { openTabs, files } = conv;
+      if (!openTabs || openTabs.length === 0) return;
+      (async () => {
+        let updatedFiles = files;
+        let didUpdate = false;
+        for (const filePath of message2.files ?? []) {
+          const normalizedPath = filePath.startsWith("file://") ? filePath.substring(7) : filePath;
+          const tabIsOpen = openTabs.some((tab2) => tab2.id === normalizedPath);
+          if (!tabIsOpen) continue;
+          const fileIdx = updatedFiles.findIndex(
+            (f2) => f2.id === normalizedPath
+          );
+          if (fileIdx === -1) continue;
+          try {
+            const result = await window.api.readFile(normalizedPath);
+            if (result.success) {
+              const currentDoc = updatedFiles[fileIdx];
+              if (currentDoc.content !== result.data) {
+                const updatedDoc = { ...currentDoc, content: result.data };
+                updatedFiles = [
+                  ...updatedFiles.slice(0, fileIdx),
+                  updatedDoc,
+                  ...updatedFiles.slice(fileIdx + 1)
+                ];
+                didUpdate = true;
+              }
+            }
+          } catch (_2) {
+          }
+        }
+        if (didUpdate) {
+          setFiles(conversationId, updatedFiles);
+        }
+      })();
+    }, [message2, conversationId, setFiles]);
     const shouldHide = (message2.action === "DONE" || message2.action === "ASK") && message2.execution_type === "action" && message2.task_classification === "conversation" || !message2.message && (!message2.files || message2.files.length === 0) && !message2.code && !message2.stdout && !message2.stderr && !message2.logging && message2.is_complete;
     if (shouldHide) {
       return null;
@@ -184084,7 +184495,7 @@ const menuItemSx = (theme2) => ({
     }
   }
 });
-const menuPropsSx = (theme2) => ({
+const menuPropsSx$1 = (theme2) => ({
   PaperProps: {
     sx: {
       mt: 0.5,
@@ -184100,8 +184511,6 @@ const RECOMMENDED_AGENT_COUNT = 8;
 const StyledGridContainer = styled$1(Grid)(({ theme: theme2 }) => ({
   overflowY: "auto",
   padding: theme2.spacing(2, 0),
-  height: 400,
-  maxHeight: 400,
   flexGrow: 1,
   width: "100%",
   "&::-webkit-scrollbar": {
@@ -184221,7 +184630,7 @@ const CreateAgentStep = ({
           ] })
         }
       ),
-      !isLoadingAgents && !agentsError && /* @__PURE__ */ jsxRuntimeExports.jsx(StyledGridContainer, { container: true, spacing: 2, children: recommendedAgents.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body1", align: "center", children: "No recommended agents found. You can proceed or add agents later." }) }) : recommendedAgents.map((agent) => /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, xs: 12, sm: 6, md: 6, lg: 4, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      !isLoadingAgents && !agentsError && /* @__PURE__ */ jsxRuntimeExports.jsx(StyledGridContainer, { container: true, spacing: 2, children: recommendedAgents.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body1", align: "center", children: "No recommended agents found. You can proceed or add agents later." }) }) : recommendedAgents.map((agent) => /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, xs: 12, sm: 6, md: 6, lg: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
         Box,
         {
           sx: {
@@ -184536,7 +184945,7 @@ const DefaultModelStep = () => {
               id: "provider-select",
               value: selectedProvider,
               onChange: handleProviderChange,
-              MenuProps: menuPropsSx(theme2),
+              MenuProps: menuPropsSx$1(theme2),
               children: availableProviders.map((provider) => /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { value: provider.id, children: provider.name }, provider.id))
             }
           ),
@@ -184556,7 +184965,7 @@ const DefaultModelStep = () => {
               id: "model-select",
               value: selectedModel,
               onChange: handleModelChange,
-              MenuProps: menuPropsSx(theme2),
+              MenuProps: menuPropsSx$1(theme2),
               disabled: availableModels.length === 0,
               children: [
                 availableModels.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { disabled: true, value: "", children: "No models found for this provider" }),
@@ -184859,7 +185268,7 @@ const ModelCredentialStep = () => {
               id: "credential-select",
               value: selectedCredential,
               onChange: handleCredentialChange,
-              MenuProps: menuPropsSx(theme2),
+              MenuProps: menuPropsSx$1(theme2),
               children: modelProviderCredentials.map((cred) => /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { value: cred.key, children: cred.name }, cred.key))
             }
           ),
@@ -185111,22 +185520,7 @@ const RadientChoiceStep = ({
             "Get started for free with ",
             /* @__PURE__ */ jsxRuntimeExports.jsx(RadientPassText, { children: "Radient Pass" })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(CardSubtitle, { variant: "body2", children: [
-            " ",
-            "Batteries included with",
-            " ",
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Typography,
-              {
-                component: "span",
-                fontWeight: "medium",
-                color: radientTheme.palette.primary.main,
-                sx: { fontSize: "inherit" },
-                children: "web search, image generation, site crawling, hundreds of AI models"
-              }
-            ),
-            ", and more. One API key instead of many, with potential savings when Radient picks the best model to handle each step. Two-click setup, no credit card required."
-          ] })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(CardSubtitle, { variant: "body2", children: "Designed for best speed, accuracy, and performance with Local Operator. Get access to all tools and models at once, with potential savings when Radient picks the best model to handle each step. Two-click setup, no credit card required." })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(CardIcon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "img",
@@ -185153,7 +185547,7 @@ const RadientChoiceStep = ({
             "Set up your own keys ",
             /* @__PURE__ */ jsxRuntimeExports.jsx(FreeText, { children: "(Free Forever)" })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(CardSubtitle, { variant: "body2", children: "Full flexibility for technical users. Bring your own API keys for providers like OpenAI, Anthropic, SERP API, etc., and manage billing separately." })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(CardSubtitle, { variant: "body2", children: "Full flexibility for technical users. Bring your own API keys for providers like OpenAI, Anthropic, Tavily API, etc., and manage billing separately." })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(CardIcon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { fontSize: "3.5rem", children: "🔧" }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(ChooseOption, { className: "choose-option", children: [
@@ -185466,7 +185860,7 @@ const SearchApiStep = () => {
               id: "search-api-select",
               value: selectedCredential,
               onChange: handleCredentialChange,
-              MenuProps: menuPropsSx(theme2),
+              MenuProps: menuPropsSx$1(theme2),
               children: searchApiCredentials.map((cred) => /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { value: cred.key, children: cred.key === RECOMMENDED_CREDENTIAL ? `${cred.name} (Recommended)` : cred.name }, cred.key))
             }
           ),
@@ -185755,7 +186149,6 @@ const OnboardingModal = ({ open: open2 }) => {
         }
       } catch (error) {
         console.error("Error validating session/fetching user info:", error);
-        showErrorToast("Session validation failed. Please sign in again.");
         clearSession();
       }
     };
@@ -209383,15 +209776,20 @@ const CredentialCard = ({
           variant: "outlined",
           size: "small",
           color: "primary",
-          startIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faKey, size: "xs" }),
+          startIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            FontAwesomeIcon,
+            {
+              icon: faKey,
+              size: "xs",
+              style: { fontSize: "0.875rem" }
+            }
+          ),
           onClick: () => onAdd?.(credentialKey),
           sx: { ...primaryButtonSx, boxShadow: "none" },
           children: "Configure"
         }
       ),
-      credInfo.url && // Keep ts-ignore as requested
-      // @ts-ignore
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: `Get your ${credInfo.name} key`, placement: "top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      credInfo.url && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: `Get your ${credInfo.name} key`, placement: "top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         IconButton,
         {
           size: "small",
@@ -209407,57 +209805,101 @@ const CredentialCard = ({
     ] }) })
   ] });
 };
-const StyledFormControl = styled$1(FormControl)(({ theme: theme2 }) => ({
-  marginBottom: theme2.spacing(2.5)
-  // Consistent spacing
-}));
-const StyledTextField$1 = styled$1(TextField)(({ theme: theme2 }) => ({
-  marginBottom: theme2.spacing(2.5),
-  // Consistent spacing
-  "& .MuiInputBase-root": {
-    borderRadius: theme2.shape.borderRadius * 0.75,
-    backgroundColor: theme2.palette.background.paper
+const StyledOutlinedInput = styled$1(OutlinedInput)(({ theme: theme2 }) => ({
+  borderRadius: theme2.shape.borderRadius * 0.75,
+  backgroundColor: theme2.palette.background.paper,
+  border: `1px solid ${theme2.palette.divider}`,
+  minHeight: "40px",
+  height: "40px",
+  fontSize: "0.875rem",
+  paddingRight: 0,
+  "& .MuiOutlinedInput-notchedOutline": {
+    border: "none"
+  },
+  "& .MuiSelect-select": {
+    display: "flex",
+    alignItems: "center",
+    gap: theme2.spacing(1),
+    fontSize: "0.875rem",
+    padding: theme2.spacing(1, 1.5),
+    height: "calc(40px - 16px)",
+    boxSizing: "border-box"
   },
+  "& .MuiInputBase-input": {
+    padding: theme2.spacing(1, 1.5),
+    fontSize: "0.875rem",
+    height: "calc(40px - 16px)",
+    boxSizing: "border-box"
+  },
+  "& .MuiInputBase-input::placeholder": {
+    color: theme2.palette.text.disabled,
+    opacity: 1
+  },
+  "&:hover": {
+    borderColor: theme2.palette.text.secondary
+  },
+  "&.Mui-focused": {
+    borderColor: theme2.palette.primary.main,
+    boxShadow: `0 0 0 2px ${theme2.palette.primary.main}33`
+  }
+}));
+const menuPropsSx = (theme2) => ({
+  PaperProps: {
+    sx: {
+      borderRadius: theme2.shape.borderRadius * 0.75,
+      boxShadow: theme2.shadows[2],
+      mt: 0.5,
+      "& .MuiMenuItem-root": {
+        fontSize: "0.875rem",
+        minHeight: "40px",
+        px: 2
+      }
+    }
+  }
+});
+const textFieldInputSx = (theme2) => ({
   "& .MuiOutlinedInput-root": {
-    "& .MuiOutlinedInput-notchedOutline": {
-      borderColor: theme2.palette.divider
-    },
-    "&:hover .MuiOutlinedInput-notchedOutline": {
+    borderRadius: theme2.shape.borderRadius * 0.75,
+    backgroundColor: theme2.palette.background.paper,
+    border: `1px solid ${theme2.palette.divider}`,
+    minHeight: "40px",
+    height: "40px",
+    transition: "border-color 0.2s ease, box-shadow 0.2s ease",
+    "&:hover": {
       borderColor: theme2.palette.text.secondary
     },
-    "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+    "&.Mui-focused": {
       borderColor: theme2.palette.primary.main,
-      borderWidth: "1px"
+      boxShadow: `0 0 0 2px ${theme2.palette.primary.main}33`
+    },
+    "& .MuiOutlinedInput-notchedOutline": {
+      border: "none"
     }
   },
-  "& .MuiInputLabel-root": {
+  "& .MuiInputBase-input": {
+    padding: theme2.spacing(1, 1.5),
     fontSize: "0.875rem",
-    "&.Mui-focused": {
-      color: theme2.palette.primary.main
-    }
-  }
-}));
-const StyledSelect = styled$1(Select)(({ theme: theme2 }) => ({
-  borderRadius: theme2.shape.borderRadius * 0.75,
-  backgroundColor: theme2.palette.background.paper,
-  "& .MuiOutlinedInput-notchedOutline": {
-    borderColor: theme2.palette.divider
+    height: "calc(40px - 16px)",
+    boxSizing: "border-box"
   },
-  "&:hover .MuiOutlinedInput-notchedOutline": {
-    borderColor: theme2.palette.text.secondary
+  "& .MuiInputBase-input::placeholder": {
+    color: theme2.palette.text.disabled,
+    opacity: 1
   },
-  "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
-    borderColor: theme2.palette.primary.main
+  "& .MuiFormHelperText-root": {
+    fontSize: "0.75rem",
+    mt: 0.5,
+    ml: 0.5
   }
-}));
-const DescriptionBox = styled$1(Box)(({ theme: theme2 }) => ({
+});
+const DescriptionBoxSx = (theme2) => ({
   marginTop: theme2.spacing(1),
   marginBottom: theme2.spacing(2),
   padding: theme2.spacing(1.5),
-  backgroundColor: theme2.palette.action.hover,
+  backgroundColor: alpha$1(theme2.palette.background.default, 0.5),
   border: `1px solid ${theme2.palette.divider}`,
   borderRadius: theme2.shape.borderRadius * 0.75
-}));
+});
 const CredentialDialog = ({
   open: open2,
   onClose,
@@ -209510,6 +209952,21 @@ const CredentialDialog = ({
     (cred) => cred.key === key
   );
   const dialogTitle = isEditMode ? "Update Credential" : "Add New Credential";
+  const FieldLabel2 = styled$1("div")(({ theme: theme22 }) => ({
+    fontFamily: theme22.typography.fontFamily,
+    fontSize: "0.875rem",
+    fontWeight: 500,
+    color: theme22.palette.text.secondary,
+    marginBottom: 6,
+    display: "flex",
+    alignItems: "center"
+  }));
+  const LabelIcon2 = styled$1(Box)({
+    marginRight: 8,
+    opacity: 0.9,
+    display: "flex",
+    alignItems: "center"
+  });
   const dialogActions = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button,
@@ -209556,7 +210013,7 @@ const CredentialDialog = ({
       }
     )
   ] });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     BaseDialog,
     {
       open: open2,
@@ -209565,111 +210022,120 @@ const CredentialDialog = ({
       actions: dialogActions,
       maxWidth: "sm",
       fullWidth: true,
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { pt: 2 }, children: [
-          isEditMode ? (
-            // Display the key being edited (non-editable)
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { mb: 2.5, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "overline", color: "text.secondary", children: "Credential Key" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { fontWeight: 500, children: initialKey })
-            ] })
-          ) : (
-            // Show selection for adding new credentials
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(StyledFormControl, { fullWidth: true, children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(InputLabel, { id: "credential-key-label", children: "Credential Type" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  StyledSelect,
-                  {
-                    labelId: "credential-key-label",
-                    value: useCustomKey ? "_custom_" : key,
-                    label: "Credential Type",
-                    onChange: (e3) => {
-                      const selectedValue = e3.target.value;
-                      if (selectedValue === "_custom_") {
-                        setUseCustomKey(true);
-                        setKey("");
-                      } else {
-                        setUseCustomKey(false);
-                        setKey(selectedValue);
-                        setCustomKey("");
-                      }
-                    },
-                    displayEmpty: !key && !useCustomKey,
-                    children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { value: "", disabled: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("em", { children: "Select a credential type..." }) }),
-                      CREDENTIAL_MANIFEST.map((cred) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                        MenuItem,
-                        {
-                          value: cred.key,
-                          disabled: isExistingKey(cred.key),
-                          children: [
-                            cred.name,
-                            " ",
-                            isExistingKey(cred.key) && "(Configured)"
-                          ]
-                        },
-                        cred.key
-                      )),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { value: "_custom_", children: "Custom Credential" })
-                    ]
-                  }
-                )
-              ] }),
-              useCustomKey && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                StyledTextField$1,
-                {
-                  label: "Custom Credential Key",
-                  fullWidth: true,
-                  value: customKey,
-                  onChange: (e3) => setCustomKey(e3.target.value),
-                  error: isExistingKey(customKey),
-                  helperText: isExistingKey(customKey) ? "This credential already exists" : "",
-                  required: true,
-                  autoFocus: true
-                }
-              ),
-              selectedCredentialManifest && !useCustomKey && /* @__PURE__ */ jsxRuntimeExports.jsxs(DescriptionBox, { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: selectedCredentialManifest.description }),
-                selectedCredentialManifest.url && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  Link,
-                  {
-                    href: selectedCredentialManifest.url,
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    variant: "body2",
-                    sx: { display: "inline-flex", alignItems: "center" },
-                    children: [
-                      "Get your ",
-                      selectedCredentialManifest.name,
-                      " key"
-                    ]
-                  }
-                )
-              ] })
-            ] })
-          ),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { pt: 2 }, children: [
+        isEditMode ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { mb: 2.5, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            StyledTextField$1,
+            Typography,
+            {
+              variant: "overline",
+              color: "text.secondary",
+              sx: { fontSize: "0.75rem", letterSpacing: 1, fontWeight: 500 },
+              children: "Credential Key"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { fontWeight: 500, sx: { fontSize: "0.95rem" }, children: initialKey })
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl, { fullWidth: true, sx: { mb: 2.5 }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldLabel2, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LabelIcon2, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faKey, size: "sm" }) }),
+              "Credential Type"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Select,
+              {
+                value: useCustomKey ? "_custom_" : key,
+                onChange: (e3) => {
+                  const selectedValue = e3.target.value;
+                  if (selectedValue === "_custom_") {
+                    setUseCustomKey(true);
+                    setKey("");
+                  } else {
+                    setUseCustomKey(false);
+                    setKey(selectedValue);
+                    setCustomKey("");
+                  }
+                },
+                displayEmpty: !key && !useCustomKey,
+                MenuProps: menuPropsSx(theme2),
+                input: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledOutlinedInput, { notched: false, label: void 0 }),
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { value: "", disabled: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("em", { children: "Select a credential type..." }) }),
+                  CREDENTIAL_MANIFEST.map((cred) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    MenuItem,
+                    {
+                      value: cred.key,
+                      disabled: isExistingKey(cred.key),
+                      children: [
+                        cred.name,
+                        " ",
+                        isExistingKey(cred.key) && "(Configured)"
+                      ]
+                    },
+                    cred.key
+                  )),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { value: "_custom_", children: "Custom Credential" })
+                ]
+              }
+            )
+          ] }),
+          useCustomKey && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            TextField,
             {
-              label: "Credential Value",
+              label: "Custom Credential Key",
               fullWidth: true,
-              type: "password",
-              value,
-              onChange: (e3) => setValue(e3.target.value),
-              onKeyDown: (e3) => {
-                if (e3.key === "Enter" && canSave) {
-                  handleSave();
-                }
-              },
+              value: customKey,
+              onChange: (e3) => setCustomKey(e3.target.value),
+              error: isExistingKey(customKey),
+              helperText: isExistingKey(customKey) ? "This credential already exists" : "",
               required: true,
-              autoFocus: isEditMode,
-              helperText: isEditMode ? `Enter the new value for ${initialKey}` : "Enter the credential value or API key."
+              autoFocus: true,
+              sx: textFieldInputSx(theme2)
             }
-          )
+          ),
+          selectedCredentialManifest && !useCustomKey && /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: DescriptionBoxSx(theme2), children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: selectedCredentialManifest.description }),
+            selectedCredentialManifest.url && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Link,
+              {
+                href: selectedCredentialManifest.url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                variant: "body2",
+                sx: { display: "inline-flex", alignItems: "center" },
+                children: [
+                  "Get your ",
+                  selectedCredentialManifest.name,
+                  " key"
+                ]
+              }
+            )
+          ] })
         ] }),
-        " "
-      ]
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldLabel2, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(LabelIcon2, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faKey, size: "sm" }) }),
+          "Credential Value"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          TextField,
+          {
+            fullWidth: true,
+            type: "password",
+            value,
+            onChange: (e3) => setValue(e3.target.value),
+            onKeyDown: (e3) => {
+              if (e3.key === "Enter" && canSave) {
+                handleSave();
+              }
+            },
+            required: true,
+            autoFocus: isEditMode,
+            placeholder: "Enter the credential value or API key.",
+            helperText: isEditMode ? `Enter the new value for ${initialKey}` : "Enter the credential value or API key.",
+            sx: textFieldInputSx(theme2),
+            InputLabelProps: { shrink: false }
+          }
+        )
+      ] })
     }
   );
 };
@@ -210259,6 +210725,10 @@ const StyledTextField = styled$1(TextField)(({ theme: theme2 }) => ({
     fontSize: "0.875rem",
     // Consistent font size
     lineHeight: 1.5,
+    whiteSpace: "pre-wrap",
+    // Ensure text wraps within the input
+    wordBreak: "break-word",
+    // Break long words to prevent overflow
     // Shadcn-like scrollbar
     "&::-webkit-scrollbar": {
       width: "8px",
@@ -211606,7 +212076,7 @@ const SettingsPage = () => {
                     {
                       value: config2.values.conversation_length,
                       label: "Maximum Conversation History",
-                      description: "Number of messages to keep in conversation history for context. More messages will make the agents have longer memory but more expensive to run.",
+                      description: "Number of messages to keep in conversation history for context. More messages will make the agents have longer memory but more expensive to run.  Recommended: 100",
                       min: 10,
                       max: 200,
                       step: 10,
@@ -211621,7 +212091,7 @@ const SettingsPage = () => {
                     {
                       value: config2.values.detail_length,
                       label: "Detail View Length",
-                      description: "Maximum number of messages to show in the detailed conversation view. Messages beyond this limit will be summarized. Shortening this will decrease costs but some important details could get lost from earlier messages.",
+                      description: "Maximum number of messages to show in the detailed conversation view. Messages beyond this limit will be summarized. Shortening this will decrease costs but some important details could get lost from earlier messages.  Recommended: 20",
                       min: 10,
                       max: 100,
                       step: 5,
@@ -211636,7 +212106,7 @@ const SettingsPage = () => {
                     {
                       value: config2.values.max_learnings_history,
                       label: "Maximum Learnings History",
-                      description: "Number of learning items to retain for context and personalization. More items will make the agents acquire a longer history of knowledge from your conversations but more expensive to run.",
+                      description: "Number of learning items to retain for context and personalization. More items will make the agents acquire a longer history of knowledge from your conversations but more expensive to run.  Recommended: 50",
                       min: 10,
                       max: 100,
                       step: 10,
@@ -211730,7 +212200,7 @@ const SettingsPage = () => {
     ] })
   ] });
 };
-const localOperatorIcon = "" + new URL("icon-ngVHF_bZ.png", import.meta.url).href;
+const localOperatorIcon = "" + new URL("icon-tV2fhamD.png", import.meta.url).href;
 const pulse = keyframes`
   0% {
     box-shadow: 0 0 0 0 rgba(var(--primary-rgb), 0.4);