@openhands/agent-canvas 1.15.0 → 1.16.0

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

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