local-operator-ui 0.12.4 → 0.12.5

package/out/renderer/assets/{index-C4NwO8de.js → index-Dz6TzBEG.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-DNeKpvUS.js","./fonts-DqkQ6BY5.js","./fonts-CM-VN_uu.css","./index-DyaU6iOA.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js","./dagre-OKDRZEBW-BThe-2D6.js","./graph-keTJV7XL.js","./_baseUniq-oNXXu8rx.js","./layout-BFWSU6s_.js","./_basePickBy-DBXIOr3H.js","./clone-CXK5mu5e.js","./c4Diagram-VJAJSXHY-BQMfKd4Q.js","./chunk-D6G4REZN-BBcVBD5t.js","./flowDiagram-4HSFHLVR-B3925mvz.js","./chunk-RZ5BOZE2-DoaOrKfk.js","./channel-L1pqeWuA.js","./erDiagram-Q7BY3M3F-IPUKaKH3.js","./gitGraphDiagram-7IBYFJ6S-OlXFREtF.js","./chunk-4BMEZGHF-tTF-v-04.js","./chunk-XZIHB7SX-CH_ugfxe.js","./radar-MK3ICKWK-CZU5BhvW.js","./ganttDiagram-APWFNJXF-CKJIfiAY.js","./infoDiagram-PH2N3AL5-DWMqI59j.js","./pieDiagram-IB7DONF6-hEnot0FH.js","./arc-dIUhH0vy.js","./quadrantDiagram-7GDLP6J5-3Xr8RuV3.js","./xychartDiagram-VJFVF3MP-Dw2GxLel.js","./requirementDiagram-KVF5MWMF-epT_iBII.js","./sequenceDiagram-X6HHIX6F-C-26csWS.js","./classDiagram-GIVACNV2-BuM30Dyp.js","./chunk-A2AXSNBT-BQYMyLBf.js","./classDiagram-v2-COTLJTTW-BuM30Dyp.js","./stateDiagram-DGXRK772-CeyZGI_q.js","./chunk-AEK57VVT-SRljeQZu.js","./stateDiagram-v2-YXO3MK2T-Bcz2S6_5.js","./journeyDiagram-U35MCT3I-BcJ33bp0.js","./timeline-definition-BDJGKUSR-Db8O4iZL.js","./mindmap-definition-ALO5MXBD-O9uBlpHL.js","./cytoscape.esm-C0AOj4uS.js","./kanban-definition-NDS4AKOZ-vzPmig7Y.js","./sankeyDiagram-QLVOVGJD-DGEieYSJ.js","./diagram-VNBRO52H-BXqgQ9w2.js","./diagram-SSKATNLV-YOJrQHY2.js","./blockDiagram-JOT3LUYC-D5O4-oIj.js","./architectureDiagram-IEHRJDOE-CcEvEu2C.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-DNeKpvUS.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-DyaU6iOA.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5
@@ -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-BThe-2D6.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-BQMfKd4Q.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-B3925mvz.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-B3925mvz.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-IPUKaKH3.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-OlXFREtF.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-CKJIfiAY.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-DWMqI59j.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-hEnot0FH.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-3Xr8RuV3.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-Dw2GxLel.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-epT_iBII.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-C-26csWS.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-BuM30Dyp.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-BuM30Dyp.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-CeyZGI_q.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-Bcz2S6_5.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-BcJ33bp0.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-B3925mvz.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-Db8O4iZL.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-O9uBlpHL.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-vzPmig7Y.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-DGEieYSJ.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-BXqgQ9w2.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-YOJrQHY2.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-D5O4-oIj.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-CcEvEu2C.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 };
@@ -315543,12 +315549,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 +315638,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,
@@ -315956,6 +316001,46 @@ 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;
+      if (isJobRunning) return true;
+      if (message2?.is_complete === false) return true;
+      return false;
+    }, [
+      isStreamable,
+      isStreamingActuallyComplete,
+      isJobRunning,
+      message2?.is_complete
+    ]);
+    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 +316062,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 +316072,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 +316103,10 @@ const MessagePaper = React$1.memo(
         }
       );
     }, [
-      isStreamable,
+      shouldShowStreaming,
       message2,
       messageStyles,
       onMessageComplete,
-      isJobRunning,
       markdownStyleProps
     ]);
     const [isThinkingExpanded, setIsThinkingExpanded] = reactExports.useState(false);
@@ -316029,7 +316119,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 +316158,11 @@ const MessagePaper = React$1.memo(
         )
       ] });
     }, [
-      isStreamable,
+      shouldShowStreaming,
+      message2,
       messageStyles,
       children2,
-      message2,
       isUser,
-      isJobRunning,
       isThinkingExpanded,
       handleThinkingExpand,
       handleThinkingCollapse,
@@ -316081,7 +316170,7 @@ const MessagePaper = React$1.memo(
       replies,
       remainingContent,
       markdownStyleProps
-    ]);
+    ]) || null;
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Box,
       {
@@ -316313,7 +316402,7 @@ 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 shouldHide = (message2.action === "DONE" || message2.action === "ASK") && message2.execution_type === "action" && message2.task_classification === "conversation" || isMessageContentEmpty && message2.is_complete;
     if (shouldHide) {
       return null;
     }
@@ -316638,10 +316727,20 @@ const MessagesView = React$1.memo(
     const collapsed = messages.length === 0 && !isLoadingMessages && !isFetchingMore;
     const lastMessageIsStreaming = messages[messages.length - 1]?.is_streamable && !messages[messages.length - 1]?.is_complete;
     const handleMessageComplete = reactExports.useCallback(() => {
-      if (refetch) {
-        refetch();
-      }
+      setTimeout(() => {
+        if (refetch) {
+          refetch();
+        }
+      }, 200);
     }, [refetch]);
+    reactExports.useEffect(() => {
+      if (messages.length > 0) {
+        const lastMessage = messages[messages.length - 1];
+        if (lastMessage?.is_complete && lastMessage?.is_streamable) {
+          console.debug("Last message completed:", lastMessage.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 +317819,9 @@ const ChatPage = () => {
         files: attachments.length > 0 ? attachments : void 0
       };
       addMessage(conversationId, userMessage);
-      scrollToBottom();
+      requestAnimationFrame(() => {
+        scrollToBottom();
+      });
       setIsLoading(true);
       try {
         const options = {