@openhands/agent-canvas 1.12.0 → 1.14.0

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

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