local-operator-ui 0.12.4 → 0.12.6

package/out/renderer/assets/{index-C4NwO8de.js → index-Bq43-Afm.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-CtrEBFNz.js","./fonts-DqkQ6BY5.js","./fonts-CM-VN_uu.css","./index-B4xrtp2Z.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js","./dagre-OKDRZEBW-DZOFGtWs.js","./graph-P5xyWsnt.js","./_baseUniq-CVF81xU9.js","./layout-Bep2Ed3s.js","./_basePickBy-D-mTy0T7.js","./clone-D4Ah0_EU.js","./c4Diagram-VJAJSXHY-B8ZTZ0n8.js","./chunk-D6G4REZN-_hQRwF7v.js","./flowDiagram-4HSFHLVR-tRJWBVYd.js","./chunk-RZ5BOZE2-Vl3-h4SG.js","./channel-BQBOXiqs.js","./erDiagram-Q7BY3M3F-CfYzgE98.js","./gitGraphDiagram-7IBYFJ6S-Cd11pFbi.js","./chunk-4BMEZGHF-BCTXK4C0.js","./chunk-XZIHB7SX-C61iNqnQ.js","./radar-MK3ICKWK-BIBBEO8S.js","./ganttDiagram-APWFNJXF-BWG5VLyZ.js","./infoDiagram-PH2N3AL5-KjJg15gx.js","./pieDiagram-IB7DONF6-C7Crt4gw.js","./arc-BcZxubla.js","./quadrantDiagram-7GDLP6J5-BMbHGD_6.js","./xychartDiagram-VJFVF3MP-DD0agc1N.js","./requirementDiagram-KVF5MWMF-BumPivJk.js","./sequenceDiagram-X6HHIX6F-CwnYTtil.js","./classDiagram-GIVACNV2-CNcNWb-o.js","./chunk-A2AXSNBT-Dt4gXQBd.js","./classDiagram-v2-COTLJTTW-CNcNWb-o.js","./stateDiagram-DGXRK772-4yXBR_vP.js","./chunk-AEK57VVT-CAAj-J2-.js","./stateDiagram-v2-YXO3MK2T-6p7BdIAB.js","./journeyDiagram-U35MCT3I-Dp2FVK6h.js","./timeline-definition-BDJGKUSR-CCdgMyc-.js","./mindmap-definition-ALO5MXBD-DiLxGufv.js","./cytoscape.esm-C0AOj4uS.js","./kanban-definition-NDS4AKOZ-cttuutf_.js","./sankeyDiagram-QLVOVGJD-D1LzUzj2.js","./diagram-VNBRO52H-DUz0a2Uz.js","./diagram-SSKATNLV-DGVbLzJc.js","./blockDiagram-JOT3LUYC-DIjqxpHX.js","./architectureDiagram-IEHRJDOE-0JBfW8n9.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BOEHLAOZ.js","./fonts-DqkQ6BY5.js","./fonts-CM-VN_uu.css","./index-CIm5Gpeu.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js","./dagre-OKDRZEBW-uJDV0tEB.js","./graph-_Hab34Nn.js","./_baseUniq-CT1VRxf8.js","./layout-BlsQazV2.js","./_basePickBy-CV2bZNyc.js","./clone-tf2h75F9.js","./c4Diagram-VJAJSXHY-DnUBXdyl.js","./chunk-D6G4REZN-xxtdtOvH.js","./flowDiagram-4HSFHLVR-CjBlaiPH.js","./chunk-RZ5BOZE2-DZzd7XF-.js","./channel-D5pw1lrZ.js","./erDiagram-Q7BY3M3F-D66PtkGh.js","./gitGraphDiagram-7IBYFJ6S-BC17Lxhk.js","./chunk-4BMEZGHF-C1IeWpO1.js","./chunk-XZIHB7SX-D47Ag_yH.js","./radar-MK3ICKWK-hFlyH6N6.js","./ganttDiagram-APWFNJXF-CifvAN8h.js","./infoDiagram-PH2N3AL5-Dsj1auFt.js","./pieDiagram-IB7DONF6-CZvzTYvc.js","./arc-BRfzIVaB.js","./quadrantDiagram-7GDLP6J5-CJSNfyeY.js","./xychartDiagram-VJFVF3MP-Jn_L_tBu.js","./requirementDiagram-KVF5MWMF-BzJ8TKJn.js","./sequenceDiagram-X6HHIX6F-QlZcg6un.js","./classDiagram-GIVACNV2-BTb1dsm_.js","./chunk-A2AXSNBT-DItzEHfB.js","./classDiagram-v2-COTLJTTW-BTb1dsm_.js","./stateDiagram-DGXRK772-lkNrTERo.js","./chunk-AEK57VVT-CPn79hs1.js","./stateDiagram-v2-YXO3MK2T-Cnlxf-OJ.js","./journeyDiagram-U35MCT3I-CBWci7yb.js","./timeline-definition-BDJGKUSR-ClHwwcwA.js","./mindmap-definition-ALO5MXBD-e-VrUTAA.js","./cytoscape.esm-C0AOj4uS.js","./kanban-definition-NDS4AKOZ-BrBwgyJQ.js","./sankeyDiagram-QLVOVGJD-C1MZHoLs.js","./diagram-VNBRO52H-CCeijHj7.js","./diagram-SSKATNLV-BxlaHBtJ.js","./blockDiagram-JOT3LUYC-CKjlYfeC.js","./architectureDiagram-IEHRJDOE-BE1k5yn0.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$1, 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 faHome, aL as faDownload, aM as faFileAlt, aN as faDesktop, aO as faImage, aP as faMusic, aQ as faVideo, aR as faLaptop, aS as faUsers, aT as faDatabase, aU as faBoxOpen, aV as faBook, aW as faHdd, aX as faBox, aY as faArchive, aZ as faNetworkWired, a_ as faFolder, a$ as faFolderOpen, b0 as faFolderTree, b1 as faFile, b2 as faCode, b3 as faSliders, b4 as faTrash, b5 as faArrowDown, b6 as faPaperclip, b7 as faPaperPlane, 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 faMountain, by as faFire, bz as faIcicles, bA as faBolt, bB as faAdjust, bC as faWaveSquare, bD as faUser, bE as faEnvelope, bF as faHistory, bG as faListAlt, bH as faCreditCard, bI as faPlusCircle, bJ as faChartLine, bK as faShield, bL as library$1, bM as icons$1, f as CssBaseline, e as ThemeProvider$1, d as getTheme, R as ReactDOM$1, E as ErrorBoundary } from "./fonts-DqkQ6BY5.js";
 const styled = createStyled();
 function getThemeProps(params) {
@@ -40532,9 +40532,9 @@ const useMessageInput = ({
     resetCurrentHistoryIndex(conversationId);
     draftMessageRef.current = "";
     if (scrollToBottom) {
-      setTimeout(() => {
+      requestAnimationFrame(() => {
         scrollToBottom();
-      }, 150);
+      });
     }
   }, [
     inputValue,
@@ -42221,8 +42221,10 @@ const useScrollToBottom = (buttonThreshold = 50, externalContainerRef, contentKe
   const scrollToBottom = reactExports.useCallback(() => {
     const container = containerRef.current;
     if (!container) return;
-    container.scrollTo({ top: 0, behavior: "smooth" });
-    requestAnimationFrame(updateScrollPosition);
+    requestAnimationFrame(() => {
+      container.scrollTo({ top: 0, behavior: "smooth" });
+      requestAnimationFrame(updateScrollPosition);
+    });
   }, [containerRef, updateScrollPosition]);
   const handleScroll = reactExports.useCallback(() => {
     if (!containerRef.current || isHandlingScrollRef.current) return;
@@ -42547,6 +42549,22 @@ const useStreamingMessage = ({
         (record) => record.id === messageId
       );
       if (!messageData) {
+        if (registryEntry?.messageData && registryEntry.isComplete) {
+          completeStreamingMessage(messageId, registryEntry.messageData);
+          if (conversationId) {
+            const messageForStore = convertToMessage(
+              registryEntry.messageData,
+              conversationId
+            );
+            const updated = updateMessage(conversationId, messageForStore);
+            if (!updated) {
+              addMessage(conversationId, messageForStore);
+            }
+          }
+          if (onComplete && mountedRef.current) {
+            onComplete(registryEntry.messageData);
+          }
+        }
         return;
       }
       completeStreamingMessage(messageId, messageData);
@@ -42602,78 +42620,42 @@ const useStreamingMessage = ({
         ...registryEntry?.messageData,
         ...update
       };
-      if (update.is_complete) {
+      const currentRegistryEntry = globalConnectionRegistry.get(messageId);
+      const alreadyCompleted = currentRegistryEntry?.isComplete;
+      if (update.is_complete && !alreadyCompleted) {
         completeStreamingMessage(messageId, messageData);
-        if (refetchOnComplete) {
+        if (currentRegistryEntry) {
+          currentRegistryEntry.isComplete = true;
+        }
+        if (conversationId && messageData.id) {
+          const messageForStore = convertToMessage(messageData, conversationId);
+          const updated = updateMessage(conversationId, messageForStore);
+          if (!updated) {
+            addMessage(conversationId, messageForStore);
+          }
+        }
+        if (refetchOnComplete && !isRefetching) {
           setTimeout(() => {
             if (mountedRef.current) {
-              const doRefetch = async () => {
-                if (isRefetching) return;
-                try {
-                  setIsRefetching(true);
-                  const client2 = createLocalOperatorClient(baseUrl);
-                  const entry = globalConnectionRegistry.get(messageId);
-                  const agentId = entry?.conversationId || conversationId;
-                  if (!agentId) return;
-                  const response = await client2.agents.getAgentExecutionHistory(
-                    agentId,
-                    1,
-                    20
-                  );
-                  if (response.status >= 400 || !response.result) {
-                    throw new Error(
-                      response.message || "Failed to fetch message data"
-                    );
-                  }
-                  const msgData = response.result.history.find(
-                    (record) => record.id === messageId
-                  );
-                  if (!msgData) return;
-                  completeStreamingMessage(messageId, msgData);
-                  if (entry) {
-                    entry.messageData = msgData;
-                    entry.isComplete = true;
-                    entry.isStreamable = !!msgData.is_streamable;
-                  }
-                  if (conversationId) {
-                    const msgForStore = convertToMessage(
-                      msgData,
-                      conversationId
-                    );
-                    const updated = updateMessage(conversationId, msgForStore);
-                    if (!updated) {
-                      addMessage(conversationId, msgForStore);
-                    }
-                  }
-                  if (onComplete && mountedRef.current) {
-                    onComplete(msgData);
-                  }
-                } catch (error2) {
-                  const errorMessage = error2 instanceof Error ? error2.message : String(error2);
-                  console.error(
-                    `Error auto-refetching message: ${errorMessage}`
-                  );
-                } finally {
-                  setIsRefetching(false);
-                }
-              };
-              doRefetch();
+              refetchMessage().catch((error2) => {
+                console.error("Error during refetch after completion:", error2);
+              });
             }
-          }, 500);
+          }, 150);
         }
-      } else {
+      } else if (!update.is_complete) {
         updateStreamingMessage(messageId, messageData);
-      }
-      if (conversationId && messageData.id) {
-        const messageForStore = convertToMessage(messageData, conversationId);
-        if (!updateChatStoreTimeoutRef.current) {
-          updateChatStoreTimeoutRef.current = setTimeout(() => {
-            const updated = updateMessage(conversationId, messageForStore);
-            if (!updated) {
-              addMessage(conversationId, messageForStore);
-            }
-            updateChatStoreTimeoutRef.current = null;
-          }, 100);
+        if (conversationId && messageData.id) {
+          const messageForStore = convertToMessage(messageData, conversationId);
+          if (!updateChatStoreTimeoutRef.current) {
+            updateChatStoreTimeoutRef.current = setTimeout(() => {
+              const updated = updateMessage(conversationId, messageForStore);
+              if (!updated) {
+                addMessage(conversationId, messageForStore);
+              }
+              updateChatStoreTimeoutRef.current = null;
+            }, 50);
+          }
         }
       }
     },
@@ -42681,14 +42663,13 @@ const useStreamingMessage = ({
       messageId,
       conversationId,
       onUpdate,
-      onComplete,
       refetchOnComplete,
       updateStreamingMessage,
       completeStreamingMessage,
       updateMessage,
       addMessage,
-      baseUrl,
-      isRefetching
+      isRefetching,
+      refetchMessage
     ]
   );
   const updateChatStoreTimeoutRef = reactExports.useRef(null);
@@ -42887,7 +42868,11 @@ const useStreamingMessage = ({
       isCompletePrevRef.current = true;
       completeStreamingMessage(messageId, message2);
       if (onComplete) {
-        onComplete(message2);
+        setTimeout(() => {
+          if (mountedRef.current) {
+            onComplete(message2);
+          }
+        }, 50);
       }
       if (!keepAlive) {
         safeDisconnect();
@@ -42904,6 +42889,27 @@ const useStreamingMessage = ({
     messageId,
     completeStreamingMessage
   ]);
+  reactExports.useEffect(() => {
+    return () => {
+      if (globalConnectionRegistry.has(messageId)) {
+        const entry = globalConnectionRegistry.get(messageId);
+        if (entry && entry.instanceCount > 0) {
+          entry.instanceCount = Math.max(0, entry.instanceCount - 1);
+          if (entry.instanceCount === 0 && !entry.keepAlive) {
+            try {
+              wsDisconnect();
+              entry.connected = false;
+              entry.connecting = false;
+              entry.connectionPromise = null;
+              entry.wsClient = null;
+            } catch (error2) {
+              console.warn("Error during cleanup:", error2);
+            }
+          }
+        }
+      }
+    };
+  }, [messageId, wsDisconnect]);
   return {
     message: message2,
     isComplete,
@@ -89889,7 +89895,7 @@ const languages = [
     name: "Go",
     extensions: ["go"],
     load() {
-      return __vitePreload(() => import("./index-CtrEBFNz.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m2) => m2.go());
+      return __vitePreload(() => import("./index-BOEHLAOZ.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m2) => m2.go());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -90066,7 +90072,7 @@ const languages = [
     alias: ["yml"],
     extensions: ["yaml", "yml"],
     load() {
-      return __vitePreload(() => import("./index-B4xrtp2Z.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
+      return __vitePreload(() => import("./index-CIm5Gpeu.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5
@@ -229913,7 +229919,7 @@ const FileNameTypography = styled$1(Typography)(({ theme: theme2 }) => ({
   fontSize: "0.7rem",
   padding: theme2.spacing(0, 0)
 }));
-const isImage$2 = (path2) => {
+const isImage$3 = (path2) => {
   const imageExtensions = [
     ".jpg",
     ".jpeg",
@@ -229935,7 +229941,7 @@ const isImage$2 = (path2) => {
   const lowerPath = path2.toLowerCase();
   return imageExtensions.some((ext) => lowerPath.endsWith(ext));
 };
-const isVideo$2 = (path2) => {
+const isVideo$3 = (path2) => {
   const videoExtensions = [
     ".mp4",
     ".webm",
@@ -229952,7 +229958,7 @@ const isVideo$2 = (path2) => {
   const lowerPath = path2.toLowerCase();
   return videoExtensions.some((ext) => lowerPath.endsWith(ext));
 };
-const getAttachmentUrl$2 = (client2, path2) => {
+const getAttachmentUrl$3 = (client2, path2) => {
   if (path2.startsWith("http")) {
     return path2;
   }
@@ -229960,10 +229966,10 @@ const getAttachmentUrl$2 = (client2, path2) => {
     return path2;
   }
   const normalizedPath = path2.startsWith("file://") ? path2 : `file://${path2}`;
-  if (isImage$2(path2)) {
+  if (isImage$3(path2)) {
     return client2.static.getImageUrl(normalizedPath);
   }
-  if (isVideo$2(path2)) {
+  if (isVideo$3(path2)) {
     return client2.static.getVideoUrl(normalizedPath);
   }
   return path2;
@@ -230025,7 +230031,7 @@ const CanvasFileViewerComponent = ({
     return createLocalOperatorClient(apiConfig.baseUrl);
   }, []);
   const getUrl2 = reactExports.useCallback(
-    (path2) => getAttachmentUrl$2(client2, path2),
+    (path2) => getAttachmentUrl$3(client2, path2),
     [client2]
   );
   const handleFileClick = reactExports.useCallback(
@@ -273861,7 +273867,7 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-OKDRZEBW-DZOFGtWs.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-uJDV0tEB.js"), true ? __vite__mapDeps([6,7,8,9,10,11,1,2]) : void 0, import.meta.url), "loader")
     }
   ]);
 }, "registerDefaultLayoutLoaders");
@@ -274451,7 +274457,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-B8ZTZ0n8.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-VJAJSXHY-DnUBXdyl.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([12,13,1,2]) : void 0, import.meta.url);
   return { id, diagram: diagram2 };
@@ -274471,7 +274477,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-tRJWBVYd.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-CjBlaiPH.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id2, diagram: diagram2 };
@@ -274497,7 +274503,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-tRJWBVYd.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-CjBlaiPH.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id3, diagram: diagram2 };
@@ -274514,7 +274520,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-CfYzgE98.js");
+    const { diagram: diagram22 } = await import("./erDiagram-Q7BY3M3F-D66PtkGh.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([17,15,16,1,2]) : void 0, import.meta.url);
   return { id: id4, diagram: diagram2 };
@@ -274531,7 +274537,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-Cd11pFbi.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-7IBYFJ6S-BC17Lxhk.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 };
@@ -274548,7 +274554,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-BWG5VLyZ.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-APWFNJXF-CifvAN8h.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([22,1,2]) : void 0, import.meta.url);
   return { id: id6, diagram: diagram2 };
@@ -274565,7 +274571,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-KjJg15gx.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-PH2N3AL5-Dsj1auFt.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([23,21,8,10,11,1,2]) : void 0, import.meta.url);
   return { id: id7, diagram: diagram2 };
@@ -274581,7 +274587,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-C7Crt4gw.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-IB7DONF6-CZvzTYvc.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 };
@@ -274597,7 +274603,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-BMbHGD_6.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-7GDLP6J5-CJSNfyeY.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([26,1,2]) : void 0, import.meta.url);
   return { id: id9, diagram: diagram2 };
@@ -274614,7 +274620,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-DD0agc1N.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-VJFVF3MP-Jn_L_tBu.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([27,1,2]) : void 0, import.meta.url);
   return { id: id10, diagram: diagram2 };
@@ -274631,7 +274637,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-BumPivJk.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-KVF5MWMF-BzJ8TKJn.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,15,1,2]) : void 0, import.meta.url);
   return { id: id11, diagram: diagram2 };
@@ -274648,7 +274654,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-CwnYTtil.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-X6HHIX6F-QlZcg6un.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,13,20,1,2]) : void 0, import.meta.url);
   return { id: id12, diagram: diagram2 };
@@ -274668,7 +274674,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-CNcNWb-o.js");
+    const { diagram: diagram22 } = await import("./classDiagram-GIVACNV2-BTb1dsm_.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,31,15,1,2]) : void 0, import.meta.url);
   return { id: id13, diagram: diagram2 };
@@ -274688,7 +274694,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-CNcNWb-o.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-COTLJTTW-BTb1dsm_.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([32,31,15,1,2]) : void 0, import.meta.url);
   return { id: id14, diagram: diagram2 };
@@ -274708,7 +274714,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-4yXBR_vP.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-DGXRK772-lkNrTERo.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 };
@@ -274731,7 +274737,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-6p7BdIAB.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-YXO3MK2T-Cnlxf-OJ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,34,15,1,2]) : void 0, import.meta.url);
   return { id: id16, diagram: diagram2 };
@@ -274748,7 +274754,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-Dp2FVK6h.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-U35MCT3I-CBWci7yb.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([36,13,25,1,2]) : void 0, import.meta.url);
   return { id: id17, diagram: diagram2 };
@@ -274818,7 +274824,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-tRJWBVYd.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-CjBlaiPH.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id18, diagram: diagram2 };
@@ -274835,7 +274841,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-CCdgMyc-.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-BDJGKUSR-ClHwwcwA.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,25,1,2]) : void 0, import.meta.url);
   return { id: id19, diagram: diagram2 };
@@ -274852,7 +274858,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-DiLxGufv.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-ALO5MXBD-e-VrUTAA.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([38,39,1,2]) : void 0, import.meta.url);
   return { id: id20, diagram: diagram2 };
@@ -274869,7 +274875,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-cttuutf_.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-NDS4AKOZ-BrBwgyJQ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,1,2]) : void 0, import.meta.url);
   return { id: id21, diagram: diagram2 };
@@ -274886,7 +274892,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-D1LzUzj2.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-QLVOVGJD-C1MZHoLs.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,1,2]) : void 0, import.meta.url);
   return { id: id22, diagram: diagram2 };
@@ -274903,7 +274909,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-DUz0a2Uz.js");
+    const { diagram: diagram22 } = await import("./diagram-VNBRO52H-CCeijHj7.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 };
@@ -274919,7 +274925,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-DGVbLzJc.js");
+    const { diagram: diagram22 } = await import("./diagram-SSKATNLV-BxlaHBtJ.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 };
@@ -274935,7 +274941,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-DIjqxpHX.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-JOT3LUYC-CKjlYfeC.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,11,8,7,16,1,2]) : void 0, import.meta.url);
   return { id: id25, diagram: diagram2 };
@@ -274952,7 +274958,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-0JBfW8n9.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-IEHRJDOE-BE1k5yn0.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 };
@@ -314961,10 +314967,10 @@ const VideoAttachment = reactExports.memo(
   }
 );
 VideoAttachment.displayName = "VideoAttachment";
-const isWebUrl$1 = (path2) => {
+const isWebUrl$2 = (path2) => {
   return path2.startsWith("http://") || path2.startsWith("https://");
 };
-const isImage$1 = (path2) => {
+const isImage$2 = (path2) => {
   const imageExtensions = [
     ".jpg",
     ".jpeg",
@@ -314986,7 +314992,7 @@ const isImage$1 = (path2) => {
   const lowerPath = path2.toLowerCase();
   return imageExtensions.some((ext) => lowerPath.endsWith(ext));
 };
-const isVideo$1 = (path2) => {
+const isVideo$2 = (path2) => {
   const videoExtensions = [
     ".mp4",
     ".webm",
@@ -315003,7 +315009,7 @@ const isVideo$1 = (path2) => {
   const lowerPath = path2.toLowerCase();
   return videoExtensions.some((ext) => lowerPath.endsWith(ext));
 };
-const isAudio$1 = (path2) => {
+const isAudio$2 = (path2) => {
   const audioExtensions = [
     ".mp3",
     ".wav",
@@ -315016,18 +315022,18 @@ const isAudio$1 = (path2) => {
   const lowerPath = path2.toLowerCase();
   return audioExtensions.some((ext) => lowerPath.endsWith(ext));
 };
-const getAttachmentUrl$1 = (client2, path2) => {
+const getAttachmentUrl$2 = (client2, path2) => {
   if (path2.startsWith("http")) {
     return path2;
   }
   const normalizedPath = path2.startsWith("file://") ? path2 : `file://${path2}`;
-  if (isImage$1(path2)) {
+  if (isImage$2(path2)) {
     return client2.static.getImageUrl(normalizedPath);
   }
-  if (isVideo$1(path2)) {
+  if (isVideo$2(path2)) {
     return client2.static.getVideoUrl(normalizedPath);
   }
-  if (isAudio$1(path2)) {
+  if (isAudio$2(path2)) {
     return client2.static.getAudioUrl(normalizedPath);
   }
   return path2;
@@ -315068,12 +315074,12 @@ const ActionBlock = ({
     return createLocalOperatorClient(apiConfig.baseUrl);
   }, []);
   const getUrl2 = reactExports.useCallback(
-    (path2) => getAttachmentUrl$1(client2, path2),
+    (path2) => getAttachmentUrl$2(client2, path2),
     [client2]
   );
   const handleFileClick = reactExports.useCallback((filePath2) => {
     try {
-      if (isWebUrl$1(filePath2)) {
+      if (isWebUrl$2(filePath2)) {
         window.api.openExternal(filePath2);
       } else {
         const normalizedPath = filePath2.startsWith("file://") ? filePath2.substring(7) : filePath2;
@@ -315145,7 +315151,7 @@ const ActionBlock = ({
         ]
       }
     ),
-    files && files.length > 0 && !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mb: 2, mt: 2 }, children: files.filter((file) => isImage$1(file)).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    files && files.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mb: 2, mt: 2 }, children: files.filter((file) => isImage$2(file)).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       ImageAttachment,
       {
         file,
@@ -315155,7 +315161,7 @@ const ActionBlock = ({
       },
       `${file}`
     )) }),
-    files && files.length > 0 && !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mb: 2 }, children: files.filter((file) => isVideo$1(file)).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    files && files.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mb: 2 }, children: files.filter((file) => isVideo$2(file)).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       VideoAttachment,
       {
         file,
@@ -315165,7 +315171,7 @@ const ActionBlock = ({
       },
       `${file}`
     )) }),
-    files && files.length > 0 && !isLoading && files.some((file) => isAudio$1(file)) && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mb: 2 }, children: files.filter((file) => isAudio$1(file)).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    files && files.length > 0 && files.some((file) => isAudio$2(file)) && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mb: 2 }, children: files.filter((file) => isAudio$2(file)).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       AudioAttachment,
       {
         content: getUrl2(file),
@@ -315173,8 +315179,8 @@ const ActionBlock = ({
       },
       `${file}`
     )) }),
-    files && files.length > 0 && !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mt: 2 }, children: files.filter(
-      (file) => !isImage$1(file) && !isVideo$1(file) && !isAudio$1(file)
+    files && files.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mt: 2 }, children: files.filter(
+      (file) => !isImage$2(file) && !isVideo$2(file) && !isAudio$2(file)
     ).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       FileAttachment,
       {
@@ -315504,6 +315510,67 @@ const MessageTimestamp = ({
     }
   );
 };
+const isWebUrl$1 = (path2) => path2.startsWith("http://") || path2.startsWith("https://");
+const isImage$1 = (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$1 = (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 isAudio$1 = (path2) => {
+  const audioExtensions = [
+    ".mp3",
+    ".wav",
+    ".ogg",
+    ".aac",
+    ".flac",
+    ".m4a",
+    ".aiff"
+  ];
+  const lowerPath = path2.toLowerCase();
+  return audioExtensions.some((ext) => lowerPath.endsWith(ext));
+};
+const getAttachmentUrl$1 = (client2, path2) => {
+  if (path2.startsWith("http")) return path2;
+  const normalizedPath = path2.startsWith("file://") ? path2 : `file://${path2}`;
+  if (isImage$1(path2)) return client2.static.getImageUrl(normalizedPath);
+  if (isVideo$1(path2)) return client2.static.getVideoUrl(normalizedPath);
+  if (isAudio$1(path2)) return client2.static.getAudioUrl(normalizedPath);
+  return path2;
+};
 const StreamingContainer = styled$1(Box)(() => ({
   position: "relative",
   overflow: "hidden",
@@ -315543,12 +315610,23 @@ const StreamingMessage = ({
   const isStoreMessageComplete = isMessageStreamingComplete(messageId);
   const handleComplete = reactExports.useCallback(
     (completedMessage) => {
-      if (onComplete) {
-        onComplete(completedMessage);
-      }
+      setTimeout(() => {
+        if (onComplete) {
+          onComplete(completedMessage);
+        }
+      }, 50);
     },
     [onComplete]
   );
+  reactExports.useEffect(() => {
+    if (isStoreMessageComplete && storeMessage?.content && onComplete) {
+      const timer2 = setTimeout(() => {
+        onComplete(storeMessage.content);
+      }, 50);
+      return () => clearTimeout(timer2);
+    }
+    return void 0;
+  }, [isStoreMessageComplete, storeMessage, onComplete]);
   const {
     message: wsMessage,
     isStreamable,
@@ -315621,18 +315699,46 @@ const StreamingMessage = ({
     () => status === "connected" && !isStoreMessageComplete,
     [status, isStoreMessageComplete]
   );
+  const shouldShowStreaming = reactExports.useMemo(() => {
+    return status === "connected" && !isStoreMessageComplete;
+  }, [status, isStoreMessageComplete]);
+  const hasCalledOnCompleteRef = reactExports.useRef(false);
+  reactExports.useEffect(() => {
+    if (!shouldShowStreaming && storeMessage?.content && onComplete && !hasCalledOnCompleteRef.current) {
+      hasCalledOnCompleteRef.current = true;
+      const timer2 = setTimeout(() => {
+        onComplete(storeMessage.content);
+      }, 50);
+      return () => clearTimeout(timer2);
+    }
+    return void 0;
+  }, [shouldShowStreaming, storeMessage, onComplete]);
+  reactExports.useEffect(() => {
+    hasCalledOnCompleteRef.current = false;
+  }, []);
+  reactExports.useEffect(() => {
+    return () => {
+      if (hasCalledOnCompleteRef.current) {
+        hasCalledOnCompleteRef.current = false;
+      }
+    };
+  }, []);
   const lastValidMessageRef = reactExports.useRef(null);
   const message2 = reactExports.useMemo(() => {
-    if (isActivelyStreaming && wsMessage) {
+    if (wsMessage) {
       lastValidMessageRef.current = wsMessage;
       return wsMessage;
     }
-    const result = storeMessage?.content || wsMessage || lastValidMessageRef.current;
-    if (result) {
-      lastValidMessageRef.current = result;
+    if (isStoreMessageComplete && storeMessage?.content) {
+      lastValidMessageRef.current = storeMessage.content;
+      return storeMessage.content;
     }
-    return result;
-  }, [isActivelyStreaming, wsMessage, storeMessage]);
+    if (storeMessage?.content) {
+      lastValidMessageRef.current = storeMessage.content;
+      return storeMessage.content;
+    }
+    return lastValidMessageRef.current || null;
+  }, [wsMessage, storeMessage, isStoreMessageComplete]);
   const connectionControls = reactExports.useMemo(
     () => ({
       connect,
@@ -315776,6 +315882,29 @@ const StreamingMessage = ({
     message2?.execution_type === "action" && message2?.action
   );
   const fileLanguage = getLanguageFromExtension(message2?.file_path || "");
+  const client2 = reactExports.useMemo(
+    () => createLocalOperatorClient(apiConfig.baseUrl),
+    []
+  );
+  const getUrl2 = reactExports.useCallback(
+    (path2) => getAttachmentUrl$1(client2, path2),
+    [client2]
+  );
+  const handleFileClick = reactExports.useCallback(async (filePath) => {
+    try {
+      if (isWebUrl$1(filePath)) {
+        await window.api.openExternal(filePath);
+      } else {
+        const normalizedPath = filePath.startsWith("file://") ? filePath.substring(7) : filePath;
+        await window.api.openFile(normalizedPath);
+      }
+    } catch (error2) {
+      console.error("Error opening file:", error2);
+      alert(
+        `Unable to open file: ${filePath}. The file may be incomplete, deleted, or moved.`
+      );
+    }
+  }, []);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     StreamingContainer,
     {
@@ -315843,6 +315972,45 @@ const StreamingMessage = ({
             ]
           }
         ),
+        message2?.files && message2.files.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mb: 2, mt: 2 }, children: message2.files.filter((file) => isImage$1(file)).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ImageAttachment,
+          {
+            file,
+            src: getUrl2(file),
+            onClick: handleFileClick,
+            conversationId: conversationId ?? ""
+          },
+          `${messageId}-${file}`
+        )) }),
+        message2?.files && message2.files.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mb: 2 }, children: message2.files.filter((file) => isVideo$1(file)).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          VideoAttachment,
+          {
+            file,
+            src: getUrl2(file),
+            onClick: handleFileClick,
+            conversationId: conversationId ?? ""
+          },
+          `${messageId}-${file}`
+        )) }),
+        message2?.files && message2.files.length > 0 && message2.files.some((file) => isAudio$1(file)) && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mb: 2 }, children: message2.files.filter((file) => isAudio$1(file)).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          AudioAttachment,
+          {
+            content: getUrl2(file),
+            isUser: false
+          },
+          `${messageId}-${file}`
+        )) }),
+        message2?.files && message2.files.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mt: 2 }, children: message2.files.filter(
+          (file) => !isImage$1(file) && !isVideo$1(file) && !isAudio$1(file)
+        ).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          FileAttachment,
+          {
+            file,
+            onClick: handleFileClick,
+            conversationId: conversationId ?? ""
+          },
+          `${messageId}-${file}`
+        )) }),
         errorDisplay,
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: scrollRef, style: { height: 1, width: 1, opacity: 0 } })
       ]
@@ -315956,6 +316124,39 @@ const MessagePaper = React$1.memo(
       () => message2?.is_streamable === true && message2?.is_complete === false && !isUser,
       [message2?.is_streamable, message2?.is_complete, isUser]
     );
+    const { isMessageStreamingComplete } = useStreamingMessagesStore();
+    const isStreamingActuallyComplete = reactExports.useMemo(() => {
+      if (!message2?.id) return true;
+      return isMessageStreamingComplete(message2.id);
+    }, [message2?.id, isMessageStreamingComplete]);
+    const shouldShowStreaming = reactExports.useMemo(() => {
+      if (!isStreamable) return false;
+      if (isStreamingActuallyComplete) return false;
+      return isJobRunning;
+    }, [isStreamable, isStreamingActuallyComplete, isJobRunning]);
+    const hasHandledCompletionRef = reactExports.useRef(false);
+    reactExports.useEffect(() => {
+      if (!shouldShowStreaming && message2 && !hasHandledCompletionRef.current) {
+        hasHandledCompletionRef.current = true;
+        const timer2 = setTimeout(() => {
+          if (onMessageComplete) {
+            onMessageComplete();
+          }
+        }, 50);
+        return () => clearTimeout(timer2);
+      }
+      return void 0;
+    }, [shouldShowStreaming, message2, onMessageComplete]);
+    reactExports.useEffect(() => {
+      hasHandledCompletionRef.current = false;
+    }, []);
+    reactExports.useEffect(() => {
+      return () => {
+        if (hasHandledCompletionRef.current) {
+          hasHandledCompletionRef.current = false;
+        }
+      };
+    }, []);
     const messageStyles = reactExports.useMemo(
       () => ({
         borderRadius: 2,
@@ -315977,7 +316178,7 @@ const MessagePaper = React$1.memo(
     const isNearBottom = !isFarFromBottom;
     const shouldAutoScrollRef = reactExports.useRef(true);
     reactExports.useEffect(() => {
-      if (!isLastMessage || !isStreamable || !message2) return;
+      if (!isLastMessage || !shouldShowStreaming || !message2) return;
       shouldAutoScrollRef.current = isNearBottom;
       const scrollInterval = setInterval(() => {
         if (shouldAutoScrollRef.current) {
@@ -315987,12 +316188,18 @@ const MessagePaper = React$1.memo(
       return () => {
         clearInterval(scrollInterval);
       };
-    }, [isStreamable, message2, scrollToBottom, isNearBottom, isLastMessage]);
+    }, [
+      shouldShowStreaming,
+      message2,
+      scrollToBottom,
+      isNearBottom,
+      isLastMessage
+    ]);
     reactExports.useEffect(() => {
       shouldAutoScrollRef.current = isNearBottom;
     }, [isNearBottom]);
     const streamingMessageComponent = reactExports.useMemo(() => {
-      if (!isStreamable || !message2 || !isJobRunning) return null;
+      if (!shouldShowStreaming || !message2) return null;
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         StreamingMessage,
         {
@@ -316012,11 +316219,10 @@ const MessagePaper = React$1.memo(
         }
       );
     }, [
-      isStreamable,
+      shouldShowStreaming,
       message2,
       messageStyles,
       onMessageComplete,
-      isJobRunning,
       markdownStyleProps
     ]);
     const [isThinkingExpanded, setIsThinkingExpanded] = reactExports.useState(false);
@@ -316029,7 +316235,7 @@ const MessagePaper = React$1.memo(
       setIsThinkingExpanded(false);
     }, []);
     const regularMessageComponents = reactExports.useMemo(() => {
-      if (isStreamable && isJobRunning || !message2) return null;
+      if (shouldShowStreaming || !message2) return null;
       const childrenWithRemainingContent = React$1.Children.map(
         children2,
         (child) => {
@@ -316068,12 +316274,11 @@ const MessagePaper = React$1.memo(
         )
       ] });
     }, [
-      isStreamable,
+      shouldShowStreaming,
+      message2,
       messageStyles,
       children2,
-      message2,
       isUser,
-      isJobRunning,
       isThinkingExpanded,
       handleThinkingExpand,
       handleThinkingCollapse,
@@ -316081,7 +316286,7 @@ const MessagePaper = React$1.memo(
       replies,
       remainingContent,
       markdownStyleProps
-    ]);
+    ]) || null;
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Box,
       {
@@ -316313,7 +316518,8 @@ const MessageItem = reactExports.memo(
       }
     }, []);
     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;
+    const isActionish = message2.execution_type === "action" || message2.execution_type === "reflection" || message2.execution_type === "security_check";
+    const shouldHide = (message2.action === "DONE" || message2.action === "ASK") && message2.execution_type === "action" && message2.task_classification === "conversation" || isMessageContentEmpty && message2.is_complete && !isActionish;
     if (shouldHide) {
       return null;
     }
@@ -316636,12 +316842,27 @@ const MessagesView = React$1.memo(
     isSmallView
   }) => {
     const collapsed = messages.length === 0 && !isLoadingMessages && !isFetchingMore;
-    const lastMessageIsStreaming = messages[messages.length - 1]?.is_streamable && !messages[messages.length - 1]?.is_complete;
+    const lastMessage = messages[messages.length - 1];
+    const { isMessageStreamingComplete } = useStreamingMessagesStore();
+    const lastStreamComplete = lastMessage?.id ? isMessageStreamingComplete(lastMessage.id) : false;
+    const lastMessageIsStreaming = Boolean(
+      lastMessage?.is_streamable && !(lastMessage?.is_complete || lastStreamComplete)
+    );
     const handleMessageComplete = reactExports.useCallback(() => {
-      if (refetch) {
-        refetch();
-      }
+      setTimeout(() => {
+        if (refetch) {
+          refetch();
+        }
+      }, 200);
     }, [refetch]);
+    reactExports.useEffect(() => {
+      if (messages.length > 0) {
+        const lastMessage2 = messages[messages.length - 1];
+        if (lastMessage2?.is_complete && lastMessage2?.is_streamable) {
+          console.debug("Last message completed:", lastMessage2.id);
+        }
+      }
+    }, [messages]);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(MessagesViewWrapper, { collapsed, children: [
       isFetchingMore && /* @__PURE__ */ jsxRuntimeExports.jsxs(LoadingMoreIndicator, { isSmallView, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(CircularProgress, { size: 16, sx: { mr: 1 } }),
@@ -317720,7 +317941,9 @@ const ChatPage = () => {
         files: attachments.length > 0 ? attachments : void 0
       };
       addMessage(conversationId, userMessage);
-      scrollToBottom();
+      requestAnimationFrame(() => {
+        scrollToBottom();
+      });
       setIsLoading(true);
       try {
         const options = {