@openhands/agent-canvas 1.0.0-alpha.6 → 1.0.0-alpha.7

package/dist/components/features/sidebar/sidebar.js

@@ -4,129 +4,128 @@ import { cn as n } from "../../../utils/utils.js";
 import { useNavigation as r } from "../../../context/navigation-context.js";
 import { useActiveBackendContext as i } from "../../../contexts/active-backend-context.js";
 import { displayErrorToast as a } from "../../../utils/custom-toast-handlers.js";
-import { getErrorStatus as o, useSettings as ee } from "../../../hooks/query/use-settings.js";
-import { useClickOutsideElement as s } from "../../../hooks/use-click-outside-element.js";
-import { useConfig as c } from "../../../hooks/query/use-config.js";
-import { useSidebarMobileNav as l } from "./sidebar-mobile-nav-context.js";
-import { useSidebarStore as u } from "../../../stores/sidebar-store.js";
-import { useBackendsHealth as d } from "../../../hooks/query/use-backends-health.js";
-import { SidebarRailBody as f } from "./sidebar-rail-body.js";
-import p from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { getErrorStatus as o, useSettings as s } from "../../../hooks/query/use-settings.js";
+import { useClickOutsideElement as c } from "../../../hooks/use-click-outside-element.js";
+import { useConfig as ee } from "../../../hooks/query/use-config.js";
+import { useSidebarMobileNav as te } from "./sidebar-mobile-nav-context.js";
+import { useSidebarStore as l } from "../../../stores/sidebar-store.js";
+import { useBackendsHealth as u } from "../../../hooks/query/use-backends-health.js";
+import { SidebarRailBody as d } from "./sidebar-rail-body.js";
+import f from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/features/sidebar/sidebar.tsx
-var _ = p.lazy(() => import("../../shared/modals/settings/settings-modal.js").then((e) => ({ default: e.SettingsModal }))), v = p.lazy(() => import("../backends/add-backend-modal.js").then((e) => ({ default: e.AddBackendModal }))), y = p.lazy(() => import("../backends/manage-backends-modal.js").then((e) => ({ default: e.ManageBackendsModal }))), b = 250;
-function x() {
-	let { t: x } = e("openhands"), { currentPath: S, navigate: C } = r(), { data: w } = c(), { data: T, error: E, isError: D, isFetching: O } = ee(), { backends: k, active: A } = i(), te = d(k)[A.backend.id], j = u((e) => e.collapsed), M = u((e) => e.setCollapsed), [N, P] = p.useState(!1), [F, I] = p.useState(!1), L = p.useRef(null), [R, z] = p.useState(!1), [B, V] = p.useState(!1), [H, U] = p.useState(!1), W = p.useRef(!1), [, G] = p.useReducer((e) => e + 1, 0), { isOpen: K, close: q } = l(), [J, Y] = p.useState(!1), [X, Z] = p.useState(!1), ne = s(() => I(!1)), Q = o(E);
-	p.useEffect(() => {
-		q();
-	}, [S, q]), p.useEffect(() => {
-		if (K) {
-			Y(!0);
+var g = f.lazy(() => import("../../shared/modals/settings/settings-modal.js").then((e) => ({ default: e.SettingsModal }))), _ = f.lazy(() => import("../backends/add-backend-modal.js").then((e) => ({ default: e.AddBackendModal }))), v = f.lazy(() => import("../backends/manage-backends-modal.js").then((e) => ({ default: e.ManageBackendsModal }))), y = 250;
+function b() {
+	let { t: b } = e("openhands"), { currentPath: x } = r(), { data: S } = ee(), { data: C, error: w, isError: T, isFetching: E } = s(), { backends: D, active: O } = i(), k = u(D)[O.backend.id], A = l((e) => e.collapsed), j = l((e) => e.setCollapsed), [M, N] = f.useState(!1), [P, F] = f.useState(!1), I = f.useRef(null), [L, R] = f.useState(!1), [z, B] = f.useState(!1), [V, H] = f.useState(!1), U = f.useRef(!1), [, W] = f.useReducer((e) => e + 1, 0), { isOpen: G, close: K } = te(), [q, J] = f.useState(!1), [Y, X] = f.useState(!1), Z = c(() => F(!1)), Q = o(w);
+	f.useEffect(() => {
+		K();
+	}, [x, K]), f.useEffect(() => {
+		if (G) {
+			J(!0);
 			let e = requestAnimationFrame(() => {
-				Z(!0);
+				X(!0);
 			});
 			return () => cancelAnimationFrame(e);
 		}
-		Z(!1);
+		X(!1);
 		let e = window.setTimeout(() => {
-			Y(!1);
-		}, b);
+			J(!1);
+		}, y);
 		return () => window.clearTimeout(e);
-	}, [K]), p.useEffect(() => {
-		if (!K) return;
+	}, [G]), f.useEffect(() => {
+		if (!G) return;
 		let e = (e) => {
-			e.key === "Escape" && q();
+			e.key === "Escape" && K();
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [K, q]), p.useEffect(() => {
-		S === "/settings" ? P(!1) : !O && D && Q !== 404 ? a("Something went wrong while fetching settings. Please reload the page.") : Q === 404 && !w?.feature_flags?.hide_llm_settings && P(!0);
+	}, [G, K]), f.useEffect(() => {
+		x === "/settings" ? N(!1) : !E && T && Q !== 404 ? a("Something went wrong while fetching settings. Please reload the page.") : Q === 404 && !S?.feature_flags?.hide_llm_settings && N(!0);
 	}, [
-		S,
-		O,
-		D,
+		x,
+		E,
+		T,
 		Q,
-		w?.feature_flags?.hide_llm_settings
+		S?.feature_flags?.hide_llm_settings
 	]);
-	let re = T?.email_verified === !1, ie = x(j ? t.SIDEBAR$EXPAND : t.SIDEBAR$COLLAPSE), ae = p.useCallback((e) => {
-		if (!j) return;
+	let ne = C?.email_verified === !1, re = b(A ? t.SIDEBAR$EXPAND : t.SIDEBAR$COLLAPSE), ie = f.useCallback((e) => {
+		if (!A) return;
 		let t = e.target;
-		t instanceof HTMLElement && (t.closest("a,button,input,textarea,select,[role='button'],[role='link']") || M(!1));
-	}, [j, M]), $ = {
-		linkDisabled: re,
-		collapseToggleLabel: ie,
-		onCollapse: p.useCallback(() => {
-			U(!1), W.current = !0, G(), M(!0), window.setTimeout(() => {
-				W.current = !1, G();
+		t instanceof HTMLElement && (t.closest("a,button,input,textarea,select,[role='button'],[role='link']") || j(!1));
+	}, [A, j]), $ = {
+		linkDisabled: ne,
+		collapseToggleLabel: re,
+		onCollapse: f.useCallback(() => {
+			H(!1), U.current = !0, W(), j(!0), window.setTimeout(() => {
+				U.current = !1, W();
 			}, 250);
-		}, [M]),
-		onExpand: () => M(!1),
-		showCollapsedExpandButton: j && H && !W.current,
-		isExtensionsActive: S === "/customize" || S.startsWith("/skills") || S === "/plugins" || S === "/mcp",
-		currentPath: S,
-		navigate: C,
-		activeBackendHealth: te,
-		collapsedBackendPopoverOpen: F,
-		setCollapsedBackendPopoverOpen: I,
-		collapsedBackendPopoverRef: ne,
-		collapsedBackendCloseTimer: L,
-		onOpenAddBackend: () => z(!0),
-		onOpenManageBackends: () => V(!0)
+		}, [j]),
+		onExpand: () => j(!1),
+		showCollapsedExpandButton: A && V && !U.current,
+		isExtensionsActive: x === "/customize" || x.startsWith("/skills") || x === "/plugins" || x === "/mcp",
+		currentPath: x,
+		activeBackendHealth: k,
+		collapsedBackendPopoverOpen: P,
+		setCollapsedBackendPopoverOpen: F,
+		collapsedBackendPopoverRef: Z,
+		collapsedBackendCloseTimer: I,
+		onOpenAddBackend: () => R(!0),
+		onOpenManageBackends: () => B(!0)
 	};
-	return /* @__PURE__ */ g(m, { children: [
-		/* @__PURE__ */ h("aside", {
-			"aria-label": x(t.SIDEBAR$NAVIGATION_LABEL),
-			"data-collapsed": j ? "true" : "false",
-			onClick: ae,
+	return /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ m("aside", {
+			"aria-label": b(t.SIDEBAR$NAVIGATION_LABEL),
+			"data-collapsed": A ? "true" : "false",
+			onClick: ie,
 			onMouseEnter: () => {
-				j && U(!0);
+				A && H(!0);
 			},
 			onMouseLeave: () => {
-				U(!1);
+				H(!1);
 			},
-			className: n("max-md:hidden flex bg-base flex-col min-h-0 transition-[width,min-width] duration-200", "md:border-r md:border-[var(--oh-border)] md:h-full", j ? "md:w-[60px] md:min-w-[60px] md:px-2.5" : "md:w-[300px] md:min-w-[300px] pb-2 md:pl-2.5 md:pr-0", S === "/" && "md:pb-3"),
-			children: /* @__PURE__ */ h(f, {
-				collapsed: j,
+			className: n("max-md:hidden flex bg-base flex-col min-h-0 transition-[width,min-width] duration-200", "md:border-r md:border-[var(--oh-border)] md:h-full", A ? "md:w-[60px] md:min-w-[60px] md:px-2.5" : "md:w-[300px] md:min-w-[300px] pb-2 md:pl-2.5 md:pr-0", x === "/" && "md:pb-3"),
+			children: /* @__PURE__ */ m(d, {
+				collapsed: A,
 				showCollapseToggle: !0,
 				...$
 			})
 		}),
-		J ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
-			className: n("fixed inset-0 z-40 bg-black/50 md:hidden", "transition-opacity ease-in-out motion-reduce:transition-none", X ? "opacity-100" : "pointer-events-none opacity-0"),
-			style: { transitionDuration: `${b}ms` },
-			onClick: q,
-			"aria-hidden": !X
-		}), /* @__PURE__ */ h("aside", {
-			"aria-label": x(t.SIDEBAR$NAVIGATION_LABEL),
+		q ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", {
+			className: n("fixed inset-0 z-40 bg-black/50 md:hidden", "transition-opacity ease-in-out motion-reduce:transition-none", Y ? "opacity-100" : "pointer-events-none opacity-0"),
+			style: { transitionDuration: `${y}ms` },
+			onClick: K,
+			"aria-hidden": !Y
+		}), /* @__PURE__ */ m("aside", {
+			"aria-label": b(t.SIDEBAR$NAVIGATION_LABEL),
 			"data-testid": "sidebar-mobile-drawer",
-			"aria-hidden": !X,
-			className: n("fixed inset-y-0 left-0 z-50 flex min-h-0 w-[min(300px,85vw)] flex-col bg-base", "border-r border-[var(--oh-border)] pb-2 pl-2.5 pr-0 md:hidden", "transition-transform ease-in-out motion-reduce:transition-none", X ? "translate-x-0" : "-translate-x-full"),
-			style: { transitionDuration: `${b}ms` },
-			children: /* @__PURE__ */ h(f, {
+			"aria-hidden": !Y,
+			className: n("fixed inset-y-0 left-0 z-50 flex min-h-0 w-[min(300px,85vw)] flex-col bg-base", "border-r border-[var(--oh-border)] pb-2 pl-2.5 pr-0 md:hidden", "transition-transform ease-in-out motion-reduce:transition-none", Y ? "translate-x-0" : "-translate-x-full"),
+			style: { transitionDuration: `${y}ms` },
+			children: /* @__PURE__ */ m(d, {
 				collapsed: !1,
 				showCollapseToggle: !1,
 				showMobileCloseButton: !0,
-				onCloseMobile: q,
+				onCloseMobile: K,
 				...$
 			})
 		})] }) : null,
-		N && /* @__PURE__ */ h(p.Suspense, {
+		M && /* @__PURE__ */ m(f.Suspense, {
 			fallback: null,
-			children: /* @__PURE__ */ h(_, {
-				settings: T,
-				onClose: () => P(!1)
+			children: /* @__PURE__ */ m(g, {
+				settings: C,
+				onClose: () => N(!1)
 			})
 		}),
-		R && /* @__PURE__ */ h(p.Suspense, {
+		L && /* @__PURE__ */ m(f.Suspense, {
 			fallback: null,
-			children: /* @__PURE__ */ h(v, { onClose: () => z(!1) })
+			children: /* @__PURE__ */ m(_, { onClose: () => R(!1) })
 		}),
-		B && /* @__PURE__ */ h(p.Suspense, {
+		z && /* @__PURE__ */ m(f.Suspense, {
 			fallback: null,
-			children: /* @__PURE__ */ h(y, { onClose: () => V(!1) })
+			children: /* @__PURE__ */ m(v, { onClose: () => B(!1) })
 		})
 	] });
 }
 //#endregion
-export { x as Sidebar };
+export { b as Sidebar };
 
 //# sourceMappingURL=sidebar.js.map

package/dist/components/features/sidebar/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":[],"sources":["../../../../src/components/features/sidebar/sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { SidebarRailBody } from \"./sidebar-rail-body\";\nimport { getErrorStatus, useSettings } from \"#/hooks/query/use-settings\";\nimport { useConfig } from \"#/hooks/query/use-config\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { cn } from \"#/utils/utils\";\nimport { useSidebarMobileNav } from \"./sidebar-mobile-nav-context\";\nimport { useSidebarStore } from \"#/stores/sidebar-store\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useBackendsHealth } from \"#/hooks/query/use-backends-health\";\n// The LLM settings modal is only mounted when the settings query 404s and\n// LLM settings aren't hidden — keep it out of the sidebar's eager graph.\nconst SettingsModal = React.lazy(() =>\n  import(\"#/components/shared/modals/settings/settings-modal\").then((m) => ({\n    default: m.SettingsModal,\n  })),\n);\n\n// Add/Manage backend modals are lifted into the sidebar (instead of living\n// inside BackendSelector) so they survive the collapsed popover unmounting\n// when the user moves the cursor out of the popover toward the modal.\nconst AddBackendModal = React.lazy(() =>\n  import(\"#/components/features/backends/add-backend-modal\").then((m) => ({\n    default: m.AddBackendModal,\n  })),\n);\nconst ManageBackendsModal = React.lazy(() =>\n  import(\"#/components/features/backends/manage-backends-modal\").then((m) => ({\n    default: m.ManageBackendsModal,\n  })),\n);\n\nconst MOBILE_DRAWER_TRANSITION_MS = 250;\n\nexport function Sidebar() {\n  const { t } = useTranslation(\"openhands\");\n  const { currentPath, navigate } = useNavigation();\n  const { data: config } = useConfig();\n  const {\n    data: settings,\n    error: settingsError,\n    isError: settingsIsError,\n    isFetching: isFetchingSettings,\n  } = useSettings();\n  const { backends, active } = useActiveBackendContext();\n  const healthByBackendId = useBackendsHealth(backends);\n  const activeBackendHealth = healthByBackendId[active.backend.id];\n  const collapsed = useSidebarStore((state) => state.collapsed);\n  const setCollapsed = useSidebarStore((state) => state.setCollapsed);\n  const [settingsModalIsOpen, setSettingsModalIsOpen] = React.useState(false);\n  const [collapsedBackendPopoverOpen, setCollapsedBackendPopoverOpen] =\n    React.useState(false);\n  const collapsedBackendCloseTimer = React.useRef<ReturnType<\n    typeof setTimeout\n  > | null>(null);\n  // Lifted out of BackendSelector so opening these modals from the\n  // collapsed-sidebar popover doesn't lose state when the popover unmounts\n  // (cursor moving toward the modal triggers onMouseLeave -> close).\n  const [addBackendModalOpen, setAddBackendModalOpen] = React.useState(false);\n  const [manageBackendsModalOpen, setManageBackendsModalOpen] =\n    React.useState(false);\n  const [collapsedRailHovered, setCollapsedRailHovered] = React.useState(false);\n  const suppressCollapsedExpandRef = React.useRef(false);\n  const [, refreshCollapsedExpandGate] = React.useReducer((n) => n + 1, 0);\n  const { isOpen: isMobileNavOpen, close: closeMobileNav } =\n    useSidebarMobileNav();\n  const [mobileDrawerMounted, setMobileDrawerMounted] = React.useState(false);\n  const [mobileDrawerVisible, setMobileDrawerVisible] = React.useState(false);\n  const collapsedBackendPopoverRef = useClickOutsideElement<HTMLDivElement>(\n    () => setCollapsedBackendPopoverOpen(false),\n  );\n  const settingsErrorStatus = getErrorStatus(settingsError);\n\n  React.useEffect(() => {\n    closeMobileNav();\n  }, [currentPath, closeMobileNav]);\n\n  React.useEffect(() => {\n    if (isMobileNavOpen) {\n      setMobileDrawerMounted(true);\n      const frame = requestAnimationFrame(() => {\n        setMobileDrawerVisible(true);\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n\n    setMobileDrawerVisible(false);\n    const timer = window.setTimeout(() => {\n      setMobileDrawerMounted(false);\n    }, MOBILE_DRAWER_TRANSITION_MS);\n    return () => window.clearTimeout(timer);\n  }, [isMobileNavOpen]);\n\n  React.useEffect(() => {\n    if (!isMobileNavOpen) {\n      return undefined;\n    }\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        closeMobileNav();\n      }\n    };\n\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [isMobileNavOpen, closeMobileNav]);\n\n  React.useEffect(() => {\n    if (currentPath === \"/settings\") {\n      setSettingsModalIsOpen(false);\n    } else if (\n      !isFetchingSettings &&\n      settingsIsError &&\n      settingsErrorStatus !== 404\n    ) {\n      // We don't show toast errors for settings in the global error handler\n      // because we have a special case for 404 errors\n      displayErrorToast(\n        \"Something went wrong while fetching settings. Please reload the page.\",\n      );\n    } else if (\n      settingsErrorStatus === 404 &&\n      !config?.feature_flags?.hide_llm_settings\n    ) {\n      setSettingsModalIsOpen(true);\n    }\n  }, [\n    currentPath,\n    isFetchingSettings,\n    settingsIsError,\n    settingsErrorStatus,\n    config?.feature_flags?.hide_llm_settings,\n  ]);\n\n  const linkDisabled = settings?.email_verified === false;\n\n  const collapseToggleLabel = t(\n    collapsed ? I18nKey.SIDEBAR$EXPAND : I18nKey.SIDEBAR$COLLAPSE,\n  );\n  const handleCollapsedRailClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (!collapsed) {\n        return;\n      }\n\n      const target = event.target;\n      if (!(target instanceof HTMLElement)) {\n        return;\n      }\n\n      // Keep existing behavior for explicit controls/links and only use\n      // this as a convenience hit-area for empty collapsed-rail space.\n      if (\n        target.closest(\n          \"a,button,input,textarea,select,[role='button'],[role='link']\",\n        )\n      ) {\n        return;\n      }\n\n      setCollapsed(false);\n    },\n    [collapsed, setCollapsed],\n  );\n  const handleCollapse = React.useCallback(() => {\n    setCollapsedRailHovered(false);\n    suppressCollapsedExpandRef.current = true;\n    refreshCollapsedExpandGate();\n    setCollapsed(true);\n    window.setTimeout(() => {\n      suppressCollapsedExpandRef.current = false;\n      refreshCollapsedExpandGate();\n    }, 250);\n  }, [setCollapsed]);\n  const showCollapsedExpandButton =\n    collapsed && collapsedRailHovered && !suppressCollapsedExpandRef.current;\n\n  const isExtensionsActive =\n    currentPath === \"/customize\" ||\n    currentPath.startsWith(\"/skills\") ||\n    currentPath === \"/plugins\" ||\n    currentPath === \"/mcp\";\n\n  const railBodyProps = {\n    linkDisabled,\n    collapseToggleLabel,\n    onCollapse: handleCollapse,\n    onExpand: () => setCollapsed(false),\n    showCollapsedExpandButton,\n    isExtensionsActive,\n    currentPath,\n    navigate,\n    activeBackendHealth,\n    collapsedBackendPopoverOpen,\n    setCollapsedBackendPopoverOpen,\n    collapsedBackendPopoverRef,\n    collapsedBackendCloseTimer,\n    onOpenAddBackend: () => setAddBackendModalOpen(true),\n    onOpenManageBackends: () => setManageBackendsModalOpen(true),\n  };\n\n  return (\n    <>\n      {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- the aside acts as a hit-area for the collapsed rail; nested controls handle their own keyboard interactions. */}\n      <aside\n        aria-label={t(I18nKey.SIDEBAR$NAVIGATION_LABEL)}\n        data-collapsed={collapsed ? \"true\" : \"false\"}\n        onClick={handleCollapsedRailClick}\n        onMouseEnter={() => {\n          if (collapsed) {\n            setCollapsedRailHovered(true);\n          }\n        }}\n        onMouseLeave={() => {\n          setCollapsedRailHovered(false);\n        }}\n        className={cn(\n          \"max-md:hidden flex bg-base flex-col min-h-0 transition-[width,min-width] duration-200\",\n          \"md:border-r md:border-[var(--oh-border)] md:h-full\",\n          collapsed\n            ? \"md:w-[60px] md:min-w-[60px] md:px-2.5\"\n            : \"md:w-[300px] md:min-w-[300px] pb-2 md:pl-2.5 md:pr-0\",\n          currentPath === \"/\" && \"md:pb-3\",\n        )}\n      >\n        <SidebarRailBody\n          collapsed={collapsed}\n          showCollapseToggle\n          {...railBodyProps}\n        />\n      </aside>\n\n      {mobileDrawerMounted ? (\n        <>\n          <div\n            className={cn(\n              \"fixed inset-0 z-40 bg-black/50 md:hidden\",\n              \"transition-opacity ease-in-out motion-reduce:transition-none\",\n              mobileDrawerVisible\n                ? \"opacity-100\"\n                : \"pointer-events-none opacity-0\",\n            )}\n            style={{ transitionDuration: `${MOBILE_DRAWER_TRANSITION_MS}ms` }}\n            onClick={closeMobileNav}\n            aria-hidden={!mobileDrawerVisible}\n          />\n          <aside\n            aria-label={t(I18nKey.SIDEBAR$NAVIGATION_LABEL)}\n            data-testid=\"sidebar-mobile-drawer\"\n            aria-hidden={!mobileDrawerVisible}\n            className={cn(\n              \"fixed inset-y-0 left-0 z-50 flex min-h-0 w-[min(300px,85vw)] flex-col bg-base\",\n              \"border-r border-[var(--oh-border)] pb-2 pl-2.5 pr-0 md:hidden\",\n              \"transition-transform ease-in-out motion-reduce:transition-none\",\n              mobileDrawerVisible ? \"translate-x-0\" : \"-translate-x-full\",\n            )}\n            style={{ transitionDuration: `${MOBILE_DRAWER_TRANSITION_MS}ms` }}\n          >\n            <SidebarRailBody\n              collapsed={false}\n              showCollapseToggle={false}\n              showMobileCloseButton\n              onCloseMobile={closeMobileNav}\n              {...railBodyProps}\n            />\n          </aside>\n        </>\n      ) : null}\n\n      {settingsModalIsOpen && (\n        <React.Suspense fallback={null}>\n          <SettingsModal\n            settings={settings}\n            onClose={() => setSettingsModalIsOpen(false)}\n          />\n        </React.Suspense>\n      )}\n      {addBackendModalOpen && (\n        <React.Suspense fallback={null}>\n          <AddBackendModal onClose={() => setAddBackendModalOpen(false)} />\n        </React.Suspense>\n      )}\n      {manageBackendsModalOpen && (\n        <React.Suspense fallback={null}>\n          <ManageBackendsModal\n            onClose={() => setManageBackendsModalOpen(false)}\n          />\n        </React.Suspense>\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAM,IAAgB,EAAM,WAC1B,OAAO,kDAAsD,MAAM,OAAO,EACxE,SAAS,EAAE,eACZ,EAAE,CACJ,EAKK,IAAkB,EAAM,WAC5B,OAAO,oCAAoD,MAAM,OAAO,EACtE,SAAS,EAAE,iBACZ,EAAE,CACJ,EACK,IAAsB,EAAM,WAChC,OAAO,wCAAwD,MAAM,OAAO,EAC1E,SAAS,EAAE,qBACZ,EAAE,CACJ,EAEK,IAA8B;AAEpC,SAAgB,IAAU;CACxB,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,gBAAa,gBAAa,GAAe,EAC3C,EAAE,MAAM,MAAW,GAAW,EAC9B,EACJ,MAAM,GACN,OAAO,GACP,SAAS,GACT,YAAY,MACV,IAAa,EACX,EAAE,aAAU,cAAW,GAAyB,EAEhD,KADoB,EAAkB,EAChB,CAAkB,EAAO,QAAQ,KACvD,IAAY,GAAiB,MAAU,EAAM,UAAU,EACvD,IAAe,GAAiB,MAAU,EAAM,aAAa,EAC7D,CAAC,GAAqB,KAA0B,EAAM,SAAS,GAAM,EACrE,CAAC,GAA6B,KAClC,EAAM,SAAS,GAAM,EACjB,IAA6B,EAAM,OAE/B,KAAK,EAIT,CAAC,GAAqB,KAA0B,EAAM,SAAS,GAAM,EACrE,CAAC,GAAyB,KAC9B,EAAM,SAAS,GAAM,EACjB,CAAC,GAAsB,KAA2B,EAAM,SAAS,GAAM,EACvE,IAA6B,EAAM,OAAO,GAAM,EAChD,GAAG,KAA8B,EAAM,YAAY,MAAM,IAAI,GAAG,EAAE,EAClE,EAAE,QAAQ,GAAiB,OAAO,MACtC,GAAqB,EACjB,CAAC,GAAqB,KAA0B,EAAM,SAAS,GAAM,EACrE,CAAC,GAAqB,KAA0B,EAAM,SAAS,GAAM,EACrE,KAA6B,QAC3B,EAA+B,GAAM,CAC5C,EACK,IAAsB,EAAe,EAAc;AAqCzD,CAnCA,EAAM,gBAAgB;AACpB,KAAgB;IACf,CAAC,GAAa,EAAe,CAAC,EAEjC,EAAM,gBAAgB;AACpB,MAAI,GAAiB;AACnB,KAAuB,GAAK;GAC5B,IAAM,IAAQ,4BAA4B;AACxC,MAAuB,GAAK;KAC5B;AACF,gBAAa,qBAAqB,EAAM;;AAG1C,IAAuB,GAAM;EAC7B,IAAM,IAAQ,OAAO,iBAAiB;AACpC,KAAuB,GAAM;KAC5B,EAA4B;AAC/B,eAAa,OAAO,aAAa,EAAM;IACtC,CAAC,EAAgB,CAAC,EAErB,EAAM,gBAAgB;AACpB,MAAI,CAAC,EACH;EAGF,IAAM,KAAa,MAAyB;AAC1C,GAAI,EAAM,QAAQ,YAChB,GAAgB;;AAKpB,SADA,OAAO,iBAAiB,WAAW,EAAU,QAChC,OAAO,oBAAoB,WAAW,EAAU;IAC5D,CAAC,GAAiB,EAAe,CAAC,EAErC,EAAM,gBAAgB;AACpB,EAAI,MAAgB,cAClB,EAAuB,GAAM,GAE7B,CAAC,KACD,KACA,MAAwB,MAIxB,EACE,wEACD,GAED,MAAwB,OACxB,CAAC,GAAQ,eAAe,qBAExB,EAAuB,GAAK;IAE7B;EACD;EACA;EACA;EACA;EACA,GAAQ,eAAe;EACxB,CAAC;CAEF,IAAM,KAAe,GAAU,mBAAmB,IAE5C,KAAsB,EAC1B,IAAY,EAAQ,iBAAiB,EAAQ,iBAC9C,EACK,KAA2B,EAAM,aACpC,MAAyC;AACxC,MAAI,CAAC,EACH;EAGF,IAAM,IAAS,EAAM;AACf,eAAkB,gBAOtB,EAAO,QACL,+DACD,IAKH,EAAa,GAAM;IAErB,CAAC,GAAW,EAAa,CAC1B,EAoBK,IAAgB;EACpB;EACA;EACA,YAtBqB,EAAM,kBAAkB;AAK7C,GAJA,EAAwB,GAAM,EAC9B,EAA2B,UAAU,IACrC,GAA4B,EAC5B,EAAa,GAAK,EAClB,OAAO,iBAAiB;AAEtB,IADA,EAA2B,UAAU,IACrC,GAA4B;MAC3B,IAAI;KACN,CAAC,EAAa,CAaH;EACZ,gBAAgB,EAAa,GAAM;EACnC,2BAbA,KAAa,KAAwB,CAAC,EAA2B;EAcjE,oBAXA,MAAgB,gBAChB,EAAY,WAAW,UAAU,IACjC,MAAgB,cAChB,MAAgB;EAShB;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wBAAwB,EAAuB,GAAK;EACpD,4BAA4B,EAA2B,GAAK;EAC7D;AAED,QACE,kBAAA,GAAA,EAAA,UAAA;EAEE,kBAAC,SAAD;GACE,cAAY,EAAE,EAAQ,yBAAyB;GAC/C,kBAAgB,IAAY,SAAS;GACrC,SAAS;GACT,oBAAoB;AAClB,IAAI,KACF,EAAwB,GAAK;;GAGjC,oBAAoB;AAClB,MAAwB,GAAM;;GAEhC,WAAW,EACT,yFACA,sDACA,IACI,0CACA,wDACJ,MAAgB,OAAO,UACxB;aAED,kBAAC,GAAD;IACa;IACX,oBAAA;IACA,GAAI;IACJ,CAAA;GACI,CAAA;EAEP,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;GACE,WAAW,EACT,4CACA,gEACA,IACI,gBACA,gCACL;GACD,OAAO,EAAE,oBAAoB,GAAG,EAA4B,KAAK;GACjE,SAAS;GACT,eAAa,CAAC;GACd,CAAA,EACF,kBAAC,SAAD;GACE,cAAY,EAAE,EAAQ,yBAAyB;GAC/C,eAAY;GACZ,eAAa,CAAC;GACd,WAAW,EACT,iFACA,iEACA,kEACA,IAAsB,kBAAkB,oBACzC;GACD,OAAO,EAAE,oBAAoB,GAAG,EAA4B,KAAK;aAEjE,kBAAC,GAAD;IACE,WAAW;IACX,oBAAoB;IACpB,uBAAA;IACA,eAAe;IACf,GAAI;IACJ,CAAA;GACI,CAAA,CACP,EAAA,CAAA,GACD;EAEH,KACC,kBAAC,EAAM,UAAP;GAAgB,UAAU;aACxB,kBAAC,GAAD;IACY;IACV,eAAe,EAAuB,GAAM;IAC5C,CAAA;GACa,CAAA;EAElB,KACC,kBAAC,EAAM,UAAP;GAAgB,UAAU;aACxB,kBAAC,GAAD,EAAiB,eAAe,EAAuB,GAAM,EAAI,CAAA;GAClD,CAAA;EAElB,KACC,kBAAC,EAAM,UAAP;GAAgB,UAAU;aACxB,kBAAC,GAAD,EACE,eAAe,EAA2B,GAAM,EAChD,CAAA;GACa,CAAA;EAElB,EAAA,CAAA"}
+{"version":3,"file":"sidebar.js","names":[],"sources":["../../../../src/components/features/sidebar/sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { SidebarRailBody } from \"./sidebar-rail-body\";\nimport { getErrorStatus, useSettings } from \"#/hooks/query/use-settings\";\nimport { useConfig } from \"#/hooks/query/use-config\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { cn } from \"#/utils/utils\";\nimport { useSidebarMobileNav } from \"./sidebar-mobile-nav-context\";\nimport { useSidebarStore } from \"#/stores/sidebar-store\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useBackendsHealth } from \"#/hooks/query/use-backends-health\";\n// The LLM settings modal is only mounted when the settings query 404s and\n// LLM settings aren't hidden — keep it out of the sidebar's eager graph.\nconst SettingsModal = React.lazy(() =>\n  import(\"#/components/shared/modals/settings/settings-modal\").then((m) => ({\n    default: m.SettingsModal,\n  })),\n);\n\n// Add/Manage backend modals are lifted into the sidebar (instead of living\n// inside BackendSelector) so they survive the collapsed popover unmounting\n// when the user moves the cursor out of the popover toward the modal.\nconst AddBackendModal = React.lazy(() =>\n  import(\"#/components/features/backends/add-backend-modal\").then((m) => ({\n    default: m.AddBackendModal,\n  })),\n);\nconst ManageBackendsModal = React.lazy(() =>\n  import(\"#/components/features/backends/manage-backends-modal\").then((m) => ({\n    default: m.ManageBackendsModal,\n  })),\n);\n\nconst MOBILE_DRAWER_TRANSITION_MS = 250;\n\nexport function Sidebar() {\n  const { t } = useTranslation(\"openhands\");\n  const { currentPath } = useNavigation();\n  const { data: config } = useConfig();\n  const {\n    data: settings,\n    error: settingsError,\n    isError: settingsIsError,\n    isFetching: isFetchingSettings,\n  } = useSettings();\n  const { backends, active } = useActiveBackendContext();\n  const healthByBackendId = useBackendsHealth(backends);\n  const activeBackendHealth = healthByBackendId[active.backend.id];\n  const collapsed = useSidebarStore((state) => state.collapsed);\n  const setCollapsed = useSidebarStore((state) => state.setCollapsed);\n  const [settingsModalIsOpen, setSettingsModalIsOpen] = React.useState(false);\n  const [collapsedBackendPopoverOpen, setCollapsedBackendPopoverOpen] =\n    React.useState(false);\n  const collapsedBackendCloseTimer = React.useRef<ReturnType<\n    typeof setTimeout\n  > | null>(null);\n  // Lifted out of BackendSelector so opening these modals from the\n  // collapsed-sidebar popover doesn't lose state when the popover unmounts\n  // (cursor moving toward the modal triggers onMouseLeave -> close).\n  const [addBackendModalOpen, setAddBackendModalOpen] = React.useState(false);\n  const [manageBackendsModalOpen, setManageBackendsModalOpen] =\n    React.useState(false);\n  const [collapsedRailHovered, setCollapsedRailHovered] = React.useState(false);\n  const suppressCollapsedExpandRef = React.useRef(false);\n  const [, refreshCollapsedExpandGate] = React.useReducer((n) => n + 1, 0);\n  const { isOpen: isMobileNavOpen, close: closeMobileNav } =\n    useSidebarMobileNav();\n  const [mobileDrawerMounted, setMobileDrawerMounted] = React.useState(false);\n  const [mobileDrawerVisible, setMobileDrawerVisible] = React.useState(false);\n  const collapsedBackendPopoverRef = useClickOutsideElement<HTMLDivElement>(\n    () => setCollapsedBackendPopoverOpen(false),\n  );\n  const settingsErrorStatus = getErrorStatus(settingsError);\n\n  React.useEffect(() => {\n    closeMobileNav();\n  }, [currentPath, closeMobileNav]);\n\n  React.useEffect(() => {\n    if (isMobileNavOpen) {\n      setMobileDrawerMounted(true);\n      const frame = requestAnimationFrame(() => {\n        setMobileDrawerVisible(true);\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n\n    setMobileDrawerVisible(false);\n    const timer = window.setTimeout(() => {\n      setMobileDrawerMounted(false);\n    }, MOBILE_DRAWER_TRANSITION_MS);\n    return () => window.clearTimeout(timer);\n  }, [isMobileNavOpen]);\n\n  React.useEffect(() => {\n    if (!isMobileNavOpen) {\n      return undefined;\n    }\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        closeMobileNav();\n      }\n    };\n\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [isMobileNavOpen, closeMobileNav]);\n\n  React.useEffect(() => {\n    if (currentPath === \"/settings\") {\n      setSettingsModalIsOpen(false);\n    } else if (\n      !isFetchingSettings &&\n      settingsIsError &&\n      settingsErrorStatus !== 404\n    ) {\n      // We don't show toast errors for settings in the global error handler\n      // because we have a special case for 404 errors\n      displayErrorToast(\n        \"Something went wrong while fetching settings. Please reload the page.\",\n      );\n    } else if (\n      settingsErrorStatus === 404 &&\n      !config?.feature_flags?.hide_llm_settings\n    ) {\n      setSettingsModalIsOpen(true);\n    }\n  }, [\n    currentPath,\n    isFetchingSettings,\n    settingsIsError,\n    settingsErrorStatus,\n    config?.feature_flags?.hide_llm_settings,\n  ]);\n\n  const linkDisabled = settings?.email_verified === false;\n\n  const collapseToggleLabel = t(\n    collapsed ? I18nKey.SIDEBAR$EXPAND : I18nKey.SIDEBAR$COLLAPSE,\n  );\n  const handleCollapsedRailClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (!collapsed) {\n        return;\n      }\n\n      const target = event.target;\n      if (!(target instanceof HTMLElement)) {\n        return;\n      }\n\n      // Keep existing behavior for explicit controls/links and only use\n      // this as a convenience hit-area for empty collapsed-rail space.\n      if (\n        target.closest(\n          \"a,button,input,textarea,select,[role='button'],[role='link']\",\n        )\n      ) {\n        return;\n      }\n\n      setCollapsed(false);\n    },\n    [collapsed, setCollapsed],\n  );\n  const handleCollapse = React.useCallback(() => {\n    setCollapsedRailHovered(false);\n    suppressCollapsedExpandRef.current = true;\n    refreshCollapsedExpandGate();\n    setCollapsed(true);\n    window.setTimeout(() => {\n      suppressCollapsedExpandRef.current = false;\n      refreshCollapsedExpandGate();\n    }, 250);\n  }, [setCollapsed]);\n  const showCollapsedExpandButton =\n    collapsed && collapsedRailHovered && !suppressCollapsedExpandRef.current;\n\n  const isExtensionsActive =\n    currentPath === \"/customize\" ||\n    currentPath.startsWith(\"/skills\") ||\n    currentPath === \"/plugins\" ||\n    currentPath === \"/mcp\";\n\n  const railBodyProps = {\n    linkDisabled,\n    collapseToggleLabel,\n    onCollapse: handleCollapse,\n    onExpand: () => setCollapsed(false),\n    showCollapsedExpandButton,\n    isExtensionsActive,\n    currentPath,\n    activeBackendHealth,\n    collapsedBackendPopoverOpen,\n    setCollapsedBackendPopoverOpen,\n    collapsedBackendPopoverRef,\n    collapsedBackendCloseTimer,\n    onOpenAddBackend: () => setAddBackendModalOpen(true),\n    onOpenManageBackends: () => setManageBackendsModalOpen(true),\n  };\n\n  return (\n    <>\n      {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- the aside acts as a hit-area for the collapsed rail; nested controls handle their own keyboard interactions. */}\n      <aside\n        aria-label={t(I18nKey.SIDEBAR$NAVIGATION_LABEL)}\n        data-collapsed={collapsed ? \"true\" : \"false\"}\n        onClick={handleCollapsedRailClick}\n        onMouseEnter={() => {\n          if (collapsed) {\n            setCollapsedRailHovered(true);\n          }\n        }}\n        onMouseLeave={() => {\n          setCollapsedRailHovered(false);\n        }}\n        className={cn(\n          \"max-md:hidden flex bg-base flex-col min-h-0 transition-[width,min-width] duration-200\",\n          \"md:border-r md:border-[var(--oh-border)] md:h-full\",\n          collapsed\n            ? \"md:w-[60px] md:min-w-[60px] md:px-2.5\"\n            : \"md:w-[300px] md:min-w-[300px] pb-2 md:pl-2.5 md:pr-0\",\n          currentPath === \"/\" && \"md:pb-3\",\n        )}\n      >\n        <SidebarRailBody\n          collapsed={collapsed}\n          showCollapseToggle\n          {...railBodyProps}\n        />\n      </aside>\n\n      {mobileDrawerMounted ? (\n        <>\n          <div\n            className={cn(\n              \"fixed inset-0 z-40 bg-black/50 md:hidden\",\n              \"transition-opacity ease-in-out motion-reduce:transition-none\",\n              mobileDrawerVisible\n                ? \"opacity-100\"\n                : \"pointer-events-none opacity-0\",\n            )}\n            style={{ transitionDuration: `${MOBILE_DRAWER_TRANSITION_MS}ms` }}\n            onClick={closeMobileNav}\n            aria-hidden={!mobileDrawerVisible}\n          />\n          <aside\n            aria-label={t(I18nKey.SIDEBAR$NAVIGATION_LABEL)}\n            data-testid=\"sidebar-mobile-drawer\"\n            aria-hidden={!mobileDrawerVisible}\n            className={cn(\n              \"fixed inset-y-0 left-0 z-50 flex min-h-0 w-[min(300px,85vw)] flex-col bg-base\",\n              \"border-r border-[var(--oh-border)] pb-2 pl-2.5 pr-0 md:hidden\",\n              \"transition-transform ease-in-out motion-reduce:transition-none\",\n              mobileDrawerVisible ? \"translate-x-0\" : \"-translate-x-full\",\n            )}\n            style={{ transitionDuration: `${MOBILE_DRAWER_TRANSITION_MS}ms` }}\n          >\n            <SidebarRailBody\n              collapsed={false}\n              showCollapseToggle={false}\n              showMobileCloseButton\n              onCloseMobile={closeMobileNav}\n              {...railBodyProps}\n            />\n          </aside>\n        </>\n      ) : null}\n\n      {settingsModalIsOpen && (\n        <React.Suspense fallback={null}>\n          <SettingsModal\n            settings={settings}\n            onClose={() => setSettingsModalIsOpen(false)}\n          />\n        </React.Suspense>\n      )}\n      {addBackendModalOpen && (\n        <React.Suspense fallback={null}>\n          <AddBackendModal onClose={() => setAddBackendModalOpen(false)} />\n        </React.Suspense>\n      )}\n      {manageBackendsModalOpen && (\n        <React.Suspense fallback={null}>\n          <ManageBackendsModal\n            onClose={() => setManageBackendsModalOpen(false)}\n          />\n        </React.Suspense>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/contexts/conversation-websocket-context.cjs

@@ -1,4 +1,4 @@
-const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../stores/browser-store.cjs`),n=require(`../stores/command-store.cjs`),r=require(`../utils/conversation-local-storage.cjs`),i=require(`../stores/conversation-store.cjs`),ee=require(`../stores/conversation-state-store.cjs`),a=require(`../types/agent-server/type-guards.cjs`),o=require(`../stores/use-event-store.cjs`),te=require(`../node_modules/@openhands/typescript-client/dist/client/conversation-client.cjs`),ne=require(`../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),re=require(`../node_modules/posthog-js/react/dist/esm/index.cjs`),s=require(`../hooks/use-websocket.cjs`),ie=require(`../constants/server-connection-error.cjs`),ae=require(`../stores/error-message-store.cjs`),oe=require(`../stores/optimistic-user-message-store.cjs`),se=require(`../services/canvas-ui.cjs`),c=require(`../utils/cache-utils.cjs`),l=require(`../utils/websocket-url.cjs`),ce=require(`../api/agent-server-client-options.cjs`),le=require(`../api/event-service/event-service.api.cjs`),u=require(`../utils/error-handler.cjs`),ue=require(`../hooks/mutation/use-read-conversation-file.cjs`),de=require(`../stores/metrics-store.cjs`),fe=require(`../hooks/query/use-conversation-history.cjs`),pe=require(`../hooks/chat/record-model-switch-message.cjs`),d=require(`../hooks/mutation/conversation-mutation-utils.cjs`);let f=require(`react`);f=e.__toESM(f,1);let me=require(`react/jsx-runtime`);var p=(0,f.createContext)(void 0);function m(e){return e.llm_message.content.filter(e=>e.type===`text`).map(e=>e.text).join(``)}function h({children:e,conversationId:h,conversationUrl:g,sessionApiKey:_,subConversations:v,subConversationIds:y}){let[b,x]=(0,f.useState)(`CONNECTING`),[S,C]=(0,f.useState)(`CONNECTING`),w=f.default.useRef(!1),T=f.default.useRef(!1),E=re.usePostHog(),D=ne.useQueryClient(),O=o.useEventStore(e=>e.addEvent),k=o.useEventStore(e=>e.addEvents),{setErrorMessage:A,removeErrorMessage:j}=ae.useErrorMessageStore(),M=oe.useOptimisticUserMessageStore(e=>e.consumeMatchingPendingMessage),{setExecutionStatus:N}=ee.useConversationStateStore(),{appendInput:P,appendOutput:F}=n.useCommandStore(),[I,L]=(0,f.useState)(!0),[R,z]=(0,f.useState)(null),{setPlanContent:B}=i.useConversationStore(),{mutate:V}=ue.useReadConversationFile(),H=(0,f.useRef)(0),U=(0,f.useRef)(null),he=e=>e?.toUpperCase().endsWith(`PLAN.MD`)??!1,W=(0,f.useCallback)(()=>{j()},[j]),G=(0,f.useCallback)(e=>{if(e.value.usage_to_metrics?.agent){let t=e.value.usage_to_metrics.agent,n={cost:t.accumulated_cost,max_budget_per_task:t.max_budget_per_task??null,usage:t.accumulated_token_usage?{prompt_tokens:t.accumulated_token_usage.prompt_tokens,completion_tokens:t.accumulated_token_usage.completion_tokens,cache_read_tokens:t.accumulated_token_usage.cache_read_tokens,cache_write_tokens:t.accumulated_token_usage.cache_write_tokens,context_window:t.accumulated_token_usage.context_window,per_turn_token:t.accumulated_token_usage.per_turn_token}:null};de.default.getState().setMetrics(n)}},[]),{data:K,isPending:q,isError:J}=fe.useConversationHistory(h),ge=!!h&&q;(0,f.useLayoutEffect)(()=>{!K||K.events.length===0||k(K.events)},[K,k]);let Y=(0,f.useMemo)(()=>{if(q)return null;let e=K?.events??[],t=e[e.length-1];return!t||!(`timestamp`in t)||!t.timestamp?null:t.timestamp},[K,q]),X=(0,f.useMemo)(()=>!h||!g||q&&!J?null:l.buildWebSocketUrl(h,g),[h,g,q,J]),Z=(0,f.useMemo)(()=>{if(!v?.length)return null;let e=v[0];return!e?.id||!e.conversation_url?null:l.buildWebSocketUrl(e.id,e.conversation_url)},[v]),_e=(0,f.useMemo)(()=>Z?b===`CONNECTING`||S===`CONNECTING`?`CONNECTING`:b===`OPEN`&&S===`OPEN`?`OPEN`:b===`CLOSED`&&S===`CLOSED`?`CLOSED`:b===`CLOSING`||S===`CLOSING`?`CLOSING`:`CLOSED`:b,[b,S,Z]);(0,f.useEffect)(()=>{R!==null&&H.current>=R&&I&&L(!1)},[R,I,H]),(0,f.useEffect)(()=>{if(!I&&U.current){let{path:e,conversationId:t}=U.current;V({conversationId:t,filePath:e},{onSuccess:e=>{B(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}),U.current=null}},[I,V,B]),(0,f.useEffect)(()=>{w.current=!1,L(!!y?.length),z(null),H.current=0,U.current=null},[y]),(0,f.useEffect)(()=>{w.current=!1,T.current=!1,U.current=null},[h]);let ve=(0,f.useMemo)(()=>ge||I,[ge,I]),ye=(0,f.useCallback)(e=>{try{let n=JSON.parse(e.data);if(a.isAgentServerEvent(n)){let e=!o.useEventStore.getState().eventIds.has(n.id)&&a.isSwitchLLMObservationEvent(n)?n:null;if(O(n),a.isDisplayableErrorEvent(n)){let e=n;u.trackError({message:e.detail,source:`conversation`,metadata:{eventId:e.id,errorCode:e.code},posthog:E}),A(e.detail)}else W();if(a.isAgentErrorEvent(n)&&(u.trackError({message:n.error,source:`agent`,metadata:{eventId:n.id,toolName:n.tool_name,toolCallId:n.tool_call_id},posthog:E}),A(n.error)),a.isUserMessageEvent(n)&&h&&(M(h,m(n)),r.setConversationState(h,{draftMessage:null})),a.isActionEvent(n)&&c.handleActionEventCacheInvalidation(n,h||`test-conversation-id`,D),a.isConversationStateUpdateEvent(n)&&(a.isFullStateConversationStateUpdateEvent(n)&&N(n.value.execution_status),a.isAgentStatusConversationStateUpdateEvent(n)&&N(n.value),a.isStatsConversationStateUpdateEvent(n)&&G(n)),a.isExecuteBashActionEvent(n)&&P(n.action.command),a.isExecuteBashObservationEvent(n)&&F(n.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
-`)),a.isBrowserObservationEvent(n)){let{screenshot_data:e}=n.observation;if(e){let n=e.startsWith(`data:`)?e:`data:image/png;base64,${e}`;t.useBrowserStore.getState().setScreenshotSrc(n)}}a.isBrowserNavigateActionEvent(n)&&t.useBrowserStore.getState().setUrl(n.action.url),h&&e&&!e.observation.is_error&&(pe.recordModelSwitchMessage(h,e.observation.profile_name),e.observation.active_model&&d.updateConversationLlmModelInCache(D,h,e.observation.active_model),d.invalidateConversationQueries(D,h)),a.isCanvasUIActionEvent(n)&&se.handleCanvasUIAction(n.action)}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[O,A,M,D,h,N,P,F,G,W,E]),be=(0,f.useCallback)(e=>{try{let t=JSON.parse(e.data);if(I&&(H.current+=1,R!==null&&H.current>=R&&L(!1)),a.isAgentServerEvent(t)){if(O({...t,isFromPlanningAgent:!0}),a.isDisplayableErrorEvent(t)){let e=t;u.trackError({message:e.detail,source:`planning_conversation`,metadata:{eventId:e.id,errorCode:e.code},posthog:E}),A(e.detail)}else W();if(a.isAgentErrorEvent(t)&&(u.trackError({message:t.error,source:`planning_agent`,metadata:{eventId:t.id,toolName:t.tool_name,toolCallId:t.tool_call_id},posthog:E}),A(t.error)),a.isUserMessageEvent(t)&&h&&(M(h,m(t)),r.setConversationState(h,{draftMessage:null})),a.isActionEvent(t)&&c.handleActionEventCacheInvalidation(t,v?.[0]?.id||`test-conversation-id`,D),a.isConversationStateUpdateEvent(t)&&(a.isFullStateConversationStateUpdateEvent(t)&&N(t.value.execution_status),a.isAgentStatusConversationStateUpdateEvent(t)&&N(t.value),a.isStatsConversationStateUpdateEvent(t)&&G(t)),a.isExecuteBashActionEvent(t)&&P(t.action.command),a.isExecuteBashObservationEvent(t)&&F(t.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
-`)),a.isPlanningFileEditorObservationEvent(t)){let{path:e}=t.observation;if(he(e)){let t=v?.[0]?.id;t&&e&&(I?U.current={path:e,conversationId:t}:V({conversationId:t,filePath:e},{onSuccess:e=>{B(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}))}}}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[O,I,R,A,M,D,v,h,N,P,F,V,B,G,W,E]),xe=(0,f.useMemo)(()=>{let e=Y?{resend_mode:`since`,after_timestamp:Y}:{resend_mode:`all`};return _&&(e.session_api_key=_),{queryParams:e,reconnect:{enabled:!0},onOpen:()=>{x(`OPEN`),w.current=!0,j()},onClose:()=>{x(`CLOSED`)},onError:()=>{x(`CLOSED`),w.current&&A(ie.SERVER_CONNECTION_ERROR_MESSAGE)},onMessage:ye}},[ye,A,j,_,Y]),Se=(0,f.useMemo)(()=>{let e={resend_all:!0};_&&(e.session_api_key=_);let t=v?.[0];return{queryParams:e,reconnect:{enabled:!0},onOpen:async()=>{if(C(`OPEN`),T.current=!0,j(),t?.id&&t.conversation_url)try{let e=await le.default.getEventCount(t.id,t.conversation_url,t.session_api_key);z(e),e===0&&L(!1)}catch{L(!1)}},onClose:()=>{C(`CLOSED`)},onError:()=>{C(`CLOSED`),T.current&&A(ie.SERVER_CONNECTION_ERROR_MESSAGE)},onMessage:be}},[be,A,j,_,v]),{socket:Q,reconnect:Ce}=s.useWebSocket(X||``,xe),{socket:$,reconnect:we}=s.useWebSocket(Z||``,Se),Te=(0,f.useCallback)(()=>{if(j(),i.useConversationStore.getState().conversationMode===`plan`&&Z){we();return}Ce()},[Z,Ce,we,j]),Ee=(0,f.useCallback)(async e=>{let t=i.useConversationStore.getState().conversationMode===`plan`?$:Q;if(t?.readyState!==WebSocket.OPEN){if(!h){let e=Error(`No conversation ID available`);throw A(e.message),e}try{return await new te.ConversationClient(ce.getAgentServerClientOptions()).sendEvent(h,{role:`user`,content:e.content},{run:!0}),{queued:!0}}catch(e){throw A(e instanceof Error?e.message:`Failed to queue message for delivery`),e}}try{return t.send(JSON.stringify({...e,run:!0})),{queued:!1}}catch(e){throw A(e instanceof Error?e.message:`Failed to send message`),e}},[Q,$,A,h]);(0,f.useEffect)(()=>{Q&&X&&(()=>{switch(Q.readyState){case WebSocket.CONNECTING:x(`CONNECTING`);break;case WebSocket.OPEN:x(`OPEN`);break;case WebSocket.CLOSING:x(`CLOSING`);break;case WebSocket.CLOSED:x(`CLOSED`);break;default:x(`CLOSED`);break}})()},[Q,X]),(0,f.useEffect)(()=>{$&&Z&&(()=>{switch($.readyState){case WebSocket.CONNECTING:C(`CONNECTING`);break;case WebSocket.OPEN:C(`OPEN`);break;case WebSocket.CLOSING:C(`CLOSING`);break;case WebSocket.CLOSED:C(`CLOSED`);break;default:C(`CLOSED`);break}})()},[$,Z]);let De=(0,f.useMemo)(()=>({connectionState:_e,sendMessage:Ee,isLoadingHistory:ve,reconnect:Te}),[_e,Ee,ve,Te]);return(0,me.jsx)(p.Provider,{value:De,children:e})}var g=()=>(0,f.useContext)(p)||null;exports.ConversationWebSocketProvider=h,exports.useConversationWebSocket=g;
+const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../stores/browser-store.cjs`),n=require(`../stores/command-store.cjs`),r=require(`../utils/conversation-local-storage.cjs`),i=require(`../stores/conversation-store.cjs`),ee=require(`../stores/conversation-state-store.cjs`),a=require(`../types/agent-server/type-guards.cjs`),o=require(`../stores/use-event-store.cjs`),te=require(`../node_modules/@openhands/typescript-client/dist/client/conversation-client.cjs`),ne=require(`../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),re=require(`../node_modules/posthog-js/react/dist/esm/index.cjs`),s=require(`../hooks/use-websocket.cjs`),ie=require(`../constants/server-connection-error.cjs`),ae=require(`../stores/error-message-store.cjs`),oe=require(`../stores/optimistic-user-message-store.cjs`),se=require(`../services/canvas-ui.cjs`),c=require(`../utils/cache-utils.cjs`),l=require(`../utils/websocket-url.cjs`),ce=require(`../api/agent-server-client-options.cjs`),le=require(`../api/event-service/event-service.api.cjs`),u=require(`../utils/error-handler.cjs`),ue=require(`../hooks/mutation/use-read-conversation-file.cjs`),de=require(`../stores/metrics-store.cjs`),fe=require(`../hooks/query/use-conversation-history.cjs`),pe=require(`../hooks/chat/record-model-switch-message.cjs`),d=require(`../hooks/mutation/conversation-mutation-utils.cjs`);let f=require(`react`);f=e.__toESM(f,1);let me=require(`react/jsx-runtime`);var p=(0,f.createContext)(void 0);function m(e){return e.llm_message.content.filter(e=>e.type===`text`).map(e=>e.text).join(``)}function h({children:e,conversationId:h,conversationUrl:g,sessionApiKey:_,subConversations:v,subConversationIds:y}){let[b,x]=(0,f.useState)(`CONNECTING`),[S,C]=(0,f.useState)(`CONNECTING`),w=f.default.useRef(!1),T=f.default.useRef(!1),E=re.usePostHog(),D=ne.useQueryClient(),O=o.useEventStore(e=>e.addEvent),k=o.useEventStore(e=>e.addEvents),{setErrorMessage:A,removeErrorMessage:j,clearConnectionError:M}=ae.useErrorMessageStore(),N=oe.useOptimisticUserMessageStore(e=>e.consumeMatchingPendingMessage),{setExecutionStatus:P}=ee.useConversationStateStore(),{appendInput:F,appendOutput:I}=n.useCommandStore(),[L,R]=(0,f.useState)(!0),[z,B]=(0,f.useState)(null),{setPlanContent:V}=i.useConversationStore(),{mutate:H}=ue.useReadConversationFile(),U=(0,f.useRef)(0),W=(0,f.useRef)(null),he=e=>e?.toUpperCase().endsWith(`PLAN.MD`)??!1,G=(0,f.useCallback)(()=>{M()},[M]),K=(0,f.useCallback)(e=>{if(e.value.usage_to_metrics?.agent){let t=e.value.usage_to_metrics.agent,n={cost:t.accumulated_cost,max_budget_per_task:t.max_budget_per_task??null,usage:t.accumulated_token_usage?{prompt_tokens:t.accumulated_token_usage.prompt_tokens,completion_tokens:t.accumulated_token_usage.completion_tokens,cache_read_tokens:t.accumulated_token_usage.cache_read_tokens,cache_write_tokens:t.accumulated_token_usage.cache_write_tokens,context_window:t.accumulated_token_usage.context_window,per_turn_token:t.accumulated_token_usage.per_turn_token}:null};de.default.getState().setMetrics(n)}},[]),{data:q,isPending:J,isError:ge}=fe.useConversationHistory(h),_e=!!h&&J;(0,f.useLayoutEffect)(()=>{!q||q.events.length===0||k(q.events)},[q,k]);let Y=(0,f.useMemo)(()=>{if(J)return null;let e=q?.events??[],t=e[e.length-1];return!t||!(`timestamp`in t)||!t.timestamp?null:t.timestamp},[q,J]),X=(0,f.useMemo)(()=>!h||!g||J&&!ge?null:l.buildWebSocketUrl(h,g),[h,g,J,ge]),Z=(0,f.useMemo)(()=>{if(!v?.length)return null;let e=v[0];return!e?.id||!e.conversation_url?null:l.buildWebSocketUrl(e.id,e.conversation_url)},[v]),ve=(0,f.useMemo)(()=>Z?b===`CONNECTING`||S===`CONNECTING`?`CONNECTING`:b===`OPEN`&&S===`OPEN`?`OPEN`:b===`CLOSED`&&S===`CLOSED`?`CLOSED`:b===`CLOSING`||S===`CLOSING`?`CLOSING`:`CLOSED`:b,[b,S,Z]);(0,f.useEffect)(()=>{z!==null&&U.current>=z&&L&&R(!1)},[z,L,U]),(0,f.useEffect)(()=>{if(!L&&W.current){let{path:e,conversationId:t}=W.current;H({conversationId:t,filePath:e},{onSuccess:e=>{V(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}),W.current=null}},[L,H,V]),(0,f.useEffect)(()=>{w.current=!1,R(!!y?.length),B(null),U.current=0,W.current=null},[y]),(0,f.useEffect)(()=>{w.current=!1,T.current=!1,W.current=null},[h]);let ye=(0,f.useMemo)(()=>_e||L,[_e,L]),be=(0,f.useCallback)(e=>{try{let n=JSON.parse(e.data);if(a.isAgentServerEvent(n)){let e=!o.useEventStore.getState().eventIds.has(n.id)&&a.isSwitchLLMObservationEvent(n)?n:null;if(O(n),a.isDisplayableErrorEvent(n)){let e=n;u.trackError({message:e.detail,source:`conversation`,metadata:{eventId:e.id,errorCode:e.code},posthog:E}),A(e.detail)}else G();if(a.isAgentErrorEvent(n)&&u.trackError({message:n.error,source:`agent`,metadata:{eventId:n.id,toolName:n.tool_name,toolCallId:n.tool_call_id},posthog:E}),a.isUserMessageEvent(n)&&h&&(N(h,m(n)),r.setConversationState(h,{draftMessage:null})),a.isActionEvent(n)&&c.handleActionEventCacheInvalidation(n,h||`test-conversation-id`,D),a.isConversationStateUpdateEvent(n)&&(a.isFullStateConversationStateUpdateEvent(n)&&P(n.value.execution_status),a.isAgentStatusConversationStateUpdateEvent(n)&&P(n.value),a.isStatsConversationStateUpdateEvent(n)&&K(n)),a.isExecuteBashActionEvent(n)&&F(n.action.command),a.isExecuteBashObservationEvent(n)&&I(n.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
+`)),a.isBrowserObservationEvent(n)){let{screenshot_data:e}=n.observation;if(e){let n=e.startsWith(`data:`)?e:`data:image/png;base64,${e}`;t.useBrowserStore.getState().setScreenshotSrc(n)}}a.isBrowserNavigateActionEvent(n)&&t.useBrowserStore.getState().setUrl(n.action.url),h&&e&&!e.observation.is_error&&(pe.recordModelSwitchMessage(h,e.observation.profile_name),e.observation.active_model&&d.updateConversationLlmModelInCache(D,h,e.observation.active_model),d.invalidateConversationQueries(D,h)),a.isCanvasUIActionEvent(n)&&se.handleCanvasUIAction(n.action)}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[O,A,N,D,h,P,F,I,K,G,E]),xe=(0,f.useCallback)(e=>{try{let t=JSON.parse(e.data);if(L&&(U.current+=1,z!==null&&U.current>=z&&R(!1)),a.isAgentServerEvent(t)){if(O({...t,isFromPlanningAgent:!0}),a.isDisplayableErrorEvent(t)){let e=t;u.trackError({message:e.detail,source:`planning_conversation`,metadata:{eventId:e.id,errorCode:e.code},posthog:E}),A(e.detail)}else G();if(a.isAgentErrorEvent(t)&&u.trackError({message:t.error,source:`planning_agent`,metadata:{eventId:t.id,toolName:t.tool_name,toolCallId:t.tool_call_id},posthog:E}),a.isUserMessageEvent(t)&&h&&(N(h,m(t)),r.setConversationState(h,{draftMessage:null})),a.isActionEvent(t)&&c.handleActionEventCacheInvalidation(t,v?.[0]?.id||`test-conversation-id`,D),a.isConversationStateUpdateEvent(t)&&(a.isFullStateConversationStateUpdateEvent(t)&&P(t.value.execution_status),a.isAgentStatusConversationStateUpdateEvent(t)&&P(t.value),a.isStatsConversationStateUpdateEvent(t)&&K(t)),a.isExecuteBashActionEvent(t)&&F(t.action.command),a.isExecuteBashObservationEvent(t)&&I(t.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
+`)),a.isPlanningFileEditorObservationEvent(t)){let{path:e}=t.observation;if(he(e)){let t=v?.[0]?.id;t&&e&&(L?W.current={path:e,conversationId:t}:H({conversationId:t,filePath:e},{onSuccess:e=>{V(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}))}}}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[O,L,z,A,N,D,v,h,P,F,I,H,V,K,G,E]),Se=(0,f.useMemo)(()=>{let e=Y?{resend_mode:`since`,after_timestamp:Y}:{resend_mode:`all`};return _&&(e.session_api_key=_),{queryParams:e,reconnect:{enabled:!0},onOpen:()=>{x(`OPEN`),w.current=!0,M()},onClose:()=>{x(`CLOSED`)},onError:()=>{x(`CLOSED`),w.current&&A(ie.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:be}},[be,A,M,_,Y]),Ce=(0,f.useMemo)(()=>{let e={resend_all:!0};_&&(e.session_api_key=_);let t=v?.[0];return{queryParams:e,reconnect:{enabled:!0},onOpen:async()=>{if(C(`OPEN`),T.current=!0,M(),t?.id&&t.conversation_url)try{let e=await le.default.getEventCount(t.id,t.conversation_url,t.session_api_key);B(e),e===0&&R(!1)}catch{R(!1)}},onClose:()=>{C(`CLOSED`)},onError:()=>{C(`CLOSED`),T.current&&A(ie.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:xe}},[xe,A,M,_,v]),{socket:Q,reconnect:we}=s.useWebSocket(X||``,Se),{socket:$,reconnect:Te}=s.useWebSocket(Z||``,Ce),Ee=(0,f.useCallback)(()=>{if(j(),i.useConversationStore.getState().conversationMode===`plan`&&Z){Te();return}we()},[Z,we,Te,j]),De=(0,f.useCallback)(async e=>{let t=i.useConversationStore.getState().conversationMode===`plan`?$:Q;if(t?.readyState!==WebSocket.OPEN){if(!h){let e=Error(`No conversation ID available`);throw A(e.message),e}try{return await new te.ConversationClient(ce.getAgentServerClientOptions()).sendEvent(h,{role:`user`,content:e.content},{run:!0}),{queued:!0}}catch(e){throw A(e instanceof Error?e.message:`Failed to queue message for delivery`),e}}try{return t.send(JSON.stringify({...e,run:!0})),{queued:!1}}catch(e){throw A(e instanceof Error?e.message:`Failed to send message`),e}},[Q,$,A,h]);(0,f.useEffect)(()=>{Q&&X&&(()=>{switch(Q.readyState){case WebSocket.CONNECTING:x(`CONNECTING`);break;case WebSocket.OPEN:x(`OPEN`);break;case WebSocket.CLOSING:x(`CLOSING`);break;case WebSocket.CLOSED:x(`CLOSED`);break;default:x(`CLOSED`);break}})()},[Q,X]),(0,f.useEffect)(()=>{$&&Z&&(()=>{switch($.readyState){case WebSocket.CONNECTING:C(`CONNECTING`);break;case WebSocket.OPEN:C(`OPEN`);break;case WebSocket.CLOSING:C(`CLOSING`);break;case WebSocket.CLOSED:C(`CLOSED`);break;default:C(`CLOSED`);break}})()},[$,Z]);let Oe=(0,f.useMemo)(()=>({connectionState:ve,sendMessage:De,isLoadingHistory:ye,reconnect:Ee}),[ve,De,ye,Ee]);return(0,me.jsx)(p.Provider,{value:Oe,children:e})}var g=()=>(0,f.useContext)(p)||null;exports.ConversationWebSocketProvider=h,exports.useConversationWebSocket=g;
 //# sourceMappingURL=conversation-websocket-context.cjs.map

package/dist/contexts/conversation-websocket-context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-websocket-context.cjs","names":[],"sources":["../../src/contexts/conversation-websocket-context.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useState,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { ConversationClient } from \"@openhands/typescript-client/clients\";\n\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { usePostHog } from \"posthog-js/react\";\nimport { useWebSocket, WebSocketHookOptions } from \"#/hooks/use-websocket\";\nimport { SERVER_CONNECTION_ERROR_MESSAGE } from \"#/constants/server-connection-error\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useBrowserStore } from \"#/stores/browser-store\";\nimport {\n  isAgentServerEvent,\n  isAgentErrorEvent,\n  isUserMessageEvent,\n  isActionEvent,\n  isConversationStateUpdateEvent,\n  isFullStateConversationStateUpdateEvent,\n  isAgentStatusConversationStateUpdateEvent,\n  isStatsConversationStateUpdateEvent,\n  isExecuteBashActionEvent,\n  isExecuteBashObservationEvent,\n  isDisplayableErrorEvent,\n  isPlanningFileEditorObservationEvent,\n  isBrowserObservationEvent,\n  isBrowserNavigateActionEvent,\n  isSwitchLLMObservationEvent,\n  isCanvasUIActionEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { handleCanvasUIAction } from \"#/services/canvas-ui\";\nimport { ConversationStateUpdateEventStats } from \"#/types/agent-server/core/events/conversation-state-event\";\nimport type {\n  ConversationErrorEvent,\n  ServerErrorEvent,\n} from \"#/types/agent-server/core/events/conversation-state-event\";\nimport { handleActionEventCacheInvalidation } from \"#/utils/cache-utils\";\nimport { buildWebSocketUrl } from \"#/utils/websocket-url\";\nimport type {\n  AppConversation,\n  SendMessageRequest,\n} from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport EventService from \"#/api/event-service/event-service.api\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { trackError } from \"#/utils/error-handler\";\nimport { useReadConversationFile } from \"#/hooks/mutation/use-read-conversation-file\";\nimport useMetricsStore from \"#/stores/metrics-store\";\nimport { useConversationHistory } from \"#/hooks/query/use-conversation-history\";\nimport { setConversationState } from \"#/utils/conversation-local-storage\";\nimport { recordModelSwitchMessage } from \"#/hooks/chat/record-model-switch-message\";\nimport {\n  invalidateConversationQueries,\n  updateConversationLlmModelInCache,\n} from \"#/hooks/mutation/conversation-mutation-utils\";\n\nexport type WebSocketConnectionState =\n  | \"CONNECTING\"\n  | \"OPEN\"\n  | \"CLOSED\"\n  | \"CLOSING\";\n\ninterface SendMessageResult {\n  queued: boolean; // true if message was queued for later delivery, false if sent immediately\n}\n\ninterface ConversationWebSocketContextType {\n  connectionState: WebSocketConnectionState;\n  sendMessage: (message: SendMessageRequest) => Promise<SendMessageResult>;\n  isLoadingHistory: boolean;\n  reconnect: () => void;\n}\n\nconst ConversationWebSocketContext = createContext<\n  ConversationWebSocketContextType | undefined\n>(undefined);\n\n/**\n * Extract the text body of an echoed user `MessageEvent` for matching against\n * the optimistic pending-message queue. The server wraps the original\n * `args.content` string in one or more `TextContent` entries (alongside any\n * `ImageContent` entries for inline images), so concatenating the `text`\n * fields gives us back the exact prompt we sent.\n */\nfunction extractMessageEventText(\n  event: import(\"#/types/agent-server/core/events/message-event\").MessageEvent,\n): string {\n  return event.llm_message.content\n    .filter(\n      (part): part is { type: \"text\"; text: string } => part.type === \"text\",\n    )\n    .map((part) => part.text)\n    .join(\"\");\n}\n\nexport function ConversationWebSocketProvider({\n  children,\n  conversationId,\n  conversationUrl,\n  sessionApiKey,\n  subConversations,\n  subConversationIds,\n}: {\n  children: React.ReactNode;\n  conversationId?: string;\n  conversationUrl?: string | null;\n  sessionApiKey?: string | null;\n  subConversations?: AppConversation[];\n  subConversationIds?: string[];\n}) {\n  // Separate connection state tracking for each WebSocket\n  const [mainConnectionState, setMainConnectionState] =\n    useState<WebSocketConnectionState>(\"CONNECTING\");\n  const [planningConnectionState, setPlanningConnectionState] =\n    useState<WebSocketConnectionState>(\"CONNECTING\");\n\n  // Track if we've ever successfully connected for each connection\n  // Don't show errors until after first successful connection\n  const hasConnectedRefMain = React.useRef(false);\n  const hasConnectedRefPlanning = React.useRef(false);\n\n  const posthog = usePostHog();\n  const queryClient = useQueryClient();\n  const addEvent = useEventStore((state) => state.addEvent);\n  const addEvents = useEventStore((state) => state.addEvents);\n  const { setErrorMessage, removeErrorMessage } = useErrorMessageStore();\n  const consumeMatchingPendingMessage = useOptimisticUserMessageStore(\n    (state) => state.consumeMatchingPendingMessage,\n  );\n  const { setExecutionStatus } = useConversationStateStore();\n  const { appendInput, appendOutput } = useCommandStore();\n\n  // History loading state.\n  // - Main conversation history is now loaded via REST (`useConversationHistory`),\n  //   so its loading state mirrors the REST query state (see below).\n  // - Planning sub-conversation history still streams over the WebSocket using\n  //   `resend_mode='all'`, so we keep the count-based detection for it.\n  const [isLoadingHistoryPlanning, setIsLoadingHistoryPlanning] =\n    useState(true);\n  const [expectedEventCountPlanning, setExpectedEventCountPlanning] = useState<\n    number | null\n  >(null);\n\n  const { setPlanContent } = useConversationStore();\n\n  // Hook for reading conversation file\n  const { mutate: readConversationFile } = useReadConversationFile();\n\n  // Track planning-agent received events (still WS-driven).\n  const receivedEventCountRefPlanning = useRef(0);\n\n  // Track the latest PlanningFileEditorObservation for Plan.md during history replay\n  const latestPlanningFileEventRef = useRef<{\n    path: string;\n    conversationId: string;\n  } | null>(null);\n\n  const isPlanFilePath = (path: string | null): boolean =>\n    path?.toUpperCase().endsWith(\"PLAN.MD\") ?? false;\n\n  const handleNonErrorEvent = useCallback(() => {\n    removeErrorMessage();\n  }, [removeErrorMessage]);\n\n  // Helper function to update metrics from stats event\n  const updateMetricsFromStats = useCallback(\n    (event: ConversationStateUpdateEventStats) => {\n      if (event.value.usage_to_metrics?.agent) {\n        const agentMetrics = event.value.usage_to_metrics.agent;\n        const metrics = {\n          cost: agentMetrics.accumulated_cost,\n          max_budget_per_task: agentMetrics.max_budget_per_task ?? null,\n          usage: agentMetrics.accumulated_token_usage\n            ? {\n                prompt_tokens:\n                  agentMetrics.accumulated_token_usage.prompt_tokens,\n                completion_tokens:\n                  agentMetrics.accumulated_token_usage.completion_tokens,\n                cache_read_tokens:\n                  agentMetrics.accumulated_token_usage.cache_read_tokens,\n                cache_write_tokens:\n                  agentMetrics.accumulated_token_usage.cache_write_tokens,\n                context_window:\n                  agentMetrics.accumulated_token_usage.context_window,\n                per_turn_token:\n                  agentMetrics.accumulated_token_usage.per_turn_token,\n              }\n            : null,\n        };\n        useMetricsStore.getState().setMetrics(metrics);\n      }\n    },\n    [],\n  );\n\n  // Initial REST history load: fetch the most recent events and seed the\n  // store. Older events are paginated in via `useLoadOlderEvents` when the\n  // user scrolls to the top of the chat. The WebSocket connection waits for\n  // this query so it can subscribe with `resend_mode='since'` and avoid\n  // re-streaming everything REST already returned.\n  const {\n    data: preloadedHistory,\n    isPending: isPreloadingHistory,\n    isError: isPreloadHistoryError,\n  } = useConversationHistory(conversationId);\n\n  const isLoadingHistoryMain = !!conversationId && isPreloadingHistory;\n\n  useLayoutEffect(() => {\n    if (!preloadedHistory || preloadedHistory.events.length === 0) {\n      return;\n    }\n    addEvents(preloadedHistory.events);\n  }, [preloadedHistory, addEvents]);\n\n  /**\n   * Timestamp of the latest event we already have from REST. Used as\n   * `after_timestamp` when opening the WebSocket so the server only resends\n   * events strictly after this point. `null` until the REST query settles\n   * (we hold the WS connection open until then to avoid an `all` resend).\n   */\n  const initialAfterTimestamp = useMemo<string | null>(() => {\n    if (isPreloadingHistory) return null;\n    const events = preloadedHistory?.events ?? [];\n    const latest = events[events.length - 1];\n    if (!latest || !(\"timestamp\" in latest) || !latest.timestamp) return null;\n    return latest.timestamp;\n  }, [preloadedHistory, isPreloadingHistory]);\n\n  // Build WebSocket URL from props.\n  //\n  // We deliberately wait for the initial REST history fetch to settle before\n  // opening the socket so the WS subscription can use `resend_mode='since'`\n  // with a meaningful `after_timestamp`. Without this gate, the WS would open\n  // immediately and either replay the entire conversation (when falling back\n  // to `resend_mode='all'`) or miss events that arrived between REST and WS.\n  const wsUrl = useMemo(() => {\n    if (!conversationId || !conversationUrl) {\n      return null;\n    }\n    // Don't connect while we're still fetching the initial history. If the\n    // REST query errored we fall through and connect with `resend_mode='all'`\n    // so the user still sees live events.\n    if (isPreloadingHistory && !isPreloadHistoryError) {\n      return null;\n    }\n    return buildWebSocketUrl(conversationId, conversationUrl);\n  }, [\n    conversationId,\n    conversationUrl,\n    isPreloadingHistory,\n    isPreloadHistoryError,\n  ]);\n\n  const planningAgentWsUrl = useMemo(() => {\n    if (!subConversations?.length) {\n      return null;\n    }\n\n    // Currently, there is only one sub-conversation and it uses the planning agent.\n    const planningAgentConversation = subConversations[0];\n\n    if (\n      !planningAgentConversation?.id ||\n      !planningAgentConversation.conversation_url\n    ) {\n      return null;\n    }\n\n    return buildWebSocketUrl(\n      planningAgentConversation.id,\n      planningAgentConversation.conversation_url,\n    );\n  }, [subConversations]);\n\n  // Merged connection state - reflects combined status of both connections\n  const connectionState = useMemo<WebSocketConnectionState>(() => {\n    // If planning agent connection doesn't exist, use main connection state\n    if (!planningAgentWsUrl) {\n      return mainConnectionState;\n    }\n\n    // If either is connecting, merged state is connecting\n    if (\n      mainConnectionState === \"CONNECTING\" ||\n      planningConnectionState === \"CONNECTING\"\n    ) {\n      return \"CONNECTING\";\n    }\n\n    // If both are open, merged state is open\n    if (mainConnectionState === \"OPEN\" && planningConnectionState === \"OPEN\") {\n      return \"OPEN\";\n    }\n\n    // If both are closed, merged state is closed\n    if (\n      mainConnectionState === \"CLOSED\" &&\n      planningConnectionState === \"CLOSED\"\n    ) {\n      return \"CLOSED\";\n    }\n\n    // If either is closing, merged state is closing\n    if (\n      mainConnectionState === \"CLOSING\" ||\n      planningConnectionState === \"CLOSING\"\n    ) {\n      return \"CLOSING\";\n    }\n\n    // Default to closed if states don't match expected patterns\n    return \"CLOSED\";\n  }, [mainConnectionState, planningConnectionState, planningAgentWsUrl]);\n\n  useEffect(() => {\n    if (\n      expectedEventCountPlanning !== null &&\n      receivedEventCountRefPlanning.current >= expectedEventCountPlanning &&\n      isLoadingHistoryPlanning\n    ) {\n      setIsLoadingHistoryPlanning(false);\n    }\n  }, [\n    expectedEventCountPlanning,\n    isLoadingHistoryPlanning,\n    receivedEventCountRefPlanning,\n  ]);\n\n  // Call API once after history loading completes if we tracked any PlanningFileEditorObservation events\n  useEffect(() => {\n    if (!isLoadingHistoryPlanning && latestPlanningFileEventRef.current) {\n      const { path, conversationId: currentPlanningConversationId } =\n        latestPlanningFileEventRef.current;\n\n      readConversationFile(\n        {\n          conversationId: currentPlanningConversationId,\n          filePath: path,\n        },\n        {\n          onSuccess: (fileContent) => {\n            setPlanContent(fileContent);\n          },\n          onError: (error) => {\n            console.warn(\"Failed to read conversation file:\", error);\n          },\n        },\n      );\n\n      // Clear the ref after calling the API\n      latestPlanningFileEventRef.current = null;\n    }\n  }, [isLoadingHistoryPlanning, readConversationFile, setPlanContent]);\n\n  useEffect(() => {\n    hasConnectedRefMain.current = false;\n    setIsLoadingHistoryPlanning(!!subConversationIds?.length);\n    setExpectedEventCountPlanning(null);\n    receivedEventCountRefPlanning.current = 0;\n    // Reset the tracked event ref when sub-conversations change\n    latestPlanningFileEventRef.current = null;\n  }, [subConversationIds]);\n\n  // Reset hasConnected flags when the conversation changes.\n  useEffect(() => {\n    hasConnectedRefMain.current = false;\n    hasConnectedRefPlanning.current = false;\n    // Reset the tracked event ref when conversation changes\n    latestPlanningFileEventRef.current = null;\n  }, [conversationId]);\n\n  // Merged loading history state - true if either connection is still loading\n  const isLoadingHistory = useMemo(\n    () => isLoadingHistoryMain || isLoadingHistoryPlanning,\n    [isLoadingHistoryMain, isLoadingHistoryPlanning],\n  );\n\n  // Separate message handlers for each connection\n  const handleMainMessage = useCallback(\n    (messageEvent: MessageEvent) => {\n      try {\n        const event = JSON.parse(messageEvent.data);\n\n        // History loading for the main conversation is REST-driven now;\n        // every WS message is a new event we add to the store.\n\n        // Use type guard to validate v1 event structure\n        if (isAgentServerEvent(event)) {\n          const isDuplicateEvent = useEventStore\n            .getState()\n            .eventIds.has(event.id);\n          const switchLLMObservation =\n            !isDuplicateEvent && isSwitchLLMObservationEvent(event)\n              ? event\n              : null;\n          addEvent(event);\n\n          // Handle displayable error events - show error banner\n          // AgentErrorEvent errors are displayed inline in the chat, not as banners\n          if (isDisplayableErrorEvent(event)) {\n            const errorEvent = event as\n              | ConversationErrorEvent\n              | ServerErrorEvent;\n            trackError({\n              message: errorEvent.detail,\n              source: \"conversation\",\n              metadata: {\n                eventId: errorEvent.id,\n                errorCode: errorEvent.code,\n              },\n              posthog,\n            });\n            setErrorMessage(errorEvent.detail);\n          } else {\n            handleNonErrorEvent();\n          }\n\n          // Track credit limit reached if AgentErrorEvent has budget-related error\n          if (isAgentErrorEvent(event)) {\n            trackError({\n              message: event.error,\n              source: \"agent\",\n              metadata: {\n                eventId: event.id,\n                toolName: event.tool_name,\n                toolCallId: event.tool_call_id,\n              },\n              posthog,\n            });\n            setErrorMessage(event.error);\n          }\n\n          // Clear optimistic user message when a user message is confirmed.\n          // We match by the echoed text content (with FIFO fallback inside the\n          // store), so an echo for \"second\" pops \"second\" — not whichever\n          // pending entry happens to be oldest — protecting against any\n          // out-of-order delivery between conversations or sub-agents.\n          if (isUserMessageEvent(event)) {\n            if (conversationId) {\n              consumeMatchingPendingMessage(\n                conversationId,\n                extractMessageEventText(event),\n              );\n              // Clear draft from localStorage - message was successfully delivered\n              setConversationState(conversationId, { draftMessage: null });\n            }\n          }\n\n          // Handle cache invalidation for ActionEvent\n          if (isActionEvent(event)) {\n            const currentConversationId =\n              conversationId || \"test-conversation-id\"; // TODO: Get from context\n            handleActionEventCacheInvalidation(\n              event,\n              currentConversationId,\n              queryClient,\n            );\n          }\n\n          // Handle conversation state updates\n          // TODO: Tests\n          if (isConversationStateUpdateEvent(event)) {\n            if (isFullStateConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value.execution_status);\n            }\n            if (isAgentStatusConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value);\n            }\n            if (isStatsConversationStateUpdateEvent(event)) {\n              updateMetricsFromStats(event);\n            }\n          }\n\n          // Handle ExecuteBashAction events - add command as input to terminal\n          if (isExecuteBashActionEvent(event)) {\n            appendInput(event.action.command);\n          }\n\n          // Handle ExecuteBashObservation events - add output to terminal\n          if (isExecuteBashObservationEvent(event)) {\n            // Extract text content from the observation content array\n            const textContent = event.observation.content\n              .filter((c) => c.type === \"text\")\n              .map((c) => c.text)\n              .join(\"\\n\");\n            appendOutput(textContent);\n          }\n\n          // Handle BrowserObservation events - update browser store with screenshot\n          if (isBrowserObservationEvent(event)) {\n            const { screenshot_data: screenshotData } = event.observation;\n            if (screenshotData) {\n              const screenshotSrc = screenshotData.startsWith(\"data:\")\n                ? screenshotData\n                : `data:image/png;base64,${screenshotData}`;\n              useBrowserStore.getState().setScreenshotSrc(screenshotSrc);\n            }\n          }\n\n          // Handle BrowserNavigateAction events - update browser store with URL\n          if (isBrowserNavigateActionEvent(event)) {\n            useBrowserStore.getState().setUrl(event.action.url);\n          }\n\n          if (\n            conversationId &&\n            switchLLMObservation &&\n            !switchLLMObservation.observation.is_error\n          ) {\n            recordModelSwitchMessage(\n              conversationId,\n              switchLLMObservation.observation.profile_name,\n            );\n\n            if (switchLLMObservation.observation.active_model) {\n              updateConversationLlmModelInCache(\n                queryClient,\n                conversationId,\n                switchLLMObservation.observation.active_model,\n              );\n            }\n\n            invalidateConversationQueries(queryClient, conversationId);\n          }\n\n          // Handle canvas_ui custom-tool ActionEvents - drive the frontend\n          // (navigate to a file, switch tabs, show a preview). The tool\n          // executes server-side as a no-op; the actual UI change happens\n          // here on the client.\n          if (isCanvasUIActionEvent(event)) {\n            handleCanvasUIAction(event.action);\n          }\n        }\n      } catch (error) {\n        console.warn(\"Failed to parse WebSocket message as JSON:\", error);\n      }\n    },\n    [\n      addEvent,\n      setErrorMessage,\n      consumeMatchingPendingMessage,\n      queryClient,\n      conversationId,\n      setExecutionStatus,\n      appendInput,\n      appendOutput,\n      updateMetricsFromStats,\n      handleNonErrorEvent,\n      posthog,\n    ],\n  );\n\n  const handlePlanningMessage = useCallback(\n    (messageEvent: MessageEvent) => {\n      try {\n        const event = JSON.parse(messageEvent.data);\n\n        // Track received events for history loading (count ALL events from WebSocket)\n        // Always count when loading, even if we don't have the expected count yet\n        if (isLoadingHistoryPlanning) {\n          receivedEventCountRefPlanning.current += 1;\n\n          if (\n            expectedEventCountPlanning !== null &&\n            receivedEventCountRefPlanning.current >= expectedEventCountPlanning\n          ) {\n            setIsLoadingHistoryPlanning(false);\n          }\n        }\n\n        // Use type guard to validate v1 event structure\n        if (isAgentServerEvent(event)) {\n          // Mark this event as coming from the planning agent\n          const eventWithPlanningFlag = {\n            ...event,\n            isFromPlanningAgent: true,\n          };\n          addEvent(eventWithPlanningFlag);\n\n          // Handle displayable error events - show error banner\n          // AgentErrorEvent errors are displayed inline in the chat, not as banners\n          if (isDisplayableErrorEvent(event)) {\n            const errorEvent = event as\n              | ConversationErrorEvent\n              | ServerErrorEvent;\n            trackError({\n              message: errorEvent.detail,\n              source: \"planning_conversation\",\n              metadata: {\n                eventId: errorEvent.id,\n                errorCode: errorEvent.code,\n              },\n              posthog,\n            });\n            setErrorMessage(errorEvent.detail);\n          } else {\n            handleNonErrorEvent();\n          }\n\n          // Handle AgentErrorEvent specifically\n          if (isAgentErrorEvent(event)) {\n            trackError({\n              message: event.error,\n              source: \"planning_agent\",\n              metadata: {\n                eventId: event.id,\n                toolName: event.tool_name,\n                toolCallId: event.tool_call_id,\n              },\n              posthog,\n            });\n            setErrorMessage(event.error);\n          }\n\n          // Clear optimistic user message when a user message is confirmed.\n          // Always scope to the main `conversationId` (where the user types)\n          // and match on the echoed content so the planning sub-agent's own\n          // events can never consume a main-conversation pending entry.\n          if (isUserMessageEvent(event)) {\n            if (conversationId) {\n              consumeMatchingPendingMessage(\n                conversationId,\n                extractMessageEventText(event),\n              );\n              setConversationState(conversationId, { draftMessage: null });\n            }\n          }\n\n          // Handle cache invalidation for ActionEvent\n          if (isActionEvent(event)) {\n            const planningAgentConversation = subConversations?.[0];\n            const currentConversationId =\n              planningAgentConversation?.id || \"test-conversation-id\"; // TODO: Get from context\n            handleActionEventCacheInvalidation(\n              event,\n              currentConversationId,\n              queryClient,\n            );\n          }\n\n          // Handle conversation state updates\n          // TODO: Tests\n          if (isConversationStateUpdateEvent(event)) {\n            if (isFullStateConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value.execution_status);\n            }\n            if (isAgentStatusConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value);\n            }\n            if (isStatsConversationStateUpdateEvent(event)) {\n              updateMetricsFromStats(event);\n            }\n          }\n\n          // Handle ExecuteBashAction events - add command as input to terminal\n          if (isExecuteBashActionEvent(event)) {\n            appendInput(event.action.command);\n          }\n\n          // Handle ExecuteBashObservation events - add output to terminal\n          if (isExecuteBashObservationEvent(event)) {\n            // Extract text content from the observation content array\n            const textContent = event.observation.content\n              .filter((c) => c.type === \"text\")\n              .map((c) => c.text)\n              .join(\"\\n\");\n            appendOutput(textContent);\n          }\n\n          // Handle PlanningFileEditorObservation - only update plan for Plan.md\n          if (isPlanningFileEditorObservationEvent(event)) {\n            const { path } = event.observation;\n            if (isPlanFilePath(path)) {\n              const planningAgentConversation = subConversations?.[0];\n              const planningConversationId = planningAgentConversation?.id;\n\n              if (planningConversationId && path) {\n                if (isLoadingHistoryPlanning) {\n                  latestPlanningFileEventRef.current = {\n                    path,\n                    conversationId: planningConversationId,\n                  };\n                } else {\n                  readConversationFile(\n                    {\n                      conversationId: planningConversationId,\n                      filePath: path,\n                    },\n                    {\n                      onSuccess: (fileContent) => {\n                        setPlanContent(fileContent);\n                      },\n                      onError: (error) => {\n                        console.warn(\n                          \"Failed to read conversation file:\",\n                          error,\n                        );\n                      },\n                    },\n                  );\n                }\n              }\n            }\n          }\n        }\n      } catch (error) {\n        console.warn(\"Failed to parse WebSocket message as JSON:\", error);\n      }\n    },\n    [\n      addEvent,\n      isLoadingHistoryPlanning,\n      expectedEventCountPlanning,\n      setErrorMessage,\n      consumeMatchingPendingMessage,\n      queryClient,\n      subConversations,\n      conversationId,\n      setExecutionStatus,\n      appendInput,\n      appendOutput,\n      readConversationFile,\n      setPlanContent,\n      updateMetricsFromStats,\n      handleNonErrorEvent,\n      posthog,\n    ],\n  );\n\n  // Separate WebSocket options for main connection\n  const mainWebsocketOptions: WebSocketHookOptions = useMemo(() => {\n    // History was already loaded over REST (`useConversationHistory`).\n    // Subscribe with `resend_mode='since'` so the server only resends events\n    // strictly after the latest one we already have. If REST returned no\n    // events at all (brand-new conversation), fall back to `'all'` so any\n    // events that may have been written between the REST call and the WS\n    // handshake still show up. Dedup in the event store handles overlap.\n    const queryParams: Record<string, string | boolean> = initialAfterTimestamp\n      ? { resend_mode: \"since\", after_timestamp: initialAfterTimestamp }\n      : { resend_mode: \"all\" };\n\n    // Add session_api_key if available\n    if (sessionApiKey) {\n      queryParams.session_api_key = sessionApiKey;\n    }\n\n    return {\n      queryParams,\n      reconnect: { enabled: true },\n      onOpen: () => {\n        setMainConnectionState(\"OPEN\");\n        hasConnectedRefMain.current = true; // Mark that we've successfully connected\n        removeErrorMessage(); // Clear any previous error messages on successful connection\n      },\n      onClose: () => {\n        setMainConnectionState(\"CLOSED\");\n      },\n      onError: () => {\n        setMainConnectionState(\"CLOSED\");\n        // Only show error message if we've previously connected successfully\n        if (hasConnectedRefMain.current) {\n          setErrorMessage(SERVER_CONNECTION_ERROR_MESSAGE);\n        }\n      },\n      onMessage: handleMainMessage,\n    };\n  }, [\n    handleMainMessage,\n    setErrorMessage,\n    removeErrorMessage,\n    sessionApiKey,\n    initialAfterTimestamp,\n  ]);\n\n  // Separate WebSocket options for planning agent connection\n  const planningWebsocketOptions: WebSocketHookOptions = useMemo(() => {\n    const queryParams: Record<string, string | boolean> = {\n      resend_all: true,\n    };\n\n    // Add session_api_key if available\n    if (sessionApiKey) {\n      queryParams.session_api_key = sessionApiKey;\n    }\n\n    const planningAgentConversation = subConversations?.[0];\n\n    return {\n      queryParams,\n      reconnect: { enabled: true },\n      onOpen: async () => {\n        setPlanningConnectionState(\"OPEN\");\n        hasConnectedRefPlanning.current = true; // Mark that we've successfully connected\n        removeErrorMessage(); // Clear any previous error messages on successful connection\n\n        // Fetch expected event count for history loading detection\n        if (\n          planningAgentConversation?.id &&\n          planningAgentConversation.conversation_url\n        ) {\n          try {\n            const count = await EventService.getEventCount(\n              planningAgentConversation.id,\n              planningAgentConversation.conversation_url,\n              planningAgentConversation.session_api_key,\n            );\n            setExpectedEventCountPlanning(count);\n\n            // If no events expected, mark as loaded immediately\n            if (count === 0) {\n              setIsLoadingHistoryPlanning(false);\n            }\n          } catch (error) {\n            // Fall back to marking as loaded to avoid infinite loading state\n            setIsLoadingHistoryPlanning(false);\n          }\n        }\n      },\n      onClose: () => {\n        setPlanningConnectionState(\"CLOSED\");\n      },\n      onError: () => {\n        setPlanningConnectionState(\"CLOSED\");\n        // Only show error message if we've previously connected successfully\n        if (hasConnectedRefPlanning.current) {\n          setErrorMessage(SERVER_CONNECTION_ERROR_MESSAGE);\n        }\n      },\n      onMessage: handlePlanningMessage,\n    };\n  }, [\n    handlePlanningMessage,\n    setErrorMessage,\n    removeErrorMessage,\n    sessionApiKey,\n    subConversations,\n  ]);\n\n  // Only attempt WebSocket connection when we have a valid URL\n  // This prevents connection attempts during task polling phase\n  const websocketUrl = wsUrl;\n  const { socket: mainSocket, reconnect: reconnectMain } = useWebSocket(\n    websocketUrl || \"\",\n    mainWebsocketOptions,\n  );\n\n  const { socket: planningAgentSocket, reconnect: reconnectPlanning } =\n    useWebSocket(planningAgentWsUrl || \"\", planningWebsocketOptions);\n\n  const reconnect = useCallback(() => {\n    removeErrorMessage();\n    const currentMode = useConversationStore.getState().conversationMode;\n    if (currentMode === \"plan\" && planningAgentWsUrl) {\n      reconnectPlanning();\n      return;\n    }\n    reconnectMain();\n  }, [\n    planningAgentWsUrl,\n    reconnectMain,\n    reconnectPlanning,\n    removeErrorMessage,\n  ]);\n\n  // V1 send message function via WebSocket\n  // Falls back to REST API queue when WebSocket is not connected\n  const sendMessage = useCallback(\n    async (message: SendMessageRequest): Promise<SendMessageResult> => {\n      const currentMode = useConversationStore.getState().conversationMode;\n      const currentSocket =\n        currentMode === \"plan\" ? planningAgentSocket : mainSocket;\n\n      if (currentSocket?.readyState !== WebSocket.OPEN) {\n        // WebSocket not connected - queue message via REST API\n        // Message will be delivered automatically when conversation becomes ready\n        if (!conversationId) {\n          const error = new Error(\"No conversation ID available\");\n          setErrorMessage(error.message);\n          throw error;\n        }\n\n        try {\n          await new ConversationClient(getAgentServerClientOptions()).sendEvent(\n            conversationId,\n            {\n              role: \"user\",\n              content: message.content,\n            },\n            { run: true },\n          );\n          // Message queued successfully - it will be delivered when ready\n          // Return queued: true so caller knows not to show optimistic UI\n          return { queued: true };\n        } catch (error) {\n          const errorMessage =\n            error instanceof Error\n              ? error.message\n              : \"Failed to queue message for delivery\";\n          setErrorMessage(errorMessage);\n          throw error;\n        }\n      }\n\n      try {\n        // Send message through WebSocket as JSON with run: true so the\n        // agent loop starts automatically in async mode.\n        currentSocket.send(JSON.stringify({ ...message, run: true }));\n        return { queued: false };\n      } catch (error) {\n        const errorMessage =\n          error instanceof Error ? error.message : \"Failed to send message\";\n        setErrorMessage(errorMessage);\n        throw error;\n      }\n    },\n    [mainSocket, planningAgentSocket, setErrorMessage, conversationId],\n  );\n\n  // Track main socket state changes\n  useEffect(() => {\n    // Only process socket updates if we have a valid URL and socket\n    if (mainSocket && wsUrl) {\n      // Update state based on socket readyState\n      const updateState = () => {\n        switch (mainSocket.readyState) {\n          case WebSocket.CONNECTING:\n            setMainConnectionState(\"CONNECTING\");\n            break;\n          case WebSocket.OPEN:\n            setMainConnectionState(\"OPEN\");\n            break;\n          case WebSocket.CLOSING:\n            setMainConnectionState(\"CLOSING\");\n            break;\n          case WebSocket.CLOSED:\n            setMainConnectionState(\"CLOSED\");\n            break;\n          default:\n            setMainConnectionState(\"CLOSED\");\n            break;\n        }\n      };\n\n      updateState();\n    }\n  }, [mainSocket, wsUrl]);\n\n  // Track planning agent socket state changes\n  useEffect(() => {\n    // Only process socket updates if we have a valid URL and socket\n    if (planningAgentSocket && planningAgentWsUrl) {\n      // Update state based on socket readyState\n      const updateState = () => {\n        switch (planningAgentSocket.readyState) {\n          case WebSocket.CONNECTING:\n            setPlanningConnectionState(\"CONNECTING\");\n            break;\n          case WebSocket.OPEN:\n            setPlanningConnectionState(\"OPEN\");\n            break;\n          case WebSocket.CLOSING:\n            setPlanningConnectionState(\"CLOSING\");\n            break;\n          case WebSocket.CLOSED:\n            setPlanningConnectionState(\"CLOSED\");\n            break;\n          default:\n            setPlanningConnectionState(\"CLOSED\");\n            break;\n        }\n      };\n\n      updateState();\n    }\n  }, [planningAgentSocket, planningAgentWsUrl]);\n\n  const contextValue = useMemo(\n    () => ({ connectionState, sendMessage, isLoadingHistory, reconnect }),\n    [connectionState, sendMessage, isLoadingHistory, reconnect],\n  );\n\n  return (\n    <ConversationWebSocketContext.Provider value={contextValue}>\n      {children}\n    </ConversationWebSocketContext.Provider>\n  );\n}\n\nexport const useConversationWebSocket =\n  (): ConversationWebSocketContextType | null => {\n    const context = useContext(ConversationWebSocketContext);\n    // Return null instead of throwing when not in provider\n    // This allows the hook to be called conditionally based on conversation version\n    return context || null;\n  };\n"],"mappings":"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"}
+{"version":3,"file":"conversation-websocket-context.cjs","names":[],"sources":["../../src/contexts/conversation-websocket-context.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useState,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { ConversationClient } from \"@openhands/typescript-client/clients\";\n\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { usePostHog } from \"posthog-js/react\";\nimport { useWebSocket, WebSocketHookOptions } from \"#/hooks/use-websocket\";\nimport { SERVER_CONNECTION_ERROR_MESSAGE } from \"#/constants/server-connection-error\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useBrowserStore } from \"#/stores/browser-store\";\nimport {\n  isAgentServerEvent,\n  isAgentErrorEvent,\n  isUserMessageEvent,\n  isActionEvent,\n  isConversationStateUpdateEvent,\n  isFullStateConversationStateUpdateEvent,\n  isAgentStatusConversationStateUpdateEvent,\n  isStatsConversationStateUpdateEvent,\n  isExecuteBashActionEvent,\n  isExecuteBashObservationEvent,\n  isDisplayableErrorEvent,\n  isPlanningFileEditorObservationEvent,\n  isBrowserObservationEvent,\n  isBrowserNavigateActionEvent,\n  isSwitchLLMObservationEvent,\n  isCanvasUIActionEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { handleCanvasUIAction } from \"#/services/canvas-ui\";\nimport { ConversationStateUpdateEventStats } from \"#/types/agent-server/core/events/conversation-state-event\";\nimport type {\n  ConversationErrorEvent,\n  ServerErrorEvent,\n} from \"#/types/agent-server/core/events/conversation-state-event\";\nimport { handleActionEventCacheInvalidation } from \"#/utils/cache-utils\";\nimport { buildWebSocketUrl } from \"#/utils/websocket-url\";\nimport type {\n  AppConversation,\n  SendMessageRequest,\n} from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport EventService from \"#/api/event-service/event-service.api\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { trackError } from \"#/utils/error-handler\";\nimport { useReadConversationFile } from \"#/hooks/mutation/use-read-conversation-file\";\nimport useMetricsStore from \"#/stores/metrics-store\";\nimport { useConversationHistory } from \"#/hooks/query/use-conversation-history\";\nimport { setConversationState } from \"#/utils/conversation-local-storage\";\nimport { recordModelSwitchMessage } from \"#/hooks/chat/record-model-switch-message\";\nimport {\n  invalidateConversationQueries,\n  updateConversationLlmModelInCache,\n} from \"#/hooks/mutation/conversation-mutation-utils\";\n\nexport type WebSocketConnectionState =\n  | \"CONNECTING\"\n  | \"OPEN\"\n  | \"CLOSED\"\n  | \"CLOSING\";\n\ninterface SendMessageResult {\n  queued: boolean; // true if message was queued for later delivery, false if sent immediately\n}\n\ninterface ConversationWebSocketContextType {\n  connectionState: WebSocketConnectionState;\n  sendMessage: (message: SendMessageRequest) => Promise<SendMessageResult>;\n  isLoadingHistory: boolean;\n  reconnect: () => void;\n}\n\nconst ConversationWebSocketContext = createContext<\n  ConversationWebSocketContextType | undefined\n>(undefined);\n\n/**\n * Extract the text body of an echoed user `MessageEvent` for matching against\n * the optimistic pending-message queue. The server wraps the original\n * `args.content` string in one or more `TextContent` entries (alongside any\n * `ImageContent` entries for inline images), so concatenating the `text`\n * fields gives us back the exact prompt we sent.\n */\nfunction extractMessageEventText(\n  event: import(\"#/types/agent-server/core/events/message-event\").MessageEvent,\n): string {\n  return event.llm_message.content\n    .filter(\n      (part): part is { type: \"text\"; text: string } => part.type === \"text\",\n    )\n    .map((part) => part.text)\n    .join(\"\");\n}\n\nexport function ConversationWebSocketProvider({\n  children,\n  conversationId,\n  conversationUrl,\n  sessionApiKey,\n  subConversations,\n  subConversationIds,\n}: {\n  children: React.ReactNode;\n  conversationId?: string;\n  conversationUrl?: string | null;\n  sessionApiKey?: string | null;\n  subConversations?: AppConversation[];\n  subConversationIds?: string[];\n}) {\n  // Separate connection state tracking for each WebSocket\n  const [mainConnectionState, setMainConnectionState] =\n    useState<WebSocketConnectionState>(\"CONNECTING\");\n  const [planningConnectionState, setPlanningConnectionState] =\n    useState<WebSocketConnectionState>(\"CONNECTING\");\n\n  // Track if we've ever successfully connected for each connection\n  // Don't show errors until after first successful connection\n  const hasConnectedRefMain = React.useRef(false);\n  const hasConnectedRefPlanning = React.useRef(false);\n\n  const posthog = usePostHog();\n  const queryClient = useQueryClient();\n  const addEvent = useEventStore((state) => state.addEvent);\n  const addEvents = useEventStore((state) => state.addEvents);\n  const { setErrorMessage, removeErrorMessage, clearConnectionError } =\n    useErrorMessageStore();\n  const consumeMatchingPendingMessage = useOptimisticUserMessageStore(\n    (state) => state.consumeMatchingPendingMessage,\n  );\n  const { setExecutionStatus } = useConversationStateStore();\n  const { appendInput, appendOutput } = useCommandStore();\n\n  // History loading state.\n  // - Main conversation history is now loaded via REST (`useConversationHistory`),\n  //   so its loading state mirrors the REST query state (see below).\n  // - Planning sub-conversation history still streams over the WebSocket using\n  //   `resend_mode='all'`, so we keep the count-based detection for it.\n  const [isLoadingHistoryPlanning, setIsLoadingHistoryPlanning] =\n    useState(true);\n  const [expectedEventCountPlanning, setExpectedEventCountPlanning] = useState<\n    number | null\n  >(null);\n\n  const { setPlanContent } = useConversationStore();\n\n  // Hook for reading conversation file\n  const { mutate: readConversationFile } = useReadConversationFile();\n\n  // Track planning-agent received events (still WS-driven).\n  const receivedEventCountRefPlanning = useRef(0);\n\n  // Track the latest PlanningFileEditorObservation for Plan.md during history replay\n  const latestPlanningFileEventRef = useRef<{\n    path: string;\n    conversationId: string;\n  } | null>(null);\n\n  const isPlanFilePath = (path: string | null): boolean =>\n    path?.toUpperCase().endsWith(\"PLAN.MD\") ?? false;\n\n  const handleNonErrorEvent = useCallback(() => {\n    // A normal event means connectivity recovered: clear a transient connection\n    // error, but keep sticky conversation errors (e.g. a wrong API key).\n    clearConnectionError();\n  }, [clearConnectionError]);\n\n  // Helper function to update metrics from stats event\n  const updateMetricsFromStats = useCallback(\n    (event: ConversationStateUpdateEventStats) => {\n      if (event.value.usage_to_metrics?.agent) {\n        const agentMetrics = event.value.usage_to_metrics.agent;\n        const metrics = {\n          cost: agentMetrics.accumulated_cost,\n          max_budget_per_task: agentMetrics.max_budget_per_task ?? null,\n          usage: agentMetrics.accumulated_token_usage\n            ? {\n                prompt_tokens:\n                  agentMetrics.accumulated_token_usage.prompt_tokens,\n                completion_tokens:\n                  agentMetrics.accumulated_token_usage.completion_tokens,\n                cache_read_tokens:\n                  agentMetrics.accumulated_token_usage.cache_read_tokens,\n                cache_write_tokens:\n                  agentMetrics.accumulated_token_usage.cache_write_tokens,\n                context_window:\n                  agentMetrics.accumulated_token_usage.context_window,\n                per_turn_token:\n                  agentMetrics.accumulated_token_usage.per_turn_token,\n              }\n            : null,\n        };\n        useMetricsStore.getState().setMetrics(metrics);\n      }\n    },\n    [],\n  );\n\n  // Initial REST history load: fetch the most recent events and seed the\n  // store. Older events are paginated in via `useLoadOlderEvents` when the\n  // user scrolls to the top of the chat. The WebSocket connection waits for\n  // this query so it can subscribe with `resend_mode='since'` and avoid\n  // re-streaming everything REST already returned.\n  const {\n    data: preloadedHistory,\n    isPending: isPreloadingHistory,\n    isError: isPreloadHistoryError,\n  } = useConversationHistory(conversationId);\n\n  const isLoadingHistoryMain = !!conversationId && isPreloadingHistory;\n\n  useLayoutEffect(() => {\n    if (!preloadedHistory || preloadedHistory.events.length === 0) {\n      return;\n    }\n    addEvents(preloadedHistory.events);\n  }, [preloadedHistory, addEvents]);\n\n  /**\n   * Timestamp of the latest event we already have from REST. Used as\n   * `after_timestamp` when opening the WebSocket so the server only resends\n   * events strictly after this point. `null` until the REST query settles\n   * (we hold the WS connection open until then to avoid an `all` resend).\n   */\n  const initialAfterTimestamp = useMemo<string | null>(() => {\n    if (isPreloadingHistory) return null;\n    const events = preloadedHistory?.events ?? [];\n    const latest = events[events.length - 1];\n    if (!latest || !(\"timestamp\" in latest) || !latest.timestamp) return null;\n    return latest.timestamp;\n  }, [preloadedHistory, isPreloadingHistory]);\n\n  // Build WebSocket URL from props.\n  //\n  // We deliberately wait for the initial REST history fetch to settle before\n  // opening the socket so the WS subscription can use `resend_mode='since'`\n  // with a meaningful `after_timestamp`. Without this gate, the WS would open\n  // immediately and either replay the entire conversation (when falling back\n  // to `resend_mode='all'`) or miss events that arrived between REST and WS.\n  const wsUrl = useMemo(() => {\n    if (!conversationId || !conversationUrl) {\n      return null;\n    }\n    // Don't connect while we're still fetching the initial history. If the\n    // REST query errored we fall through and connect with `resend_mode='all'`\n    // so the user still sees live events.\n    if (isPreloadingHistory && !isPreloadHistoryError) {\n      return null;\n    }\n    return buildWebSocketUrl(conversationId, conversationUrl);\n  }, [\n    conversationId,\n    conversationUrl,\n    isPreloadingHistory,\n    isPreloadHistoryError,\n  ]);\n\n  const planningAgentWsUrl = useMemo(() => {\n    if (!subConversations?.length) {\n      return null;\n    }\n\n    // Currently, there is only one sub-conversation and it uses the planning agent.\n    const planningAgentConversation = subConversations[0];\n\n    if (\n      !planningAgentConversation?.id ||\n      !planningAgentConversation.conversation_url\n    ) {\n      return null;\n    }\n\n    return buildWebSocketUrl(\n      planningAgentConversation.id,\n      planningAgentConversation.conversation_url,\n    );\n  }, [subConversations]);\n\n  // Merged connection state - reflects combined status of both connections\n  const connectionState = useMemo<WebSocketConnectionState>(() => {\n    // If planning agent connection doesn't exist, use main connection state\n    if (!planningAgentWsUrl) {\n      return mainConnectionState;\n    }\n\n    // If either is connecting, merged state is connecting\n    if (\n      mainConnectionState === \"CONNECTING\" ||\n      planningConnectionState === \"CONNECTING\"\n    ) {\n      return \"CONNECTING\";\n    }\n\n    // If both are open, merged state is open\n    if (mainConnectionState === \"OPEN\" && planningConnectionState === \"OPEN\") {\n      return \"OPEN\";\n    }\n\n    // If both are closed, merged state is closed\n    if (\n      mainConnectionState === \"CLOSED\" &&\n      planningConnectionState === \"CLOSED\"\n    ) {\n      return \"CLOSED\";\n    }\n\n    // If either is closing, merged state is closing\n    if (\n      mainConnectionState === \"CLOSING\" ||\n      planningConnectionState === \"CLOSING\"\n    ) {\n      return \"CLOSING\";\n    }\n\n    // Default to closed if states don't match expected patterns\n    return \"CLOSED\";\n  }, [mainConnectionState, planningConnectionState, planningAgentWsUrl]);\n\n  useEffect(() => {\n    if (\n      expectedEventCountPlanning !== null &&\n      receivedEventCountRefPlanning.current >= expectedEventCountPlanning &&\n      isLoadingHistoryPlanning\n    ) {\n      setIsLoadingHistoryPlanning(false);\n    }\n  }, [\n    expectedEventCountPlanning,\n    isLoadingHistoryPlanning,\n    receivedEventCountRefPlanning,\n  ]);\n\n  // Call API once after history loading completes if we tracked any PlanningFileEditorObservation events\n  useEffect(() => {\n    if (!isLoadingHistoryPlanning && latestPlanningFileEventRef.current) {\n      const { path, conversationId: currentPlanningConversationId } =\n        latestPlanningFileEventRef.current;\n\n      readConversationFile(\n        {\n          conversationId: currentPlanningConversationId,\n          filePath: path,\n        },\n        {\n          onSuccess: (fileContent) => {\n            setPlanContent(fileContent);\n          },\n          onError: (error) => {\n            console.warn(\"Failed to read conversation file:\", error);\n          },\n        },\n      );\n\n      // Clear the ref after calling the API\n      latestPlanningFileEventRef.current = null;\n    }\n  }, [isLoadingHistoryPlanning, readConversationFile, setPlanContent]);\n\n  useEffect(() => {\n    hasConnectedRefMain.current = false;\n    setIsLoadingHistoryPlanning(!!subConversationIds?.length);\n    setExpectedEventCountPlanning(null);\n    receivedEventCountRefPlanning.current = 0;\n    // Reset the tracked event ref when sub-conversations change\n    latestPlanningFileEventRef.current = null;\n  }, [subConversationIds]);\n\n  // Reset hasConnected flags when the conversation changes.\n  useEffect(() => {\n    hasConnectedRefMain.current = false;\n    hasConnectedRefPlanning.current = false;\n    // Reset the tracked event ref when conversation changes\n    latestPlanningFileEventRef.current = null;\n  }, [conversationId]);\n\n  // Merged loading history state - true if either connection is still loading\n  const isLoadingHistory = useMemo(\n    () => isLoadingHistoryMain || isLoadingHistoryPlanning,\n    [isLoadingHistoryMain, isLoadingHistoryPlanning],\n  );\n\n  // Separate message handlers for each connection\n  const handleMainMessage = useCallback(\n    (messageEvent: MessageEvent) => {\n      try {\n        const event = JSON.parse(messageEvent.data);\n\n        // History loading for the main conversation is REST-driven now;\n        // every WS message is a new event we add to the store.\n\n        // Use type guard to validate v1 event structure\n        if (isAgentServerEvent(event)) {\n          const isDuplicateEvent = useEventStore\n            .getState()\n            .eventIds.has(event.id);\n          const switchLLMObservation =\n            !isDuplicateEvent && isSwitchLLMObservationEvent(event)\n              ? event\n              : null;\n          addEvent(event);\n\n          // Handle displayable error events - show error banner\n          // AgentErrorEvent errors are displayed inline in the chat, not as banners\n          if (isDisplayableErrorEvent(event)) {\n            const errorEvent = event as\n              | ConversationErrorEvent\n              | ServerErrorEvent;\n            trackError({\n              message: errorEvent.detail,\n              source: \"conversation\",\n              metadata: {\n                eventId: errorEvent.id,\n                errorCode: errorEvent.code,\n              },\n              posthog,\n            });\n            setErrorMessage(errorEvent.detail);\n          } else {\n            handleNonErrorEvent();\n          }\n\n          // LLM errors render inline in the chat (see ErrorEventMessage); track\n          // them for analytics but keep them out of the banner above the chat box.\n          if (isAgentErrorEvent(event)) {\n            trackError({\n              message: event.error,\n              source: \"agent\",\n              metadata: {\n                eventId: event.id,\n                toolName: event.tool_name,\n                toolCallId: event.tool_call_id,\n              },\n              posthog,\n            });\n          }\n\n          // Clear optimistic user message when a user message is confirmed.\n          // We match by the echoed text content (with FIFO fallback inside the\n          // store), so an echo for \"second\" pops \"second\" — not whichever\n          // pending entry happens to be oldest — protecting against any\n          // out-of-order delivery between conversations or sub-agents.\n          if (isUserMessageEvent(event)) {\n            if (conversationId) {\n              consumeMatchingPendingMessage(\n                conversationId,\n                extractMessageEventText(event),\n              );\n              // Clear draft from localStorage - message was successfully delivered\n              setConversationState(conversationId, { draftMessage: null });\n            }\n          }\n\n          // Handle cache invalidation for ActionEvent\n          if (isActionEvent(event)) {\n            const currentConversationId =\n              conversationId || \"test-conversation-id\"; // TODO: Get from context\n            handleActionEventCacheInvalidation(\n              event,\n              currentConversationId,\n              queryClient,\n            );\n          }\n\n          // Handle conversation state updates\n          // TODO: Tests\n          if (isConversationStateUpdateEvent(event)) {\n            if (isFullStateConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value.execution_status);\n            }\n            if (isAgentStatusConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value);\n            }\n            if (isStatsConversationStateUpdateEvent(event)) {\n              updateMetricsFromStats(event);\n            }\n          }\n\n          // Handle ExecuteBashAction events - add command as input to terminal\n          if (isExecuteBashActionEvent(event)) {\n            appendInput(event.action.command);\n          }\n\n          // Handle ExecuteBashObservation events - add output to terminal\n          if (isExecuteBashObservationEvent(event)) {\n            // Extract text content from the observation content array\n            const textContent = event.observation.content\n              .filter((c) => c.type === \"text\")\n              .map((c) => c.text)\n              .join(\"\\n\");\n            appendOutput(textContent);\n          }\n\n          // Handle BrowserObservation events - update browser store with screenshot\n          if (isBrowserObservationEvent(event)) {\n            const { screenshot_data: screenshotData } = event.observation;\n            if (screenshotData) {\n              const screenshotSrc = screenshotData.startsWith(\"data:\")\n                ? screenshotData\n                : `data:image/png;base64,${screenshotData}`;\n              useBrowserStore.getState().setScreenshotSrc(screenshotSrc);\n            }\n          }\n\n          // Handle BrowserNavigateAction events - update browser store with URL\n          if (isBrowserNavigateActionEvent(event)) {\n            useBrowserStore.getState().setUrl(event.action.url);\n          }\n\n          if (\n            conversationId &&\n            switchLLMObservation &&\n            !switchLLMObservation.observation.is_error\n          ) {\n            recordModelSwitchMessage(\n              conversationId,\n              switchLLMObservation.observation.profile_name,\n            );\n\n            if (switchLLMObservation.observation.active_model) {\n              updateConversationLlmModelInCache(\n                queryClient,\n                conversationId,\n                switchLLMObservation.observation.active_model,\n              );\n            }\n\n            invalidateConversationQueries(queryClient, conversationId);\n          }\n\n          // Handle canvas_ui custom-tool ActionEvents - drive the frontend\n          // (navigate to a file, switch tabs, show a preview). The tool\n          // executes server-side as a no-op; the actual UI change happens\n          // here on the client.\n          if (isCanvasUIActionEvent(event)) {\n            handleCanvasUIAction(event.action);\n          }\n        }\n      } catch (error) {\n        console.warn(\"Failed to parse WebSocket message as JSON:\", error);\n      }\n    },\n    [\n      addEvent,\n      setErrorMessage,\n      consumeMatchingPendingMessage,\n      queryClient,\n      conversationId,\n      setExecutionStatus,\n      appendInput,\n      appendOutput,\n      updateMetricsFromStats,\n      handleNonErrorEvent,\n      posthog,\n    ],\n  );\n\n  const handlePlanningMessage = useCallback(\n    (messageEvent: MessageEvent) => {\n      try {\n        const event = JSON.parse(messageEvent.data);\n\n        // Track received events for history loading (count ALL events from WebSocket)\n        // Always count when loading, even if we don't have the expected count yet\n        if (isLoadingHistoryPlanning) {\n          receivedEventCountRefPlanning.current += 1;\n\n          if (\n            expectedEventCountPlanning !== null &&\n            receivedEventCountRefPlanning.current >= expectedEventCountPlanning\n          ) {\n            setIsLoadingHistoryPlanning(false);\n          }\n        }\n\n        // Use type guard to validate v1 event structure\n        if (isAgentServerEvent(event)) {\n          // Mark this event as coming from the planning agent\n          const eventWithPlanningFlag = {\n            ...event,\n            isFromPlanningAgent: true,\n          };\n          addEvent(eventWithPlanningFlag);\n\n          // Handle displayable error events - show error banner\n          // AgentErrorEvent errors are displayed inline in the chat, not as banners\n          if (isDisplayableErrorEvent(event)) {\n            const errorEvent = event as\n              | ConversationErrorEvent\n              | ServerErrorEvent;\n            trackError({\n              message: errorEvent.detail,\n              source: \"planning_conversation\",\n              metadata: {\n                eventId: errorEvent.id,\n                errorCode: errorEvent.code,\n              },\n              posthog,\n            });\n            setErrorMessage(errorEvent.detail);\n          } else {\n            handleNonErrorEvent();\n          }\n\n          // LLM errors render inline in the chat (see ErrorEventMessage); track\n          // them for analytics but keep them out of the banner above the chat box.\n          if (isAgentErrorEvent(event)) {\n            trackError({\n              message: event.error,\n              source: \"planning_agent\",\n              metadata: {\n                eventId: event.id,\n                toolName: event.tool_name,\n                toolCallId: event.tool_call_id,\n              },\n              posthog,\n            });\n          }\n\n          // Clear optimistic user message when a user message is confirmed.\n          // Always scope to the main `conversationId` (where the user types)\n          // and match on the echoed content so the planning sub-agent's own\n          // events can never consume a main-conversation pending entry.\n          if (isUserMessageEvent(event)) {\n            if (conversationId) {\n              consumeMatchingPendingMessage(\n                conversationId,\n                extractMessageEventText(event),\n              );\n              setConversationState(conversationId, { draftMessage: null });\n            }\n          }\n\n          // Handle cache invalidation for ActionEvent\n          if (isActionEvent(event)) {\n            const planningAgentConversation = subConversations?.[0];\n            const currentConversationId =\n              planningAgentConversation?.id || \"test-conversation-id\"; // TODO: Get from context\n            handleActionEventCacheInvalidation(\n              event,\n              currentConversationId,\n              queryClient,\n            );\n          }\n\n          // Handle conversation state updates\n          // TODO: Tests\n          if (isConversationStateUpdateEvent(event)) {\n            if (isFullStateConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value.execution_status);\n            }\n            if (isAgentStatusConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value);\n            }\n            if (isStatsConversationStateUpdateEvent(event)) {\n              updateMetricsFromStats(event);\n            }\n          }\n\n          // Handle ExecuteBashAction events - add command as input to terminal\n          if (isExecuteBashActionEvent(event)) {\n            appendInput(event.action.command);\n          }\n\n          // Handle ExecuteBashObservation events - add output to terminal\n          if (isExecuteBashObservationEvent(event)) {\n            // Extract text content from the observation content array\n            const textContent = event.observation.content\n              .filter((c) => c.type === \"text\")\n              .map((c) => c.text)\n              .join(\"\\n\");\n            appendOutput(textContent);\n          }\n\n          // Handle PlanningFileEditorObservation - only update plan for Plan.md\n          if (isPlanningFileEditorObservationEvent(event)) {\n            const { path } = event.observation;\n            if (isPlanFilePath(path)) {\n              const planningAgentConversation = subConversations?.[0];\n              const planningConversationId = planningAgentConversation?.id;\n\n              if (planningConversationId && path) {\n                if (isLoadingHistoryPlanning) {\n                  latestPlanningFileEventRef.current = {\n                    path,\n                    conversationId: planningConversationId,\n                  };\n                } else {\n                  readConversationFile(\n                    {\n                      conversationId: planningConversationId,\n                      filePath: path,\n                    },\n                    {\n                      onSuccess: (fileContent) => {\n                        setPlanContent(fileContent);\n                      },\n                      onError: (error) => {\n                        console.warn(\n                          \"Failed to read conversation file:\",\n                          error,\n                        );\n                      },\n                    },\n                  );\n                }\n              }\n            }\n          }\n        }\n      } catch (error) {\n        console.warn(\"Failed to parse WebSocket message as JSON:\", error);\n      }\n    },\n    [\n      addEvent,\n      isLoadingHistoryPlanning,\n      expectedEventCountPlanning,\n      setErrorMessage,\n      consumeMatchingPendingMessage,\n      queryClient,\n      subConversations,\n      conversationId,\n      setExecutionStatus,\n      appendInput,\n      appendOutput,\n      readConversationFile,\n      setPlanContent,\n      updateMetricsFromStats,\n      handleNonErrorEvent,\n      posthog,\n    ],\n  );\n\n  // Separate WebSocket options for main connection\n  const mainWebsocketOptions: WebSocketHookOptions = useMemo(() => {\n    // History was already loaded over REST (`useConversationHistory`).\n    // Subscribe with `resend_mode='since'` so the server only resends events\n    // strictly after the latest one we already have. If REST returned no\n    // events at all (brand-new conversation), fall back to `'all'` so any\n    // events that may have been written between the REST call and the WS\n    // handshake still show up. Dedup in the event store handles overlap.\n    const queryParams: Record<string, string | boolean> = initialAfterTimestamp\n      ? { resend_mode: \"since\", after_timestamp: initialAfterTimestamp }\n      : { resend_mode: \"all\" };\n\n    // Add session_api_key if available\n    if (sessionApiKey) {\n      queryParams.session_api_key = sessionApiKey;\n    }\n\n    return {\n      queryParams,\n      reconnect: { enabled: true },\n      onOpen: () => {\n        setMainConnectionState(\"OPEN\");\n        hasConnectedRefMain.current = true; // Mark that we've successfully connected\n        clearConnectionError(); // Clear a previous connection error; keep sticky conversation errors\n      },\n      onClose: () => {\n        setMainConnectionState(\"CLOSED\");\n      },\n      onError: () => {\n        setMainConnectionState(\"CLOSED\");\n        // Only show error message if we've previously connected successfully\n        if (hasConnectedRefMain.current) {\n          setErrorMessage(SERVER_CONNECTION_ERROR_MESSAGE, \"connection\");\n        }\n      },\n      onMessage: handleMainMessage,\n    };\n  }, [\n    handleMainMessage,\n    setErrorMessage,\n    clearConnectionError,\n    sessionApiKey,\n    initialAfterTimestamp,\n  ]);\n\n  // Separate WebSocket options for planning agent connection\n  const planningWebsocketOptions: WebSocketHookOptions = useMemo(() => {\n    const queryParams: Record<string, string | boolean> = {\n      resend_all: true,\n    };\n\n    // Add session_api_key if available\n    if (sessionApiKey) {\n      queryParams.session_api_key = sessionApiKey;\n    }\n\n    const planningAgentConversation = subConversations?.[0];\n\n    return {\n      queryParams,\n      reconnect: { enabled: true },\n      onOpen: async () => {\n        setPlanningConnectionState(\"OPEN\");\n        hasConnectedRefPlanning.current = true; // Mark that we've successfully connected\n        clearConnectionError(); // Clear a previous connection error; keep sticky conversation errors\n\n        // Fetch expected event count for history loading detection\n        if (\n          planningAgentConversation?.id &&\n          planningAgentConversation.conversation_url\n        ) {\n          try {\n            const count = await EventService.getEventCount(\n              planningAgentConversation.id,\n              planningAgentConversation.conversation_url,\n              planningAgentConversation.session_api_key,\n            );\n            setExpectedEventCountPlanning(count);\n\n            // If no events expected, mark as loaded immediately\n            if (count === 0) {\n              setIsLoadingHistoryPlanning(false);\n            }\n          } catch (error) {\n            // Fall back to marking as loaded to avoid infinite loading state\n            setIsLoadingHistoryPlanning(false);\n          }\n        }\n      },\n      onClose: () => {\n        setPlanningConnectionState(\"CLOSED\");\n      },\n      onError: () => {\n        setPlanningConnectionState(\"CLOSED\");\n        // Only show error message if we've previously connected successfully\n        if (hasConnectedRefPlanning.current) {\n          setErrorMessage(SERVER_CONNECTION_ERROR_MESSAGE, \"connection\");\n        }\n      },\n      onMessage: handlePlanningMessage,\n    };\n  }, [\n    handlePlanningMessage,\n    setErrorMessage,\n    clearConnectionError,\n    sessionApiKey,\n    subConversations,\n  ]);\n\n  // Only attempt WebSocket connection when we have a valid URL\n  // This prevents connection attempts during task polling phase\n  const websocketUrl = wsUrl;\n  const { socket: mainSocket, reconnect: reconnectMain } = useWebSocket(\n    websocketUrl || \"\",\n    mainWebsocketOptions,\n  );\n\n  const { socket: planningAgentSocket, reconnect: reconnectPlanning } =\n    useWebSocket(planningAgentWsUrl || \"\", planningWebsocketOptions);\n\n  const reconnect = useCallback(() => {\n    removeErrorMessage();\n    const currentMode = useConversationStore.getState().conversationMode;\n    if (currentMode === \"plan\" && planningAgentWsUrl) {\n      reconnectPlanning();\n      return;\n    }\n    reconnectMain();\n  }, [\n    planningAgentWsUrl,\n    reconnectMain,\n    reconnectPlanning,\n    removeErrorMessage,\n  ]);\n\n  // V1 send message function via WebSocket\n  // Falls back to REST API queue when WebSocket is not connected\n  const sendMessage = useCallback(\n    async (message: SendMessageRequest): Promise<SendMessageResult> => {\n      const currentMode = useConversationStore.getState().conversationMode;\n      const currentSocket =\n        currentMode === \"plan\" ? planningAgentSocket : mainSocket;\n\n      if (currentSocket?.readyState !== WebSocket.OPEN) {\n        // WebSocket not connected - queue message via REST API\n        // Message will be delivered automatically when conversation becomes ready\n        if (!conversationId) {\n          const error = new Error(\"No conversation ID available\");\n          setErrorMessage(error.message);\n          throw error;\n        }\n\n        try {\n          await new ConversationClient(getAgentServerClientOptions()).sendEvent(\n            conversationId,\n            {\n              role: \"user\",\n              content: message.content,\n            },\n            { run: true },\n          );\n          // Message queued successfully - it will be delivered when ready\n          // Return queued: true so caller knows not to show optimistic UI\n          return { queued: true };\n        } catch (error) {\n          const errorMessage =\n            error instanceof Error\n              ? error.message\n              : \"Failed to queue message for delivery\";\n          setErrorMessage(errorMessage);\n          throw error;\n        }\n      }\n\n      try {\n        // Send message through WebSocket as JSON with run: true so the\n        // agent loop starts automatically in async mode.\n        currentSocket.send(JSON.stringify({ ...message, run: true }));\n        return { queued: false };\n      } catch (error) {\n        const errorMessage =\n          error instanceof Error ? error.message : \"Failed to send message\";\n        setErrorMessage(errorMessage);\n        throw error;\n      }\n    },\n    [mainSocket, planningAgentSocket, setErrorMessage, conversationId],\n  );\n\n  // Track main socket state changes\n  useEffect(() => {\n    // Only process socket updates if we have a valid URL and socket\n    if (mainSocket && wsUrl) {\n      // Update state based on socket readyState\n      const updateState = () => {\n        switch (mainSocket.readyState) {\n          case WebSocket.CONNECTING:\n            setMainConnectionState(\"CONNECTING\");\n            break;\n          case WebSocket.OPEN:\n            setMainConnectionState(\"OPEN\");\n            break;\n          case WebSocket.CLOSING:\n            setMainConnectionState(\"CLOSING\");\n            break;\n          case WebSocket.CLOSED:\n            setMainConnectionState(\"CLOSED\");\n            break;\n          default:\n            setMainConnectionState(\"CLOSED\");\n            break;\n        }\n      };\n\n      updateState();\n    }\n  }, [mainSocket, wsUrl]);\n\n  // Track planning agent socket state changes\n  useEffect(() => {\n    // Only process socket updates if we have a valid URL and socket\n    if (planningAgentSocket && planningAgentWsUrl) {\n      // Update state based on socket readyState\n      const updateState = () => {\n        switch (planningAgentSocket.readyState) {\n          case WebSocket.CONNECTING:\n            setPlanningConnectionState(\"CONNECTING\");\n            break;\n          case WebSocket.OPEN:\n            setPlanningConnectionState(\"OPEN\");\n            break;\n          case WebSocket.CLOSING:\n            setPlanningConnectionState(\"CLOSING\");\n            break;\n          case WebSocket.CLOSED:\n            setPlanningConnectionState(\"CLOSED\");\n            break;\n          default:\n            setPlanningConnectionState(\"CLOSED\");\n            break;\n        }\n      };\n\n      updateState();\n    }\n  }, [planningAgentSocket, planningAgentWsUrl]);\n\n  const contextValue = useMemo(\n    () => ({ connectionState, sendMessage, isLoadingHistory, reconnect }),\n    [connectionState, sendMessage, isLoadingHistory, reconnect],\n  );\n\n  return (\n    <ConversationWebSocketContext.Provider value={contextValue}>\n      {children}\n    </ConversationWebSocketContext.Provider>\n  );\n}\n\nexport const useConversationWebSocket =\n  (): ConversationWebSocketContextType | null => {\n    const context = useContext(ConversationWebSocketContext);\n    // Return null instead of throwing when not in provider\n    // This allows the hook to be called conditionally based on conversation version\n    return context || null;\n  };\n"],"mappings":"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"}