camox 0.29.0 → 0.31.0

package/dist/features/agent-chat/components/AgentChatThread.js

@@ -0,0 +1,594 @@
+import { previewStore } from "../../preview/previewStore.js";
+import { getAuthCookieHeader } from "../../../lib/auth.js";
+import { getApiClient, getApiUrl, getEnvironmentName } from "../../../lib/api-client.js";
+import { cn } from "../../../lib/utils.js";
+import { buildAgentChatToolLabelContext, getToolCallLabel } from "../agent-chat-labels.js";
+import { AgentToolCallCard } from "./AgentToolCallCard.js";
+import { c } from "react/compiler-runtime";
+import { useNavigate } from "@tanstack/react-router";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@camox/ui/button";
+import { ArrowUp, Brain, Loader2, Square } from "lucide-react";
+import { Alert, AlertDescription, AlertTitle } from "@camox/ui/alert";
+import { Textarea } from "@camox/ui/textarea";
+import { fetchServerSentEvents, useChat } from "@tanstack/ai-react";
+import { Streamdown } from "streamdown";
+
+//#region src/features/agent-chat/components/AgentChatThread.tsx
+function createTextMessage(id, role, content) {
+	return {
+		id,
+		role,
+		parts: [{
+			type: "text",
+			content
+		}]
+	};
+}
+function createPageScaffoldMessages({ nickname, fullPath }) {
+	return [createTextMessage(`page-scaffold-user:${fullPath}`, "user", `I just created an empty _${nickname}_ page at \`${fullPath}\`.`), createTextMessage(`page-scaffold-assistant:${fullPath}`, "assistant", "I can create a draft of the page structure and content.<br/>**What should this page be about?**")];
+}
+function getTextPartContent(part) {
+	if (part.type !== "text") return null;
+	return part.content;
+}
+function hasVisibleAssistantOutput(message) {
+	return message.parts.some((part) => {
+		if (part.type === "text") return part.content.trim().length > 0;
+		if (part.type === "thinking") return true;
+		if (part.type === "tool-call") return true;
+		return false;
+	});
+}
+function isAssistantResponseOutputPart(part) {
+	if (part.type === "text") return part.content.trim().length > 0;
+	if (part.type === "tool-call") return true;
+	return false;
+}
+function getAssistantResponseOutputKey(message) {
+	const outputParts = message.parts.flatMap((part) => {
+		if (part.type === "text" && isAssistantResponseOutputPart(part)) return [`text:${part.content.length}`];
+		if (part.type === "tool-call") return [`tool:${part.id}:${part.state}`];
+		return [];
+	});
+	return outputParts.length > 0 ? outputParts.join("|") : null;
+}
+function hasLaterAssistantResponseOutput(parts, partIndex) {
+	return parts.slice(partIndex + 1).some(isAssistantResponseOutputPart);
+}
+function hasThinkingPart(message) {
+	return message.parts.some((part) => part.type === "thinking");
+}
+function getThinkingPartDurationKey(message, part, partIndex) {
+	const stepId = part.stepId;
+	return `${message.id}:${typeof stepId === "string" ? stepId : partIndex}`;
+}
+function formatThinkingDuration(seconds) {
+	return Math.max(1, Math.round(seconds)).toString();
+}
+function hasRequiresApprovalMetadata(part) {
+	return part.metadata?.risk === "requiresApproval";
+}
+function findToolResult(parts, toolCallId) {
+	return parts.find((part) => part.type === "tool-result" && part.toolCallId === toolCallId);
+}
+const markdownComponents = {
+	p: ({ children }) => /* @__PURE__ */ jsx("p", {
+		className: "leading-relaxed",
+		children
+	}),
+	a: ({ children, ...props }) => /* @__PURE__ */ jsx("a", {
+		...props,
+		className: "wrap-break-words underline underline-offset-2",
+		children
+	}),
+	ul: ({ children }) => /* @__PURE__ */ jsx("ul", {
+		className: "my-2 list-disc space-y-1 pl-5",
+		children
+	}),
+	ol: ({ children }) => /* @__PURE__ */ jsx("ol", {
+		className: "my-2 list-decimal space-y-1 pl-5",
+		children
+	}),
+	blockquote: ({ children }) => /* @__PURE__ */ jsx("blockquote", {
+		className: "my-2 border-l-2 border-current/30 pl-3",
+		children
+	}),
+	code: ({ children }) => /* @__PURE__ */ jsx("code", {
+		className: "bg-background/50 rounded px-1 py-0.5 font-mono text-[0.9em]",
+		children
+	}),
+	pre: ({ children }) => /* @__PURE__ */ jsx("pre", {
+		className: "bg-background/50 my-2 max-w-full overflow-x-auto rounded-md p-3 text-xs",
+		children
+	})
+};
+const MessageBubble = (t0) => {
+	const $ = c(34);
+	if ($[0] !== "ac29c5bab5ba745d35d55b8522bbfdd5d2f187fdcb71b67d53addf6539f9af82") {
+		for (let $i = 0; $i < 34; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "ac29c5bab5ba745d35d55b8522bbfdd5d2f187fdcb71b67d53addf6539f9af82";
+	}
+	const { message, source, isThinkingActive, activeThinkingDurationKeys, thinkingDurations, toolLabelContext, onApprovalResponse } = t0;
+	const isUser = message.role === "user";
+	const fallbackThinkingDurationSeconds = thinkingDurations[message.id];
+	let t1;
+	if ($[1] !== fallbackThinkingDurationSeconds || $[2] !== isThinkingActive || $[3] !== isUser || $[4] !== message) {
+		t1 = !isUser && !hasThinkingPart(message) && (isThinkingActive || fallbackThinkingDurationSeconds !== void 0);
+		$[1] = fallbackThinkingDurationSeconds;
+		$[2] = isThinkingActive;
+		$[3] = isUser;
+		$[4] = message;
+		$[5] = t1;
+	} else t1 = $[5];
+	const shouldShowMessageThinkingIndicator = t1;
+	const t2 = isUser && "justify-end";
+	let t3;
+	if ($[6] !== t2) {
+		t3 = cn("flex gap-3", t2);
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	const t4 = isUser ? "max-w-[85%]" : "max-w-full";
+	let t5;
+	if ($[8] !== t4) {
+		t5 = cn("space-y-1", t4);
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	const t6 = isUser ? "bg-primary text-primary-foreground rounded-lg px-3 py-2" : "text-foreground space-y-3";
+	let t7;
+	if ($[10] !== t6) {
+		t7 = cn("text-sm", t6);
+		$[10] = t6;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== fallbackThinkingDurationSeconds || $[13] !== shouldShowMessageThinkingIndicator) {
+		t8 = shouldShowMessageThinkingIndicator && /* @__PURE__ */ jsx(AgentThinkingIndicator, { durationSeconds: fallbackThinkingDurationSeconds });
+		$[12] = fallbackThinkingDurationSeconds;
+		$[13] = shouldShowMessageThinkingIndicator;
+		$[14] = t8;
+	} else t8 = $[14];
+	let t9;
+	if ($[15] !== activeThinkingDurationKeys || $[16] !== fallbackThinkingDurationSeconds || $[17] !== isUser || $[18] !== message || $[19] !== onApprovalResponse || $[20] !== source || $[21] !== thinkingDurations || $[22] !== toolLabelContext) {
+		t9 = message.parts.map((part, index) => {
+			const text = getTextPartContent(part);
+			if (text != null) {
+				if (text.trim().length === 0) return null;
+				return /* @__PURE__ */ jsx(Streamdown, {
+					className: cn("wrap-break-words space-y-2", !isUser && "pl-6"),
+					components: markdownComponents,
+					controls: false,
+					isAnimating: !isUser,
+					children: text
+				}, index);
+			}
+			if (part.type === "thinking") {
+				const durationKey = getThinkingPartDurationKey(message, part, index);
+				const durationSeconds = thinkingDurations[durationKey] ?? (hasLaterAssistantResponseOutput(message.parts, index) ? fallbackThinkingDurationSeconds : void 0);
+				if (durationSeconds !== void 0 || activeThinkingDurationKeys.has(durationKey)) return /* @__PURE__ */ jsx(AgentThinkingIndicator, { durationSeconds }, durationKey);
+				return null;
+			}
+			if (part.type === "tool-call") return /* @__PURE__ */ jsx(AgentToolCallCard, {
+				part,
+				label: getToolCallLabel(part, toolLabelContext),
+				result: findToolResult(message.parts, part.id),
+				requiresApprovalFallback: source === "draft" && hasRequiresApprovalMetadata(part),
+				onApprovalResponse: (approved) => onApprovalResponse(part, approved)
+			}, part.id);
+			if (part.type === "tool-result") return null;
+			return null;
+		});
+		$[15] = activeThinkingDurationKeys;
+		$[16] = fallbackThinkingDurationSeconds;
+		$[17] = isUser;
+		$[18] = message;
+		$[19] = onApprovalResponse;
+		$[20] = source;
+		$[21] = thinkingDurations;
+		$[22] = toolLabelContext;
+		$[23] = t9;
+	} else t9 = $[23];
+	let t10;
+	if ($[24] !== t7 || $[25] !== t8 || $[26] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: t7,
+			children: [t8, t9]
+		});
+		$[24] = t7;
+		$[25] = t8;
+		$[26] = t9;
+		$[27] = t10;
+	} else t10 = $[27];
+	let t11;
+	if ($[28] !== t10 || $[29] !== t5) {
+		t11 = /* @__PURE__ */ jsx("div", {
+			className: t5,
+			children: t10
+		});
+		$[28] = t10;
+		$[29] = t5;
+		$[30] = t11;
+	} else t11 = $[30];
+	let t12;
+	if ($[31] !== t11 || $[32] !== t3) {
+		t12 = /* @__PURE__ */ jsx("div", {
+			className: t3,
+			children: t11
+		});
+		$[31] = t11;
+		$[32] = t3;
+		$[33] = t12;
+	} else t12 = $[33];
+	return t12;
+};
+const AgentThinkingIndicator = (t0) => {
+	const $ = c(7);
+	if ($[0] !== "ac29c5bab5ba745d35d55b8522bbfdd5d2f187fdcb71b67d53addf6539f9af82") {
+		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "ac29c5bab5ba745d35d55b8522bbfdd5d2f187fdcb71b67d53addf6539f9af82";
+	}
+	const { durationSeconds } = t0;
+	if (durationSeconds !== void 0) {
+		let t1;
+		if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx(Brain, { className: "size-3 justify-self-center" });
+			$[1] = t1;
+		} else t1 = $[1];
+		let t2;
+		if ($[2] !== durationSeconds) {
+			t2 = formatThinkingDuration(durationSeconds);
+			$[2] = durationSeconds;
+			$[3] = t2;
+		} else t2 = $[3];
+		let t3;
+		if ($[4] !== t2) {
+			t3 = /* @__PURE__ */ jsxs("div", {
+				className: "text-muted-foreground grid grid-cols-[1rem_minmax(0,1fr)] items-center gap-2 text-sm",
+				children: [t1, /* @__PURE__ */ jsxs("span", { children: [
+					"Thought for ",
+					t2,
+					"s"
+				] })]
+			});
+			$[4] = t2;
+			$[5] = t3;
+		} else t3 = $[5];
+		return t3;
+	}
+	let t1;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsxs("div", {
+			className: "text-muted-foreground grid grid-cols-[1rem_minmax(0,1fr)] items-center gap-2 text-sm",
+			children: [/* @__PURE__ */ jsx(Loader2, { className: "size-3 animate-spin justify-self-center" }), /* @__PURE__ */ jsx("span", { children: "Thinking..." })]
+		});
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
+};
+const AgentChatThread = ({ projectId, currentPath, source, disabled, focusKey = 0, pageScaffoldContext }) => {
+	const [input, setInput] = React.useState("");
+	const inputRef = React.useRef(null);
+	const messagesScrollRef = React.useRef(null);
+	const thinkingStartedAtRef = React.useRef(null);
+	const thinkingSegmentStartsRef = React.useRef(/* @__PURE__ */ new Map());
+	const toolCallContextByIdRef = React.useRef(/* @__PURE__ */ new Map());
+	const [thinkingDurations, setThinkingDurations] = React.useState({});
+	const [activeThinkingDurationKeys, setActiveThinkingDurationKeys] = React.useState(() => /* @__PURE__ */ new Set());
+	const navigate = useNavigate();
+	const initialMessages = React.useMemo(() => {
+		if (!pageScaffoldContext) return [];
+		return createPageScaffoldMessages(pageScaffoldContext);
+	}, [pageScaffoldContext]);
+	const connection = React.useMemo(() => fetchServerSentEvents(`${getApiUrl()}/agent/chat`, () => {
+		const headers = {
+			"Better-Auth-Cookie": getAuthCookieHeader(),
+			"x-camox-client": "studio"
+		};
+		const environmentName = getEnvironmentName();
+		if (environmentName) headers["x-environment-name"] = environmentName;
+		if (__CAMOX_TELEMETRY_DISABLED__) headers["x-camox-telemetry-disabled"] = "1";
+		return {
+			headers,
+			credentials: "omit",
+			body: {
+				projectId,
+				currentPath,
+				source
+			}
+		};
+	}), [
+		currentPath,
+		projectId,
+		source
+	]);
+	const handleCustomEvent = React.useCallback((eventType, data) => {
+		if (eventType !== "agent-chat-ui-action") return;
+		if (!data || typeof data !== "object") return;
+		const action = data.action;
+		if (action === "navigate") {
+			const fullPath = data.fullPath;
+			if (typeof fullPath !== "string" || !fullPath.startsWith("/")) return;
+			if (fullPath === currentPath) return;
+			navigate({ to: fullPath });
+			return;
+		}
+		if (action !== "focusBlock") return;
+		const blockId = data.blockId;
+		if (typeof blockId !== "number") return;
+		previewStore.send({
+			type: "focusAgentBlock",
+			blockId
+		});
+	}, [currentPath, navigate]);
+	const { messages, sendMessage, isLoading, error, stop, addToolApprovalResponse, addToolResult } = useChat({
+		connection,
+		body: {
+			projectId,
+			currentPath,
+			source
+		},
+		initialMessages,
+		onCustomEvent: handleCustomEvent
+	});
+	const lastMessage = messages[messages.length - 1];
+	const lastAssistantMessage = lastMessage?.role === "assistant" ? lastMessage : [...messages].reverse().find((message) => message.role === "assistant");
+	const activeThinkingMessageId = isLoading && thinkingStartedAtRef.current !== null && lastMessage?.role === "assistant" ? lastMessage.id : void 0;
+	const lastMessageResponseOutputKey = lastMessage?.role === "assistant" ? getAssistantResponseOutputKey(lastMessage) : null;
+	const shouldShowThinkingFallback = isLoading && thinkingStartedAtRef.current !== null && !error && (!lastMessage || lastMessage.role === "user" || lastMessage.role === "assistant" && !hasVisibleAssistantOutput(lastMessage));
+	const toolCallContextById = React.useMemo(() => {
+		for (const message_0 of messages) for (const part of message_0.parts) {
+			if (part.type !== "tool-call") continue;
+			if (toolCallContextByIdRef.current.has(part.id)) continue;
+			toolCallContextByIdRef.current.set(part.id, {
+				currentPath,
+				source
+			});
+		}
+		return new Map(toolCallContextByIdRef.current);
+	}, [
+		currentPath,
+		messages,
+		source
+	]);
+	const toolLabelContext = React.useMemo(() => buildAgentChatToolLabelContext({
+		messages,
+		currentPath,
+		source,
+		toolCallContextById
+	}), [
+		currentPath,
+		messages,
+		source,
+		toolCallContextById
+	]);
+	React.useEffect(() => {
+		const now = Date.now();
+		const activeDurationKeys = /* @__PURE__ */ new Set();
+		setThinkingDurations((durations) => {
+			let nextDurations = durations;
+			for (const message_1 of messages) {
+				if (message_1.role !== "assistant") continue;
+				message_1.parts.forEach((part_0, index) => {
+					if (part_0.type !== "thinking") return;
+					const durationKey = getThinkingPartDurationKey(message_1, part_0, index);
+					if (durations[durationKey] !== void 0) return;
+					const startedAt = thinkingSegmentStartsRef.current.get(durationKey) ?? now;
+					thinkingSegmentStartsRef.current.set(durationKey, startedAt);
+					if (!hasLaterAssistantResponseOutput(message_1.parts, index)) {
+						activeDurationKeys.add(durationKey);
+						return;
+					}
+					if (nextDurations === durations) nextDurations = { ...durations };
+					nextDurations[durationKey] = Math.max(0, (now - startedAt) / 1e3);
+					thinkingSegmentStartsRef.current.delete(durationKey);
+				});
+			}
+			return nextDurations;
+		});
+		setActiveThinkingDurationKeys(activeDurationKeys);
+	}, [messages]);
+	React.useEffect(() => {
+		if (!isLoading) return;
+		if (thinkingStartedAtRef.current !== null) return;
+		thinkingStartedAtRef.current = Date.now();
+	}, [isLoading]);
+	React.useEffect(() => {
+		const startedAt_0 = thinkingStartedAtRef.current;
+		if (startedAt_0 === null) return;
+		if (lastMessage?.role !== "assistant") return;
+		if (!lastMessageResponseOutputKey) return;
+		thinkingStartedAtRef.current = null;
+		const durationSeconds = Math.max(0, (Date.now() - startedAt_0) / 1e3);
+		setThinkingDurations((durations_0) => ({
+			...durations_0,
+			[lastMessage.id]: durations_0[lastMessage.id] ?? durationSeconds
+		}));
+	}, [
+		lastMessage?.id,
+		lastMessage?.role,
+		lastMessageResponseOutputKey
+	]);
+	React.useEffect(() => {
+		if (isLoading) return;
+		const startedAt_1 = thinkingStartedAtRef.current;
+		if (startedAt_1 === null) return;
+		thinkingStartedAtRef.current = null;
+		if (!lastAssistantMessage) return;
+		const durationSeconds_0 = Math.max(0, (Date.now() - startedAt_1) / 1e3);
+		setThinkingDurations((durations_1) => ({
+			...durations_1,
+			[lastAssistantMessage.id]: durationSeconds_0
+		}));
+	}, [isLoading, lastAssistantMessage]);
+	React.useEffect(() => {
+		if (focusKey === 0) return;
+		const frame = requestAnimationFrame(() => {
+			inputRef.current?.focus();
+		});
+		return () => cancelAnimationFrame(frame);
+	}, [focusKey]);
+	React.useEffect(() => {
+		const scrollContainer = messagesScrollRef.current;
+		if (!scrollContainer) return;
+		scrollContainer.scrollTop = scrollContainer.scrollHeight;
+	}, [messages]);
+	const handleApprovalResponse = async (part_1, approved) => {
+		const errorText = "User declined tool execution";
+		const refocusInput = () => requestAnimationFrame(() => inputRef.current?.focus());
+		if (!approved) {
+			if (part_1.approval) await addToolApprovalResponse({
+				id: part_1.approval.id,
+				approved: false
+			});
+			await addToolResult({
+				toolCallId: part_1.id,
+				tool: part_1.name,
+				output: { error: errorText },
+				state: "output-error",
+				errorText
+			});
+			refocusInput();
+			return;
+		}
+		if (source !== "draft") {
+			await addToolResult({
+				toolCallId: part_1.id,
+				tool: part_1.name,
+				output: { error: "This tool cannot be approved from the current source." },
+				state: "output-error",
+				errorText: "This tool cannot be approved from the current source."
+			});
+			refocusInput();
+			return;
+		}
+		let args = {};
+		try {
+			args = part_1.input ?? (part_1.arguments ? JSON.parse(part_1.arguments) : {});
+		} catch {
+			await addToolResult({
+				toolCallId: part_1.id,
+				tool: part_1.name,
+				output: { error: "Could not parse tool arguments." },
+				state: "output-error",
+				errorText: "Could not parse tool arguments."
+			});
+			refocusInput();
+			return;
+		}
+		const response = await getApiClient().agent.callTool({
+			projectId,
+			name: part_1.name,
+			arguments: args
+		});
+		if (response.ok) {
+			if (part_1.approval) await addToolApprovalResponse({
+				id: part_1.approval.id,
+				approved: true
+			});
+			await addToolResult({
+				toolCallId: part_1.id,
+				tool: part_1.name,
+				output: response.result
+			});
+			refocusInput();
+			return;
+		}
+		await addToolResult({
+			toolCallId: part_1.id,
+			tool: part_1.name,
+			output: response.error,
+			state: "output-error",
+			errorText: response.error.message
+		});
+		refocusInput();
+	};
+	const handleSubmit = (event) => {
+		event.preventDefault();
+		const message_2 = input.trim();
+		if (!message_2 || isLoading || disabled) return;
+		setInput("");
+		sendMessage(message_2);
+		requestAnimationFrame(() => inputRef.current?.focus());
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex min-h-0 flex-1 flex-col",
+		children: [/* @__PURE__ */ jsx("div", {
+			ref: messagesScrollRef,
+			className: "min-h-0 flex-1 overflow-y-auto border-t p-4",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex min-h-full flex-col justify-end",
+				children: [
+					messages.map((message_3, index_0) => {
+						const previousMessage = messages[index_0 - 1];
+						const isConsecutiveAssistantMessage = message_3.role === "assistant" && previousMessage?.role === "assistant";
+						return /* @__PURE__ */ jsx("div", {
+							className: cn(index_0 > 0 && "mt-4", isConsecutiveAssistantMessage && "mt-3"),
+							children: /* @__PURE__ */ jsx(MessageBubble, {
+								message: message_3,
+								source,
+								isThinkingActive: activeThinkingMessageId === message_3.id,
+								activeThinkingDurationKeys,
+								thinkingDurations,
+								toolLabelContext,
+								onApprovalResponse: (part_2, approved_0) => void handleApprovalResponse(part_2, approved_0)
+							})
+						}, message_3.id);
+					}),
+					shouldShowThinkingFallback && /* @__PURE__ */ jsx("div", {
+						className: cn(messages.length > 0 && "mt-3"),
+						children: /* @__PURE__ */ jsx(AgentThinkingIndicator, {})
+					}),
+					error && /* @__PURE__ */ jsx("div", {
+						className: cn((messages.length > 0 || shouldShowThinkingFallback) && "mt-4"),
+						children: /* @__PURE__ */ jsxs(Alert, {
+							variant: "destructive",
+							children: [/* @__PURE__ */ jsx(AlertTitle, { children: "Agent Chat failed" }), /* @__PURE__ */ jsx(AlertDescription, { children: error.message })]
+						})
+					})
+				]
+			})
+		}), /* @__PURE__ */ jsx("form", {
+			onSubmit: handleSubmit,
+			className: "border-border border-t p-4",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "border-input focus-within:border-ring focus-within:ring-ring/50 flex items-center gap-2 rounded-2xl border px-3 transition-colors focus-within:ring-[3px]",
+				children: [/* @__PURE__ */ jsx(Textarea, {
+					ref: inputRef,
+					value: input,
+					onChange: (event_0) => setInput(event_0.target.value),
+					onKeyDown: (event_1) => {
+						if (event_1.key === "Enter" && !event_1.shiftKey) {
+							event_1.preventDefault();
+							event_1.currentTarget.form?.requestSubmit();
+						}
+					},
+					disabled,
+					placeholder: disabled ? "Switch to draft to chat" : "Ask for changes or inspect this page…",
+					className: "max-h-32 min-h-10 resize-none border-0 bg-inherit! px-0 py-4 leading-6 shadow-none focus-visible:ring-0"
+				}), isLoading ? /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "icon",
+					className: "shrink-0",
+					"aria-label": "Stop response",
+					onClick: stop,
+					children: /* @__PURE__ */ jsx(Square, { className: "size-4 fill-current" })
+				}) : /* @__PURE__ */ jsxs(Button, {
+					type: "submit",
+					disabled: disabled || !input.trim(),
+					size: "icon",
+					className: "shrink-0",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: "Send message"
+					}), /* @__PURE__ */ jsx(ArrowUp, { className: "size-4" })]
+				})]
+			})
+		})]
+	});
+};
+
+//#endregion
+export { AgentChatThread };