local-operator-ui 0.10.3 → 0.10.4

package/out/renderer/assets/{index-B81dnBsp.js → index-DSUSTpnZ.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-d3kL-g6p.js","./fonts-DlbYGWfq.js","./fonts-B9KBGB-g.css","./index-BENHuC7d.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js","./dagre-OKDRZEBW-CvnmDUr0.js","./graph-DD2O2F0I.js","./_baseUniq-gsrujidQ.js","./layout-C6pZQ3GW.js","./_basePickBy-EzHHlzQ2.js","./clone-NHzLXKtr.js","./c4Diagram-VJAJSXHY-BbjP-YS8.js","./chunk-D6G4REZN-yKTyo2sO.js","./flowDiagram-4HSFHLVR-CPmNwaPw.js","./chunk-RZ5BOZE2-CHk9wGn8.js","./channel-D6yjNcJf.js","./erDiagram-Q7BY3M3F-DzP1awnz.js","./gitGraphDiagram-7IBYFJ6S-C1xsOObr.js","./chunk-4BMEZGHF-CAYxbhII.js","./chunk-XZIHB7SX-myvP7KMy.js","./radar-MK3ICKWK-Bu7OdI64.js","./ganttDiagram-APWFNJXF-Dp3PblQc.js","./infoDiagram-PH2N3AL5-BsZjZuz9.js","./pieDiagram-IB7DONF6-BLIypjx1.js","./arc-BCv8Fw_K.js","./quadrantDiagram-7GDLP6J5-Bhg4pj46.js","./xychartDiagram-VJFVF3MP-Uznmu3l-.js","./requirementDiagram-KVF5MWMF-GsFjX0JT.js","./sequenceDiagram-X6HHIX6F-B3KEUS4U.js","./classDiagram-GIVACNV2-DI2nEo8v.js","./chunk-A2AXSNBT-CGDu1QLK.js","./classDiagram-v2-COTLJTTW-DI2nEo8v.js","./stateDiagram-DGXRK772-C1L3HV7N.js","./chunk-AEK57VVT-BwLprdGO.js","./stateDiagram-v2-YXO3MK2T-ADxTzXk9.js","./journeyDiagram-U35MCT3I-CIbQJUBG.js","./timeline-definition-BDJGKUSR-CTEAWzHG.js","./mindmap-definition-ALO5MXBD-BDcXZ7s9.js","./cytoscape.esm-C0AOj4uS.js","./kanban-definition-NDS4AKOZ-Cy2XBRai.js","./sankeyDiagram-QLVOVGJD-BbAeFKsA.js","./diagram-VNBRO52H-DeKLJIGp.js","./diagram-SSKATNLV-O49-awgq.js","./blockDiagram-JOT3LUYC-C4WZB7AT.js","./architectureDiagram-IEHRJDOE-Blezk2Ti.js"])))=>i.map(i=>d[i]);
-import { h as createStyled, i as resolveProps, l as useTheme, m as useTheme$1, r as reactExports, n as React, o as useEnhancedEffect$1, p as clsx, q as useForkRef$1, t as extendSxProp, j as jsxRuntimeExports, v as handleBreakpoints, w as resolveBreakpointValues, x as createUnarySpacing, y as deepmerge, z as mergeBreakpointsInOrder, A as composeClasses$1, F as generateUtilityClass$1, G as createTheme$1, I as getValue$1, f as React$1, J as requireReactDom, g as getDefaultExportFromCjs, K as defaultTheme$2, L as THEME_ID, M as generateUtilityClasses$1, N as useDefaultProps, s as styled$1, O as capitalize$1, P as memoTheme, _ as _inheritsLoose, Q as _objectWithoutPropertiesLoose$k, S as TransitionGroupContext, U as _extends$w, V as duration, u as useTheme$2, W as useTimeout$1, X as useId$1, Y as ButtonBase, b as alpha$1, Z as createSimplePaletteValueFilter, $ as CircularProgress, a0 as Paper, a1 as darken$1, a2 as lighten$1, a3 as useEventCallback$1, a4 as useRtl, a5 as globalCss, a6 as formatMuiErrorMessage$1, a7 as rootShouldForwardProp, T as Typography, a8 as css$1, k as keyframes, a9 as getPath$2, aa as isFocusVisible, ab as typographyClasses, ac as slotShouldForwardProp, ad as clamp, ae as emphasize, af as Timeout$1, c as createLucideIcon, a as Button, B as Box, ag as FontAwesomeIcon, ah as faExclamationTriangle, D as DEFAULT_THEME, ai as faChevronLeft, aj as faChevronRight, ak as faRobot, al as faCheck, am as faTimes, an as faEraser, ao as faPen, ap as faFileImport, aq as faUpload, ar as GlobalStyles, as as requireReact, at as faComment, au as faSave, av as faEdit, aw as faTrashAlt, ax as faComments, ay as faInfoCircle, az as faGear, aA as faPlus, aB as faServer, aC as faStar, aD as faTag, aE as faIdCard, aF as faCalendarAlt, aG as faCodeBranch, aH as faShieldAlt, aI as faArrowLeft, aJ as faClock, aK as faSliders, aL as faTrash, aM as faHome, aN as faDownload, aO as faFileAlt, aP as faDesktop, aQ as faImage, aR as faMusic, aS as faVideo, aT as faLaptop, aU as faUsers, aV as faDatabase, aW as faBoxOpen, aX as faBook, aY as faHdd, aZ as faBox, a_ as faArchive, a$ as faNetworkWired, b0 as faFolder, b1 as faFolderOpen, b2 as faFolderTree, b3 as faArrowDown, b4 as faPaperclip, b5 as faStop, b6 as faPaperPlane, b7 as faFile, b8 as faExclamationCircle, b9 as faChevronDown, 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 PropTypes, bl as shouldForwardProp, bm as TransitionGroup, bn as commonjsGlobal, bo as faLock, bp as faPuzzlePiece, H as HardDrive, bq as faSignOut, br as themes$1, bs as faMoon, bt as faSun, bu as faHexagonNodes, bv as faSkull, bw as faLeaf, bx as faCode, by as faMountain, bz as faFire, bA as faIcicles, bB as faBolt, bC as faAdjust, bD as faWaveSquare, bE as faUser, bF as faEnvelope, bG as faHistory, bH as faListAlt, bI as faCreditCard, bJ as faPlusCircle, bK as faChartLine, bL as faShield, bM as library$1, bN as icons$1, C as CssBaseline, e as ThemeProvider$1, d as getTheme, R as ReactDOM$1, E as ErrorBoundary } from "./fonts-DlbYGWfq.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-9ll8evaS.js","./fonts-Bb3Axuvj.js","./fonts-B9KBGB-g.css","./index-BcAunMPD.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js","./dagre-OKDRZEBW-BRmuP5ne.js","./graph-DzxdEvr-.js","./_baseUniq-Dz-_QJw-.js","./layout-RVhCHjA1.js","./_basePickBy-HBztaYeO.js","./clone-DTo9NJBP.js","./c4Diagram-VJAJSXHY-CUWQVTBw.js","./chunk-D6G4REZN-y_oEq-tO.js","./flowDiagram-4HSFHLVR-DO9xIDx0.js","./chunk-RZ5BOZE2-Bh5Vf1hk.js","./channel-BnLrRohu.js","./erDiagram-Q7BY3M3F-B_3VyDfP.js","./gitGraphDiagram-7IBYFJ6S-Jz6QBGPa.js","./chunk-4BMEZGHF-C5nHFO1H.js","./chunk-XZIHB7SX-BEC6jdKb.js","./radar-MK3ICKWK-Bvvn6bXt.js","./ganttDiagram-APWFNJXF-BK37zBtS.js","./infoDiagram-PH2N3AL5-BrTEa3Dg.js","./pieDiagram-IB7DONF6-D_aSId8t.js","./arc-BbFClCF-.js","./quadrantDiagram-7GDLP6J5-VtpoaDCW.js","./xychartDiagram-VJFVF3MP-gjn-8kXQ.js","./requirementDiagram-KVF5MWMF-DmQX7SmX.js","./sequenceDiagram-X6HHIX6F-Cy6jqgLY.js","./classDiagram-GIVACNV2-D_MSeJ_6.js","./chunk-A2AXSNBT-YCzWQkj3.js","./classDiagram-v2-COTLJTTW-D_MSeJ_6.js","./stateDiagram-DGXRK772-B5sjzMc3.js","./chunk-AEK57VVT-RSKL44QH.js","./stateDiagram-v2-YXO3MK2T-CCntK586.js","./journeyDiagram-U35MCT3I-cp-7j6JH.js","./timeline-definition-BDJGKUSR-B24Z4NA2.js","./mindmap-definition-ALO5MXBD-B8ntf-YJ.js","./cytoscape.esm-C0AOj4uS.js","./kanban-definition-NDS4AKOZ-DT0Ds4_6.js","./sankeyDiagram-QLVOVGJD-DH2kTl35.js","./diagram-VNBRO52H-Bxh5b-em.js","./diagram-SSKATNLV-lmqZ5zjv.js","./blockDiagram-JOT3LUYC-boa_T8E1.js","./architectureDiagram-IEHRJDOE-DzXvnk9f.js"])))=>i.map(i=>d[i]);
+import { i as createStyled, l as resolveProps, m as useTheme, n as useTheme$1, r as reactExports, o as React, p as useEnhancedEffect$1, q as clsx, t as useForkRef$1, v as extendSxProp, j as jsxRuntimeExports, w as handleBreakpoints, x as resolveBreakpointValues, y as createUnarySpacing, z as deepmerge, A as mergeBreakpointsInOrder, F as composeClasses$1, G as generateUtilityClass$1, I as createTheme$1, J as getValue$1, h as React$1, K as requireReactDom, g as getDefaultExportFromCjs, L as defaultTheme$2, M as THEME_ID, N as generateUtilityClasses$1, O as useDefaultProps, s as styled$1, P as capitalize$1, Q as memoTheme, _ as _inheritsLoose, S as _objectWithoutPropertiesLoose$k, U as TransitionGroupContext, V as _extends$w, W as duration, u as useTheme$2, X as useTimeout$1, Y as useId$1, Z as ButtonBase, b as alpha$1, $ as createSimplePaletteValueFilter, a0 as CircularProgress, a1 as Paper, a2 as darken$1, a3 as lighten$1, a4 as useEventCallback$1, a5 as useRtl, a6 as globalCss, a7 as formatMuiErrorMessage$1, a8 as rootShouldForwardProp, T as Typography, a9 as css$1, k as keyframes, aa as getPath$2, ab as isFocusVisible, ac as typographyClasses, ad as slotShouldForwardProp, ae as clamp, af as emphasize, ag as Timeout$1, c as createLucideIcon, a as Button, B as Box, ah as FontAwesomeIcon, ai as faExclamationTriangle, D as DEFAULT_THEME, aj as faChevronLeft, ak as faChevronRight, al as faRobot, am as faCheck, an as faTimes, ao as faEraser, ap as faPen, aq as faFileImport, ar as faUpload, as as GlobalStyles, at as requireReact, au as faComment, av as faSave, aw as faEdit, ax as faTrashAlt, ay as faInfoCircle, az as faGear, aA as faPlus, aB as faServer, aC as faStar, aD as faTag, aE as faIdCard, aF as faCalendarAlt, aG as faCodeBranch, aH as faShieldAlt, aI as faArrowLeft, aJ as faClock, C as Code, aK as faSliders, aL as faTrash, aM as faHome, aN as faDownload, aO as faFileAlt, aP as faDesktop, aQ as faImage, aR as faMusic, aS as faVideo, aT as faLaptop, aU as faUsers, aV as faDatabase, aW as faBoxOpen, aX as faBook, aY as faHdd, aZ as faBox, a_ as faArchive, a$ as faNetworkWired, b0 as faFolder, b1 as faFolderOpen, b2 as faFolderTree, b3 as faArrowDown, b4 as faPaperclip, b5 as faStop, b6 as faPaperPlane, b7 as faFile, b8 as faExclamationCircle, b9 as faChevronDown, 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 PropTypes, bl as shouldForwardProp, bm as TransitionGroup, bn as commonjsGlobal, bo as faLock, bp as faPuzzlePiece, H as HardDrive, bq as faSignOut, br as themes$1, bs as faMoon, bt as faSun, bu as faHexagonNodes, bv as faSkull, bw as faLeaf, bx as faCode, by as faMountain, bz as faFire, bA as faIcicles, bB as faBolt, bC as faAdjust, bD as faWaveSquare, bE as faUser, bF as faEnvelope, bG as faHistory, bH as faListAlt, bI as faCreditCard, bJ as faPlusCircle, bK as faChartLine, bL as faShield, bM as library$1, bN as icons$1, f as CssBaseline, e as ThemeProvider$1, d as getTheme, R as ReactDOM$1, E as ErrorBoundary } from "./fonts-Bb3Axuvj.js";
 const styled = createStyled();
 function getThemeProps(params) {
   const {
@@ -9099,7 +9099,7 @@ function getSvgIconUtilityClass(slot) {
   return generateUtilityClass$1("MuiSvgIcon", slot);
 }
 generateUtilityClasses$1("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const useUtilityClasses$1s = (ownerState) => {
+const useUtilityClasses$1t = (ownerState) => {
   const {
     color: color2,
     fontSize,
@@ -9238,7 +9238,7 @@ const SvgIcon = /* @__PURE__ */ reactExports.forwardRef(function SvgIcon2(inProp
   if (!inheritViewBox) {
     more.viewBox = viewBox;
   }
-  const classes = useUtilityClasses$1s(ownerState);
+  const classes = useUtilityClasses$1t(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(SvgIconRoot, {
     as: component,
     className: clsx(classes.root, className),
@@ -9752,7 +9752,7 @@ function getCollapseUtilityClass(slot) {
   return generateUtilityClass$1("MuiCollapse", slot);
 }
 generateUtilityClasses$1("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
-const useUtilityClasses$1r = (ownerState) => {
+const useUtilityClasses$1s = (ownerState) => {
   const {
     orientation,
     classes
@@ -9880,7 +9880,7 @@ const Collapse = /* @__PURE__ */ reactExports.forwardRef(function Collapse2(inPr
     orientation,
     collapsedSize: collapsedSizeProp
   };
-  const classes = useUtilityClasses$1r(ownerState);
+  const classes = useUtilityClasses$1s(ownerState);
   const theme2 = useTheme$2();
   const timer2 = useTimeout$1();
   const wrapperRef = reactExports.useRef(null);
@@ -10095,7 +10095,7 @@ function getIconButtonUtilityClass(slot) {
   return generateUtilityClass$1("MuiIconButton", slot);
 }
 const iconButtonClasses = generateUtilityClasses$1("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]);
-const useUtilityClasses$1q = (ownerState) => {
+const useUtilityClasses$1r = (ownerState) => {
   const {
     classes,
     disabled,
@@ -10281,7 +10281,7 @@ const IconButton = /* @__PURE__ */ reactExports.forwardRef(function IconButton2(
     loadingIndicator,
     size
   };
-  const classes = useUtilityClasses$1q(ownerState);
+  const classes = useUtilityClasses$1r(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(IconButtonRoot, {
     id: loading ? loadingId : idProp,
     className: clsx(classes.root, className),
@@ -10320,7 +10320,7 @@ const InfoOutlinedIcon = createSvgIcon(/* @__PURE__ */ jsxRuntimeExports.jsx("pa
 const ClearIcon$1 = 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$1p = (ownerState) => {
+const useUtilityClasses$1q = (ownerState) => {
   const {
     variant,
     color: color2,
@@ -10475,7 +10475,7 @@ const Alert = /* @__PURE__ */ reactExports.forwardRef(function Alert2(inProps, r
     variant,
     colorSeverity: color2 || severity
   };
-  const classes = useUtilityClasses$1p(ownerState);
+  const classes = useUtilityClasses$1q(ownerState);
   const externalForwardedProps = {
     slots: {
       closeButton: components.CloseButton,
@@ -12828,7 +12828,7 @@ function resolveAnchorEl$1(anchorEl) {
 function isHTMLElement(element2) {
   return element2.nodeType !== void 0;
 }
-const useUtilityClasses$1o = (ownerState) => {
+const useUtilityClasses$1p = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -12929,7 +12929,7 @@ const PopperTooltip = /* @__PURE__ */ reactExports.forwardRef(function PopperToo
   if (TransitionProps !== null) {
     childProps.TransitionProps = TransitionProps;
   }
-  const classes = useUtilityClasses$1o(props2);
+  const classes = useUtilityClasses$1p(props2);
   const Root = slots.root ?? "div";
   const rootProps = useSlotProps$1({
     elementType: Root,
@@ -13077,7 +13077,7 @@ function getListSubheaderUtilityClass(slot) {
   return generateUtilityClass$1("MuiListSubheader", slot);
 }
 generateUtilityClasses$1("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutters", "inset", "sticky"]);
-const useUtilityClasses$1n = (ownerState) => {
+const useUtilityClasses$1o = (ownerState) => {
   const {
     classes,
     color: color2,
@@ -13172,7 +13172,7 @@ const ListSubheader = /* @__PURE__ */ reactExports.forwardRef(function ListSubhe
     disableSticky,
     inset
   };
-  const classes = useUtilityClasses$1n(ownerState);
+  const classes = useUtilityClasses$1o(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ListSubheaderRoot, {
     as: component,
     className: clsx(classes.root, className),
@@ -13191,7 +13191,7 @@ function getChipUtilityClass(slot) {
   return generateUtilityClass$1("MuiChip", slot);
 }
 const chipClasses = generateUtilityClasses$1("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$1m = (ownerState) => {
+const useUtilityClasses$1n = (ownerState) => {
   const {
     classes,
     disabled,
@@ -13582,7 +13582,7 @@ const Chip = /* @__PURE__ */ reactExports.forwardRef(function Chip2(inProps, ref
     clickable,
     variant
   };
-  const classes = useUtilityClasses$1m(ownerState);
+  const classes = useUtilityClasses$1n(ownerState);
   const moreProps = component === ButtonBase ? {
     component: ComponentProp || "div",
     focusVisibleClassName: classes.focusVisible,
@@ -13850,7 +13850,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$1l = (ownerState) => {
+const useUtilityClasses$1m = (ownerState) => {
   const {
     classes,
     color: color2,
@@ -14236,7 +14236,7 @@ const InputBase = /* @__PURE__ */ reactExports.forwardRef(function InputBase2(in
     startAdornment,
     type: type2
   };
-  const classes = useUtilityClasses$1l(ownerState);
+  const classes = useUtilityClasses$1m(ownerState);
   const Root = slots.root || components.Root || InputBaseRoot;
   const rootProps = slotProps.root || componentsProps.root || {};
   const Input3 = slots.input || components.Input || InputBaseInput;
@@ -14329,7 +14329,7 @@ function getAutocompleteUtilityClass(slot) {
 }
 const autocompleteClasses = generateUtilityClasses$1("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$1k = (ownerState) => {
+const useUtilityClasses$1l = (ownerState) => {
   const {
     classes,
     disablePortal,
@@ -14825,7 +14825,7 @@ const Autocomplete = /* @__PURE__ */ reactExports.forwardRef(function Autocomple
     popupOpen,
     size
   };
-  const classes = useUtilityClasses$1k(ownerState);
+  const classes = useUtilityClasses$1l(ownerState);
   const externalForwardedProps = {
     slots: {
       paper: PaperComponentProp,
@@ -15040,7 +15040,7 @@ function getAvatarUtilityClass(slot) {
   return generateUtilityClass$1("MuiAvatar", slot);
 }
 generateUtilityClasses$1("MuiAvatar", ["root", "colorDefault", "circular", "rounded", "square", "img", "fallback"]);
-const useUtilityClasses$1j = (ownerState) => {
+const useUtilityClasses$1k = (ownerState) => {
   const {
     classes,
     variant,
@@ -15205,7 +15205,7 @@ const Avatar = /* @__PURE__ */ reactExports.forwardRef(function Avatar2(inProps,
   const hasImgNotFailing = hasImg && loaded !== "error";
   ownerState.colorDefault = !hasImgNotFailing;
   delete ownerState.ownerState;
-  const classes = useUtilityClasses$1j(ownerState);
+  const classes = useUtilityClasses$1k(ownerState);
   const [ImgSlot, imgSlotProps] = useSlot("img", {
     className: classes.img,
     elementType: AvatarImg,
@@ -15366,7 +15366,7 @@ function getBackdropUtilityClass(slot) {
   return generateUtilityClass$1("MuiBackdrop", slot);
 }
 generateUtilityClasses$1("MuiBackdrop", ["root", "invisible"]);
-const useUtilityClasses$1i = (ownerState) => {
+const useUtilityClasses$1j = (ownerState) => {
   const {
     classes,
     invisible
@@ -15429,7 +15429,7 @@ const Backdrop = /* @__PURE__ */ reactExports.forwardRef(function Backdrop2(inPr
     component,
     invisible
   };
-  const classes = useUtilityClasses$1i(ownerState);
+  const classes = useUtilityClasses$1j(ownerState);
   const backwardCompatibleSlots = {
     transition: TransitionComponentProp,
     root: components.Root,
@@ -15472,7 +15472,7 @@ function getCardUtilityClass(slot) {
   return generateUtilityClass$1("MuiCard", slot);
 }
 generateUtilityClasses$1("MuiCard", ["root"]);
-const useUtilityClasses$1h = (ownerState) => {
+const useUtilityClasses$1i = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -15502,7 +15502,7 @@ const Card = /* @__PURE__ */ reactExports.forwardRef(function Card2(inProps, ref
     ...props2,
     raised
   };
-  const classes = useUtilityClasses$1h(ownerState);
+  const classes = useUtilityClasses$1i(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CardRoot, {
     className: clsx(classes.root, className),
     elevation: raised ? 8 : void 0,
@@ -15511,6 +15511,88 @@ const Card = /* @__PURE__ */ reactExports.forwardRef(function Card2(inProps, ref
     ...other2
   });
 });
+function getCardActionAreaUtilityClass(slot) {
+  return generateUtilityClass$1("MuiCardActionArea", slot);
+}
+const cardActionAreaClasses = generateUtilityClasses$1("MuiCardActionArea", ["root", "focusVisible", "focusHighlight"]);
+const useUtilityClasses$1h = (ownerState) => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ["root"],
+    focusHighlight: ["focusHighlight"]
+  };
+  return composeClasses$1(slots, getCardActionAreaUtilityClass, classes);
+};
+const CardActionAreaRoot = styled$1(ButtonBase, {
+  name: "MuiCardActionArea",
+  slot: "Root",
+  overridesResolver: (props2, styles2) => styles2.root
+})(memoTheme(({
+  theme: theme2
+}) => ({
+  display: "block",
+  textAlign: "inherit",
+  borderRadius: "inherit",
+  // for Safari to work https://github.com/mui/material-ui/issues/36285.
+  width: "100%",
+  [`&:hover .${cardActionAreaClasses.focusHighlight}`]: {
+    opacity: (theme2.vars || theme2).palette.action.hoverOpacity,
+    "@media (hover: none)": {
+      opacity: 0
+    }
+  },
+  [`&.${cardActionAreaClasses.focusVisible} .${cardActionAreaClasses.focusHighlight}`]: {
+    opacity: (theme2.vars || theme2).palette.action.focusOpacity
+  }
+})));
+const CardActionAreaFocusHighlight = styled$1("span", {
+  name: "MuiCardActionArea",
+  slot: "FocusHighlight",
+  overridesResolver: (props2, styles2) => styles2.focusHighlight
+})(memoTheme(({
+  theme: theme2
+}) => ({
+  overflow: "hidden",
+  pointerEvents: "none",
+  position: "absolute",
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0,
+  borderRadius: "inherit",
+  opacity: 0,
+  backgroundColor: "currentcolor",
+  transition: theme2.transitions.create("opacity", {
+    duration: theme2.transitions.duration.short
+  })
+})));
+const CardActionArea = /* @__PURE__ */ reactExports.forwardRef(function CardActionArea2(inProps, ref) {
+  const props2 = useDefaultProps({
+    props: inProps,
+    name: "MuiCardActionArea"
+  });
+  const {
+    children: children2,
+    className,
+    focusVisibleClassName,
+    ...other2
+  } = props2;
+  const ownerState = props2;
+  const classes = useUtilityClasses$1h(ownerState);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(CardActionAreaRoot, {
+    className: clsx(classes.root, className),
+    focusVisibleClassName: clsx(focusVisibleClassName, classes.focusVisible),
+    ref,
+    ownerState,
+    ...other2,
+    children: [children2, /* @__PURE__ */ jsxRuntimeExports.jsx(CardActionAreaFocusHighlight, {
+      className: classes.focusHighlight,
+      ownerState
+    })]
+  });
+});
 function getCardActionsUtilityClass(slot) {
   return generateUtilityClass$1("MuiCardActions", slot);
 }
@@ -35740,18 +35822,45 @@ const useAgentSelectionStore = create$3()(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$17 = [
+const __iconNode$1g = [
+  ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
+  ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
+  ["path", { d: "M10 12h4", key: "a56b0p" }]
+];
+const Archive = createLucideIcon("archive", __iconNode$1g);
+/**
+ * @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 __iconNode$1f = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$17);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1f);
 /**
  * @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 __iconNode$16 = [
+const __iconNode$1e = [
+  ["path", { d: "M2 10v3", key: "1fnikh" }],
+  ["path", { d: "M6 6v11", key: "11sgs0" }],
+  ["path", { d: "M10 3v18", key: "yhl04a" }],
+  ["path", { d: "M14 8v7", key: "3a1oy3" }],
+  ["path", { d: "M18 5v13", key: "123xd1" }],
+  ["path", { d: "M22 10v3", key: "154ddg" }]
+];
+const AudioLines = createLucideIcon("audio-lines", __iconNode$1e);
+/**
+ * @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 __iconNode$1d = [
   [
     "path",
     {
@@ -35760,14 +35869,14 @@ const __iconNode$16 = [
     }
   ]
 ];
-const Book = createLucideIcon("book", __iconNode$16);
+const Book = createLucideIcon("book", __iconNode$1d);
 /**
  * @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 __iconNode$15 = [
+const __iconNode$1c = [
   ["path", { d: "M12 8V4H8", key: "hb8ula" }],
   ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
   ["path", { d: "M2 14h2", key: "vft8re" }],
@@ -35775,25 +35884,25 @@ const __iconNode$15 = [
   ["path", { d: "M15 13v2", key: "1xurst" }],
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Bot = createLucideIcon("bot", __iconNode$15);
+const Bot = createLucideIcon("bot", __iconNode$1c);
 /**
  * @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 __iconNode$14 = [
+const __iconNode$1b = [
   ["path", { d: "M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16", key: "jecpp" }],
   ["rect", { width: "20", height: "14", x: "2", y: "6", rx: "2", key: "i6l2r4" }]
 ];
-const Briefcase = createLucideIcon("briefcase", __iconNode$14);
+const Briefcase = createLucideIcon("briefcase", __iconNode$1b);
 /**
  * @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 __iconNode$13 = [
+const __iconNode$1a = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
@@ -35805,136 +35914,136 @@ const __iconNode$13 = [
   ["path", { d: "M12 18h.01", key: "mhygvu" }],
   ["path", { d: "M16 18h.01", key: "kzsmim" }]
 ];
-const CalendarDays = createLucideIcon("calendar-days", __iconNode$13);
+const CalendarDays = createLucideIcon("calendar-days", __iconNode$1a);
 /**
  * @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 __iconNode$12 = [
+const __iconNode$19 = [
   ["line", { x1: "18", x2: "18", y1: "20", y2: "10", key: "1xfpm4" }],
   ["line", { x1: "12", x2: "12", y1: "20", y2: "4", key: "be30l9" }],
   ["line", { x1: "6", x2: "6", y1: "20", y2: "14", key: "1r4le6" }]
 ];
-const ChartNoAxesColumn = createLucideIcon("chart-no-axes-column", __iconNode$12);
+const ChartNoAxesColumn = createLucideIcon("chart-no-axes-column", __iconNode$19);
 /**
  * @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 __iconNode$11 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$11);
+const __iconNode$18 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$18);
 /**
  * @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 __iconNode$10 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$10);
+const __iconNode$17 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$17);
 /**
  * @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 __iconNode$$ = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$$);
+const __iconNode$16 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$16);
 /**
  * @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 __iconNode$_ = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$_);
+const __iconNode$15 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$15);
 /**
  * @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 __iconNode$Z = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$Z);
+const __iconNode$14 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$14);
 /**
  * @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 __iconNode$Y = [
+const __iconNode$13 = [
   ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
 ];
-const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$Y);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$13);
 /**
  * @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 __iconNode$X = [
+const __iconNode$12 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$X);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$12);
 /**
  * @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 __iconNode$W = [
+const __iconNode$11 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M17 12h.01", key: "1m0b6t" }],
   ["path", { d: "M12 12h.01", key: "1mp3jc" }],
   ["path", { d: "M7 12h.01", key: "eqddd0" }]
 ];
-const CircleEllipsis = createLucideIcon("circle-ellipsis", __iconNode$W);
+const CircleEllipsis = createLucideIcon("circle-ellipsis", __iconNode$11);
 /**
  * @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 __iconNode$V = [
+const __iconNode$10 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-const CircleHelp = createLucideIcon("circle-help", __iconNode$V);
+const CircleHelp = createLucideIcon("circle-help", __iconNode$10);
 /**
  * @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 __iconNode$U = [
+const __iconNode$$ = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["polygon", { points: "10 8 16 12 10 16 10 8", key: "1cimsy" }]
 ];
-const CirclePlay = createLucideIcon("circle-play", __iconNode$U);
+const CirclePlay = createLucideIcon("circle-play", __iconNode$$);
 /**
  * @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 __iconNode$T = [
+const __iconNode$_ = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M8 12h8", key: "1wcyev" }],
   ["path", { d: "M12 8v8", key: "napkw2" }]
 ];
-const CirclePlus = createLucideIcon("circle-plus", __iconNode$T);
+const CirclePlus = createLucideIcon("circle-plus", __iconNode$_);
 /**
  * @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 __iconNode$S = [
+const __iconNode$Z = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   [
     "path",
@@ -35948,72 +36057,72 @@ const __iconNode$S = [
   ["path", { d: "M8 11h.01", key: "1dfujw" }],
   ["path", { d: "M8 16h.01", key: "18s6g9" }]
 ];
-const ClipboardList = createLucideIcon("clipboard-list", __iconNode$S);
+const ClipboardList = createLucideIcon("clipboard-list", __iconNode$Z);
 /**
  * @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 __iconNode$R = [
+const __iconNode$Y = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
 ];
-const Clock$1 = createLucideIcon("clock", __iconNode$R);
+const Clock$1 = createLucideIcon("clock", __iconNode$Y);
 /**
  * @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 __iconNode$Q = [
+const __iconNode$X = [
   ["path", { d: "M12 13v8", key: "1l5pq0" }],
   ["path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242", key: "1pljnt" }],
   ["path", { d: "m8 17 4-4 4 4", key: "1quai1" }]
 ];
-const CloudUpload = createLucideIcon("cloud-upload", __iconNode$Q);
+const CloudUpload = createLucideIcon("cloud-upload", __iconNode$X);
 /**
  * @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 __iconNode$P = [
+const __iconNode$W = [
   ["path", { d: "m18 16 4-4-4-4", key: "1inbqp" }],
   ["path", { d: "m6 8-4 4 4 4", key: "15zrgr" }],
   ["path", { d: "m14.5 4-5 16", key: "e7oirm" }]
 ];
-const CodeXml = createLucideIcon("code-xml", __iconNode$P);
+const CodeXml = createLucideIcon("code-xml", __iconNode$W);
 /**
  * @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 __iconNode$O = [
+const __iconNode$V = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$O);
+const Copy = createLucideIcon("copy", __iconNode$V);
 /**
  * @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 __iconNode$N = [
+const __iconNode$U = [
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["polyline", { points: "7 10 12 15 17 10", key: "2ggqvy" }],
   ["line", { x1: "12", x2: "12", y1: "15", y2: "3", key: "1vk2je" }]
 ];
-const Download = createLucideIcon("download", __iconNode$N);
+const Download = createLucideIcon("download", __iconNode$U);
 /**
  * @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 __iconNode$M = [
+const __iconNode$T = [
   ["path", { d: "M21.54 15H17a2 2 0 0 0-2 2v4.54", key: "1djwo0" }],
   [
     "path",
@@ -36025,26 +36134,26 @@ const __iconNode$M = [
   ["path", { d: "M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05", key: "14pb5j" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Earth = createLucideIcon("earth", __iconNode$M);
+const Earth = createLucideIcon("earth", __iconNode$T);
 /**
  * @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 __iconNode$L = [
+const __iconNode$S = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
 ];
-const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$L);
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$S);
 /**
  * @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 __iconNode$K = [
+const __iconNode$R = [
   [
     "path",
     {
@@ -36055,79 +36164,130 @@ const __iconNode$K = [
   ["path", { d: "M22 21H7", key: "t4ddhn" }],
   ["path", { d: "m5 11 9 9", key: "1mo9qw" }]
 ];
-const Eraser = createLucideIcon("eraser", __iconNode$K);
+const Eraser = createLucideIcon("eraser", __iconNode$R);
 /**
  * @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 __iconNode$J = [
+const __iconNode$Q = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$J);
+const ExternalLink = createLucideIcon("external-link", __iconNode$Q);
 /**
  * @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 __iconNode$I = [
+const __iconNode$P = [
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
+  ["circle", { cx: "10", cy: "12", r: "2", key: "737tya" }],
+  ["path", { d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22", key: "wt3hpn" }]
+];
+const FileImage = createLucideIcon("file-image", __iconNode$P);
+/**
+ * @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 __iconNode$O = [
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M4 7V4a2 2 0 0 1 2-2 2 2 0 0 0-2 2", key: "1vk7w2" }],
   ["path", { d: "M4.063 20.999a2 2 0 0 0 2 1L18 22a2 2 0 0 0 2-2V7l-5-5H6", key: "1jink5" }],
   ["path", { d: "m5 11-3 3", key: "1dgrs4" }],
   ["path", { d: "m5 17-3-3h10", key: "1mvvaf" }]
 ];
-const FileOutput = createLucideIcon("file-output", __iconNode$I);
+const FileOutput = createLucideIcon("file-output", __iconNode$O);
 /**
  * @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 __iconNode$H = [
+const __iconNode$N = [
   ["path", { d: "M12 17h.01", key: "p32p05" }],
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z", key: "1mlx9k" }],
   ["path", { d: "M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3", key: "mhlwft" }]
 ];
-const FileQuestion = createLucideIcon("file-question", __iconNode$H);
+const FileQuestion = createLucideIcon("file-question", __iconNode$N);
 /**
  * @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 __iconNode$G = [
+const __iconNode$M = [
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
+  ["path", { d: "M8 13h2", key: "yr2amv" }],
+  ["path", { d: "M14 13h2", key: "un5t4a" }],
+  ["path", { d: "M8 17h2", key: "2yhykz" }],
+  ["path", { d: "M14 17h2", key: "10kma7" }]
+];
+const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$M);
+/**
+ * @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 __iconNode$L = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$G);
+const FileText = createLucideIcon("file-text", __iconNode$L);
 /**
  * @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 __iconNode$F = [
+const __iconNode$K = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M12 12v6", key: "3ahymv" }],
   ["path", { d: "m15 15-3-3-3 3", key: "15xj92" }]
 ];
-const FileUp = createLucideIcon("file-up", __iconNode$F);
+const FileUp = createLucideIcon("file-up", __iconNode$K);
 /**
  * @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 __iconNode$E = [
+const __iconNode$J = [
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
+  ["path", { d: "m10 11 5 3-5 3v-6Z", key: "7ntvm4" }]
+];
+const FileVideo = createLucideIcon("file-video", __iconNode$J);
+/**
+ * @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 __iconNode$I = [
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
+];
+const File$1 = createLucideIcon("file", __iconNode$I);
+/**
+ * @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 __iconNode$H = [
   [
     "path",
     {
@@ -36138,14 +36298,30 @@ const __iconNode$E = [
   ["path", { d: "M6.453 15h11.094", key: "3shlmq" }],
   ["path", { d: "M8.5 2h7", key: "csnxdl" }]
 ];
-const FlaskConical = createLucideIcon("flask-conical", __iconNode$E);
+const FlaskConical = createLucideIcon("flask-conical", __iconNode$H);
 /**
  * @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 __iconNode$D = [
+const __iconNode$G = [
+  [
+    "path",
+    {
+      d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",
+      key: "usdka0"
+    }
+  ]
+];
+const FolderOpen = createLucideIcon("folder-open", __iconNode$G);
+/**
+ * @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 __iconNode$F = [
   [
     "path",
     {
@@ -36156,14 +36332,14 @@ const __iconNode$D = [
   ["path", { d: "M22 10v6", key: "1lu8f3" }],
   ["path", { d: "M6 12.5V16a6 3 0 0 0 12 0v-3.5", key: "1r8lef" }]
 ];
-const GraduationCap = createLucideIcon("graduation-cap", __iconNode$D);
+const GraduationCap = createLucideIcon("graduation-cap", __iconNode$F);
 /**
  * @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 __iconNode$C = [
+const __iconNode$E = [
   [
     "path",
     {
@@ -36173,14 +36349,14 @@ const __iconNode$C = [
   ],
   ["path", { d: "M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27", key: "1uw2ng" }]
 ];
-const HeartPulse = createLucideIcon("heart-pulse", __iconNode$C);
+const HeartPulse = createLucideIcon("heart-pulse", __iconNode$E);
 /**
  * @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 __iconNode$B = [
+const __iconNode$D = [
   [
     "path",
     {
@@ -36189,26 +36365,26 @@ const __iconNode$B = [
     }
   ]
 ];
-const Heart = createLucideIcon("heart", __iconNode$B);
+const Heart = createLucideIcon("heart", __iconNode$D);
 /**
  * @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 __iconNode$A = [
+const __iconNode$C = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
   ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
 ];
-const History = createLucideIcon("history", __iconNode$A);
+const History = createLucideIcon("history", __iconNode$C);
 /**
  * @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 __iconNode$z = [
+const __iconNode$B = [
   ["path", { d: "M12 3v12", key: "1x0j5s" }],
   ["path", { d: "m8 11 4 4 4-4", key: "1dohi6" }],
   [
@@ -36219,38 +36395,38 @@ const __iconNode$z = [
     }
   ]
 ];
-const Import = createLucideIcon("import", __iconNode$z);
+const Import = createLucideIcon("import", __iconNode$B);
 /**
  * @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 __iconNode$y = [
+const __iconNode$A = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
 ];
-const Info$1 = createLucideIcon("info", __iconNode$y);
+const Info$1 = createLucideIcon("info", __iconNode$A);
 /**
  * @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 __iconNode$x = [
+const __iconNode$z = [
   ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
   ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
   ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
 ];
-const Key = createLucideIcon("key", __iconNode$x);
+const Key = createLucideIcon("key", __iconNode$z);
 /**
  * @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 __iconNode$w = [
+const __iconNode$y = [
   [
     "path",
     {
@@ -36273,14 +36449,14 @@ const __iconNode$w = [
     }
   ]
 ];
-const Layers = createLucideIcon("layers", __iconNode$w);
+const Layers = createLucideIcon("layers", __iconNode$y);
 /**
  * @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 __iconNode$v = [
+const __iconNode$x = [
   [
     "path",
     {
@@ -36291,80 +36467,80 @@ const __iconNode$v = [
   ["path", { d: "M9 18h6", key: "x1upvd" }],
   ["path", { d: "M10 22h4", key: "ceow96" }]
 ];
-const Lightbulb = createLucideIcon("lightbulb", __iconNode$v);
+const Lightbulb = createLucideIcon("lightbulb", __iconNode$x);
 /**
  * @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 __iconNode$u = [
+const __iconNode$w = [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
 ];
-const Link = createLucideIcon("link", __iconNode$u);
+const Link = createLucideIcon("link", __iconNode$w);
 /**
  * @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 __iconNode$t = [
+const __iconNode$v = [
   ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
   ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
 ];
-const Mail = createLucideIcon("mail", __iconNode$t);
+const Mail = createLucideIcon("mail", __iconNode$v);
 /**
  * @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 __iconNode$s = [
+const __iconNode$u = [
   ["polyline", { points: "15 3 21 3 21 9", key: "mznyad" }],
   ["polyline", { points: "9 21 3 21 3 15", key: "1avn1i" }],
   ["line", { x1: "21", x2: "14", y1: "3", y2: "10", key: "ota7mn" }],
   ["line", { x1: "3", x2: "10", y1: "21", y2: "14", key: "1atl0r" }]
 ];
-const Maximize2 = createLucideIcon("maximize-2", __iconNode$s);
+const Maximize2 = createLucideIcon("maximize-2", __iconNode$u);
 /**
  * @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 __iconNode$r = [
+const __iconNode$t = [
   ["path", { d: "m3 11 18-5v12L3 14v-3z", key: "n962bs" }],
   ["path", { d: "M11.6 16.8a3 3 0 1 1-5.8-1.6", key: "1yl0tm" }]
 ];
-const Megaphone = createLucideIcon("megaphone", __iconNode$r);
+const Megaphone = createLucideIcon("megaphone", __iconNode$t);
 /**
  * @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 __iconNode$q = [
+const __iconNode$s = [
   ["path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z", key: "vv11sd" }]
 ];
-const MessageCircle = createLucideIcon("message-circle", __iconNode$q);
+const MessageCircle = createLucideIcon("message-circle", __iconNode$s);
 /**
  * @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 __iconNode$p = [
+const __iconNode$r = [
   ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }]
 ];
-const MessageSquare = createLucideIcon("message-square", __iconNode$p);
+const MessageSquare = createLucideIcon("message-square", __iconNode$r);
 /**
  * @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 __iconNode$o = [
+const __iconNode$q = [
   ["path", { d: "M12 2v20", key: "t6zp3m" }],
   ["path", { d: "m15 19-3 3-3-3", key: "11eu04" }],
   ["path", { d: "m19 9 3 3-3 3", key: "1mg7y2" }],
@@ -36372,14 +36548,14 @@ const __iconNode$o = [
   ["path", { d: "m5 9-3 3 3 3", key: "j64kie" }],
   ["path", { d: "m9 5 3-3 3 3", key: "l8vdw6" }]
 ];
-const Move = createLucideIcon("move", __iconNode$o);
+const Move = createLucideIcon("move", __iconNode$q);
 /**
  * @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 __iconNode$n = [
+const __iconNode$p = [
   ["path", { d: "m14.622 17.897-10.68-2.913", key: "vj2p1u" }],
   [
     "path",
@@ -36396,14 +36572,14 @@ const __iconNode$n = [
     }
   ]
 ];
-const Paintbrush = createLucideIcon("paintbrush", __iconNode$n);
+const Paintbrush = createLucideIcon("paintbrush", __iconNode$p);
 /**
  * @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 __iconNode$m = [
+const __iconNode$o = [
   ["path", { d: "M12 20h9", key: "t2du7b" }],
   [
     "path",
@@ -36414,14 +36590,14 @@ const __iconNode$m = [
   ],
   ["path", { d: "m15 5 3 3", key: "1w25hb" }]
 ];
-const PencilLine = createLucideIcon("pencil-line", __iconNode$m);
+const PencilLine = createLucideIcon("pencil-line", __iconNode$o);
 /**
  * @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 __iconNode$l = [
+const __iconNode$n = [
   [
     "path",
     {
@@ -36431,25 +36607,37 @@ const __iconNode$l = [
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ];
-const Pencil = createLucideIcon("pencil", __iconNode$l);
+const Pencil = createLucideIcon("pencil", __iconNode$n);
 /**
  * @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 __iconNode$k = [
+const __iconNode$m = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus$1 = createLucideIcon("plus", __iconNode$k);
+const Plus$1 = createLucideIcon("plus", __iconNode$m);
 /**
  * @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 __iconNode$j = [
+const __iconNode$l = [
+  ["path", { d: "M2 3h20", key: "91anmk" }],
+  ["path", { d: "M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3", key: "2k9sn8" }],
+  ["path", { d: "m7 21 5-5 5 5", key: "bip4we" }]
+];
+const Presentation = createLucideIcon("presentation", __iconNode$l);
+/**
+ * @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 __iconNode$k = [
   [
     "path",
     {
@@ -36458,25 +36646,25 @@ const __iconNode$j = [
     }
   ]
 ];
-const Puzzle = createLucideIcon("puzzle", __iconNode$j);
+const Puzzle = createLucideIcon("puzzle", __iconNode$k);
 /**
  * @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 __iconNode$i = [
+const __iconNode$j = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
 ];
-const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$i);
+const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$j);
 /**
  * @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 __iconNode$h = [
+const __iconNode$i = [
   [
     "path",
     {
@@ -36487,21 +36675,40 @@ const __iconNode$h = [
   ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
   ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
 ];
-const Save = createLucideIcon("save", __iconNode$h);
+const Save = createLucideIcon("save", __iconNode$i);
 /**
  * @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 __iconNode$g = [
+const __iconNode$h = [
   ["path", { d: "m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z", key: "7g6ntu" }],
   ["path", { d: "m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z", key: "ijws7r" }],
   ["path", { d: "M7 21h10", key: "1b0cd5" }],
   ["path", { d: "M12 3v18", key: "108xh3" }],
   ["path", { d: "M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2", key: "3gwbw2" }]
 ];
-const Scale = createLucideIcon("scale", __iconNode$g);
+const Scale = createLucideIcon("scale", __iconNode$h);
+/**
+ * @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 __iconNode$g = [
+  ["path", { d: "M15 12h-5", key: "r7krc0" }],
+  ["path", { d: "M15 8h-5", key: "1khuty" }],
+  ["path", { d: "M19 17V5a2 2 0 0 0-2-2H4", key: "zz82l3" }],
+  [
+    "path",
+    {
+      d: "M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3",
+      key: "1ph1d7"
+    }
+  ]
+];
+const ScrollText = createLucideIcon("scroll-text", __iconNode$g);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
@@ -40511,6 +40718,7 @@ const useUpdateConfig = () => {
     }
   });
 };
+let isAnyBackendAuthInProgress = false;
 const radientClient = createRadientClient(
   apiConfig.radientBaseUrl,
   apiConfig.radientClientId
@@ -40531,6 +40739,13 @@ const useOidcAuth = (options) => {
   const { mutateAsync: updateConfig } = useUpdateConfig();
   const handleBackendAuth = reactExports.useCallback(
     async (provider, idToken, googleAccessToken, googleTokenExpiry, googleRefreshToken) => {
+      if (isAnyBackendAuthInProgress) {
+        console.warn(
+          "Backend authentication is already in progress globally. Skipping duplicate call."
+        );
+        return;
+      }
+      isAnyBackendAuthInProgress = true;
       setError(null);
       try {
         if (provider === "google") {
@@ -40648,6 +40863,8 @@ const useOidcAuth = (options) => {
         console.error("Error during backend authentication:", err);
         setError(msg || "Authentication failed during backend processing.");
         showErrorToast(msg || "Authentication failed");
+      } finally {
+        isAnyBackendAuthInProgress = false;
       }
     },
     [queryClient2, updateConfig, onSuccess, onAfterCredentialUpdate]
@@ -45604,38 +45821,66 @@ var libExports = requireLib();
 const HTMLReactParser = /* @__PURE__ */ getDefaultExportFromCjs(libExports);
 const parse$7 = HTMLReactParser.default || HTMLReactParser;
 const UpdateContainer = styled$1("div")(({ theme: theme2 }) => ({
-  padding: 24,
+  padding: theme2.spacing(2.5),
   borderRadius: 8,
   backgroundColor: theme2.palette.background.paper,
-  boxShadow: "0 4px 20px rgba(0, 0, 0, 0.15)",
+  border: `1px solid ${theme2.palette.divider}`,
+  boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
   position: "fixed",
-  top: 20,
-  right: 20,
+  top: theme2.spacing(2.5),
+  right: theme2.spacing(2.5),
   zIndex: 1300,
-  // Higher than most components but below modal dialogs
-  width: 560,
-  // Responsive width with margins
+  width: 400,
+  maxWidth: "calc(100vw - 40px)",
+  backgroundImage: "none",
+  "& .update-title": {
+    fontSize: "1.125rem",
+    fontWeight: 600,
+    lineHeight: 1.4,
+    marginBottom: theme2.spacing(1.5),
+    color: theme2.palette.text.primary
+  },
+  "& .update-description": {
+    fontSize: "0.875rem",
+    lineHeight: 1.5,
+    color: theme2.palette.text.secondary,
+    marginBottom: theme2.spacing(1)
+  },
+  "& .update-notes": {
+    fontSize: "0.8125rem",
+    lineHeight: 1.4,
+    color: theme2.palette.text.secondary
+  },
   "& a": {
     color: theme2.palette.primary.main,
     textDecoration: "none",
+    fontWeight: 500,
     "&:hover": {
       textDecoration: "underline"
     }
+  },
+  [theme2.breakpoints.down("sm")]: {
+    width: "calc(100vw - 32px)",
+    left: theme2.spacing(2),
+    right: theme2.spacing(2),
+    top: theme2.spacing(2),
+    padding: theme2.spacing(2)
   }
 }));
-const UpdateActions = styled$1("div")({
+const UpdateActions = styled$1("div")(({ theme: theme2 }) => ({
   display: "flex",
   justifyContent: "flex-end",
-  gap: 8,
-  marginTop: 24
-});
-const ProgressContainer = styled$1("div")({
-  marginTop: 16,
-  marginBottom: 8
-});
+  gap: theme2.spacing(1.5),
+  marginTop: theme2.spacing(3)
+}));
+const ProgressContainer = styled$1("div")(({ theme: theme2 }) => ({
+  marginTop: theme2.spacing(2),
+  marginBottom: theme2.spacing(1)
+}));
 const UpdateNotification = ({
   autoCheck = true
 }) => {
+  const theme2 = useTheme$2();
   const [checking, setChecking] = reactExports.useState(false);
   const [updatingBackend, setUpdatingBackend] = reactExports.useState(false);
   const [updateAvailable, setUpdateAvailable] = reactExports.useState(false);
@@ -45815,10 +46060,25 @@ const UpdateNotification = ({
   const handleSnackbarClose = () => {
     setSnackbarOpen(false);
   };
+  const buttonSx = {
+    textTransform: "none",
+    fontSize: "0.8125rem",
+    padding: theme2.spacing(0.5, 1.5),
+    borderRadius: theme2.shape.borderRadius * 0.75
+  };
+  const secondaryButtonSx = {
+    ...buttonSx,
+    borderColor: theme2.palette.divider,
+    color: theme2.palette.text.secondary,
+    "&:hover": {
+      backgroundColor: theme2.palette.action.hover,
+      borderColor: theme2.palette.divider
+    }
+  };
   if (checking) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(UpdateContainer, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", children: updatingBackend ? "Updating Server" : "Checking for Updates" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body1", children: updatingBackend ? "Please wait while the server is being updated.  The server will temporarily go offline while it restarts to apply the update." : "Please wait while we check for available updates..." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { className: "update-title", children: updatingBackend ? "Updating Server" : "Checking for Updates" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { className: "update-description", children: updatingBackend ? "Please wait while the server is being updated. The server will temporarily go offline while it restarts to apply the update." : "Please wait while we check for available updates..." }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(ProgressContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgress, {}) })
     ] });
   }
@@ -45837,15 +46097,15 @@ const UpdateNotification = ({
   if (updateAvailable && !updateDownloaded && updateInfo) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(UpdateContainer, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", children: "Update Available" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { variant: "body1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { className: "update-title", children: "Update Available" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { className: "update-description", children: [
           "Version ",
           updateInfo.version,
           " is available. You are currently using version ",
           appVersion,
           "."
         ] }),
-        updateInfo.releaseNotes && /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { variant: "body2", sx: { mt: 1 }, children: [
+        updateInfo.releaseNotes && /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { className: "update-notes", sx: { mt: 1 }, children: [
           "Release Notes:",
           " ",
           typeof updateInfo.releaseNotes === "string" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -45871,7 +46131,7 @@ const UpdateNotification = ({
           )
         ] }),
         downloading && downloadProgress && /* @__PURE__ */ jsxRuntimeExports.jsxs(ProgressContainer, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { variant: "body2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { variant: "body2", sx: { fontSize: "0.8125rem" }, children: [
             "Downloading: ",
             Math.round(downloadProgress.percent),
             "%"
@@ -45884,22 +46144,30 @@ const UpdateNotification = ({
               sx: { mt: 1 }
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { variant: "caption", sx: { mt: 0.5, display: "block" }, children: [
-            Math.round(downloadProgress.transferred / 1024),
-            " KB of",
-            " ",
-            Math.round(downloadProgress.total / 1024),
-            " KB"
-          ] })
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Typography,
+            {
+              variant: "caption",
+              sx: { mt: 0.5, display: "block", fontSize: "0.75rem" },
+              children: [
+                Math.round(downloadProgress.transferred / 1024),
+                " KB of",
+                " ",
+                Math.round(downloadProgress.total / 1024),
+                " KB"
+              ]
+            }
+          )
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(UpdateActions, { children: !downloading && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Button,
             {
               variant: "contained",
-              color: "primary",
+              size: "small",
               onClick: downloadUpdate,
               disabled: downloading,
+              sx: buttonSx,
               children: "Download Update"
             }
           ),
@@ -45907,8 +46175,10 @@ const UpdateNotification = ({
             Button,
             {
               variant: "outlined",
+              size: "small",
               onClick: handleDeferUpdate,
               disabled: downloading,
+              sx: secondaryButtonSx,
               children: "Update Later"
             }
           )
@@ -45932,18 +46202,36 @@ const UpdateNotification = ({
   if (updateDownloaded && updateInfo) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(UpdateContainer, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", children: "Update Ready to Install" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { variant: "body1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { className: "update-title", children: "Update Ready to Install" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { className: "update-description", children: [
           "Version ",
           updateInfo.version,
           " is available. You are currently using version ",
           appVersion,
           "."
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body2", sx: { mt: 1 }, children: "The application will restart to apply the update." }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { className: "update-notes", sx: { mt: 1 }, children: "The application will restart to apply the update." }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(UpdateActions, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "contained", color: "primary", onClick: installUpdate, children: "Install Now" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outlined", onClick: handleDeferUpdate, children: "Update Later" })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              variant: "contained",
+              size: "small",
+              onClick: installUpdate,
+              sx: buttonSx,
+              children: "Install Now"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              variant: "outlined",
+              size: "small",
+              onClick: handleDeferUpdate,
+              sx: secondaryButtonSx,
+              children: "Update Later"
+            }
+          )
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -45961,23 +46249,24 @@ const UpdateNotification = ({
   if (backendUpdateAvailable && backendUpdateInfo) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(UpdateContainer, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", children: "Server Update Available" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { variant: "body1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { className: "update-title", children: "Server Update Available" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { className: "update-description", children: [
           "Server version ",
           backendUpdateInfo.latestVersion,
           " is available. You are currently using version ",
           backendUpdateInfo.currentVersion,
           "."
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body2", sx: { mt: 1 }, children: "Updating the server will improve AI functionality, improve security, and fix bugs." }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { className: "update-notes", sx: { mt: 1 }, children: "Updating the server will improve AI functionality, improve security, and fix bugs." }),
         backendUpdateInfo.canManageUpdate ? /* @__PURE__ */ jsxRuntimeExports.jsxs(UpdateActions, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Button,
             {
               variant: "contained",
-              color: "primary",
+              size: "small",
               onClick: updateBackend,
               disabled: checking,
+              sx: buttonSx,
               children: checking ? "Updating..." : "Update Server"
             }
           ),
@@ -45985,13 +46274,22 @@ const UpdateNotification = ({
             Button,
             {
               variant: "outlined",
+              size: "small",
               onClick: handleDeferBackendUpdate,
               disabled: checking,
+              sx: secondaryButtonSx,
               children: "Update Later"
             }
           )
         ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body2", sx: { mt: 2, color: "warning.main" }, children: "The backend server is running externally and cannot be updated automatically. Please update it manually using the following command:" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Typography,
+            {
+              variant: "body2",
+              sx: { mt: 2, color: "warning.main", fontSize: "0.8125rem" },
+              children: "The backend server is running externally and cannot be updated automatically. Please update it manually using the following command:"
+            }
+          ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Typography,
             {
@@ -46001,7 +46299,8 @@ const UpdateNotification = ({
                 p: 1,
                 backgroundColor: "background.default",
                 borderRadius: 1,
-                fontFamily: "monospace"
+                fontFamily: "monospace",
+                fontSize: "0.8125rem"
               },
               children: backendUpdateInfo.updateCommand
             }
@@ -46010,8 +46309,10 @@ const UpdateNotification = ({
             Button,
             {
               variant: "outlined",
+              size: "small",
               onClick: handleDeferBackendUpdate,
               disabled: checking,
+              sx: secondaryButtonSx,
               children: "Dismiss"
             }
           ) })
@@ -46047,7 +46348,7 @@ const UpdateNotification = ({
             severity: "warning",
             sx: { width: "100%" },
             children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body2", children: manualUpdateInfo.message }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body2", sx: { fontSize: "0.8125rem" }, children: manualUpdateInfo.message }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 Typography,
                 {
@@ -46057,7 +46358,8 @@ const UpdateNotification = ({
                     p: 1,
                     backgroundColor: "background.default",
                     borderRadius: 1,
-                    fontFamily: "monospace"
+                    fontFamily: "monospace",
+                    fontSize: "0.8125rem"
                   },
                   children: manualUpdateInfo.command
                 }
@@ -54097,7 +54399,7 @@ const CountDisplay = styled$1("span")(({ theme: theme2 }) => ({
   minWidth: "20px",
   height: "1em"
 }));
-const StyledCard$1 = styled$1(Card)(({ theme: theme2 }) => ({
+const StyledCard$2 = styled$1(Card)(({ theme: theme2 }) => ({
   display: "flex",
   flexDirection: "column",
   height: 410,
@@ -54231,7 +54533,7 @@ const AgentCard = ({
   const likeTooltip = isAuthenticated ? isLiked ? "Unlike agent" : "Like agent" : "Log in to Radient to like agents";
   const favouriteTooltip = isAuthenticated ? isFavourited ? "Unfavourite agent" : "Favourite agent" : "Log in to Radient to favourite agents";
   const downloadTooltip = "Download agent to your computer";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(StyledCard$1, { onClick: handleCardClick, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(StyledCard$2, { onClick: handleCardClick, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Box,
       {
@@ -54788,7 +55090,7 @@ const SectionTitle$6 = styled$1(Typography)(({ theme: theme2 }) => ({
   alignItems: "center",
   color: theme2.palette.text.primary
 }));
-const TitleIcon$4 = styled$1(FontAwesomeIcon)(({ theme: theme2 }) => ({
+const TitleIcon$3 = styled$1(FontAwesomeIcon)(({ theme: theme2 }) => ({
   marginRight: 10,
   color: theme2.palette.primary.main,
   padding: theme2.spacing(0.5),
@@ -54912,25 +55214,30 @@ const UnsetSliderSetting = ({
 };
 const SectionTitle$5 = styled$1(Typography)(({ theme: theme2 }) => ({
   fontWeight: 600,
-  marginBottom: theme2.spacing(2),
+  // Adjusted marginBottom for better spacing with collapsible content
+  marginBottom: theme2.spacing(1),
   display: "flex",
   alignItems: "center",
-  color: theme2.palette.text.primary
+  color: theme2.palette.text.primary,
+  padding: theme2.spacing(1, 0)
+  // Add some vertical padding for better clickability
 }));
-const TitleIcon$3 = styled$1(FontAwesomeIcon)(({ theme: theme2 }) => ({
-  marginRight: 10,
-  color: theme2.palette.primary.main,
-  padding: theme2.spacing(0.5),
-  borderRadius: 999,
-  width: 24,
-  height: 24,
-  backgroundColor: alpha$1(theme2.palette.primary.main, 0.1)
+const TitleIconContainer = styled$1(Box)(({ theme: theme2 }) => ({
+  marginRight: theme2.spacing(1.5),
+  // Standard spacing
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  color: theme2.palette.primary.main
+  // Removed padding, border-radius, and background for a cleaner Lucide icon look
 }));
 const InfoButton$2 = styled$1(IconButton)(({ theme: theme2 }) => ({
   marginLeft: theme2.spacing(1),
-  color: theme2.palette.primary.main,
+  color: theme2.palette.text.secondary,
+  // Adjusted for a more subtle look
   "&:hover": {
-    backgroundColor: alpha$1(theme2.palette.primary.main, 0.08)
+    backgroundColor: alpha$1(theme2.palette.action.hover, 0.08)
+    // Consistent hover
   }
 }));
 const StyledButton$1 = styled$1(Button)(({ theme: theme2 }) => ({
@@ -54964,501 +55271,532 @@ const ChatSettings = ({
   reactExports.useEffect(() => {
     setLocalAgent(selectedAgent);
   }, [selectedAgent]);
+  const [isExpanded, setIsExpanded] = reactExports.useState(false);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { mt: 2, mb: 1 }, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionTitle$5, { variant: "subtitle1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TitleIcon$3, { icon: faComments }),
-      "Chat Settings",
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Tooltip$1,
-        {
-          title: "Settings that control how the agent generates responses",
-          arrow: true,
-          placement: "top",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(InfoButton$2, { size: "small", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faInfoCircle, size: "xs" }) })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mb: 2 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: "You can set custom values for these settings by updating the options below. If not set, default values will be used that are optimized based on user testing." }) }),
-    localAgent.temperature === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      UnsetSliderSetting,
-      {
-        label: "Temperature",
-        description: "Controls randomness in responses (0.0-1.0). Higher values make output more random.",
-        defaultValue: 0.2,
-        onSetValue: async (value) => {
-          setSavingField("temperature");
-          try {
-            const update = { temperature: value };
-            await updateAgentMutation.mutateAsync({
-              agentId: selectedAgent.id,
-              update
-            });
-            setLocalAgent((prev2) => ({
-              ...prev2,
-              temperature: value
-            }));
-            if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
-              await refetchAgent();
-            }
-          } catch (_error) {
-          } finally {
-            setSavingField(null);
-          }
-        }
-      }
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-      SliderSetting,
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      SectionTitle$5,
       {
-        value: localAgent.temperature ?? 0.2,
-        label: "Temperature",
-        description: "Controls randomness in responses (0.0-1.0). Higher values make output more random.",
-        min: 0,
-        max: 1,
-        step: 0.01,
-        isSaving: savingField === "temperature",
-        onChange: async (value) => {
-          setSavingField("temperature");
-          try {
-            const update = { temperature: value };
-            await updateAgentMutation.mutateAsync({
-              agentId: selectedAgent.id,
-              update
-            });
-            if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
-              await refetchAgent();
+        variant: "subtitle1",
+        onClick: () => setIsExpanded(!isExpanded),
+        sx: { cursor: "pointer" },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TitleIconContainer, { children: isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { size: 20 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { size: 20 }) }),
+          "Advanced Chat Settings",
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Tooltip$1,
+            {
+              title: "Advanced settings to change how the agent generates responses",
+              arrow: true,
+              placement: "top",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(InfoButton$2, { size: "small", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faInfoCircle, size: "xs" }) })
             }
-          } catch (_error) {
-          } finally {
-            setSavingField(null);
-          }
-        }
+          )
+        ]
       }
     ),
-    localAgent.top_p === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      UnsetSliderSetting,
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Collapse, { in: isExpanded, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Box,
       {
-        label: "Top P",
-        description: "Controls cumulative probability of tokens to sample from (0.0-1.0).",
-        defaultValue: 0.9,
-        onSetValue: async (value) => {
-          setSavingField("top_p");
-          try {
-            const update = { top_p: value };
-            await updateAgentMutation.mutateAsync({
-              agentId: selectedAgent.id,
-              update
-            });
-            setLocalAgent((prev2) => ({
-              ...prev2,
-              top_p: value
-            }));
-            if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
-              await refetchAgent();
+        sx: {
+          pt: 1,
+          pb: 2,
+          pl: (theme2) => theme2.spacing(
+            1.5 + 1.5 + 0.5
+          )
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Typography,
+            {
+              variant: "caption",
+              color: "text.secondary",
+              sx: { mb: 2, display: "block" },
+              children: "You can set custom values for these settings by updating the options below. If not set, default values will be used that are optimized based on user testing."
             }
-          } catch (_error) {
-          } finally {
-            setSavingField(null);
-          }
-        }
-      }
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-      SliderSetting,
-      {
-        value: localAgent.top_p ?? 0.9,
-        label: "Top P",
-        description: "Controls cumulative probability of tokens to sample from (0.0-1.0).",
-        min: 0,
-        max: 1,
-        step: 0.01,
-        isSaving: savingField === "top_p",
-        onChange: async (value) => {
-          setSavingField("top_p");
-          try {
-            const update = { top_p: value };
-            await updateAgentMutation.mutateAsync({
-              agentId: selectedAgent.id,
-              update
-            });
-            if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
-              await refetchAgent();
+          ),
+          localAgent.temperature === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            UnsetSliderSetting,
+            {
+              label: "Temperature",
+              description: "Controls randomness in responses (0.0-1.0). Higher values make output more random.",
+              defaultValue: 0.2,
+              onSetValue: async (value) => {
+                setSavingField("temperature");
+                try {
+                  const update = { temperature: value };
+                  await updateAgentMutation.mutateAsync({
+                    agentId: selectedAgent.id,
+                    update
+                  });
+                  setLocalAgent((prev2) => ({
+                    ...prev2,
+                    temperature: value
+                  }));
+                  if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
+                    await refetchAgent();
+                  }
+                } catch (_error) {
+                } finally {
+                  setSavingField(null);
+                }
+              }
             }
-          } catch (_error) {
-          } finally {
-            setSavingField(null);
-          }
-        }
-      }
-    ),
-    localAgent.top_k === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      UnsetSliderSetting,
-      {
-        label: "Top K",
-        description: "Limits tokens to sample from at each step.",
-        defaultValue: 40,
-        onSetValue: async (value) => {
-          setSavingField("top_k");
-          try {
-            const update = { top_k: value };
-            await updateAgentMutation.mutateAsync({
-              agentId: selectedAgent.id,
-              update
-            });
-            setLocalAgent((prev2) => ({
-              ...prev2,
-              top_k: value
-            }));
-            if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
-              await refetchAgent();
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SliderSetting,
+            {
+              value: localAgent.temperature ?? 0.2,
+              label: "Temperature",
+              description: "Controls randomness in responses (0.0-1.0). Higher values make output more random.",
+              min: 0,
+              max: 1,
+              step: 0.01,
+              isSaving: savingField === "temperature",
+              onChange: async (value) => {
+                setSavingField("temperature");
+                try {
+                  const update = { temperature: value };
+                  await updateAgentMutation.mutateAsync({
+                    agentId: selectedAgent.id,
+                    update
+                  });
+                  if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
+                    await refetchAgent();
+                  }
+                } catch (_error) {
+                } finally {
+                  setSavingField(null);
+                }
+              }
             }
-          } catch (_error) {
-          } finally {
-            setSavingField(null);
-          }
-        }
-      }
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-      SliderSetting,
-      {
-        value: localAgent.top_k ?? 40,
-        label: "Top K",
-        description: "Limits tokens to sample from at each step.",
-        min: 1,
-        max: 100,
-        step: 1,
-        isSaving: savingField === "top_k",
-        onChange: async (value) => {
-          setSavingField("top_k");
-          try {
-            const update = { top_k: value };
-            await updateAgentMutation.mutateAsync({
-              agentId: selectedAgent.id,
-              update
-            });
-            if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
-              await refetchAgent();
+          ),
+          localAgent.top_p === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            UnsetSliderSetting,
+            {
+              label: "Top P",
+              description: "Controls cumulative probability of tokens to sample from (0.0-1.0).",
+              defaultValue: 0.9,
+              onSetValue: async (value) => {
+                setSavingField("top_p");
+                try {
+                  const update = { top_p: value };
+                  await updateAgentMutation.mutateAsync({
+                    agentId: selectedAgent.id,
+                    update
+                  });
+                  setLocalAgent((prev2) => ({
+                    ...prev2,
+                    top_p: value
+                  }));
+                  if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
+                    await refetchAgent();
+                  }
+                } catch (_error) {
+                } finally {
+                  setSavingField(null);
+                }
+              }
             }
-          } catch (_error) {
-          } finally {
-            setSavingField(null);
-          }
-        }
-      }
-    ),
-    localAgent.max_tokens === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      UnsetSliderSetting,
-      {
-        label: "Max Tokens",
-        description: "Maximum tokens to generate in response.",
-        defaultValue: 4096,
-        onSetValue: async (value) => {
-          setSavingField("max_tokens");
-          try {
-            const update = { max_tokens: value };
-            await updateAgentMutation.mutateAsync({
-              agentId: selectedAgent.id,
-              update
-            });
-            setLocalAgent((prev2) => ({
-              ...prev2,
-              max_tokens: value
-            }));
-            if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
-              await refetchAgent();
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SliderSetting,
+            {
+              value: localAgent.top_p ?? 0.9,
+              label: "Top P",
+              description: "Controls cumulative probability of tokens to sample from (0.0-1.0).",
+              min: 0,
+              max: 1,
+              step: 0.01,
+              isSaving: savingField === "top_p",
+              onChange: async (value) => {
+                setSavingField("top_p");
+                try {
+                  const update = { top_p: value };
+                  await updateAgentMutation.mutateAsync({
+                    agentId: selectedAgent.id,
+                    update
+                  });
+                  if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
+                    await refetchAgent();
+                  }
+                } catch (_error) {
+                } finally {
+                  setSavingField(null);
+                }
+              }
             }
-          } catch (_error) {
-          } finally {
-            setSavingField(null);
-          }
-        }
-      }
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-      SliderSetting,
-      {
-        value: localAgent.max_tokens ?? 4096,
-        label: "Max Tokens",
-        description: "Maximum tokens to generate in response.",
-        min: 1,
-        max: 8192,
-        step: 1,
-        isSaving: savingField === "max_tokens",
-        onChange: async (value) => {
-          setSavingField("max_tokens");
-          try {
-            const update = { max_tokens: value };
-            await updateAgentMutation.mutateAsync({
-              agentId: selectedAgent.id,
-              update
-            });
-            if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
-              await refetchAgent();
+          ),
+          localAgent.top_k === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            UnsetSliderSetting,
+            {
+              label: "Top K",
+              description: "Limits tokens to sample from at each step.",
+              defaultValue: 40,
+              onSetValue: async (value) => {
+                setSavingField("top_k");
+                try {
+                  const update = { top_k: value };
+                  await updateAgentMutation.mutateAsync({
+                    agentId: selectedAgent.id,
+                    update
+                  });
+                  setLocalAgent((prev2) => ({
+                    ...prev2,
+                    top_k: value
+                  }));
+                  if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
+                    await refetchAgent();
+                  }
+                } catch (_error) {
+                } finally {
+                  setSavingField(null);
+                }
+              }
             }
-          } catch (_error) {
-          } finally {
-            setSavingField(null);
-          }
-        }
-      }
-    ),
-    localAgent.stop === null ? /* @__PURE__ */ jsxRuntimeExports.jsxs(UnsetContainer, { elevation: 0, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(LabelWrapper, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(LabelText, { variant: "subtitle2", children: "Stop Sequences" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DescriptionText$1, { variant: "body2", color: "text.secondary", children: "Sequences that will cause the model to stop generating text." })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Box,
-        {
-          sx: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between"
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "caption", color: "text.disabled", children: "Not set yet" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              StyledButton$1,
-              {
-                onClick: async () => {
-                  setSavingField("stop");
-                  try {
-                    const update = { stop: [] };
-                    await updateAgentMutation.mutateAsync({
-                      agentId: selectedAgent.id,
-                      update
-                    });
-                    setLocalAgent((prev2) => ({
-                      ...prev2,
-                      stop: []
-                    }));
-                    if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
-                      await refetchAgent();
-                    }
-                  } catch (_error) {
-                  } finally {
-                    setSavingField(null);
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SliderSetting,
+            {
+              value: localAgent.top_k ?? 40,
+              label: "Top K",
+              description: "Limits tokens to sample from at each step.",
+              min: 1,
+              max: 100,
+              step: 1,
+              isSaving: savingField === "top_k",
+              onChange: async (value) => {
+                setSavingField("top_k");
+                try {
+                  const update = { top_k: value };
+                  await updateAgentMutation.mutateAsync({
+                    agentId: selectedAgent.id,
+                    update
+                  });
+                  if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
+                    await refetchAgent();
+                  }
+                } catch (_error) {
+                } finally {
+                  setSavingField(null);
+                }
+              }
+            }
+          ),
+          localAgent.max_tokens === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            UnsetSliderSetting,
+            {
+              label: "Max Tokens",
+              description: "Maximum tokens to generate in response.",
+              defaultValue: 4096,
+              onSetValue: async (value) => {
+                setSavingField("max_tokens");
+                try {
+                  const update = { max_tokens: value };
+                  await updateAgentMutation.mutateAsync({
+                    agentId: selectedAgent.id,
+                    update
+                  });
+                  setLocalAgent((prev2) => ({
+                    ...prev2,
+                    max_tokens: value
+                  }));
+                  if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
+                    await refetchAgent();
                   }
+                } catch (_error) {
+                } finally {
+                  setSavingField(null);
+                }
+              }
+            }
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SliderSetting,
+            {
+              value: localAgent.max_tokens ?? 4096,
+              label: "Max Tokens",
+              description: "Maximum tokens to generate in response.",
+              min: 1,
+              max: 8192,
+              step: 1,
+              isSaving: savingField === "max_tokens",
+              onChange: async (value) => {
+                setSavingField("max_tokens");
+                try {
+                  const update = { max_tokens: value };
+                  await updateAgentMutation.mutateAsync({
+                    agentId: selectedAgent.id,
+                    update
+                  });
+                  if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
+                    await refetchAgent();
+                  }
+                } catch (_error) {
+                } finally {
+                  setSavingField(null);
+                }
+              }
+            }
+          ),
+          localAgent.stop === null ? /* @__PURE__ */ jsxRuntimeExports.jsxs(UnsetContainer, { elevation: 0, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(LabelWrapper, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LabelText, { variant: "subtitle2", children: "Stop Sequences" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(DescriptionText$1, { variant: "body2", color: "text.secondary", children: "Sequences that will cause the model to stop generating text." })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Box,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between"
                 },
-                children: "Set to default (empty)"
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "caption", color: "text.disabled", children: "Not set yet" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    StyledButton$1,
+                    {
+                      onClick: async () => {
+                        setSavingField("stop");
+                        try {
+                          const update = { stop: [] };
+                          await updateAgentMutation.mutateAsync({
+                            agentId: selectedAgent.id,
+                            update
+                          });
+                          setLocalAgent((prev2) => ({
+                            ...prev2,
+                            stop: []
+                          }));
+                          if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
+                            await refetchAgent();
+                          }
+                        } catch (_error) {
+                        } finally {
+                          setSavingField(null);
+                        }
+                      },
+                      children: "Set to default (empty)"
+                    }
+                  )
+                ]
               }
             )
-          ]
-        }
-      )
-    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-      EditableField,
-      {
-        value: localAgent.stop?.join("\n") || "",
-        label: "Stop Sequences",
-        placeholder: "Enter stop sequences (one per line)...",
-        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faGear }),
-        multiline: true,
-        rows: 3,
-        isSaving: savingField === "stop",
-        onSave: async (value) => {
-          setSavingField("stop");
-          try {
-            const stopSequences = value.split("\n").map((line2) => line2.trim()).filter((line2) => line2.length > 0);
-            const update = {
-              stop: stopSequences.length > 0 ? stopSequences : void 0
-            };
-            await updateAgentMutation.mutateAsync({
-              agentId: selectedAgent.id,
-              update
-            });
-            if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
-              await refetchAgent();
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+            EditableField,
+            {
+              value: localAgent.stop?.join("\n") || "",
+              label: "Stop Sequences",
+              placeholder: "Enter stop sequences (one per line)...",
+              icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faGear }),
+              multiline: true,
+              rows: 3,
+              isSaving: savingField === "stop",
+              onSave: async (value) => {
+                setSavingField("stop");
+                try {
+                  const stopSequences = value.split("\n").map((line2) => line2.trim()).filter((line2) => line2.length > 0);
+                  const update = {
+                    stop: stopSequences.length > 0 ? stopSequences : void 0
+                  };
+                  await updateAgentMutation.mutateAsync({
+                    agentId: selectedAgent.id,
+                    update
+                  });
+                  if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
+                    await refetchAgent();
+                  }
+                } catch (_error) {
+                } finally {
+                  setSavingField(null);
+                }
+              }
             }
-          } catch (_error) {
-          } finally {
-            setSavingField(null);
-          }
-        }
-      }
-    ),
-    localAgent.frequency_penalty === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      UnsetSliderSetting,
-      {
-        label: "Frequency Penalty",
-        description: "Reduces repetition by lowering likelihood of repeated tokens (-2.0 to 2.0).",
-        defaultValue: 0,
-        onSetValue: async (value) => {
-          setSavingField("frequency_penalty");
-          try {
-            const update = { frequency_penalty: value };
-            await updateAgentMutation.mutateAsync({
-              agentId: selectedAgent.id,
-              update
-            });
-            setLocalAgent((prev2) => ({
-              ...prev2,
-              frequency_penalty: value
-            }));
-            if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
-              await refetchAgent();
+          ),
+          localAgent.frequency_penalty === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            UnsetSliderSetting,
+            {
+              label: "Frequency Penalty",
+              description: "Reduces repetition by lowering likelihood of repeated tokens (-2.0 to 2.0).",
+              defaultValue: 0,
+              onSetValue: async (value) => {
+                setSavingField("frequency_penalty");
+                try {
+                  const update = { frequency_penalty: value };
+                  await updateAgentMutation.mutateAsync({
+                    agentId: selectedAgent.id,
+                    update
+                  });
+                  setLocalAgent((prev2) => ({
+                    ...prev2,
+                    frequency_penalty: value
+                  }));
+                  if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
+                    await refetchAgent();
+                  }
+                } catch (_error) {
+                } finally {
+                  setSavingField(null);
+                }
+              }
             }
-          } catch (_error) {
-          } finally {
-            setSavingField(null);
-          }
-        }
-      }
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-      SliderSetting,
-      {
-        value: localAgent.frequency_penalty ?? 0,
-        label: "Frequency Penalty",
-        description: "Reduces repetition by lowering likelihood of repeated tokens (-2.0 to 2.0).",
-        min: -2,
-        max: 2,
-        step: 0.01,
-        isSaving: savingField === "frequency_penalty",
-        onChange: async (value) => {
-          setSavingField("frequency_penalty");
-          try {
-            const update = { frequency_penalty: value };
-            await updateAgentMutation.mutateAsync({
-              agentId: selectedAgent.id,
-              update
-            });
-            if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
-              await refetchAgent();
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SliderSetting,
+            {
+              value: localAgent.frequency_penalty ?? 0,
+              label: "Frequency Penalty",
+              description: "Reduces repetition by lowering likelihood of repeated tokens (-2.0 to 2.0).",
+              min: -2,
+              max: 2,
+              step: 0.01,
+              isSaving: savingField === "frequency_penalty",
+              onChange: async (value) => {
+                setSavingField("frequency_penalty");
+                try {
+                  const update = { frequency_penalty: value };
+                  await updateAgentMutation.mutateAsync({
+                    agentId: selectedAgent.id,
+                    update
+                  });
+                  if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
+                    await refetchAgent();
+                  }
+                } catch (_error) {
+                } finally {
+                  setSavingField(null);
+                }
+              }
             }
-          } catch (_error) {
-          } finally {
-            setSavingField(null);
-          }
-        }
-      }
-    ),
-    localAgent.presence_penalty === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      UnsetSliderSetting,
-      {
-        label: "Presence Penalty",
-        description: "Increases diversity by lowering likelihood of prompt tokens (-2.0 to 2.0).",
-        defaultValue: 0,
-        onSetValue: async (value) => {
-          setSavingField("presence_penalty");
-          try {
-            const update = { presence_penalty: value };
-            await updateAgentMutation.mutateAsync({
-              agentId: selectedAgent.id,
-              update
-            });
-            setLocalAgent((prev2) => ({
-              ...prev2,
-              presence_penalty: value
-            }));
-            if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
-              await refetchAgent();
+          ),
+          localAgent.presence_penalty === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            UnsetSliderSetting,
+            {
+              label: "Presence Penalty",
+              description: "Increases diversity by lowering likelihood of prompt tokens (-2.0 to 2.0).",
+              defaultValue: 0,
+              onSetValue: async (value) => {
+                setSavingField("presence_penalty");
+                try {
+                  const update = { presence_penalty: value };
+                  await updateAgentMutation.mutateAsync({
+                    agentId: selectedAgent.id,
+                    update
+                  });
+                  setLocalAgent((prev2) => ({
+                    ...prev2,
+                    presence_penalty: value
+                  }));
+                  if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
+                    await refetchAgent();
+                  }
+                } catch (_error) {
+                } finally {
+                  setSavingField(null);
+                }
+              }
             }
-          } catch (_error) {
-          } finally {
-            setSavingField(null);
-          }
-        }
-      }
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-      SliderSetting,
-      {
-        value: localAgent.presence_penalty ?? 0,
-        label: "Presence Penalty",
-        description: "Increases diversity by lowering likelihood of prompt tokens (-2.0 to 2.0).",
-        min: -2,
-        max: 2,
-        step: 0.01,
-        isSaving: savingField === "presence_penalty",
-        onChange: async (value) => {
-          setSavingField("presence_penalty");
-          try {
-            const update = { presence_penalty: value };
-            await updateAgentMutation.mutateAsync({
-              agentId: selectedAgent.id,
-              update
-            });
-            if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
-              await refetchAgent();
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SliderSetting,
+            {
+              value: localAgent.presence_penalty ?? 0,
+              label: "Presence Penalty",
+              description: "Increases diversity by lowering likelihood of prompt tokens (-2.0 to 2.0).",
+              min: -2,
+              max: 2,
+              step: 0.01,
+              isSaving: savingField === "presence_penalty",
+              onChange: async (value) => {
+                setSavingField("presence_penalty");
+                try {
+                  const update = { presence_penalty: value };
+                  await updateAgentMutation.mutateAsync({
+                    agentId: selectedAgent.id,
+                    update
+                  });
+                  if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
+                    await refetchAgent();
+                  }
+                } catch (_error) {
+                } finally {
+                  setSavingField(null);
+                }
+              }
             }
-          } catch (_error) {
-          } finally {
-            setSavingField(null);
-          }
-        }
-      }
-    ),
-    localAgent.seed === null ? /* @__PURE__ */ jsxRuntimeExports.jsxs(UnsetContainer, { elevation: 0, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(LabelWrapper, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(LabelText, { variant: "subtitle2", children: "Seed" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DescriptionText$1, { variant: "body2", color: "text.secondary", children: "Random number seed for deterministic generation." })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Box,
-        {
-          sx: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between"
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "caption", color: "text.disabled", children: "Not set yet" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              StyledButton$1,
+          ),
+          localAgent.seed === null ? /* @__PURE__ */ jsxRuntimeExports.jsxs(UnsetContainer, { elevation: 0, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(LabelWrapper, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LabelText, { variant: "subtitle2", children: "Seed" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(DescriptionText$1, { variant: "body2", color: "text.secondary", children: "Random number seed for deterministic generation." })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Box,
               {
-                onClick: async () => {
-                  setSavingField("seed");
-                  try {
-                    const update = { seed: 42 };
-                    await updateAgentMutation.mutateAsync({
-                      agentId: selectedAgent.id,
-                      update
-                    });
-                    setLocalAgent((prev2) => ({
-                      ...prev2,
-                      seed: 42
-                    }));
-                    if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
-                      await refetchAgent();
-                    }
-                  } catch (_error) {
-                  } finally {
-                    setSavingField(null);
-                  }
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between"
                 },
-                children: "Set to default (42)"
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "caption", color: "text.disabled", children: "Not set yet" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    StyledButton$1,
+                    {
+                      onClick: async () => {
+                        setSavingField("seed");
+                        try {
+                          const update = { seed: 42 };
+                          await updateAgentMutation.mutateAsync({
+                            agentId: selectedAgent.id,
+                            update
+                          });
+                          setLocalAgent((prev2) => ({
+                            ...prev2,
+                            seed: 42
+                          }));
+                          if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
+                            await refetchAgent();
+                          }
+                        } catch (_error) {
+                        } finally {
+                          setSavingField(null);
+                        }
+                      },
+                      children: "Set to default (42)"
+                    }
+                  )
+                ]
               }
             )
-          ]
-        }
-      )
-    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-      EditableField,
-      {
-        value: localAgent.seed?.toString() || "",
-        label: "Seed",
-        placeholder: "Random number seed for deterministic generation",
-        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faGear }),
-        isSaving: savingField === "seed",
-        onSave: async (value) => {
-          setSavingField("seed");
-          try {
-            const seedValue = value.trim() ? Number.parseInt(value, 10) : void 0;
-            if (value.trim() && Number.isNaN(seedValue)) {
-              showErrorToast("Seed must be a valid number");
-              return;
-            }
-            const update = { seed: seedValue };
-            await updateAgentMutation.mutateAsync({
-              agentId: selectedAgent.id,
-              update
-            });
-            if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
-              await refetchAgent();
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+            EditableField,
+            {
+              value: localAgent.seed?.toString() || "",
+              label: "Seed",
+              placeholder: "Random number seed for deterministic generation",
+              icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faGear }),
+              isSaving: savingField === "seed",
+              onSave: async (value) => {
+                setSavingField("seed");
+                try {
+                  const seedValue = value.trim() ? Number.parseInt(value, 10) : void 0;
+                  if (value.trim() && Number.isNaN(seedValue)) {
+                    showErrorToast("Seed must be a valid number");
+                    return;
+                  }
+                  const update = { seed: seedValue };
+                  await updateAgentMutation.mutateAsync({
+                    agentId: selectedAgent.id,
+                    update
+                  });
+                  if (selectedAgent.id === initialSelectedAgentId && refetchAgent) {
+                    await refetchAgent();
+                  }
+                } catch (_error) {
+                } finally {
+                  setSavingField(null);
+                }
+              }
             }
-          } catch (_error) {
-          } finally {
-            setSavingField(null);
-          }
-        }
+          )
+        ]
       }
-    )
+    ) })
   ] });
 };
 const ALLOWED_AGENT_CATEGORIES = [
@@ -66241,9 +66579,15 @@ const GeneralSettings = ({
   refetchAgent,
   initialSelectedAgentId
 }) => {
-  const [currentHosting, setCurrentHosting] = reactExports.useState(
-    selectedAgent.hosting || ""
-  );
+  const { data: config2, isLoading: isConfigLoading } = useConfig();
+  const [currentHosting, setCurrentHosting] = reactExports.useState("");
+  reactExports.useEffect(() => {
+    if (!isConfigLoading && config2?.values) {
+      setCurrentHosting(selectedAgent.hosting || config2.values.hosting || "");
+    } else if (!isConfigLoading) {
+      setCurrentHosting(selectedAgent.hosting || "");
+    }
+  }, [selectedAgent, config2, isConfigLoading]);
   const [tagsSaving, setTagsSaving] = reactExports.useState(false);
   const [categoriesSaving, setCategoriesSaving] = reactExports.useState(false);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -66290,7 +66634,7 @@ const GeneralSettings = ({
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               HostingSelect,
               {
-                value: selectedAgent.hosting || "",
+                value: selectedAgent.hosting || (config2?.values.hosting ?? ""),
                 isSaving: savingField === "hosting",
                 onSave: async (value) => {
                   setSavingField("hosting");
@@ -66317,14 +66661,14 @@ const GeneralSettings = ({
                 filterByCredentials: true,
                 allowDefault: true
               },
-              `hosting-select-${selectedAgent.hosting || ""}`
+              `hosting-select-${selectedAgent.id}-${selectedAgent.hosting || (config2?.values.hosting ?? "default")}`
             )
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, xs: 12, md: 6, "data-tour-tag": "agent-settings-model-select", children: currentHosting ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           ModelSelect,
           {
-            value: selectedAgent.model || "",
+            value: selectedAgent.hosting ? selectedAgent.model || "" : selectedAgent.model || (config2?.values.model_name ?? ""),
             hostingId: currentHosting,
             isSaving: savingField === "model",
             allowDefault: true,
@@ -66345,7 +66689,7 @@ const GeneralSettings = ({
               }
             }
           },
-          `model-select-${currentHosting}`
+          `model-select-${selectedAgent.id}-${currentHosting}-${selectedAgent.model || (!selectedAgent.hosting && config2?.values.model_name ? config2.values.model_name : "default")}`
         ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldContainer, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Select a hosting provider first, and then select the AI model that you want to use.  Each model has different capabilities and costs.  Recommended: Automatic", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldLabel$3, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(LabelIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faRobot }) }),
@@ -66508,26 +66852,35 @@ const SecuritySettings = ({
   refetchAgent,
   initialSelectedAgentId
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { "data-tour-tag": "agent-settings-security", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { "data-tour-tag": "agent-settings-security", sx: { mt: 4 }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionTitle$3, { variant: "subtitle1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(TitleIcon$1, { icon: faShieldAlt }),
-      "Security Prompt",
+      "Security Instructions",
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Tooltip$1,
         {
-          title: "Security instructions that guide the agent's behavior and limitations",
+          title: `Security instructions that guide the agent's behavior and limitations.  This is the "system prompt" for the security agent.`,
           arrow: true,
           placement: "top",
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(InfoButton$1, { size: "small", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faInfoCircle, size: "xs" }) })
         }
       )
     ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Typography,
+      {
+        variant: "caption",
+        color: "text.secondary",
+        sx: { mb: 1, display: "block" },
+        children: `This prompt is directed to the AI security reviewer. It helps the reviewer decide whether to block or allow actions based on safety. Write as if talking to another agent that is watching this agent (eg. "Allow all git operations", "Don't let the agent access drive files in the restricted folder"). Update this to allow the agent to perform actions if you are getting frequent security blocks.`
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       EditableField,
       {
         value: selectedAgent.security_prompt || "",
         label: "",
-        placeholder: "Enter security prompt...",
+        placeholder: "Enter instructions for the security agent...",
         multiline: true,
         rows: 6,
         isSaving: savingField === "security_prompt",
@@ -66591,26 +66944,35 @@ const SystemPromptSettings = ({
       setLocalSystemPrompt(systemPrompt);
     }
   }, [systemPrompt]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { "data-tour-tag": "agent-settings-system-prompt", sx: { mt: 4 }, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { "data-tour-tag": "agent-settings-system-prompt", sx: { mt: 0 }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionTitle$2, { variant: "subtitle1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(TitleIcon, { icon: faRobot }),
-      "System Prompt",
+      "Agent Instructions",
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Tooltip$1,
         {
-          title: "System instructions that define the agent's behavior and capabilities",
+          title: `System instructions that define the agent's behavior and capabilities.  This is the agent's "system prompt"`,
           arrow: true,
           placement: "top",
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(InfoButton, { size: "small", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faInfoCircle, size: "xs" }) })
         }
       )
     ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Typography,
+      {
+        variant: "caption",
+        color: "text.secondary",
+        sx: { mb: 1, display: "block" },
+        children: `Define the agent's role, personality, or provide context. Write as if talking to the agent (e.g., "You are an expert researcher") and/or about yourself (e.g., "My name is John").`
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       EditableField,
       {
         value: localSystemPrompt,
         label: "",
-        placeholder: isLoading ? "Loading system prompt..." : "Enter system prompt...",
+        placeholder: isLoading ? "Loading system prompt..." : "Enter instructions for the agent...",
         multiline: true,
         rows: 6,
         isSaving: savingField === "system_prompt",
@@ -66702,22 +67064,22 @@ const AgentSettings = ({
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      SecuritySettings,
+      SystemPromptSettings,
       {
         selectedAgent,
         savingField,
         setSavingField,
-        updateAgentMutation,
         refetchAgent,
         initialSelectedAgentId
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      SystemPromptSettings,
+      SecuritySettings,
       {
         selectedAgent,
         savingField,
         setSavingField,
+        updateAgentMutation,
         refetchAgent,
         initialSelectedAgentId
       }
@@ -67742,9 +68104,14 @@ const defaultConversationCanvasState = {
   isOpen: false,
   openTabs: [],
   selectedTabId: null,
-  files: []
+  files: [],
+  mentionedFiles: [],
+  viewMode: "documents"
+};
+const getConversationState = (conversations, conversationId) => {
+  const existing = conversations[conversationId];
+  return existing ? { ...defaultConversationCanvasState, ...existing } : { ...defaultConversationCanvasState };
 };
-const getConversationState = (conversations, conversationId) => conversations[conversationId] ?? { ...defaultConversationCanvasState };
 const useCanvasStore = create$3()(
   persist(
     (set2, _2) => ({
@@ -67801,6 +68168,71 @@ const useCanvasStore = create$3()(
           };
           return { conversations: newConversations };
         });
+      },
+      setMentionedFiles: (conversationId, mentionedFiles) => {
+        set2((state2) => ({
+          conversations: {
+            ...state2.conversations,
+            [conversationId]: {
+              ...getConversationState(state2.conversations, conversationId),
+              mentionedFiles
+            }
+          }
+        }));
+      },
+      addMentionedFile: (conversationId, file) => {
+        set2((state2) => {
+          const conv = getConversationState(
+            state2.conversations,
+            conversationId
+          );
+          const exists = conv.mentionedFiles.find((d2) => d2.id === file.id);
+          const updated = exists ? conv.mentionedFiles : [...conv.mentionedFiles, file];
+          return {
+            conversations: {
+              ...state2.conversations,
+              [conversationId]: {
+                ...conv,
+                mentionedFiles: updated
+              }
+            }
+          };
+        });
+      },
+      addMentionedFilesBatch: (conversationId, filesToAdd) => {
+        set2((state2) => {
+          const conv = getConversationState(
+            state2.conversations,
+            conversationId
+          );
+          const existingFileIds = new Set(conv.mentionedFiles.map((f2) => f2.id));
+          const newFiles = filesToAdd.filter(
+            (file) => !existingFileIds.has(file.id)
+          );
+          if (newFiles.length === 0) {
+            return state2;
+          }
+          return {
+            conversations: {
+              ...state2.conversations,
+              [conversationId]: {
+                ...conv,
+                mentionedFiles: [...conv.mentionedFiles, ...newFiles]
+              }
+            }
+          };
+        });
+      },
+      setViewMode: (conversationId, viewMode) => {
+        set2((state2) => ({
+          conversations: {
+            ...state2.conversations,
+            [conversationId]: {
+              ...getConversationState(state2.conversations, conversationId),
+              viewMode
+            }
+          }
+        }));
       }
     }),
     {
@@ -86302,7 +86734,7 @@ const languages = [
     name: "Go",
     extensions: ["go"],
     load() {
-      return __vitePreload(() => import("./index-d3kL-g6p.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m2) => m2.go());
+      return __vitePreload(() => import("./index-9ll8evaS.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m2) => m2.go());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -86479,7 +86911,7 @@ const languages = [
     alias: ["yml"],
     extensions: ["yaml", "yml"],
     load() {
-      return __vitePreload(() => import("./index-BENHuC7d.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
+      return __vitePreload(() => import("./index-BcAunMPD.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5
@@ -168918,7 +169350,7 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-OKDRZEBW-CvnmDUr0.js"), true ? __vite__mapDeps([6,7,8,9,10,11,1,2]) : void 0, import.meta.url), "loader")
+      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-OKDRZEBW-BRmuP5ne.js"), true ? __vite__mapDeps([6,7,8,9,10,11,1,2]) : void 0, import.meta.url), "loader")
     }
   ]);
 }, "registerDefaultLayoutLoaders");
@@ -169508,7 +169940,7 @@ var detector = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./c4Diagram-VJAJSXHY-BbjP-YS8.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-VJAJSXHY-CUWQVTBw.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([12,13,1,2]) : void 0, import.meta.url);
   return { id, diagram: diagram2 };
@@ -169528,7 +169960,7 @@ var detector2 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader2 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-CPmNwaPw.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-DO9xIDx0.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id2, diagram: diagram2 };
@@ -169554,7 +169986,7 @@ var detector3 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader3 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-CPmNwaPw.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-DO9xIDx0.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id3, diagram: diagram2 };
@@ -169571,7 +170003,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./erDiagram-Q7BY3M3F-DzP1awnz.js");
+    const { diagram: diagram22 } = await import("./erDiagram-Q7BY3M3F-B_3VyDfP.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([17,15,16,1,2]) : void 0, import.meta.url);
   return { id: id4, diagram: diagram2 };
@@ -169588,7 +170020,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./gitGraphDiagram-7IBYFJ6S-C1xsOObr.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-7IBYFJ6S-Jz6QBGPa.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([18,19,20,21,8,10,11,1,2]) : void 0, import.meta.url);
   return { id: id5, diagram: diagram2 };
@@ -169605,7 +170037,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./ganttDiagram-APWFNJXF-Dp3PblQc.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-APWFNJXF-BK37zBtS.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([22,1,2]) : void 0, import.meta.url);
   return { id: id6, diagram: diagram2 };
@@ -169622,7 +170054,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./infoDiagram-PH2N3AL5-BsZjZuz9.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-PH2N3AL5-BrTEa3Dg.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([23,21,8,10,11,1,2]) : void 0, import.meta.url);
   return { id: id7, diagram: diagram2 };
@@ -169638,7 +170070,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./pieDiagram-IB7DONF6-BLIypjx1.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-IB7DONF6-D_aSId8t.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([24,19,21,8,10,11,25,1,2]) : void 0, import.meta.url);
   return { id: id8, diagram: diagram2 };
@@ -169654,7 +170086,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./quadrantDiagram-7GDLP6J5-Bhg4pj46.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-7GDLP6J5-VtpoaDCW.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([26,1,2]) : void 0, import.meta.url);
   return { id: id9, diagram: diagram2 };
@@ -169671,7 +170103,7 @@ var detector10 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader10 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./xychartDiagram-VJFVF3MP-Uznmu3l-.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-VJFVF3MP-gjn-8kXQ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([27,1,2]) : void 0, import.meta.url);
   return { id: id10, diagram: diagram2 };
@@ -169688,7 +170120,7 @@ var detector11 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader11 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./requirementDiagram-KVF5MWMF-GsFjX0JT.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-KVF5MWMF-DmQX7SmX.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,15,1,2]) : void 0, import.meta.url);
   return { id: id11, diagram: diagram2 };
@@ -169705,7 +170137,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./sequenceDiagram-X6HHIX6F-B3KEUS4U.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-X6HHIX6F-Cy6jqgLY.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,13,20,1,2]) : void 0, import.meta.url);
   return { id: id12, diagram: diagram2 };
@@ -169725,7 +170157,7 @@ var detector13 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader13 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./classDiagram-GIVACNV2-DI2nEo8v.js");
+    const { diagram: diagram22 } = await import("./classDiagram-GIVACNV2-D_MSeJ_6.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,31,15,1,2]) : void 0, import.meta.url);
   return { id: id13, diagram: diagram2 };
@@ -169745,7 +170177,7 @@ var detector14 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader14 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./classDiagram-v2-COTLJTTW-DI2nEo8v.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-COTLJTTW-D_MSeJ_6.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([32,31,15,1,2]) : void 0, import.meta.url);
   return { id: id14, diagram: diagram2 };
@@ -169765,7 +170197,7 @@ var detector15 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader15 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./stateDiagram-DGXRK772-C1L3HV7N.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-DGXRK772-B5sjzMc3.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([33,34,15,7,8,9,10,1,2]) : void 0, import.meta.url);
   return { id: id15, diagram: diagram2 };
@@ -169788,7 +170220,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./stateDiagram-v2-YXO3MK2T-ADxTzXk9.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-YXO3MK2T-CCntK586.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,34,15,1,2]) : void 0, import.meta.url);
   return { id: id16, diagram: diagram2 };
@@ -169805,7 +170237,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./journeyDiagram-U35MCT3I-CIbQJUBG.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-U35MCT3I-cp-7j6JH.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([36,13,25,1,2]) : void 0, import.meta.url);
   return { id: id17, diagram: diagram2 };
@@ -169875,7 +170307,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-CPmNwaPw.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-DO9xIDx0.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id18, diagram: diagram2 };
@@ -169892,7 +170324,7 @@ var detector19 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader19 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./timeline-definition-BDJGKUSR-CTEAWzHG.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-BDJGKUSR-B24Z4NA2.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,25,1,2]) : void 0, import.meta.url);
   return { id: id19, diagram: diagram2 };
@@ -169909,7 +170341,7 @@ var detector20 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader20 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./mindmap-definition-ALO5MXBD-BDcXZ7s9.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-ALO5MXBD-B8ntf-YJ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([38,39,1,2]) : void 0, import.meta.url);
   return { id: id20, diagram: diagram2 };
@@ -169926,7 +170358,7 @@ var detector21 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader21 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./kanban-definition-NDS4AKOZ-Cy2XBRai.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-NDS4AKOZ-DT0Ds4_6.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,1,2]) : void 0, import.meta.url);
   return { id: id21, diagram: diagram2 };
@@ -169943,7 +170375,7 @@ var detector22 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader22 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./sankeyDiagram-QLVOVGJD-BbAeFKsA.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-QLVOVGJD-DH2kTl35.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,1,2]) : void 0, import.meta.url);
   return { id: id22, diagram: diagram2 };
@@ -169960,7 +170392,7 @@ var detector23 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader23 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-VNBRO52H-DeKLJIGp.js");
+    const { diagram: diagram22 } = await import("./diagram-VNBRO52H-Bxh5b-em.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([42,19,21,8,10,11,1,2]) : void 0, import.meta.url);
   return { id: id23, diagram: diagram2 };
@@ -169976,7 +170408,7 @@ var detector24 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader24 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-SSKATNLV-O49-awgq.js");
+    const { diagram: diagram22 } = await import("./diagram-SSKATNLV-lmqZ5zjv.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([43,19,21,8,10,11,1,2]) : void 0, import.meta.url);
   return { id: id24, diagram: diagram2 };
@@ -169992,7 +170424,7 @@ var detector25 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader25 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./blockDiagram-JOT3LUYC-C4WZB7AT.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-JOT3LUYC-boa_T8E1.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,11,8,7,16,1,2]) : void 0, import.meta.url);
   return { id: id25, diagram: diagram2 };
@@ -170009,7 +170441,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./architectureDiagram-IEHRJDOE-Blezk2Ti.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-IEHRJDOE-DzXvnk9f.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([45,19,20,21,8,10,11,39,1,2]) : void 0, import.meta.url);
   return { id: id26, diagram: diagram2 };
@@ -171480,6 +171912,351 @@ const CanvasContentComponent = ({ document: document2 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CodeEditor, { document: document2 });
 };
 const CanvasContent = reactExports.memo(CanvasContentComponent);
+const RESOURCE_NAME_REGEX$2 = /name=([^;,]+)/;
+const PATH_SEPARATOR_REGEX$5 = /[/\\]/;
+const DATA_URI_REGEX = /^data:([^;,]+)/;
+const getFileName$4 = (path2) => {
+  if (path2.startsWith("data:image/")) {
+    const nameMatch = path2.match(RESOURCE_NAME_REGEX$2);
+    if (nameMatch?.[1]) {
+      try {
+        return decodeURIComponent(nameMatch[1]);
+      } catch (_2) {
+        return "Pasted Image";
+      }
+    }
+    return "Pasted Image";
+  }
+  if (path2.startsWith("data:")) {
+    const nameMatch = path2.match(RESOURCE_NAME_REGEX$2);
+    if (nameMatch?.[1]) {
+      try {
+        return decodeURIComponent(nameMatch[1]);
+      } catch (_2) {
+        return "Pasted File";
+      }
+    }
+    const mimeTypeMatch = path2.match(DATA_URI_REGEX);
+    if (mimeTypeMatch?.[1]) {
+      const simpleType = mimeTypeMatch[1].split("/")[0];
+      if (simpleType) {
+        return `Pasted ${simpleType.charAt(0).toUpperCase() + simpleType.slice(1)} File`;
+      }
+    }
+    return "Pasted File";
+  }
+  const parts = path2.split(PATH_SEPARATOR_REGEX$5);
+  return parts[parts.length - 1];
+};
+const canvasSupportedExtensions = /* @__PURE__ */ new Set([
+  ...Object.keys(langs),
+  ...Object.keys(languageOverrideMap)
+]);
+const isCanvasSupported = (fileName) => {
+  const ext = fileName.toLowerCase().split("/").pop()?.split(".").pop() ?? "";
+  return canvasSupportedExtensions.has(ext);
+};
+const defaultFiles = [];
+const StyledCard$1 = styled$1(Card)(({ theme: theme2 }) => ({
+  display: "flex",
+  flexDirection: "column",
+  height: "100%",
+  backgroundColor: alpha$1(theme2.palette.background.paper, 0.8),
+  backgroundImage: "none",
+  transition: "box-shadow 0.2s ease-in-out",
+  "&:hover": {
+    boxShadow: theme2.shadows[6]
+  },
+  borderRadius: 8
+}));
+const StyledImage = styled$1("img")({
+  height: 140,
+  width: "100%",
+  objectFit: "contain",
+  backgroundColor: alpha$1("#000", 0.1)
+});
+const StyledVideo = styled$1("video")({
+  height: 140,
+  width: "100%",
+  objectFit: "contain",
+  backgroundColor: alpha$1("#000", 0.1)
+});
+const IconBox = styled$1(Box)({
+  height: 140,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center"
+});
+const FileNameTypography = styled$1(Typography)(({ theme: theme2 }) => ({
+  fontWeight: 400,
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  fontSize: "0.7rem",
+  padding: theme2.spacing(0, 0)
+}));
+const isImage$2 = (path2) => {
+  const imageExtensions = [
+    ".jpg",
+    ".jpeg",
+    ".png",
+    ".gif",
+    ".webp",
+    ".bmp",
+    ".svg",
+    ".tiff",
+    ".tif",
+    ".ico",
+    ".heic",
+    ".heif",
+    ".avif",
+    ".jfif",
+    ".pjpeg",
+    ".pjp"
+  ];
+  const lowerPath = path2.toLowerCase();
+  return imageExtensions.some((ext) => lowerPath.endsWith(ext));
+};
+const isVideo$2 = (path2) => {
+  const videoExtensions = [
+    ".mp4",
+    ".webm",
+    ".ogg",
+    ".mov",
+    ".avi",
+    ".wmv",
+    ".flv",
+    ".mkv",
+    ".m4v",
+    ".3gp",
+    ".3g2"
+  ];
+  const lowerPath = path2.toLowerCase();
+  return videoExtensions.some((ext) => lowerPath.endsWith(ext));
+};
+const getAttachmentUrl$2 = (client, path2) => {
+  if (path2.startsWith("http")) {
+    return path2;
+  }
+  if (path2.startsWith("data:")) {
+    return path2;
+  }
+  const normalizedPath = path2.startsWith("file://") ? path2 : `file://${path2}`;
+  if (isImage$2(path2)) {
+    return client.static.getImageUrl(normalizedPath);
+  }
+  if (isVideo$2(path2)) {
+    return client.static.getVideoUrl(normalizedPath);
+  }
+  return path2;
+};
+const getIconForFileType = (type2) => {
+  switch (type2) {
+    case "image":
+      return FileImage;
+    case "video":
+      return FileVideo;
+    case "pdf":
+      return ScrollText;
+    case "markdown":
+    case "text":
+      return FileText;
+    case "html":
+    case "code":
+      return Code;
+    case "archive":
+      return Archive;
+    case "document":
+      return FileText;
+    case "spreadsheet":
+      return FileSpreadsheet;
+    case "presentation":
+      return Presentation;
+    case "audio":
+      return AudioLines;
+    default:
+      return File$1;
+  }
+};
+const CanvasFileViewer = ({
+  conversationId,
+  onSwitchToDocumentView
+}) => {
+  const files = useCanvasStore((state2) => {
+    const conv = state2.conversations[conversationId];
+    return conv?.mentionedFiles ?? defaultFiles;
+  });
+  const setFiles = useCanvasStore((s2) => s2.setFiles);
+  const setOpenTabs = useCanvasStore((s2) => s2.setOpenTabs);
+  const setSelectedTab = useCanvasStore((s2) => s2.setSelectedTab);
+  const memoizedFiles = reactExports.useMemo(() => files, [files]);
+  const client = reactExports.useMemo(() => {
+    return createLocalOperatorClient(apiConfig.baseUrl);
+  }, []);
+  const getUrl2 = reactExports.useCallback(
+    (path2) => getAttachmentUrl$2(client, path2),
+    [client]
+  );
+  const handleFileClick = reactExports.useCallback(
+    async (fileDoc) => {
+      const title = fileDoc.title;
+      const fallbackAction = (err) => {
+        if (err) console.error("Error processing file:", err);
+        try {
+          if (fileDoc.path.startsWith("data:")) {
+            console.warn(
+              "Opening data URI with OS default is not directly supported here.",
+              `${fileDoc.path.substring(0, 50)}...`
+            );
+          } else {
+            window.api.openFile(fileDoc.path);
+          }
+        } catch (error) {
+          console.error("Error opening file natively:", error);
+        }
+      };
+      if (fileDoc.path.startsWith("data:")) {
+        if (isCanvasSupported(title)) {
+          const docId = fileDoc.path;
+          const newDoc = {
+            id: docId,
+            title,
+            path: docId,
+            // Store data URI as path for consistency if needed
+            content: fileDoc.path
+            // The content is the data URI itself
+          };
+          const state2 = useCanvasStore.getState();
+          const conversationCanvasState = state2.conversations?.[conversationId];
+          const filesInState = conversationCanvasState?.files ?? [];
+          const openTabsInState = conversationCanvasState?.openTabs ?? [];
+          const updatedFiles = (() => {
+            const idx = filesInState.findIndex((d2) => d2.id === docId);
+            if (idx !== -1) {
+              return [
+                ...filesInState.slice(0, idx),
+                newDoc,
+                ...filesInState.slice(idx + 1)
+              ];
+            }
+            return [...filesInState, newDoc];
+          })();
+          setFiles(conversationId, updatedFiles);
+          const existsTab = openTabsInState.some((t2) => t2.id === docId);
+          const updatedTabs = existsTab ? openTabsInState : [...openTabsInState, { id: docId, title }];
+          setOpenTabs(conversationId, updatedTabs);
+          setSelectedTab(conversationId, docId);
+          onSwitchToDocumentView(docId);
+        } else {
+          fallbackAction();
+        }
+      } else {
+        const normalizedPath = fileDoc.path.startsWith("file://") ? fileDoc.path.substring(7) : fileDoc.path;
+        try {
+          const result = await window.api.readFile(normalizedPath);
+          if (result.success && isCanvasSupported(title)) {
+            const docId = normalizedPath;
+            const newDoc = {
+              id: docId,
+              title,
+              path: normalizedPath,
+              content: result.data
+            };
+            const state2 = useCanvasStore.getState();
+            const conversationCanvasState = state2.conversations?.[conversationId];
+            const filesInState = conversationCanvasState?.files ?? [];
+            const openTabsInState = conversationCanvasState?.openTabs ?? [];
+            const updatedFiles = (() => {
+              const idx = filesInState.findIndex((d2) => d2.id === docId);
+              if (idx !== -1) {
+                return [
+                  ...filesInState.slice(0, idx),
+                  newDoc,
+                  ...filesInState.slice(idx + 1)
+                ];
+              }
+              return [...filesInState, newDoc];
+            })();
+            setFiles(conversationId, updatedFiles);
+            const existsTab = openTabsInState.some((t2) => t2.id === docId);
+            const updatedTabs = existsTab ? openTabsInState : [...openTabsInState, { id: docId, title }];
+            setOpenTabs(conversationId, updatedTabs);
+            setSelectedTab(conversationId, docId);
+            onSwitchToDocumentView(docId);
+            return;
+          }
+          const errorMessage = !result.success && result.error ? result.error instanceof Error ? result.error.message : String(result.error) : "Unknown error reading file";
+          return fallbackAction(errorMessage);
+        } catch (error) {
+          const message2 = error instanceof Error ? error.message : String(error ?? "Unknown error reading file");
+          return fallbackAction(message2);
+        }
+      }
+    },
+    [
+      conversationId,
+      setFiles,
+      setOpenTabs,
+      setSelectedTab,
+      onSwitchToDocumentView
+    ]
+  );
+  if (files.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Box,
+      {
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          height: "100%",
+          p: 3,
+          textAlign: "center"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", gutterBottom: true, children: "No Files in Conversation" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body2", color: "text.secondary", children: "Files attached to messages will appear here." })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { p: 2, height: "100%", overflowY: "auto" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { container: true, spacing: 2, children: memoizedFiles.map((fileDoc) => {
+    const IconComponent = getIconForFileType(fileDoc.type);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, xs: 6, sm: 4, md: 4, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledCard$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      CardActionArea,
+      {
+        onClick: () => handleFileClick(fileDoc),
+        sx: { display: "flex", flexDirection: "column", flexGrow: 1 },
+        children: [
+          fileDoc.type === "image" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            StyledImage,
+            {
+              src: getUrl2(fileDoc.path),
+              alt: fileDoc.title,
+              title: fileDoc.title
+            }
+          ) : fileDoc.type === "video" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            StyledVideo,
+            {
+              src: getUrl2(fileDoc.path),
+              title: fileDoc.title,
+              controls: true,
+              preload: "metadata"
+            }
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsx(IconBox, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconComponent, { size: 48, strokeWidth: 1 }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CardContent,
+            {
+              sx: { width: "100%", pt: 1, pb: "8px !important" },
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: fileDoc.title, placement: "bottom", arrow: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileNameTypography, { variant: "caption", children: getFileName$4(fileDoc.title) }) })
+            }
+          )
+        ]
+      }
+    ) }) }, fileDoc.id);
+  }) }) });
+};
 const StyledTabs = styled$1(Tabs)(({ theme: theme2 }) => ({
   borderBottom: `1px solid ${alpha$1(theme2.palette.divider, 0.05)}`,
   maxWidth: "100%",
@@ -171633,8 +172410,22 @@ const CanvasComponent = ({
   initialDocuments = [],
   onChangeActiveDocument: externalChangeActiveDocument,
   onClose,
-  onCloseDocument
+  onCloseDocument,
+  conversationId
 }) => {
+  const { setViewMode } = useCanvasStore();
+  const canvasState = useCanvasStore(
+    (state2) => conversationId ? state2.conversations[conversationId] : void 0
+  );
+  const currentView = canvasState?.viewMode ?? "documents";
+  const setCurrentView = reactExports.useCallback(
+    (viewMode) => {
+      if (conversationId) {
+        setViewMode(conversationId, viewMode);
+      }
+    },
+    [conversationId, setViewMode]
+  );
   const documents = initialDocuments;
   const [internalActiveDocumentId, setInternalActiveDocumentId] = reactExports.useState(documents.length > 0 ? documents[0].id : null);
   const activeDocumentId = externalActiveDocumentId ?? internalActiveDocumentId;
@@ -171649,6 +172440,13 @@ const CanvasComponent = ({
     },
     [externalChangeActiveDocument]
   );
+  const handleSwitchToDocumentView = reactExports.useCallback(
+    (documentId) => {
+      setCurrentView("documents");
+      handleChangeActiveDocument(documentId);
+    },
+    [handleChangeActiveDocument, setCurrentView]
+  );
   const handleCloseDocument = reactExports.useCallback(
     (documentId) => {
       onCloseDocument(documentId);
@@ -171673,29 +172471,103 @@ const CanvasComponent = ({
     /* @__PURE__ */ jsxRuntimeExports.jsxs(CanvasHeader, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(HeaderTitle, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", fontWeight: 600, children: "Canvas" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "caption", color: "text.secondary", children: "View and manage documents" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "caption", color: "text.secondary", children: "Your visual workspace for files and documents" })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Close Canvas", arrow: true, placement: "top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        CloseButton,
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Documents View", arrow: true, placement: "top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          IconButton,
+          {
+            onClick: () => setCurrentView("documents"),
+            size: "large",
+            sx: (theme2) => ({
+              color: currentView === "documents" ? theme2.palette.primary.main : theme2.palette.text.secondary,
+              backgroundColor: currentView === "documents" ? alpha$1(theme2.palette.primary.main, 0.08) : "transparent",
+              "&:hover": {
+                backgroundColor: alpha$1(theme2.palette.primary.main, 0.12)
+              },
+              width: 36,
+              height: 36,
+              padding: 0
+            }),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { size: 16 })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Files View", arrow: true, placement: "top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          IconButton,
+          {
+            onClick: () => setCurrentView("files"),
+            size: "large",
+            sx: (theme2) => ({
+              color: currentView === "files" ? theme2.palette.primary.main : theme2.palette.text.secondary,
+              backgroundColor: currentView === "files" ? alpha$1(theme2.palette.primary.main, 0.08) : "transparent",
+              "&:hover": {
+                backgroundColor: alpha$1(theme2.palette.primary.main, 0.12)
+              },
+              width: 36,
+              height: 36,
+              padding: 0
+            }),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { size: 16 })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Tooltip$1,
+          {
+            title: "Close Canvas",
+            arrow: true,
+            placement: "top",
+            sx: { padding: 0 },
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              CloseButton,
+              {
+                onClick: onClose,
+                size: "large",
+                "data-tour-tag": "close-canvas-button",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$2, { size: 16 })
+              }
+            )
+          }
+        )
+      ] })
+    ] }),
+    currentView === "documents" && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CanvasTabs,
         {
-          onClick: onClose,
-          size: "large",
-          "data-tour-tag": "close-canvas-button",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faTimes, size: "xs" })
+          documents,
+          activeDocumentId,
+          onChangeActiveDocument: handleChangeActiveDocument,
+          onCloseDocument: handleCloseDocument
         }
-      ) }) })
+      ),
+      activeDocument && /* @__PURE__ */ jsxRuntimeExports.jsx(CanvasContent, { document: activeDocument }),
+      !activeDocument && documents.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Box,
+        {
+          sx: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            height: "100%",
+            p: 3,
+            textAlign: "center"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", gutterBottom: true, children: "No Documents Open" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body2", color: "text.secondary", children: "Click on a file in chat or use the files view to open a file." })
+          ]
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      CanvasTabs,
+    currentView === "files" && conversationId && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CanvasFileViewer,
       {
-        documents,
-        activeDocumentId,
-        onChangeActiveDocument: handleChangeActiveDocument,
-        onCloseDocument: handleCloseDocument
+        conversationId,
+        onSwitchToDocumentView: handleSwitchToDocumentView
       }
     ),
-    activeDocument && /* @__PURE__ */ jsxRuntimeExports.jsx(CanvasContent, { document: activeDocument }),
-    !activeDocument && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    currentView === "files" && !conversationId && /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Box,
       {
         sx: {
@@ -171708,8 +172580,8 @@ const CanvasComponent = ({
           textAlign: "center"
         },
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", gutterBottom: true, children: "No Documents Open" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body2", color: "text.secondary", children: "Click on a file in chat to open it here." })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", gutterBottom: true, children: "File Viewer" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body2", color: "text.secondary", children: "No active conversation context to display files." })
         ]
       }
     )
@@ -171889,7 +172761,7 @@ const GenerationSettingsSection = ({
 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionTitle$6, { variant: "subtitle1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TitleIcon$4, { icon: faSliders }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TitleIcon$3, { icon: faSliders }),
       "Generation Settings",
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Tooltip$1,
@@ -172250,7 +173122,7 @@ const ModelHostingSection = ({
 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionTitle$6, { variant: "subtitle1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TitleIcon$4, { icon: faServer }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TitleIcon$3, { icon: faServer }),
       "Model & Hosting",
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Tooltip$1,
@@ -173917,6 +174789,47 @@ const LoadingIndicator = reactExports.memo(({ status, currentExecution }) => {
     ] }) }) })
   ] });
 });
+const getFileTypeFromPath = (filePath) => {
+  if (filePath.startsWith("data:image/")) return "image";
+  if (filePath.startsWith("data:video/")) return "video";
+  if (filePath.startsWith("data:application/pdf")) return "pdf";
+  const extension2 = filePath.split(".").pop()?.toLowerCase();
+  if (!extension2) return "other";
+  if (["png", "jpg", "jpeg", "gif", "bmp", "webp", "svg"].includes(extension2))
+    return "image";
+  if (["mp4", "webm", "ogg", "mov", "avi", "mkv"].includes(extension2))
+    return "video";
+  if (["pdf"].includes(extension2)) return "pdf";
+  if (["md", "markdown"].includes(extension2)) return "markdown";
+  if (["html", "htm"].includes(extension2)) return "html";
+  if (["zip", "tar", "gz", "rar", "7z"].includes(extension2)) return "archive";
+  if (["txt", "log", "csv", "json", "xml", "yaml", "yml"].includes(extension2))
+    return "text";
+  if ([
+    "js",
+    "ts",
+    "jsx",
+    "tsx",
+    "py",
+    "java",
+    "c",
+    "cpp",
+    "cs",
+    "go",
+    "rb",
+    "php",
+    "sh",
+    "css",
+    "scss",
+    "less"
+  ].includes(extension2))
+    return "code";
+  if (["doc", "docx", "odt"].includes(extension2)) return "document";
+  if (["xls", "xlsx", "ods"].includes(extension2)) return "spreadsheet";
+  if (["ppt", "pptx", "odp"].includes(extension2)) return "presentation";
+  if (["mp3", "wav", "aac", "flac"].includes(extension2)) return "audio";
+  return "other";
+};
 const FILE_EXTENSION_REGEX = /\.([a-zA-Z0-9]+)$/;
 const PATH_SLASH_REGEX = /[\\/]/;
 const getLanguageFromExtension = (filename) => {
@@ -211681,6 +212594,16 @@ const errorSuggestions = {
     /* @__PURE__ */ jsxRuntimeExports.jsx(Link$1, { component: Link$2, to: "/settings", color: "inherit", children: "settings page" }),
     " ",
     "to select a different model, or try using Radient to get access to hundreds of models with no rate limits"
+  ] }),
+  "Failed to interpret action": /* @__PURE__ */ jsxRuntimeExports.jsxs(InfoText, { children: [
+    "The model tried to perform an action but was unable to express its intent in the required schema. Typically this is because you're trying to use a model that might not be sophisticated enough to follow the complex instructions required for agentic AI.",
+    /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+    "Change your model in the",
+    " ",
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Link$1, { component: Link$2, to: "/settings", color: "inherit", children: "settings page" }),
+    " ",
+    "to fix this. We recommend using Radient Automatic to have the best combo of cheap and smart picked for you based on your requests (typically cheaper than bringing your own key), or use one of the recommended models with a star icon."
   ] })
 };
 const ErrorBlock = ({ error, isUser }) => {
@@ -211715,14 +212638,6 @@ const ErrorBlock = ({ error, isUser }) => {
     ] })
   ] });
 };
-const canvasSupportedExtensions = /* @__PURE__ */ new Set([
-  ...Object.keys(langs),
-  ...Object.keys(languageOverrideMap)
-]);
-const isCanvasSupported = (fileName) => {
-  const ext = fileName.toLowerCase().split("/").pop()?.split(".").pop() ?? "";
-  return canvasSupportedExtensions.has(ext);
-};
 const RESOURCE_NAME_REGEX = /name=([^;,]+)/;
 const FileAttachmentContainer = styled$1(Box)(({ theme: theme2 }) => ({
   display: "flex",
@@ -211796,68 +212711,28 @@ const getFileName$3 = (path2) => {
   const parts = path2.split(PATH_SEPARATOR_REGEX$3);
   return parts[parts.length - 1];
 };
-const FileAttachment = ({
-  file,
-  onClick,
-  conversationId
-}) => {
-  const setCanvasOpen = useUiPreferencesStore((s2) => s2.setCanvasOpen);
-  const setFiles = useCanvasStore((s2) => s2.setFiles);
-  const setOpenTabs = useCanvasStore((s2) => s2.setOpenTabs);
-  const setSelectedTab = useCanvasStore((s2) => s2.setSelectedTab);
-  const isPastedImage = file.startsWith("data:image/");
-  const handleClick = reactExports.useCallback(async () => {
-    const title = getFileName$3(file);
-    const fallbackAction = (err) => {
-      if (err) console.error("Error processing file:", err);
-      onClick(file);
-    };
-    if (file.startsWith("data:")) {
-      if (isCanvasSupported(title)) {
-        const docId = file;
-        const newDoc = {
-          id: docId,
-          title,
-          path: docId,
-          // Store data URI as path for consistency if needed
-          content: file
-          // The content is the data URI itself
-        };
-        const state2 = useCanvasStore.getState();
-        const conversationCanvasState = state2.conversations?.[conversationId];
-        const filesInState = conversationCanvasState?.files ?? [];
-        const openTabsInState = conversationCanvasState?.openTabs ?? [];
-        const updatedFiles = (() => {
-          const idx = filesInState.findIndex((d2) => d2.id === docId);
-          if (idx !== -1) {
-            return [
-              ...filesInState.slice(0, idx),
-              newDoc,
-              ...filesInState.slice(idx + 1)
-            ];
-          }
-          return [...filesInState, newDoc];
-        })();
-        setFiles(conversationId, updatedFiles);
-        const existsTab = openTabsInState.some((t2) => t2.id === docId);
-        const updatedTabs = existsTab ? openTabsInState : [...openTabsInState, { id: docId, title }];
-        setOpenTabs(conversationId, updatedTabs);
-        setSelectedTab(conversationId, docId);
-        setCanvasOpen(true);
-      } else {
+const FileAttachment = reactExports.memo(
+  ({ file, onClick, conversationId }) => {
+    const setCanvasOpen = useUiPreferencesStore((s2) => s2.setCanvasOpen);
+    const handleClick = reactExports.useCallback(async () => {
+      const title = getFileName$3(file);
+      const fallbackAction = (err) => {
+        if (err) console.error("Error processing file:", err);
         onClick(file);
-      }
-    } else {
-      const normalizedPath = file.startsWith("file://") ? file.substring(7) : file;
-      try {
-        const result = await window.api.readFile(normalizedPath);
-        if (result.success && isCanvasSupported(title)) {
-          const docId = normalizedPath;
+      };
+      const { setFiles, setOpenTabs, setSelectedTab } = useCanvasStore.getState();
+      if (file.startsWith("data:")) {
+        if (isCanvasSupported(title)) {
+          const docId = file;
           const newDoc = {
             id: docId,
             title,
-            path: normalizedPath,
-            content: result.data
+            path: docId,
+            // Store data URI as path for consistency if needed
+            content: file,
+            // The content is the data URI itself
+            type: getFileTypeFromPath(file)
+            // Ensure type is included
           };
           const state2 = useCanvasStore.getState();
           const conversationCanvasState = state2.conversations?.[conversationId];
@@ -211880,60 +212755,93 @@ const FileAttachment = ({
           setOpenTabs(conversationId, updatedTabs);
           setSelectedTab(conversationId, docId);
           setCanvasOpen(true);
-          return;
+        } else {
+          onClick(file);
         }
-        const errorMessage = !result.success && result.error ? result.error instanceof Error ? result.error.message : String(result.error) : "Unknown error reading file";
-        return fallbackAction(errorMessage);
-      } catch (error) {
-        const message2 = error instanceof Error ? error.message : String(error ?? "Unknown error reading file");
-        return fallbackAction(message2);
-      }
-    }
-  }, [
-    file,
-    onClick,
-    setFiles,
-    setOpenTabs,
-    setSelectedTab,
-    setCanvasOpen,
-    conversationId
-  ]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    FileAttachmentContainer,
-    {
-      onClick: handleClick,
-      title: `Click to open ${getFileName$3(file)}`,
-      sx: {
-        // Adjust padding if it's an image to give it more space, or remove padding
-        padding: isPastedImage ? 0 : "8px 12px",
-        // If it's an image, let it define its own aspect ratio, otherwise fix height for icon/text
-        height: isPastedImage ? "auto" : "auto",
-        // Keep auto or set specific for icon
-        maxWidth: isPastedImage ? "200px" : "100%"
-        // Allow images to be a bit wider if needed
-      },
-      children: isPastedImage ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "img",
-        {
-          src: file,
-          alt: "Pasted content preview",
-          style: {
-            display: "block",
-            maxWidth: "100%",
-            maxHeight: "150px",
-            // Max height for the preview in message
-            borderRadius: "8px",
-            // Match container's border radius
-            objectFit: "contain"
+      } else {
+        const normalizedPath = file.startsWith("file://") ? file.substring(7) : file;
+        try {
+          const result = await window.api.readFile(normalizedPath);
+          if (result.success && isCanvasSupported(title)) {
+            const docId = normalizedPath;
+            const newDoc = {
+              id: docId,
+              title,
+              path: normalizedPath,
+              content: result.data,
+              type: getFileTypeFromPath(file)
+              // Ensure type is included
+            };
+            const state2 = useCanvasStore.getState();
+            const conversationCanvasState = state2.conversations?.[conversationId];
+            const filesInState = conversationCanvasState?.files ?? [];
+            const openTabsInState = conversationCanvasState?.openTabs ?? [];
+            const updatedFiles = (() => {
+              const idx = filesInState.findIndex((d2) => d2.id === docId);
+              if (idx !== -1) {
+                return [
+                  ...filesInState.slice(0, idx),
+                  newDoc,
+                  ...filesInState.slice(idx + 1)
+                ];
+              }
+              return [...filesInState, newDoc];
+            })();
+            setFiles(conversationId, updatedFiles);
+            const existsTab = openTabsInState.some((t2) => t2.id === docId);
+            const updatedTabs = existsTab ? openTabsInState : [...openTabsInState, { id: docId, title }];
+            setOpenTabs(conversationId, updatedTabs);
+            setSelectedTab(conversationId, docId);
+            setCanvasOpen(true);
+            return;
           }
+          const errorMessage = !result.success && result.error ? result.error instanceof Error ? result.error.message : String(result.error) : "Unknown error reading file";
+          return fallbackAction(errorMessage);
+        } catch (error) {
+          const message2 = error instanceof Error ? error.message : String(error ?? "Unknown error reading file");
+          return fallbackAction(message2);
         }
-      ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faFile, size: "sm" }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(FileName, { variant: "body2", children: getFileName$3(file) })
-      ] })
-    }
-  );
-};
+      }
+    }, [file, onClick, setCanvasOpen, conversationId]);
+    const isPastedImage = file.startsWith("data:image/");
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      FileAttachmentContainer,
+      {
+        onClick: handleClick,
+        title: `Click to open ${getFileName$3(file)}`,
+        sx: {
+          // Adjust padding if it's an image to give it more space, or remove padding
+          padding: isPastedImage ? 0 : "8px 12px",
+          // If it's an image, let it define its own aspect ratio, otherwise fix height for icon/text
+          height: isPastedImage ? "auto" : "auto",
+          // Keep auto or set specific for icon
+          maxWidth: isPastedImage ? "200px" : "100%"
+          // Allow images to be a bit wider if needed
+        },
+        children: isPastedImage ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "img",
+          {
+            src: file,
+            alt: "Pasted content preview",
+            style: {
+              display: "block",
+              maxWidth: "100%",
+              maxHeight: "150px",
+              // Max height for the preview in message
+              borderRadius: "8px",
+              // Match container's border radius
+              objectFit: "contain"
+            }
+          }
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faFile, size: "sm" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FileName, { variant: "body2", children: getFileName$3(file) })
+        ] })
+      }
+    );
+  }
+);
+FileAttachment.displayName = "FileAttachment";
 const InvalidAttachmentContainer = styled$1(Box)(({ theme: theme2 }) => ({
   display: "flex",
   alignItems: "center",
@@ -211999,32 +212907,31 @@ const getFileName$1 = (path2) => {
   const parts = path2.split(PATH_SEPARATOR_REGEX$1);
   return parts[parts.length - 1];
 };
-const ImageAttachment = ({
-  file,
-  src,
-  onClick
-}) => {
-  const [hasError, setHasError] = reactExports.useState(false);
-  const handleClick = () => {
-    onClick(file);
-  };
-  const handleError2 = () => {
-    setHasError(true);
-  };
-  if (hasError) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(InvalidAttachment, { file });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    AttachmentImage,
-    {
-      src,
-      alt: getFileName$1(file),
-      onClick: handleClick,
-      onError: handleError2,
-      title: `Click to open ${getFileName$1(file)}`
+const ImageAttachment = reactExports.memo(
+  ({ file, src, onClick }) => {
+    const [hasError, setHasError] = reactExports.useState(false);
+    const handleClick = () => {
+      onClick(file);
+    };
+    const handleError2 = () => {
+      setHasError(true);
+    };
+    if (hasError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(InvalidAttachment, { file });
     }
-  );
-};
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      AttachmentImage,
+      {
+        src,
+        alt: getFileName$1(file),
+        onClick: handleClick,
+        onError: handleError2,
+        title: `Click to open ${getFileName$1(file)}`
+      }
+    );
+  }
+);
+ImageAttachment.displayName = "ImageAttachment";
 const CodeContainer$1 = styled$1(Box)({
   marginBottom: 16,
   width: "100%"
@@ -212144,33 +213051,32 @@ const getFileName = (path2) => {
   const parts = path2.split(PATH_SEPARATOR_REGEX);
   return parts[parts.length - 1];
 };
-const VideoAttachment = ({
-  file,
-  src,
-  onClick
-}) => {
-  const [hasError, setHasError] = reactExports.useState(false);
-  const handleClick = () => {
-    onClick(file);
-  };
-  const handleError2 = () => {
-    setHasError(true);
-  };
-  if (hasError) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(InvalidAttachment, { file });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    AttachmentVideo,
-    {
-      src,
-      controls: true,
-      preload: "metadata",
-      onClick: handleClick,
-      onError: handleError2,
-      title: `Click to open ${getFileName(file)}`
+const VideoAttachment = reactExports.memo(
+  ({ file, src, onClick }) => {
+    const [hasError, setHasError] = reactExports.useState(false);
+    const handleClick = () => {
+      onClick(file);
+    };
+    const handleError2 = () => {
+      setHasError(true);
+    };
+    if (hasError) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(InvalidAttachment, { file });
     }
-  );
-};
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      AttachmentVideo,
+      {
+        src,
+        controls: true,
+        preload: "metadata",
+        onClick: handleClick,
+        onError: handleError2,
+        title: `Click to open ${getFileName(file)}`
+      }
+    );
+  }
+);
+VideoAttachment.displayName = "VideoAttachment";
 const isWebUrl$1 = (path2) => {
   return path2.startsWith("http://") || path2.startsWith("https://");
 };
@@ -212330,7 +213236,8 @@ const ActionBlock = ({
       {
         file,
         src: getUrl2(file),
-        onClick: handleFileClick
+        onClick: handleFileClick,
+        conversationId
       },
       `${file}`
     )) }),
@@ -212339,7 +213246,8 @@ const ActionBlock = ({
       {
         file,
         src: getUrl2(file),
-        onClick: handleFileClick
+        onClick: handleFileClick,
+        conversationId
       },
       `${file}`
     )) }),
@@ -213262,7 +214170,34 @@ const MessageItem = reactExports.memo(
     conversationId,
     currentExecution
   }) => {
-    const setFiles = useCanvasStore((s2) => s2.setFiles);
+    const addMentionedFilesBatch = useCanvasStore(
+      (s2) => s2.addMentionedFilesBatch
+    );
+    reactExports.useEffect(() => {
+      if (message2.files && message2.files.length > 0 && conversationId) {
+        const canvasDocuments = message2.files.map((fileString) => {
+          if (fileString.startsWith("data:")) {
+            return null;
+          }
+          const title = getFileName$4(fileString);
+          const fileType = getFileTypeFromPath(fileString);
+          const normalizedPath = fileString.startsWith("file://") ? fileString.substring(7) : fileString;
+          const id27 = normalizedPath;
+          return {
+            id: id27,
+            title,
+            path: normalizedPath,
+            content: normalizedPath,
+            // Placeholder
+            type: fileType
+            // type is optional in CanvasDocument, but getFileTypeFromPath provides it
+          };
+        }).filter(Boolean);
+        if (canvasDocuments.length > 0) {
+          addMentionedFilesBatch(conversationId, canvasDocuments);
+        }
+      }
+    }, [message2.files, conversationId, addMentionedFilesBatch]);
     const client = reactExports.useMemo(() => {
       return createLocalOperatorClient(apiConfig.baseUrl);
     }, []);
@@ -213285,46 +214220,6 @@ const MessageItem = reactExports.memo(
         );
       }
     }, []);
-    reactExports.useEffect(() => {
-      if (!message2.files || message2.files.length === 0) return;
-      const state2 = useCanvasStore.getState();
-      const conv = state2.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.files, conversationId, setFiles]);
     const isMessageContentEmpty = !message2.message && (!message2.files || message2.files.length === 0) && !message2.code && !message2.stdout && !message2.stderr && !message2.logging;
     const shouldHide = (message2.action === "DONE" || message2.action === "ASK") && message2.execution_type === "action" && message2.task_classification === "conversation" || isMessageContentEmpty && message2.is_complete || message2.is_streamable && !message2.is_complete && isMessageContentEmpty && !currentExecution;
     if (shouldHide) {
@@ -213386,7 +214281,8 @@ const MessageItem = reactExports.memo(
               {
                 file,
                 src: getUrl2(file),
-                onClick: handleFileClick
+                onClick: handleFileClick,
+                conversationId
               },
               `${message2.id}-${file}`
             )) }),
@@ -213395,7 +214291,8 @@ const MessageItem = reactExports.memo(
               {
                 file,
                 src: getUrl2(file),
-                onClick: handleFileClick
+                onClick: handleFileClick,
+                conversationId
               },
               `${message2.id}-${file}`
             )) }),
@@ -213447,7 +214344,8 @@ const MessageItem = reactExports.memo(
               {
                 file,
                 src: getUrl2(file),
-                onClick: handleFileClick
+                onClick: handleFileClick,
+                conversationId
               },
               `${message2.id}-${file}`
             )) }),
@@ -213456,7 +214354,8 @@ const MessageItem = reactExports.memo(
               {
                 file,
                 src: getUrl2(file),
-                onClick: handleFileClick
+                onClick: handleFileClick,
+                conversationId
               },
               `${message2.id}-${file}`
             )) }),
@@ -213885,6 +214784,7 @@ const ChatContent = ({
             {
               activeDocumentId: selectedTabId,
               initialDocuments: files,
+              conversationId,
               onChangeActiveDocument: (documentId) => setSelectedTab(conversationId, documentId),
               onClose: () => useUiPreferencesStore.getState().setCanvasOpen(false),
               onCloseDocument: (docId) => {
@@ -214871,12 +215771,12 @@ const OnboardingDialog = ({
       ...dialogProps,
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ContentContainer$1, { children: [
         title && /* @__PURE__ */ jsxRuntimeExports.jsx(StyledDialogTitle, { children: title }),
-        stepIndicators && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { px: 3, pt: 0, pb: 0, mb: 0 }, children: stepIndicators }),
+        stepIndicators && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { px: 3, pt: 1, pb: 0, mb: 0 }, children: stepIndicators }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Box,
           {
             sx: {
-              padding: theme2.spacing(0, 3, 1),
+              padding: theme2.spacing(2, 3, 1),
               flexGrow: 1,
               overflowY: "auto",
               "&::-webkit-scrollbar": {
@@ -216131,7 +217031,7 @@ const CardSubtitle = styled$1(Typography)(({ theme: theme2 }) => ({
   fontSize: "0.875rem",
   // Consistent small text size
   color: theme2.palette.text.secondary,
-  marginBottom: theme2.spacing(3),
+  marginBottom: theme2.spacing(2),
   // Consistent margin
   lineHeight: 1.5
 }));
@@ -216160,13 +217060,6 @@ const RadientBoldTextSpan$1 = styled$1("span")(() => ({
   fontWeight: "bold",
   color: radientTheme.palette.primary.main
 }));
-const FreeText = styled$1(Typography)(({ theme: theme2 }) => ({
-  fontSize: "1.25rem",
-  fontWeight: 600,
-  color: theme2.palette.text.primary,
-  // Standard text color
-  display: "inline"
-}));
 const ChooseOption = styled$1(Typography)(({ theme: theme2 }) => ({
   position: "absolute",
   bottom: theme2.spacing(2),
@@ -216225,6 +217118,14 @@ const RadientChoiceStep = ({
               " ",
               /* @__PURE__ */ jsxRuntimeExports.jsx(RadientPassText, { children: "Radient Pass" })
             ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              CardSubtitle,
+              {
+                variant: "subtitle1",
+                sx: { mb: 1, fontWeight: 600 },
+                children: "Recommended for most users."
+              }
+            ),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(CardSubtitle, { variant: "body2", children: [
               "Designed for",
               " ",
@@ -216239,7 +217140,7 @@ const RadientChoiceStep = ({
               ", no credit card required."
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(CardIcon, { sx: { width: 150, height: 150, mb: 3 }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(CardIcon, { sx: { width: 150, height: 150, mb: 1 }, children: [
             " ",
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "img",
@@ -216286,11 +217187,16 @@ const RadientChoiceStep = ({
                 " ",
                 /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { flex: 1, pr: 2 }, children: [
                   " ",
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(CardTitle$1, { variant: "h6", children: [
-                    "Set up your own keys ",
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(FreeText, { children: "(Technical Setup)" })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(CardSubtitle, { variant: "body2", children: "Full flexibility for technical users. Bring your own API keys for providers like OpenRouter, OpenAI, Anthropic, Google, Tavily API, FAL, and manage billing with providers separately. Experiment manually to find the best models and providers for your needs." })
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(CardTitle$1, { variant: "h6", children: "Set up your own keys" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    CardSubtitle,
+                    {
+                      variant: "subtitle1",
+                      sx: { mb: 1, fontWeight: 600 },
+                      children: "For advanced and technical users."
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(CardSubtitle, { variant: "body2", sx: { mb: 0 }, children: "Bring your own API keys for providers like OpenRouter, OpenAI, Anthropic, Google, Tavily API, FAL, and manage billing with providers separately. Experiment manually to find the best models and providers for your needs." })
                 ] }),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs(
                   Box,
@@ -216319,7 +217225,7 @@ const RadientChoiceStep = ({
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionDescription$1, { sx: { mt: 3, textAlign: "center" }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionDescription$1, { sx: { mt: 2, textAlign: "center" }, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { component: "span", sx: { mr: 0.5 }, children: "💡" }),
       "You can always change your setup later in Settings."
     ] })
@@ -217153,33 +218059,44 @@ const OnboardingModal = ({ open: open2 }) => {
       ]
     }
   );
-  const stepIndicators = /* @__PURE__ */ jsxRuntimeExports.jsx(StepIndicatorContainer, { children: currentStep && steps.map((step) => {
-    const isActive = currentStep === step;
-    const isVisited = visitedSteps.has(step);
-    const canNavigate = isVisited && step !== currentStep;
-    const isNonNavigableRadientStep = step === OnboardingStep.RADIENT_CHOICE || step === OnboardingStep.RADIENT_SIGNIN;
-    return (
-      // @ts-ignore - Ignore potential TS issue with Tooltip wrapping custom component
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: stepTitles[step], arrow: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        StepDot,
-        {
-          active: isActive,
-          visited: isVisited,
-          onClick: () => {
-            if (canNavigate && !isNonNavigableRadientStep) {
-              setCurrentStep(step);
+  const stepIndicatorDotElements = reactExports.useMemo(() => {
+    if (!currentStep || steps.length === 0) {
+      return null;
+    }
+    return steps.map((step) => {
+      const isActive = currentStep === step;
+      const isVisited = visitedSteps.has(step);
+      const canNavigate = isVisited && step !== currentStep;
+      const isNonNavigableRadientStep = step === OnboardingStep.RADIENT_CHOICE || step === OnboardingStep.RADIENT_SIGNIN;
+      return (
+        // @ts-ignore - Ignore potential TS issue with Tooltip wrapping custom component
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: stepTitles[step], arrow: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          StepDot,
+          {
+            active: isActive,
+            visited: isVisited,
+            onClick: () => {
+              if (canNavigate && !isNonNavigableRadientStep) {
+                setCurrentStep(step);
+              }
             }
           }
-        }
-      ) }, step)
-    );
-  }) });
+        ) }, step)
+      );
+    });
+  }, [currentStep, steps, visitedSteps, setCurrentStep]);
+  const finalStepIndicatorsProp = reactExports.useMemo(() => {
+    if (!stepIndicatorDotElements) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(StepIndicatorContainer, { children: stepIndicatorDotElements });
+  }, [stepIndicatorDotElements]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     OnboardingDialog,
     {
       open: open2,
       title: dialogTitle,
-      stepIndicators,
+      stepIndicators: finalStepIndicatorsProp,
       actions: dialogActions,
       dialogProps: {
         disableEscapeKeyDown: true