local-operator-ui 0.10.9 → 0.11.0

package/out/renderer/assets/{index-DnSZJXOl.js → index-wVqUqdGp.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-JQ7XEBgh.js","./fonts-Bb3Axuvj.js","./fonts-B9KBGB-g.css","./index-B1kgBLxO.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js","./dagre-OKDRZEBW-BsxbY4uX.js","./graph-U8n0FRxu.js","./_baseUniq-BBOEV9y0.js","./layout-B7mvVV0Q.js","./_basePickBy-r5hhhokw.js","./clone-BAOF7mPn.js","./c4Diagram-VJAJSXHY-C36lbIjS.js","./chunk-D6G4REZN-D6XUL9LI.js","./flowDiagram-4HSFHLVR-BTDwdXoq.js","./chunk-RZ5BOZE2-D6JxF993.js","./channel-RymPaL1a.js","./erDiagram-Q7BY3M3F-Ccs7n14X.js","./gitGraphDiagram-7IBYFJ6S-BrsAP7d3.js","./chunk-4BMEZGHF-hetp-v-b.js","./chunk-XZIHB7SX--AwbJm2E.js","./radar-MK3ICKWK-D4mwq75I.js","./ganttDiagram-APWFNJXF-BsHcmVQL.js","./infoDiagram-PH2N3AL5-CeBCRQ-r.js","./pieDiagram-IB7DONF6-CwHy1pe3.js","./arc-Clqwk4k6.js","./quadrantDiagram-7GDLP6J5-DteRiyWH.js","./xychartDiagram-VJFVF3MP-DjE9t7Qo.js","./requirementDiagram-KVF5MWMF-Cjtft40u.js","./sequenceDiagram-X6HHIX6F-CMUs0WWj.js","./classDiagram-GIVACNV2-vtFcXgAr.js","./chunk-A2AXSNBT-RJ03JkZb.js","./classDiagram-v2-COTLJTTW-vtFcXgAr.js","./stateDiagram-DGXRK772-JkRRAJkE.js","./chunk-AEK57VVT-DC5ye4z8.js","./stateDiagram-v2-YXO3MK2T-DhB-86w-.js","./journeyDiagram-U35MCT3I-CFEflF1X.js","./timeline-definition-BDJGKUSR-DmImWV1j.js","./mindmap-definition-ALO5MXBD-DuRohiYz.js","./cytoscape.esm-C0AOj4uS.js","./kanban-definition-NDS4AKOZ-lJsLyjEH.js","./sankeyDiagram-QLVOVGJD-DQ_oTubV.js","./diagram-VNBRO52H-CU_0csUZ.js","./diagram-SSKATNLV-Cc6v1RBI.js","./blockDiagram-JOT3LUYC-B1Up6r6-.js","./architectureDiagram-IEHRJDOE-Bx8X697l.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BvMg8RoK.js","./fonts-Bb3Axuvj.js","./fonts-B9KBGB-g.css","./index-ClmkH6IK.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js","./dagre-OKDRZEBW-sjSQ3pUv.js","./graph-BLYSrmBS.js","./_baseUniq-DEnIwqeZ.js","./layout-CNdPM3EZ.js","./_basePickBy-B8VDBNMq.js","./clone-CB3yEbFy.js","./c4Diagram-VJAJSXHY-DZAmVkcX.js","./chunk-D6G4REZN-DbujHPxG.js","./flowDiagram-4HSFHLVR-QV5jY4yk.js","./chunk-RZ5BOZE2-CUtI6bpt.js","./channel-BaWS2P4w.js","./erDiagram-Q7BY3M3F-xM-l45kg.js","./gitGraphDiagram-7IBYFJ6S-C2VL8kHA.js","./chunk-4BMEZGHF-LXzWRzt0.js","./chunk-XZIHB7SX-BeYgUVS6.js","./radar-MK3ICKWK-DwOpwmYh.js","./ganttDiagram-APWFNJXF-CAR2eCVK.js","./infoDiagram-PH2N3AL5-BRVBGsSX.js","./pieDiagram-IB7DONF6-Bd9suVWv.js","./arc-Dg0I-9m1.js","./quadrantDiagram-7GDLP6J5-Bs4DyNjf.js","./xychartDiagram-VJFVF3MP-BIx1OvAe.js","./requirementDiagram-KVF5MWMF-DymCgMvI.js","./sequenceDiagram-X6HHIX6F-DvLeGWo9.js","./classDiagram-GIVACNV2-crUyrp4C.js","./chunk-A2AXSNBT-Bnzaay7E.js","./classDiagram-v2-COTLJTTW-crUyrp4C.js","./stateDiagram-DGXRK772-DyugZZym.js","./chunk-AEK57VVT-D6E6iv2X.js","./stateDiagram-v2-YXO3MK2T-BD7GaWgL.js","./journeyDiagram-U35MCT3I-CiYS6pRL.js","./timeline-definition-BDJGKUSR-B6m24a_n.js","./mindmap-definition-ALO5MXBD-B8OKj4Qj.js","./cytoscape.esm-C0AOj4uS.js","./kanban-definition-NDS4AKOZ-BcF1dSLj.js","./sankeyDiagram-QLVOVGJD-vLIhFWzQ.js","./diagram-VNBRO52H-ZbJyeILZ.js","./diagram-SSKATNLV-CASziOFr.js","./blockDiagram-JOT3LUYC-D2Cng1Yf.js","./architectureDiagram-IEHRJDOE-BEROcdGh.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) {
@@ -36243,10 +36243,13 @@ const CirclePlus = createLucideIcon("circle-plus", __iconNode$17);
  * See the LICENSE file in the root directory of this source tree.
  */
 const __iconNode$16 = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["rect", { x: "9", y: "9", width: "6", height: "6", rx: "1", key: "1ssd4o" }]
+  ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
+  ["path", { d: "M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2", key: "4jdomd" }],
+  ["path", { d: "M16 4h2a2 2 0 0 1 2 2v4", key: "3hqy98" }],
+  ["path", { d: "M21 14H11", key: "1bme5i" }],
+  ["path", { d: "m15 10-4 4 4 4", key: "5dvupr" }]
 ];
-const CircleStop = createLucideIcon("circle-stop", __iconNode$16);
+const ClipboardCopy = createLucideIcon("clipboard-copy", __iconNode$16);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
@@ -37387,6 +37390,22 @@ const ConfirmationModal = ({
   onConfirm,
   onCancel
 }) => {
+  reactExports.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (!open2) {
+        return;
+      }
+      if (event.key === "Enter") {
+        onConfirm();
+      } else if (event.key === "Escape") {
+        onCancel();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open2, onConfirm, onCancel]);
   const dialogTitle = isDangerous ? /* @__PURE__ */ jsxRuntimeExports.jsxs(TitleContainer, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(WarningIcon, { icon: faExclamationTriangle }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", component: "span", color: "error", children: title })
@@ -87055,7 +87074,7 @@ const languages = [
     name: "Go",
     extensions: ["go"],
     load() {
-      return __vitePreload(() => import("./index-JQ7XEBgh.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m2) => m2.go());
+      return __vitePreload(() => import("./index-BvMg8RoK.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m2) => m2.go());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -87232,7 +87251,7 @@ const languages = [
     alias: ["yml"],
     extensions: ["yaml", "yml"],
     load() {
-      return __vitePreload(() => import("./index-B1kgBLxO.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
+      return __vitePreload(() => import("./index-ClmkH6IK.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5
@@ -126616,13 +126635,14 @@ const CodeEditor = ({ document: document2 }) => {
   const [languageExtensions, setLanguageExtensions] = reactExports.useState([]);
   const theme2 = useTheme$2();
   reactExports.useEffect(() => {
-    if (document2.id !== value?.id) {
+    if (document2.id !== value?.id || document2.content !== value?.content) {
       setValue(document2);
       const newLangExtension = loadLanguageExtensions(document2.title);
-      if (!newLangExtension) return;
-      setLanguageExtensions([newLangExtension]);
+      if (newLangExtension) {
+        setLanguageExtensions([newLangExtension]);
+      }
     }
-  }, [document2, value?.id]);
+  }, [document2, value?.id, value?.content]);
   const codeEditorTheme = theme2.palette.mode === "light" ? basicLight : basicDark;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Box,
@@ -126677,7 +126697,8 @@ const HtmlPreview = ({ document: document2 }) => {
       src: htmlUrl,
       title: `HTML Preview: ${document2.title}`,
       sandbox: "allow-scripts allow-same-origin allow-forms"
-    }
+    },
+    document2.content
   ) });
 };
 const search = /[#.]/g;
@@ -169671,7 +169692,7 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-OKDRZEBW-BsxbY4uX.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-sjSQ3pUv.js"), true ? __vite__mapDeps([6,7,8,9,10,11,1,2]) : void 0, import.meta.url), "loader")
     }
   ]);
 }, "registerDefaultLayoutLoaders");
@@ -170261,7 +170282,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-C36lbIjS.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-VJAJSXHY-DZAmVkcX.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([12,13,1,2]) : void 0, import.meta.url);
   return { id, diagram: diagram2 };
@@ -170281,7 +170302,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-BTDwdXoq.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-QV5jY4yk.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id2, diagram: diagram2 };
@@ -170307,7 +170328,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-BTDwdXoq.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-QV5jY4yk.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id3, diagram: diagram2 };
@@ -170324,7 +170345,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-Ccs7n14X.js");
+    const { diagram: diagram22 } = await import("./erDiagram-Q7BY3M3F-xM-l45kg.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([17,15,16,1,2]) : void 0, import.meta.url);
   return { id: id4, diagram: diagram2 };
@@ -170341,7 +170362,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-BrsAP7d3.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-7IBYFJ6S-C2VL8kHA.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 };
@@ -170358,7 +170379,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-BsHcmVQL.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-APWFNJXF-CAR2eCVK.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([22,1,2]) : void 0, import.meta.url);
   return { id: id6, diagram: diagram2 };
@@ -170375,7 +170396,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-CeBCRQ-r.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-PH2N3AL5-BRVBGsSX.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([23,21,8,10,11,1,2]) : void 0, import.meta.url);
   return { id: id7, diagram: diagram2 };
@@ -170391,7 +170412,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-CwHy1pe3.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-IB7DONF6-Bd9suVWv.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 };
@@ -170407,7 +170428,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-DteRiyWH.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-7GDLP6J5-Bs4DyNjf.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([26,1,2]) : void 0, import.meta.url);
   return { id: id9, diagram: diagram2 };
@@ -170424,7 +170445,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-DjE9t7Qo.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-VJFVF3MP-BIx1OvAe.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([27,1,2]) : void 0, import.meta.url);
   return { id: id10, diagram: diagram2 };
@@ -170441,7 +170462,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-Cjtft40u.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-KVF5MWMF-DymCgMvI.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,15,1,2]) : void 0, import.meta.url);
   return { id: id11, diagram: diagram2 };
@@ -170458,7 +170479,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-CMUs0WWj.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-X6HHIX6F-DvLeGWo9.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,13,20,1,2]) : void 0, import.meta.url);
   return { id: id12, diagram: diagram2 };
@@ -170478,7 +170499,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-vtFcXgAr.js");
+    const { diagram: diagram22 } = await import("./classDiagram-GIVACNV2-crUyrp4C.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,31,15,1,2]) : void 0, import.meta.url);
   return { id: id13, diagram: diagram2 };
@@ -170498,7 +170519,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-vtFcXgAr.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-COTLJTTW-crUyrp4C.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([32,31,15,1,2]) : void 0, import.meta.url);
   return { id: id14, diagram: diagram2 };
@@ -170518,7 +170539,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-JkRRAJkE.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-DGXRK772-DyugZZym.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 };
@@ -170541,7 +170562,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-DhB-86w-.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-YXO3MK2T-BD7GaWgL.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,34,15,1,2]) : void 0, import.meta.url);
   return { id: id16, diagram: diagram2 };
@@ -170558,7 +170579,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-CFEflF1X.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-U35MCT3I-CiYS6pRL.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([36,13,25,1,2]) : void 0, import.meta.url);
   return { id: id17, diagram: diagram2 };
@@ -170628,7 +170649,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-BTDwdXoq.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-QV5jY4yk.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id18, diagram: diagram2 };
@@ -170645,7 +170666,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-DmImWV1j.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-BDJGKUSR-B6m24a_n.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,25,1,2]) : void 0, import.meta.url);
   return { id: id19, diagram: diagram2 };
@@ -170662,7 +170683,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-DuRohiYz.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-ALO5MXBD-B8OKj4Qj.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([38,39,1,2]) : void 0, import.meta.url);
   return { id: id20, diagram: diagram2 };
@@ -170679,7 +170700,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-lJsLyjEH.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-NDS4AKOZ-BcF1dSLj.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,1,2]) : void 0, import.meta.url);
   return { id: id21, diagram: diagram2 };
@@ -170696,7 +170717,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-DQ_oTubV.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-QLVOVGJD-vLIhFWzQ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,1,2]) : void 0, import.meta.url);
   return { id: id22, diagram: diagram2 };
@@ -170713,7 +170734,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-CU_0csUZ.js");
+    const { diagram: diagram22 } = await import("./diagram-VNBRO52H-ZbJyeILZ.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 };
@@ -170729,7 +170750,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-Cc6v1RBI.js");
+    const { diagram: diagram22 } = await import("./diagram-SSKATNLV-CASziOFr.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 };
@@ -170745,7 +170766,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-B1Up6r6-.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-JOT3LUYC-D2Cng1Yf.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,11,8,7,16,1,2]) : void 0, import.meta.url);
   return { id: id25, diagram: diagram2 };
@@ -170762,7 +170783,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-Bx8X697l.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-IEHRJDOE-BEROcdGh.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 };
@@ -172233,10 +172254,51 @@ const CanvasContentComponent = ({ document: document2 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CodeEditor, { document: document2 });
 };
 const CanvasContent = reactExports.memo(CanvasContentComponent);
+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 RESOURCE_NAME_REGEX$2 = /name=([^;,]+)/;
-const PATH_SEPARATOR_REGEX$5 = /[/\\]/;
+const PATH_SEPARATOR_REGEX$4 = /[/\\]/;
 const DATA_URI_REGEX = /^data:([^;,]+)/;
-const getFileName$4 = (path2) => {
+const getFileName$3 = (path2) => {
   if (path2.startsWith("data:image/")) {
     const nameMatch = path2.match(RESOURCE_NAME_REGEX$2);
     if (nameMatch?.[1]) {
@@ -172266,7 +172328,7 @@ const getFileName$4 = (path2) => {
     }
     return "Pasted File";
   }
-  const parts = path2.split(PATH_SEPARATOR_REGEX$5);
+  const parts = path2.split(PATH_SEPARATOR_REGEX$4);
   return parts[parts.length - 1];
 };
 const canvasSupportedExtensions = /* @__PURE__ */ new Set([
@@ -172348,6 +172410,18 @@ const FileActionsMenu = ({
   const handleCloseMenu = () => {
     setAnchorEl(null);
   };
+  const handleCopyFilePath = async () => {
+    handleCloseMenu();
+    if (filePath) {
+      try {
+        await navigator.clipboard.writeText(filePath);
+        showSuccessToast("File path copied to clipboard");
+      } catch (err) {
+        console.error("Failed to copy file path: ", err);
+        showErrorToast("Failed to copy file path");
+      }
+    }
+  };
   const handleOpenFile = () => {
     handleCloseMenu();
     if (filePath) {
@@ -172398,7 +172472,11 @@ const FileActionsMenu = ({
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Open Folder" })
               ]
             }
-          )
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(StyledMenuItem$2, { onClick: handleCopyFilePath, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ClipboardCopy, { "aria-label": "Copy File Path" }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Copy File Path" })
+          ] })
         ]
       }
     )
@@ -172537,7 +172615,19 @@ const CanvasFileViewer = ({
   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 memoizedFiles = reactExports.useMemo(() => {
+    const filesByBaseName = files.reduce(
+      (acc, file) => {
+        const name2 = getFileName$3(file.path);
+        if (!acc[name2] || file.path.length > acc[name2].path.length) {
+          acc[name2] = file;
+        }
+        return acc;
+      },
+      {}
+    );
+    return Object.values(filesByBaseName);
+  }, [files]);
   const client = reactExports.useMemo(() => {
     return createLocalOperatorClient(apiConfig.baseUrl);
   }, []);
@@ -172571,8 +172661,9 @@ const CanvasFileViewer = ({
             title,
             path: docId,
             // Store data URI as path for consistency if needed
-            content: fileDoc.path
+            content: fileDoc.path,
             // The content is the data URI itself
+            type: getFileTypeFromPath(title)
           };
           const state2 = useCanvasStore.getState();
           const conversationCanvasState = state2.conversations?.[conversationId];
@@ -172608,7 +172699,8 @@ const CanvasFileViewer = ({
               id: docId,
               title,
               path: normalizedPath,
-              content: result.data
+              content: result.data,
+              type: getFileTypeFromPath(title)
             };
             const state2 = useCanvasStore.getState();
             const conversationCanvasState = state2.conversations?.[conversationId];
@@ -172720,7 +172812,7 @@ const CanvasFileViewer = ({
               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) }) })
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: fileDoc.title, placement: "bottom", arrow: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileNameTypography, { variant: "caption", children: getFileName$3(fileDoc.title) }) })
               }
             )
           ]
@@ -174706,7 +174798,7 @@ styled$1(Tab, {
     fontSize: "0.9rem"
   }
 }));
-const PATH_SEPARATOR_REGEX$4 = /[/\\]/;
+const PATH_SEPARATOR_REGEX$3 = /[/\\]/;
 const RESOURCE_NAME_REGEX$1 = /name=([^;,]+)/;
 const MIME_TYPE_REGEX = /^data:([^;,]+)/;
 const AttachmentsContainer = styled$1(Box)(({ theme: theme2 }) => ({
@@ -174873,7 +174965,7 @@ const AttachmentsPreview = ({
       }
       return "Pasted File";
     }
-    const parts = path2.split(PATH_SEPARATOR_REGEX$4);
+    const parts = path2.split(PATH_SEPARATOR_REGEX$3);
     return parts[parts.length - 1];
   }, []);
   const getAttachmentUrl2 = reactExports.useCallback(
@@ -176016,12 +176108,45 @@ const MessageInput = reactExports.forwardRef(
         showErrorToast("Audio recording is not supported on your browser.");
       }
     }, []);
-    const handleStopRecording = reactExports.useCallback(() => {
+    const handleConfirmRecording = reactExports.useCallback(() => {
+      if (mediaRecorderRef.current && isRecording) {
+        mediaRecorderRef.current.stop();
+        setIsRecording(false);
+      }
+    }, [isRecording]);
+    const handleCancelRecording = reactExports.useCallback(() => {
       if (mediaRecorderRef.current && isRecording) {
+        mediaRecorderRef.current.onstop = () => {
+          if (mediaRecorderRef.current?.stream) {
+            for (const track of mediaRecorderRef.current.stream.getTracks()) {
+              track.stop();
+            }
+          }
+          setAudioBlob(null);
+          audioChunksRef.current = [];
+        };
         mediaRecorderRef.current.stop();
         setIsRecording(false);
       }
     }, [isRecording]);
+    reactExports.useEffect(() => {
+      if (isRecording) {
+        const handleKeyDown2 = (event) => {
+          if (event.key === "Enter") {
+            event.preventDefault();
+            handleConfirmRecording();
+          } else if (event.key === "Escape") {
+            event.preventDefault();
+            handleCancelRecording();
+          }
+        };
+        window.addEventListener("keydown", handleKeyDown2);
+        return () => {
+          window.removeEventListener("keydown", handleKeyDown2);
+        };
+      }
+      return void 0;
+    }, [isRecording, handleConfirmRecording, handleCancelRecording]);
     const handleSendAudio = reactExports.useCallback(async () => {
       if (!audioBlob) return;
       try {
@@ -176178,51 +176303,68 @@ const MessageInput = reactExports.forwardRef(
             )
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { display: "flex", alignItems: "center", gap: 1, children: [
-            !isLoading && !currentJobId && !isTranscribing && // @ts-ignore Tooltip type issue
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+            !isRecording && !isTranscribing && !(isLoading && currentJobId) && /* @__PURE__ */ jsxRuntimeExports.jsx(
               Tooltip$1,
               {
-                title: !canEnableRecordingFeature ? "Sign in to Radient in the settings page to enable audio recording" : isRecording ? "Stop recording" : "Start recording",
+                title: !canEnableRecordingFeature ? "Sign in to Radient in the settings page to enable audio recording" : "Start recording",
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   IconButton,
                   {
-                    onClick: isRecording ? handleStopRecording : handleStartRecording,
-                    color: isRecording ? "error" : "primary",
+                    onClick: handleStartRecording,
+                    color: "primary",
                     size: "small",
-                    "aria-label": isRecording ? "Stop recording" : "Start recording",
+                    "aria-label": "Start recording",
                     disabled: isLoading || !canEnableRecordingFeature,
-                    children: isRecording ? /* @__PURE__ */ jsxRuntimeExports.jsx(CircleStop, { size: 24 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Mic, { size: 24 })
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Mic, { size: 22 })
                   }
                 ) })
               }
             ),
-            isLoading && currentJobId ? (
-              // @ts-ignore Tooltip type issue
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Stop agent", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                SendButton,
+            isRecording && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Confirm recording (Enter)", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                IconButton,
                 {
-                  type: "button",
-                  variant: "contained",
-                  color: "error",
-                  onClick: () => onCancelJob?.(currentJobId),
-                  "aria-label": "Stop agent",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faStop })
+                  onClick: handleConfirmRecording,
+                  color: "success",
+                  size: "small",
+                  "aria-label": "Confirm recording",
+                  disabled: isLoading,
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { size: 18 })
                 }
-              ) }) })
-            ) : (
-              // @ts-ignore Tooltip type issue
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Send message", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                SendButton,
+              ) }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Cancel recording (Esc)", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                IconButton,
                 {
-                  type: "submit",
-                  variant: "contained",
-                  color: "primary",
-                  disabled: isLoading || isRecording || isTranscribing || !newMessage.trim() && attachments.length === 0,
-                  "aria-label": "Send message",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faPaperPlane })
+                  onClick: handleCancelRecording,
+                  color: "error",
+                  size: "small",
+                  "aria-label": "Cancel recording",
+                  disabled: isLoading,
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$2, { size: 18 })
                 }
               ) }) })
-            )
+            ] }),
+            isLoading && currentJobId ? /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Stop agent", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              SendButton,
+              {
+                type: "button",
+                variant: "contained",
+                color: "error",
+                onClick: () => onCancelJob?.(currentJobId),
+                "aria-label": "Stop agent",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faStop })
+              }
+            ) }) }) : !isRecording && !isTranscribing && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Send message", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              SendButton,
+              {
+                type: "submit",
+                variant: "contained",
+                color: "primary",
+                disabled: isLoading || !newMessage.trim() && attachments.length === 0,
+                "aria-label": "Send message",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faPaperPlane })
+              }
+            ) }) })
           ] })
         ] })
       ] }),
@@ -176537,47 +176679,6 @@ 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) => {
@@ -214443,8 +214544,8 @@ const FileActionsContainer$2 = styled$1(Box)({
   visibility: "hidden",
   transition: "opacity 0.2s ease, visibility 0.2s ease"
 });
-const PATH_SEPARATOR_REGEX$3 = /[/\\]/;
-const getFileName$3 = (path2) => {
+const PATH_SEPARATOR_REGEX$2 = /[/\\]/;
+const getFileName$2 = (path2) => {
   if (path2.startsWith("data:image/")) {
     const nameMatch = path2.match(RESOURCE_NAME_REGEX);
     if (nameMatch?.[1]) {
@@ -214467,15 +214568,69 @@ const getFileName$3 = (path2) => {
     }
     return "Pasted File";
   }
-  const parts = path2.split(PATH_SEPARATOR_REGEX$3);
+  const parts = path2.split(PATH_SEPARATOR_REGEX$2);
   return parts[parts.length - 1];
 };
 const FileAttachment = reactExports.memo(
   ({ file, onClick, conversationId }) => {
     const setCanvasOpen = useUiPreferencesStore((s2) => s2.setCanvasOpen);
     const { setViewMode } = useCanvasStore();
+    reactExports.useEffect(() => {
+      const autoUpdateOpenFile = async () => {
+        const state2 = useCanvasStore.getState();
+        const conversationCanvasState = state2.conversations?.[conversationId];
+        if (!conversationCanvasState) return;
+        const openTabs = conversationCanvasState.openTabs ?? [];
+        const filesInState = conversationCanvasState.files ?? [];
+        const title = getFileName$2(file);
+        const normalizedPath2 = file.startsWith("file://") ? file.substring(7) : file;
+        const docId = file.startsWith("data:") ? file : normalizedPath2;
+        const isFileOpen = openTabs.some((tab2) => tab2.id === docId);
+        if (!isFileOpen) return;
+        if (file.startsWith("data:")) {
+          const newDoc = {
+            id: docId,
+            title,
+            path: docId,
+            content: file,
+            type: getFileTypeFromPath(file)
+          };
+          const fileIndex = filesInState.findIndex((f2) => f2.id === docId);
+          if (fileIndex !== -1) {
+            const updatedFiles = [...filesInState];
+            updatedFiles[fileIndex] = newDoc;
+            state2.setFiles(conversationId, updatedFiles);
+          }
+        } else {
+          try {
+            const result = await window.api.readFile(normalizedPath2);
+            if (result.success) {
+              const newDoc = {
+                id: docId,
+                title,
+                path: normalizedPath2,
+                content: result.data,
+                type: getFileTypeFromPath(file)
+              };
+              const fileIndex = filesInState.findIndex((f2) => f2.id === docId);
+              if (fileIndex !== -1) {
+                const updatedFiles = [...filesInState];
+                updatedFiles[fileIndex] = newDoc;
+                state2.setFiles(conversationId, updatedFiles);
+              }
+            }
+          } catch (error) {
+            console.error(
+              `Failed to auto-refresh file in canvas: ${normalizedPath2}`,
+              error
+            );
+          }
+        }
+      };
+      autoUpdateOpenFile();
+    }, [file, conversationId]);
     const handleClick = reactExports.useCallback(async () => {
-      const title = getFileName$3(file);
+      const title = getFileName$2(file);
       const fallbackAction = (err) => {
         if (err) console.error("Error processing file:", err);
         onClick(file);
@@ -214572,7 +214727,7 @@ const FileAttachment = reactExports.memo(
       FileAttachmentContainer,
       {
         onClick: handleClick,
-        title: `Click to open ${getFileName$3(file)}`,
+        title: `Click to open ${getFileName$2(file)}`,
         sx: {
           padding: isPastedImage ? 0 : "8px 12px",
           height: isPastedImage ? "auto" : "auto",
@@ -214593,7 +214748,7 @@ const FileAttachment = reactExports.memo(
           }
         ) : /* @__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) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FileName, { variant: "body2", children: getFileName$2(file) }),
           isLocalFile && /* @__PURE__ */ jsxRuntimeExports.jsx(
             FileActionsContainer$2,
             {
@@ -214645,20 +214800,20 @@ const ErrorText = styled$1(Typography)({
   whiteSpace: "nowrap",
   maxWidth: "100%"
 });
-const PATH_SEPARATOR_REGEX$2 = /[/\\]/;
-const getFileName$2 = (path2) => {
-  const parts = path2.split(PATH_SEPARATOR_REGEX$2);
+const PATH_SEPARATOR_REGEX$1 = /[/\\]/;
+const getFileName$1 = (path2) => {
+  const parts = path2.split(PATH_SEPARATOR_REGEX$1);
   return parts[parts.length - 1];
 };
 const InvalidAttachment = ({ file }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     InvalidAttachmentContainer,
     {
-      title: `File not viewable: ${getFileName$2(file)}`,
+      title: `File not viewable: ${getFileName$1(file)}`,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorIcon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faExclamationCircle, size: "sm" }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(ErrorText, { variant: "body2", children: [
-          getFileName$2(file),
+          getFileName$1(file),
           " is not viewable (file may be incomplete, deleted, or moved)"
         ] })
       ]
@@ -214695,9 +214850,9 @@ const AttachmentImageContainer = styled$1(Box)({
     visibility: "visible"
   }
 });
-const PATH_SEPARATOR_REGEX$1 = /[/\\]/;
-const getFileName$1 = (path2) => {
-  const parts = path2.split(PATH_SEPARATOR_REGEX$1);
+const PATH_SEPARATOR_REGEX = /[/\\]/;
+const getFileName = (path2) => {
+  const parts = path2.split(PATH_SEPARATOR_REGEX);
   return parts[parts.length - 1];
 };
 const ImageAttachment = reactExports.memo(
@@ -214706,7 +214861,7 @@ const ImageAttachment = reactExports.memo(
     const setCanvasOpen = useUiPreferencesStore((s2) => s2.setCanvasOpen);
     const { setViewMode } = useCanvasStore();
     const handleShowInCanvas = reactExports.useCallback(async () => {
-      const title = getFileName$1(file);
+      const title = getFileName(file);
       const fallbackAction = (err) => {
         if (err) console.error("Error processing file:", err);
         onClick(file);
@@ -214809,10 +214964,10 @@ const ImageAttachment = reactExports.memo(
         AttachmentImage,
         {
           src,
-          alt: getFileName$1(file),
+          alt: getFileName(file),
           onClick: handleClick,
           onError: handleError2,
-          title: `Click to open ${getFileName$1(file)}`
+          title: `Click to open ${getFileName(file)}`
         }
       ),
       isLocalFile && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -214968,18 +215123,13 @@ const AttachmentVideoContainer = styled$1(Box)({
     visibility: "visible"
   }
 });
-const PATH_SEPARATOR_REGEX = /[/\\]/;
-const getFileName = (path2) => {
-  const parts = path2.split(PATH_SEPARATOR_REGEX);
-  return parts[parts.length - 1];
-};
 const VideoAttachment = reactExports.memo(
   ({ file, src, onClick, conversationId }) => {
     const [hasError, setHasError] = reactExports.useState(false);
     const setCanvasOpen = useUiPreferencesStore((s2) => s2.setCanvasOpen);
     const { setViewMode } = useCanvasStore();
     const handleShowInCanvas = reactExports.useCallback(async () => {
-      const title = getFileName(file);
+      const title = getFileName$3(file);
       const fallbackAction = (err) => {
         if (err) console.error("Error processing file:", err);
         onClick(file);
@@ -215085,7 +215235,7 @@ const VideoAttachment = reactExports.memo(
           preload: "metadata",
           onClick: handleClick,
           onError: handleError2,
-          title: `Click to open ${getFileName(file)}`
+          title: `Click to open ${getFileName$3(file)}`
         }
       ),
       isLocalFile && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -216212,7 +216362,7 @@ const MessageItem = reactExports.memo(
           if (fileString.startsWith("data:")) {
             return null;
           }
-          const title = getFileName$4(fileString);
+          const title = getFileName$3(fileString);
           const fileType = getFileTypeFromPath(fileString);
           const normalizedPath = fileString.startsWith("file://") ? fileString.substring(7) : fileString;
           const id27 = normalizedPath;
@@ -218060,20 +218210,17 @@ const CommandPalette = () => {
     isCanvasOpen,
     setCanvasOpen,
     isCreateAgentDialogOpen,
-    // Use global state
     openCreateAgentDialog,
-    // Use global action
     closeCreateAgentDialog
-    // Use global action
   } = useUiPreferencesStore();
   const { agentId: currentAgentIdFromRoute } = useAgentRouteParam();
   const { getLastAgentId } = useAgentSelectionStore();
-  const { data: agentsData } = useAgents(1, 20);
+  const [localQuery, setLocalQuery] = reactExports.useState(commandPaletteQuery);
+  const debouncedLocalQuery = useDebounce(localQuery, 200);
+  const { data: agentsData } = useAgents(1, 10, 0, debouncedLocalQuery);
   const theme2 = useTheme$2();
   const clearConversationMutation = useClearAgentConversation();
   const [selectedIndex, setSelectedIndex] = reactExports.useState(0);
-  const [localQuery, setLocalQuery] = reactExports.useState(commandPaletteQuery);
-  const debouncedLocalQuery = useDebounce(localQuery, 200);
   const [isClearConfirmationOpen, setIsClearConfirmationOpen] = reactExports.useState(false);
   const effectiveAgentId = currentAgentIdFromRoute || getLastAgentId("chat");
   const isOnChatPage = location2.pathname.startsWith("/chat");