@openhands/agent-canvas 1.0.0-alpha.9 → 1.0.0-beta.1

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

@@ -30,10 +30,10 @@ var g = je(void 0);
 function _(e) {
 	return e.llm_message.content.filter((e) => e.type === "text").map((e) => e.text).join("");
 }
-function v({ children: je, conversationId: f, conversationUrl: v, sessionApiKey: y, subConversations: b, subConversationIds: x }) {
-	let [S, C] = h("CONNECTING"), [w, T] = h("CONNECTING"), E = Ae.useRef(!1), D = Ae.useRef(!1), O = me(), k = pe(), A = l((e) => e.addEvent), Fe = l((e) => e.addEvents), Ie = l((e) => e.clearEventsForConversation), { setErrorMessage: j, removeErrorMessage: Le, clearConnectionError: M } = _e(), N = ve((e) => e.consumeMatchingPendingMessage), { setExecutionStatus: P } = ee(), { appendInput: F, appendOutput: I } = t(), [L, R] = h(!0), [z, Re] = h(null), { setPlanContent: B } = r(), { mutate: V } = we(), H = Ne(0), U = Ne(null), ze = (e) => e?.toUpperCase().endsWith("PLAN.MD") ?? !1, W = d(() => {
-		M();
-	}, [M]), G = d((e) => {
+function v({ children: je, conversationId: f, conversationUrl: v, sessionApiKey: y, subConversations: b, subConversationIds: Fe }) {
+	let [x, S] = h("CONNECTING"), [C, w] = h("CONNECTING"), T = Ae.useRef(!1), E = Ae.useRef(!1), D = me(), O = pe(), k = l((e) => e.addEvent), Ie = l((e) => e.addEvents), Le = l((e) => e.clearEventsForConversation), { setErrorMessage: A, removeErrorMessage: Re, clearConnectionError: j } = _e(), M = ve((e) => e.consumeMatchingPendingMessage), { setExecutionStatus: N } = ee(), { appendInput: P, appendOutput: F } = t(), ze = e((e) => e.reset), [I, L] = h(!0), [R, Be] = h(null), { setPlanContent: z } = r(), { mutate: B } = we(), V = Ne(0), H = Ne(null), Ve = (e) => e?.toUpperCase().endsWith("PLAN.MD") ?? !1, U = d(() => {
+		j();
+	}, [j]), W = d((e) => {
 		if (e.value.usage_to_metrics?.agent) {
 			let t = e.value.usage_to_metrics.agent, n = {
 				cost: t.accumulated_cost,
@@ -49,72 +49,76 @@ function v({ children: je, conversationId: f, conversationUrl: v, sessionApiKey:
 			};
 			Te.getState().setMetrics(n);
 		}
-	}, []), { data: K, isPending: q, isError: Be } = Ee(f), Ve = !!f && q;
+	}, []), { data: G, isPending: K, isError: He } = Ee(f), Ue = !!f && K;
 	Me(() => {
 		let e = f ?? null;
-		l.getState().loadedConversationId !== e && Ie(e);
-	}, [f, Ie]), Me(() => {
-		if (!(!K || K.events.length === 0) && (Fe(K.events), f)) for (let e of K.events) c(e) && N(f, _(e));
+		l.getState().loadedConversationId !== e && (Le(e), ze());
 	}, [
-		K,
-		Fe,
 		f,
-		N
+		Le,
+		ze
+	]), Me(() => {
+		if (!(!G || G.events.length === 0) && (Ie(G.events), f)) for (let e of G.events) c(e) && M(f, _(e));
+	}, [
+		G,
+		Ie,
+		f,
+		M
 	]);
-	let J = m(() => {
-		if (q) return null;
-		let e = K?.events ?? [], t = e[e.length - 1];
+	let q = m(() => {
+		if (K) return null;
+		let e = G?.events ?? [], t = e[e.length - 1];
 		return !t || !("timestamp" in t) || !t.timestamp ? null : t.timestamp;
-	}, [K, q]), Y = m(() => !f || !v || q && !Be ? null : xe(f, v), [
+	}, [G, K]), J = m(() => !f || !v || K && !He ? null : xe(f, v), [
 		f,
 		v,
-		q,
-		Be
-	]), X = m(() => {
+		K,
+		He
+	]), Y = m(() => {
 		if (!b?.length) return null;
 		let e = b[0];
 		return !e?.id || !e.conversation_url ? null : xe(e.id, e.conversation_url);
-	}, [b]), He = m(() => X ? S === "CONNECTING" || w === "CONNECTING" ? "CONNECTING" : S === "OPEN" && w === "OPEN" ? "OPEN" : S === "CLOSED" && w === "CLOSED" ? "CLOSED" : S === "CLOSING" || w === "CLOSING" ? "CLOSING" : "CLOSED" : S, [
-		S,
-		w,
-		X
+	}, [b]), We = m(() => Y ? x === "CONNECTING" || C === "CONNECTING" ? "CONNECTING" : x === "OPEN" && C === "OPEN" ? "OPEN" : x === "CLOSED" && C === "CLOSED" ? "CLOSED" : x === "CLOSING" || C === "CLOSING" ? "CLOSING" : "CLOSED" : x, [
+		x,
+		C,
+		Y
 	]);
 	p(() => {
-		z !== null && H.current >= z && L && R(!1);
+		R !== null && V.current >= R && I && L(!1);
 	}, [
-		z,
-		L,
-		H
+		R,
+		I,
+		V
 	]), p(() => {
-		if (!L && U.current) {
-			let { path: e, conversationId: t } = U.current;
-			V({
+		if (!I && H.current) {
+			let { path: e, conversationId: t } = H.current;
+			B({
 				conversationId: t,
 				filePath: e
 			}, {
 				onSuccess: (e) => {
-					B(e);
+					z(e);
 				},
 				onError: (e) => {
 					console.warn("Failed to read conversation file:", e);
 				}
-			}), U.current = null;
+			}), H.current = null;
 		}
 	}, [
-		L,
-		V,
-		B
+		I,
+		B,
+		z
 	]), p(() => {
-		E.current = !1, R(!!x?.length), Re(null), H.current = 0, U.current = null;
-	}, [x]), p(() => {
-		E.current = !1, D.current = !1, U.current = null;
+		T.current = !1, L(!!Fe?.length), Be(null), V.current = 0, H.current = null;
+	}, [Fe]), p(() => {
+		T.current = !1, E.current = !1, H.current = null;
 	}, [f]);
-	let Ue = m(() => Ve || L, [Ve, L]), Z = d((t) => {
+	let X = m(() => Ue || I, [Ue, I]), Ge = d((t) => {
 		try {
 			let r = JSON.parse(t.data);
 			if (re(r)) {
 				let t = !l.getState().eventIds.has(r.id) && de(r) ? r : null;
-				if (A(r), a(r)) {
+				if (k(r), a(r)) {
 					let e = r;
 					u({
 						message: e.detail,
@@ -123,9 +127,9 @@ function v({ children: je, conversationId: f, conversationUrl: v, sessionApiKey:
 							eventId: e.id,
 							errorCode: e.code
 						},
-						posthog: O
-					}), j(e.detail);
-				} else W();
+						posthog: D
+					}), A(e.detail);
+				} else U();
 				if (ne(r) && u({
 					message: r.error,
 					source: "agent",
@@ -134,36 +138,36 @@ function v({ children: je, conversationId: f, conversationUrl: v, sessionApiKey:
 						toolName: r.tool_name,
 						toolCallId: r.tool_call_id
 					},
-					posthog: O
-				}), c(r) && f && (N(f, _(r)), n(f, { draftMessage: null })), te(r) && be(r, f || "test-conversation-id", k), i(r) && (ce(r) && P(r.value.execution_status), ie(r) && P(r.value), ue(r) && G(r)), o(r) && F(r.action.command), s(r) && I(r.observation.content.filter((e) => e.type === "text").map((e) => e.text).join("\n")), oe(r)) {
+					posthog: D
+				}), c(r) && f && (M(f, _(r)), n(f, { draftMessage: null })), te(r) && be(r, f || "test-conversation-id", O), i(r) && (ce(r) && N(r.value.execution_status), ie(r) && N(r.value), ue(r) && W(r)), o(r) && P(r.action.command), s(r) && F(r.observation.content.filter((e) => e.type === "text").map((e) => e.text).join("\n")), oe(r)) {
 					let { screenshot_data: t } = r.observation;
 					if (t) {
 						let n = t.startsWith("data:") ? t : `data:image/png;base64,${t}`;
 						e.getState().setScreenshotSrc(n);
 					}
 				}
-				ae(r) && e.getState().setUrl(r.action.url), f && t && !t.observation.is_error && (De(f, t.observation.profile_name), t.observation.active_model && ke(k, f, t.observation.active_model), Oe(k, f)), se(r) && ye(r.action);
+				ae(r) && e.getState().setUrl(r.action.url), f && t && !t.observation.is_error && (De(f, t.observation.profile_name), t.observation.active_model && ke(O, f, t.observation.active_model), Oe(O, f)), se(r) && ye(r.action);
 			}
 		} catch (e) {
 			console.warn("Failed to parse WebSocket message as JSON:", e);
 		}
 	}, [
-		A,
-		j,
-		N,
 		k,
+		A,
+		M,
+		O,
 		f,
+		N,
 		P,
 		F,
-		I,
-		G,
 		W,
-		O
-	]), We = d((e) => {
+		U,
+		D
+	]), Ke = d((e) => {
 		try {
 			let t = JSON.parse(e.data);
-			if (L && (H.current += 1, z !== null && H.current >= z && R(!1)), re(t)) {
-				if (A({
+			if (I && (V.current += 1, R !== null && V.current >= R && L(!1)), re(t)) {
+				if (k({
 					...t,
 					isFromPlanningAgent: !0
 				}), a(t)) {
@@ -175,9 +179,9 @@ function v({ children: je, conversationId: f, conversationUrl: v, sessionApiKey:
 							eventId: e.id,
 							errorCode: e.code
 						},
-						posthog: O
-					}), j(e.detail);
-				} else W();
+						posthog: D
+					}), A(e.detail);
+				} else U();
 				if (ne(t) && u({
 					message: t.error,
 					source: "planning_agent",
@@ -186,20 +190,20 @@ function v({ children: je, conversationId: f, conversationUrl: v, sessionApiKey:
 						toolName: t.tool_name,
 						toolCallId: t.tool_call_id
 					},
-					posthog: O
-				}), c(t) && f && (N(f, _(t)), n(f, { draftMessage: null })), te(t) && be(t, b?.[0]?.id || "test-conversation-id", k), i(t) && (ce(t) && P(t.value.execution_status), ie(t) && P(t.value), ue(t) && G(t)), o(t) && F(t.action.command), s(t) && I(t.observation.content.filter((e) => e.type === "text").map((e) => e.text).join("\n")), le(t)) {
+					posthog: D
+				}), c(t) && f && (M(f, _(t)), n(f, { draftMessage: null })), te(t) && be(t, b?.[0]?.id || "test-conversation-id", O), i(t) && (ce(t) && N(t.value.execution_status), ie(t) && N(t.value), ue(t) && W(t)), o(t) && P(t.action.command), s(t) && F(t.observation.content.filter((e) => e.type === "text").map((e) => e.text).join("\n")), le(t)) {
 					let { path: e } = t.observation;
-					if (ze(e)) {
+					if (Ve(e)) {
 						let t = b?.[0]?.id;
-						t && e && (L ? U.current = {
+						t && e && (I ? H.current = {
 							path: e,
 							conversationId: t
-						} : V({
+						} : B({
 							conversationId: t,
 							filePath: e
 						}, {
 							onSuccess: (e) => {
-								B(e);
+								z(e);
 							},
 							onError: (e) => {
 								console.warn("Failed to read conversation file:", e);
@@ -212,48 +216,48 @@ function v({ children: je, conversationId: f, conversationUrl: v, sessionApiKey:
 			console.warn("Failed to parse WebSocket message as JSON:", e);
 		}
 	}, [
-		A,
-		L,
-		z,
-		j,
-		N,
 		k,
+		I,
+		R,
+		A,
+		M,
+		O,
 		b,
 		f,
+		N,
 		P,
 		F,
-		I,
-		V,
 		B,
-		G,
+		z,
 		W,
-		O
-	]), Ge = m(() => {
-		let e = J ? {
+		U,
+		D
+	]), qe = m(() => {
+		let e = q ? {
 			resend_mode: "since",
-			after_timestamp: J
+			after_timestamp: q
 		} : { resend_mode: "all" };
 		return y && (e.session_api_key = y), {
 			queryParams: e,
 			reconnect: { enabled: !0 },
 			onOpen: () => {
-				C("OPEN"), E.current = !0, M();
+				S("OPEN"), T.current = !0, j();
 			},
 			onClose: () => {
-				C("CLOSED");
+				S("CLOSED");
 			},
 			onError: () => {
-				C("CLOSED"), E.current && j(ge, "connection");
+				S("CLOSED"), T.current && A(ge, "connection");
 			},
-			onMessage: Z
+			onMessage: Ge
 		};
 	}, [
-		Z,
+		Ge,
+		A,
 		j,
-		M,
 		y,
-		J
-	]), Ke = m(() => {
+		q
+	]), Je = m(() => {
 		let e = { resend_all: !0 };
 		y && (e.session_api_key = y);
 		let t = b?.[0];
@@ -261,44 +265,44 @@ function v({ children: je, conversationId: f, conversationUrl: v, sessionApiKey:
 			queryParams: e,
 			reconnect: { enabled: !0 },
 			onOpen: async () => {
-				if (T("OPEN"), D.current = !0, M(), t?.id && t.conversation_url) try {
+				if (w("OPEN"), E.current = !0, j(), t?.id && t.conversation_url) try {
 					let e = await Ce.getEventCount(t.id, t.conversation_url, t.session_api_key);
-					Re(e), e === 0 && R(!1);
+					Be(e), e === 0 && L(!1);
 				} catch {
-					R(!1);
+					L(!1);
 				}
 			},
 			onClose: () => {
-				T("CLOSED");
+				w("CLOSED");
 			},
 			onError: () => {
-				T("CLOSED"), D.current && j(ge, "connection");
+				w("CLOSED"), E.current && A(ge, "connection");
 			},
-			onMessage: We
+			onMessage: Ke
 		};
 	}, [
-		We,
+		Ke,
+		A,
 		j,
-		M,
 		y,
 		b
-	]), { socket: Q, reconnect: qe } = he(Y || "", Ge), { socket: $, reconnect: Je } = he(X || "", Ke), Ye = d(() => {
-		if (Le(), r.getState().conversationMode === "plan" && X) {
-			Je();
+	]), { socket: Z, reconnect: Ye } = he(J || "", qe), { socket: Q, reconnect: Xe } = he(Y || "", Je), Ze = d(() => {
+		if (Re(), r.getState().conversationMode === "plan" && Y) {
+			Xe();
 			return;
 		}
-		qe();
+		Ye();
 	}, [
-		X,
-		qe,
-		Je,
-		Le
-	]), Xe = d(async (e) => {
-		let t = r.getState().conversationMode === "plan" ? $ : Q;
+		Y,
+		Ye,
+		Xe,
+		Re
+	]), $ = d(async (e) => {
+		let t = r.getState().conversationMode === "plan" ? Q : Z;
 		if (t?.readyState !== WebSocket.OPEN) {
 			if (!f) {
 				let e = /* @__PURE__ */ Error("No conversation ID available");
-				throw j(e.message), e;
+				throw A(e.message), e;
 			}
 			try {
 				return await new fe(Se()).sendEvent(f, {
@@ -306,7 +310,7 @@ function v({ children: je, conversationId: f, conversationUrl: v, sessionApiKey:
 					content: e.content
 				}, { run: !0 }), { queued: !0 };
 			} catch (e) {
-				throw j(e instanceof Error ? e.message : "Failed to queue message for delivery"), e;
+				throw A(e instanceof Error ? e.message : "Failed to queue message for delivery"), e;
 			}
 		}
 		try {
@@ -315,68 +319,68 @@ function v({ children: je, conversationId: f, conversationUrl: v, sessionApiKey:
 				run: !0
 			})), { queued: !1 };
 		} catch (e) {
-			throw j(e instanceof Error ? e.message : "Failed to send message"), e;
+			throw A(e instanceof Error ? e.message : "Failed to send message"), e;
 		}
 	}, [
+		Z,
 		Q,
-		$,
-		j,
+		A,
 		f
 	]);
 	p(() => {
-		Q && Y && (() => {
-			switch (Q.readyState) {
+		Z && J && (() => {
+			switch (Z.readyState) {
 				case WebSocket.CONNECTING:
-					C("CONNECTING");
+					S("CONNECTING");
 					break;
 				case WebSocket.OPEN:
-					C("OPEN");
+					S("OPEN");
 					break;
 				case WebSocket.CLOSING:
-					C("CLOSING");
+					S("CLOSING");
 					break;
 				case WebSocket.CLOSED:
-					C("CLOSED");
+					S("CLOSED");
 					break;
 				default:
-					C("CLOSED");
+					S("CLOSED");
 					break;
 			}
 		})();
-	}, [Q, Y]), p(() => {
-		$ && X && (() => {
-			switch ($.readyState) {
+	}, [Z, J]), p(() => {
+		Q && Y && (() => {
+			switch (Q.readyState) {
 				case WebSocket.CONNECTING:
-					T("CONNECTING");
+					w("CONNECTING");
 					break;
 				case WebSocket.OPEN:
-					T("OPEN");
+					w("OPEN");
 					break;
 				case WebSocket.CLOSING:
-					T("CLOSING");
+					w("CLOSING");
 					break;
 				case WebSocket.CLOSED:
-					T("CLOSED");
+					w("CLOSED");
 					break;
 				default:
-					T("CLOSED");
+					w("CLOSED");
 					break;
 			}
 		})();
-	}, [$, X]);
-	let Ze = m(() => ({
-		connectionState: He,
-		sendMessage: Xe,
-		isLoadingHistory: Ue,
-		reconnect: Ye
+	}, [Q, Y]);
+	let Qe = m(() => ({
+		connectionState: We,
+		sendMessage: $,
+		isLoadingHistory: X,
+		reconnect: Ze
 	}), [
-		He,
-		Xe,
-		Ue,
-		Ye
+		We,
+		$,
+		X,
+		Ze
 	]);
 	return /* @__PURE__ */ Pe(g.Provider, {
-		value: Ze,
+		value: Qe,
 		children: je
 	});
 }