@openhands/agent-canvas 1.14.0 → 1.15.0

package/dist/components/features/chat/chat-interface.js

@@ -6,281 +6,283 @@ import { useOptionalConversationId as a } from "../../../hooks/use-conversation-
 import { useConversationStore as o } from "../../../stores/conversation-store.js";
 import { displayErrorToast as s } from "../../../utils/custom-toast-handlers.js";
 import "../../../constants/server-connection-error.js";
-import { useErrorMessageStore as ee } from "../../../stores/error-message-store.js";
-import { useOptimisticUserMessageStore as c } from "../../../stores/optimistic-user-message-store.js";
-import { useGoalStore as l } from "../../../stores/goal-store.js";
-import { useModelStore as u } from "../../../stores/model-store.js";
-import { useConversationWebSocket as d } from "../../../contexts/conversation-websocket-context.js";
-import { useSendMessage as te } from "../../../hooks/use-send-message.js";
-import { useActiveConversation as f } from "../../../hooks/query/use-active-conversation.js";
-import { useAgentState as p } from "../../../hooks/use-agent-state.js";
-import { convertImageToBase64 as ne } from "../../../utils/convert-image-to-base-64.js";
-import { validateFiles as re } from "../../../utils/file-validation.js";
-import { matchesPendingConversationId as ie } from "../../../utils/pending-task-message-link.js";
-import { useTaskPolling as ae } from "../../../hooks/query/use-task-polling.js";
-import { useTracking as oe } from "../../../hooks/use-tracking.js";
-import { isAcpAuthErrorCode as se } from "../../../utils/acp-error-codes.js";
-import { createChatMessage as ce } from "../../../services/chat-service.js";
-import { BtwMessages as le } from "./btw-messages.js";
-import { GoalStatusBanner as ue } from "./goal-status-banner.js";
-import { ModelMessages as de } from "./model-messages.js";
-import { hasConversationStarted as fe } from "./components/resolve-picker-kind.js";
-import { useIsArchivedConversation as pe } from "../../../hooks/use-is-archived-conversation.js";
-import { LoadingSpinner as m } from "../../shared/loading-spinner.js";
-import { useScrollToBottom as me } from "../../../hooks/use-scroll-to-bottom.js";
-import { ScrollProvider as he } from "../../../context/scroll-context.js";
-import { InteractiveChatBox as ge } from "./interactive-chat-box.js";
-import { useFilteredEvents as _e } from "../../../hooks/use-filtered-events.js";
-import { useLoadOlderEvents as ve } from "../../../hooks/use-load-older-events.js";
-import { TypingIndicator as ye } from "./typing-indicator.js";
-import { ChatSuggestions as be } from "./chat-suggestions.js";
-import { useInitialQueryStore as xe } from "../../../stores/initial-query-store.js";
-import { useHandleBuildPlanClick as Se } from "../../../hooks/use-handle-build-plan-click.js";
-import { ScrollToBottomButton as Ce } from "../../shared/buttons/scroll-to-bottom-button.js";
-import { ChatMessagesSkeleton as we } from "./chat-messages-skeleton.js";
-import { ErrorMessageBanner as Te } from "./error-message-banner.js";
-import { SkillInstallRestartBanner as Ee } from "./skill-install-restart-banner.js";
-import { useLlmConfigured as De } from "../../../hooks/use-llm-configured.js";
-import { LlmNotConfiguredBanner as Oe } from "../home/llm-not-configured-banner.js";
-import { Messages as ke } from "../../conversation-events/chat/messages.js";
-import { PendingUserMessages as Ae } from "./pending-user-messages.js";
-import { useUnifiedUploadFiles as je } from "../../../hooks/mutation/use-unified-upload-files.js";
-import Me from "./confirmation-mode-enabled.js";
-import Ne from "./chat-status-indicator.js";
-import { useNewConversationCommand as Pe } from "../../../hooks/mutation/use-new-conversation-command.js";
-import h from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useNavigate as Fe } from "react-router";
+import { useErrorMessageStore as c } from "../../../stores/error-message-store.js";
+import { useOptimisticUserMessageStore as l } from "../../../stores/optimistic-user-message-store.js";
+import { useGoalStore as u } from "../../../stores/goal-store.js";
+import { useModelStore as d } from "../../../stores/model-store.js";
+import { useConversationWebSocket as f } from "../../../contexts/conversation-websocket-context.js";
+import { useSendMessage as p } from "../../../hooks/use-send-message.js";
+import { useActiveConversation as m } from "../../../hooks/query/use-active-conversation.js";
+import { useAgentState as h } from "../../../hooks/use-agent-state.js";
+import { convertImageToBase64 as ee } from "../../../utils/convert-image-to-base-64.js";
+import { validateFiles as te } from "../../../utils/file-validation.js";
+import { matchesPendingConversationId as ne } from "../../../utils/pending-task-message-link.js";
+import { useTaskPolling as re } from "../../../hooks/query/use-task-polling.js";
+import { useTracking as ie } from "../../../hooks/use-tracking.js";
+import { isAcpAuthErrorCode as ae } from "../../../utils/acp-error-codes.js";
+import { createChatMessage as oe } from "../../../services/chat-service.js";
+import { BtwMessages as se } from "./btw-messages.js";
+import { GoalStatusBanner as ce } from "./goal-status-banner.js";
+import { ModelMessages as le } from "./model-messages.js";
+import { hasConversationStarted as ue } from "./components/resolve-picker-kind.js";
+import { useIsArchivedConversation as de } from "../../../hooks/use-is-archived-conversation.js";
+import { LoadingSpinner as fe } from "../../shared/loading-spinner.js";
+import { useScrollToBottom as pe } from "../../../hooks/use-scroll-to-bottom.js";
+import { ScrollProvider as me } from "../../../context/scroll-context.js";
+import { InteractiveChatBox as he } from "./interactive-chat-box.js";
+import { useFilteredEvents as ge } from "../../../hooks/use-filtered-events.js";
+import { useLoadOlderEvents as _e } from "../../../hooks/use-load-older-events.js";
+import { TypingIndicator as ve } from "./typing-indicator.js";
+import { ChatSuggestions as ye } from "./chat-suggestions.js";
+import { useInitialQueryStore as be } from "../../../stores/initial-query-store.js";
+import { useHandleBuildPlanClick as xe } from "../../../hooks/use-handle-build-plan-click.js";
+import { ScrollToBottomButton as Se } from "../../shared/buttons/scroll-to-bottom-button.js";
+import { ChatMessagesSkeleton as Ce } from "./chat-messages-skeleton.js";
+import { ErrorMessageBanner as we } from "./error-message-banner.js";
+import { SkillInstallRestartBanner as Te } from "./skill-install-restart-banner.js";
+import { useLlmConfigured as Ee } from "../../../hooks/use-llm-configured.js";
+import { LlmNotConfiguredBanner as De } from "../home/llm-not-configured-banner.js";
+import { Messages as Oe } from "../../conversation-events/chat/messages.js";
+import { PendingUserMessages as ke } from "./pending-user-messages.js";
+import { useUnifiedUploadFiles as Ae } from "../../../hooks/mutation/use-unified-upload-files.js";
+import je from "./confirmation-mode-enabled.js";
+import Me from "./chat-status-indicator.js";
+import { useNewConversationCommand as Ne } from "../../../hooks/mutation/use-new-conversation-command.js";
+import g from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useNavigate as Pe } from "react-router";
 //#region src/components/features/chat/chat-interface.tsx
-function Ie(e, t) {
+function Fe(e, t) {
 	return e ? "github" : t ? "replay" : "direct";
 }
-function Le() {
-	let { trackInitialQuerySubmitted: Le, trackUserMessageSent: Re } = oe(), { setMessageToSend: v } = o(), { errorMessage: y, errorCode: b, errorClassification: ze, removeErrorMessage: Be, setErrorMessage: x } = ee(), Ve = Fe(), { isTask: S, taskStatus: He, taskDetail: Ue } = ae(), C = S, w = d(), { send: We } = te(), { renderableEvents: T, allConversationEvents: E, totalEvents: D, hasSubstantiveAgentActions: O, userEventsExist: k } = _e(), Ge = c((e) => e.enqueuePendingMessage), Ke = c((e) => e.markPendingMessageError), A = c((e) => e.pendingMessages), { t: j } = e("openhands"), M = h.useRef(null), { scrollDomToBottom: N, onChatBodyScroll: P, hitBottom: F, autoScroll: I, setAutoScroll: qe, setHitBottom: Je } = me(M), { mutate: Ye, isPending: L } = Pe(), { curAgentState: R } = p(), { handleBuildPlanClick: z } = Se(), { data: Xe } = f(), B = Xe?.sandbox_status ?? null, V = pe(), { isConfigured: Ze, isLoading: Qe } = De(), H = !Qe && !Ze, U = R === n.RUNNING || R === n.LOADING;
-	h.useEffect(() => {
-		if (U) return;
+function y() {
+	let { trackInitialQuerySubmitted: y, trackUserMessageSent: Ie } = ie(), { setMessageToSend: b, conversationMode: x, planContent: S } = o(), { errorMessage: C, errorCode: w, errorClassification: Le, removeErrorMessage: Re, setErrorMessage: T } = c(), ze = Pe(), { isTask: E, taskStatus: D, taskDetail: Be } = re(), O = E, k = f(), { send: Ve } = p(), { renderableEvents: A, allConversationEvents: j, totalEvents: M, hasSubstantiveAgentActions: N, userEventsExist: P } = ge(), He = l((e) => e.enqueuePendingMessage), Ue = l((e) => e.markPendingMessageError), F = l((e) => e.pendingMessages), { t: I } = e("openhands"), L = g.useRef(null), { scrollDomToBottom: R, onChatBodyScroll: z, hitBottom: B, autoScroll: V, setAutoScroll: We, setHitBottom: Ge } = pe(L), { mutate: Ke, isPending: qe } = Ne(), { curAgentState: H } = h(), { handleBuildPlanClick: Je } = xe(), { data: Ye } = m(), Xe = Ye?.sandbox_status ?? null, U = de(), { isConfigured: Ze, isLoading: Qe } = Ee(), W = !Qe && !Ze, $e = H === n.RUNNING || H === n.LOADING;
+	g.useEffect(() => {
+		if ($e || x !== "plan" || !S) return;
 		let e = (e) => {
-			(e.metaKey || e.ctrlKey) && e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), z(e), N());
+			(e.metaKey || e.ctrlKey) && e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), Je(e), R());
 		};
 		return document.addEventListener("keydown", e), () => {
 			document.removeEventListener("keydown", e);
 		};
 	}, [
-		U,
-		z,
-		N
+		$e,
+		x,
+		S,
+		Je,
+		R
 	]);
-	let { selectedRepository: $e, replayJson: W } = xe(), { conversationId: G } = a(), et = l((e) => {
+	let { selectedRepository: et, replayJson: tt } = be(), { conversationId: G } = a(), nt = u((e) => {
 		let t = G ? e.statusByConversation[G] : void 0;
 		return t?.active ? `${t.iteration}:${t.status}` : null;
-	}), { mutateAsync: tt } = je(), { isLoading: K, hasMore: q, loadOlder: nt } = ve(G), J = h.useRef(null), Y = h.useCallback((e) => {
-		if (C || K || !q) return;
+	}), { mutateAsync: rt } = Ae(), { isLoading: K, hasMore: q, loadOlder: it } = _e(G), J = g.useRef(null), Y = g.useCallback((e) => {
+		if (O || K || !q) return;
 		let n = e.scrollTop <= 80, r = e.scrollHeight <= e.clientHeight + 80;
 		!n && !r || (J.current = {
 			scrollHeight: e.scrollHeight,
 			scrollTop: e.scrollTop
-		}, nt().catch((e) => {
-			J.current = null, x(e instanceof Error && e.message ? e.message : j(t.ERROR$GENERIC));
+		}, it().catch((e) => {
+			J.current = null, T(e instanceof Error && e.message ? e.message : I(t.ERROR$GENERIC));
 		}));
 	}, [
 		q,
 		K,
-		C,
-		nt,
-		x,
-		j
-	]), rt = h.useCallback((e) => {
+		O,
+		it,
+		T,
+		I
+	]), at = g.useCallback((e) => {
 		e.deltaY < 0 && e.currentTarget.scrollTop <= 0 && Y(e.currentTarget);
-	}, [Y]), X = h.useMemo(() => G ? A.some((e) => ie(G, e.conversationId)) : !1, [A, G]), it = u((e) => G ? (e.entriesByConversation[G]?.length ?? 0) > 0 : !1), at = fe({
-		isLoadingHistory: w?.isLoadingHistory === !0,
-		hasUserEvents: k,
+	}, [Y]), X = g.useMemo(() => G ? F.some((e) => ne(G, e.conversationId)) : !1, [F, G]), ot = d((e) => G ? (e.entriesByConversation[G]?.length ?? 0) > 0 : !1), st = ue({
+		isLoadingHistory: k?.isLoadingHistory === !0,
+		hasUserEvents: P,
 		hasPendingUserMessages: X,
-		hasSubstantiveAgentActions: O,
-		hasModelEntries: it
-	}), ot = E.length > 0 || X || !w?.isLoadingHistory, st = !!G, Z = !ot && !S, ct = async (e, n, r) => {
+		hasSubstantiveAgentActions: N,
+		hasModelEntries: ot
+	}), ct = j.length > 0 || X || !k?.isLoadingHistory, lt = !!G, Z = !ct && !E, ut = async (e, n, r) => {
 		if (e.trim() === "/new") {
 			if (!G) {
-				s(j(t.CONVERSATION$CLEAR_NO_ID));
+				s(I(t.CONVERSATION$CLEAR_NO_ID));
 				return;
 			}
-			if (D === 0) {
-				s(j(t.CONVERSATION$CLEAR_EMPTY));
+			if (M === 0) {
+				s(I(t.CONVERSATION$CLEAR_EMPTY));
 				return;
 			}
-			if (L) return;
-			Ye();
+			if (qe) return;
+			Ke();
 			return;
 		}
 		let i = [...n], a = [...r];
-		D === 0 ? Le({
-			entryPoint: Ie($e !== null, W !== null),
+		M === 0 ? y({
+			entryPoint: Fe(et !== null, tt !== null),
 			queryCharacterLength: e.length,
-			replayJsonSize: W?.length
-		}) : Re({
-			sessionMessageCount: D,
+			replayJsonSize: tt?.length
+		}) : Ie({
+			sessionMessageCount: M,
 			currentMessageLength: e.length
 		});
-		let o = re([...i, ...a]);
+		let o = te([...i, ...a]);
 		if (!o.isValid) {
 			s(`Error: ${o.errorMessage}`);
 			return;
 		}
-		let ee = i.map((e) => ne(e)), c = await Promise.all(ee), l = (/* @__PURE__ */ new Date()).toISOString(), { skipped_files: u, uploaded_files: d } = a.length > 0 ? await tt({
+		let c = i.map((e) => ee(e)), l = await Promise.all(c), u = (/* @__PURE__ */ new Date()).toISOString(), { skipped_files: d, uploaded_files: f } = a.length > 0 ? await rt({
 			conversationId: G,
 			files: a
 		}) : {
 			skipped_files: [],
 			uploaded_files: []
 		};
-		u.forEach((e) => s(e.reason));
-		let te = `${j(t.CHAT_INTERFACE$AUGMENTED_PROMPT_FILES_TITLE)}: ${d.join("\n\n")}`, f = d.length > 0 ? `${e}\n\n${te}` : e, p = Ge({
+		d.forEach((e) => s(e.reason));
+		let p = `${I(t.CHAT_INTERFACE$AUGMENTED_PROMPT_FILES_TITLE)}: ${f.join("\n\n")}`, m = f.length > 0 ? `${e}\n\n${p}` : e, h = He({
 			conversationId: G,
 			text: e,
-			content: f,
-			imageUrls: c,
-			fileUrls: d,
-			timestamp: l
+			content: m,
+			imageUrls: l,
+			fileUrls: f,
+			timestamp: u
 		});
-		N(), v("");
+		R(), b("");
 		try {
-			await We(ce(f, c, d, l));
+			await Ve(oe(m, l, f, u));
 		} catch (e) {
-			Ke(p, e instanceof Error ? e.message : j(t.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE));
+			Ue(h, e instanceof Error ? e.message : I(t.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE));
 		}
 	};
-	h.useEffect(() => {
-		if (J.current && M.current) {
-			let { scrollHeight: e, scrollTop: t } = J.current, n = M.current, r = n.scrollHeight - e;
+	g.useEffect(() => {
+		if (J.current && L.current) {
+			let { scrollHeight: e, scrollTop: t } = J.current, n = L.current, r = n.scrollHeight - e;
 			r > 0 && (n.scrollTop = t + r), J.current = null;
 			return;
 		}
-		I && N();
+		V && R();
 	}, [
-		T.length,
+		A.length,
 		X,
-		et,
-		N
+		nt,
+		R
 	]);
-	let lt = h.useRef(Y);
-	h.useEffect(() => {
-		lt.current = Y;
-	}), h.useEffect(() => {
-		let e = M.current;
-		e && lt.current(e);
-	}, [T.length, q]);
-	let ut = {
-		scrollRef: M,
-		autoScroll: I,
-		setAutoScroll: qe,
-		scrollDomToBottom: N,
-		hitBottom: F,
-		setHitBottom: Je,
-		onChatBodyScroll: P
-	}, Q = R === n.LOADING || R === n.INIT, dt = R === n.STOPPED, $ = R === n.PAUSED, ft = r({
+	let dt = g.useRef(Y);
+	g.useEffect(() => {
+		dt.current = Y;
+	}), g.useEffect(() => {
+		let e = L.current;
+		e && dt.current(e);
+	}, [A.length, q]);
+	let ft = {
+		scrollRef: L,
+		autoScroll: V,
+		setAutoScroll: We,
+		scrollDomToBottom: R,
+		hitBottom: B,
+		setHitBottom: Ge,
+		onChatBodyScroll: z
+	}, Q = H === n.LOADING || H === n.INIT, pt = H === n.STOPPED, $ = H === n.PAUSED, mt = r({
 		isPausing: $,
-		isTask: S,
-		taskStatus: He,
+		isTask: E,
+		taskStatus: D,
 		isStartingStatus: Q,
-		isStopStatus: dt,
-		curAgentState: R
-	}), pt = i({
+		isStopStatus: pt,
+		curAgentState: H
+	}), ht = i({
 		isPausing: $,
-		isTask: S,
-		taskStatus: He,
-		taskDetail: Ue,
+		isTask: E,
+		taskStatus: D,
+		taskDetail: Be,
 		isStartingStatus: Q,
-		isStopStatus: dt,
-		curAgentState: R,
-		errorMessage: y,
-		t: j
+		isStopStatus: pt,
+		curAgentState: H,
+		errorMessage: C,
+		t: I
 	});
-	return /* @__PURE__ */ g(he, {
-		value: ut,
-		children: /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ _(me, {
+		value: ft,
+		children: /* @__PURE__ */ v("div", {
 			className: "relative flex h-full flex-col justify-between px-4",
 			"data-testid": "chat-interface",
 			children: [
-				!O && !X && !k && !it && !Z && !C && D === 0 && !V && !H && /* @__PURE__ */ g(be, { onSuggestionsClick: (e) => v(e) }),
-				/* @__PURE__ */ _("div", {
-					ref: M,
+				!N && !X && !P && !ot && !Z && !O && M === 0 && !U && !W && /* @__PURE__ */ _(ye, { onSuggestionsClick: (e) => b(e) }),
+				/* @__PURE__ */ v("div", {
+					ref: L,
 					"data-testid": "chat-scroll-container",
 					onScroll: (e) => {
-						P(e.currentTarget), Y(e.currentTarget);
+						z(e.currentTarget), Y(e.currentTarget);
 					},
-					onWheel: rt,
+					onWheel: at,
 					className: "custom-scrollbar-always flex min-h-0 grow flex-col gap-2 overflow-x-hidden overflow-y-auto px-0 pt-4 pb-8 md:px-4",
 					children: [
-						Z && st && /* @__PURE__ */ g(we, {}),
-						Z && !st && /* @__PURE__ */ g("div", {
+						Z && lt && /* @__PURE__ */ _(Ce, {}),
+						Z && !lt && /* @__PURE__ */ _("div", {
 							className: "flex justify-center",
 							"data-testid": "loading-spinner",
-							children: /* @__PURE__ */ g(m, { size: "small" })
+							children: /* @__PURE__ */ _(fe, { size: "small" })
 						}),
-						K && /* @__PURE__ */ _("div", {
+						K && /* @__PURE__ */ v("div", {
 							className: "flex items-center justify-center gap-2 py-3 text-sm text-neutral-400",
 							"data-testid": "loading-older-events",
-							children: [/* @__PURE__ */ g(m, { size: "small" }), /* @__PURE__ */ g("span", { children: j(t.CHAT_INTERFACE$FETCHING_OLDER_MESSAGES) })]
+							children: [/* @__PURE__ */ _(fe, { size: "small" }), /* @__PURE__ */ _("span", { children: I(t.CHAT_INTERFACE$FETCHING_OLDER_MESSAGES) })]
 						}),
-						/* @__PURE__ */ g(de, {
+						/* @__PURE__ */ _(le, {
 							conversationId: G,
 							anchorEventId: null
 						}),
-						ot && T.length > 0 && /* @__PURE__ */ g(ke, {
-							messages: T,
-							allEvents: E
+						ct && A.length > 0 && /* @__PURE__ */ _(Oe, {
+							messages: A,
+							allEvents: j
 						}),
-						/* @__PURE__ */ g(Ae, {}),
-						/* @__PURE__ */ g(ue, { conversationId: G })
+						/* @__PURE__ */ _(ke, {}),
+						/* @__PURE__ */ _(ce, { conversationId: G })
 					]
 				}),
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ v("div", {
 					className: "flex shrink-0 flex-col gap-[6px] pb-4",
 					children: [
-						/* @__PURE__ */ g(Ee, { conversationId: G }),
-						/* @__PURE__ */ g(le, { conversationId: G }),
-						y && /* @__PURE__ */ g(Te, {
-							message: y,
-							code: b,
-							classification: ze,
-							onDismiss: Be,
-							onRetry: y === "Unable to connect to server" ? () => w?.reconnect() : void 0,
-							onReauth: se(b) ? () => Ve("/settings/agents") : void 0
+						/* @__PURE__ */ _(Te, { conversationId: G }),
+						/* @__PURE__ */ _(se, { conversationId: G }),
+						C && /* @__PURE__ */ _(we, {
+							message: C,
+							code: w,
+							classification: Le,
+							onDismiss: Re,
+							onRetry: C === "Unable to connect to server" ? () => k?.reconnect() : void 0,
+							onReauth: ae(w) ? () => ze("/settings/agents") : void 0
 						}),
-						H && !V && /* @__PURE__ */ g(Oe, {}),
-						V ? /* @__PURE__ */ _("div", {
+						W && !U && /* @__PURE__ */ _(De, {}),
+						U ? /* @__PURE__ */ v("div", {
 							"data-testid": "archived-conversation-banner",
 							className: "mx-1 px-4 py-3 rounded-lg bg-[var(--oh-surface)] border border-[var(--oh-border-subtle)]",
-							children: [/* @__PURE__ */ g("p", {
+							children: [/* @__PURE__ */ _("p", {
 								className: "text-xs font-semibold text-[var(--oh-foreground)]",
-								children: j(B === "ERROR" ? t.CHAT_INTERFACE$ERROR_SANDBOX_TITLE : t.CHAT_INTERFACE$ARCHIVED_SANDBOX_TITLE)
-							}), /* @__PURE__ */ g("p", {
+								children: I(Xe === "ERROR" ? t.CHAT_INTERFACE$ERROR_SANDBOX_TITLE : t.CHAT_INTERFACE$ARCHIVED_SANDBOX_TITLE)
+							}), /* @__PURE__ */ _("p", {
 								className: "text-xs text-[var(--oh-muted)] mt-0.5",
-								children: j(B === "ERROR" ? t.CHAT_INTERFACE$ERROR_SANDBOX_DESCRIPTION : t.CHAT_INTERFACE$ARCHIVED_SANDBOX_DESCRIPTION)
+								children: I(Xe === "ERROR" ? t.CHAT_INTERFACE$ERROR_SANDBOX_DESCRIPTION : t.CHAT_INTERFACE$ARCHIVED_SANDBOX_DESCRIPTION)
 							})]
-						}) : /* @__PURE__ */ _("div", {
+						}) : /* @__PURE__ */ v("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ _("div", {
 								className: "pointer-events-none absolute inset-x-0 bottom-full mb-1 z-20",
-								children: /* @__PURE__ */ _("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex justify-between relative",
-									children: [/* @__PURE__ */ _("div", {
+									children: [/* @__PURE__ */ v("div", {
 										className: "flex items-end gap-1 pointer-events-auto",
-										children: [/* @__PURE__ */ g(Me, {}), Q && /* @__PURE__ */ g(Ne, {
-											statusColor: ft,
-											status: pt
+										children: [/* @__PURE__ */ _(je, {}), Q && /* @__PURE__ */ _(Me, {
+											statusColor: mt,
+											status: ht
 										})]
-									}), F ? R === n.RUNNING && /* @__PURE__ */ g("div", {
+									}), B ? H === n.RUNNING && /* @__PURE__ */ _("div", {
 										className: "pointer-events-none absolute inset-x-9 bottom-0 flex justify-center",
-										children: /* @__PURE__ */ g(ye, { events: E })
-									}) : /* @__PURE__ */ g("div", {
+										children: /* @__PURE__ */ _(ve, { events: j })
+									}) : /* @__PURE__ */ _("div", {
 										className: "absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto",
-										children: /* @__PURE__ */ g(Ce, { onClick: N })
+										children: /* @__PURE__ */ _(Se, { onClick: R })
 									})]
 								})
-							}), /* @__PURE__ */ g(ge, {
-								onSubmit: ct,
-								disabled: L || H,
-								hasStartedConversation: at
+							}), /* @__PURE__ */ _(he, {
+								onSubmit: ut,
+								disabled: qe || W,
+								hasStartedConversation: st
 							})]
 						})
 					]
@@ -290,6 +292,6 @@ function Le() {
 	});
 }
 //#endregion
-export { Le as ChatInterface };
+export { y as ChatInterface };
 
 //# sourceMappingURL=chat-interface.js.map