@case-framework/survey-assistant 0.2.2 → 0.3.0

package/dist/ui.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { kt as parseSurveyAssistantError } from "./protocol-DpCYmCjr.mjs";
-import { f as unwrapSurveyAssistantToolOutput, i as createSurveyAssistantThreadClient, l as parseSurveyChangeSet, p as isSurveyAssistantTurnActive, r as useSurveyAssistantModelCatalog, t as useSurveyAssistantSession } from "./react-DXK5zWNo.mjs";
-import { o as connectSurveyAssistantThreadLauncher } from "./controller-proxy-0WJZUZYx.mjs";
+import { jt as parseSurveyAssistantError, l as surveyAssistantTurnFinalSchema, n as SURVEY_ASSISTANT_TURN_FINAL_PART_TYPE } from "./protocol-DATvkr1S.mjs";
+import { f as unwrapSurveyAssistantToolOutput, i as createSurveyAssistantThreadClient, l as parseSurveyChangeSet, p as isSurveyAssistantTurnActive, r as useSurveyAssistantModelCatalog, t as useSurveyAssistantSession } from "./react-Br5YE8H-.mjs";
+import { o as connectSurveyAssistantThreadLauncher } from "./controller-proxy-CpkQRezb.mjs";
 import { getToolName, isFileUIPart, isReasoningUIPart, isToolUIPart } from "ai";
 import { createContext, createElement, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Collapsible, Select, Slot } from "radix-ui";
@@ -15,6 +15,7 @@ import { createLocalizationTranslator, mergeLocalizationCatalogs } from "@case-f
 import { cva } from "class-variance-authority";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
 import { Streamdown } from "streamdown";
+import { bundledLanguages } from "shiki/langs";
 //#region src/ui/internal/collapsible.tsx
 function Collapsible$1({ ...props }) {
 	return /* @__PURE__ */ jsx(Collapsible.Root, {
@@ -114,7 +115,25 @@ const surveyAssistantEnMessages = {
 		startConversation: "Start a conversation to see messages here",
 		scrollToLatest: "Scroll to latest message",
 		working: "Working...",
-		stopped: "Stopped"
+		stopped: "Stopped",
+		incomplete: "Response interrupted"
+	},
+	turn: {
+		failedTitle: "The assistant did not complete this turn.",
+		abortedTitle: "The turn was stopped.",
+		reasons: {
+			clientAbort: "The request was stopped by the client.",
+			firstResponseTimeout: "No meaningful response arrived before the initial deadline.",
+			idleTimeout: "The assistant stopped producing activity.",
+			maxDuration: "The one-hour execution ceiling was reached.",
+			maxSteps: "The assistant reached its tool-step limit before finishing.",
+			lengthLimit: "The model reached its output-length limit.",
+			contentFilter: "The provider stopped the response because of its content policy.",
+			providerError: "The model provider reported an error.",
+			streamError: "The response stream ended with an error.",
+			incompleteResponse: "The response ended without a normal completion.",
+			unknown: "The response ended before completion."
+		}
 	},
 	status: {
 		applying: "Applying changes",
@@ -282,7 +301,25 @@ const surveyAssistantNlMessages = {
 		startConversation: "Start een gesprek om hier berichten te zien",
 		scrollToLatest: "Naar het nieuwste bericht scrollen",
 		working: "Bezig...",
-		stopped: "Gestopt"
+		stopped: "Gestopt",
+		incomplete: "Antwoord onderbroken"
+	},
+	turn: {
+		failedTitle: "De assistent heeft deze beurt niet voltooid.",
+		abortedTitle: "De beurt is gestopt.",
+		reasons: {
+			clientAbort: "Het verzoek is door de client gestopt.",
+			firstResponseTimeout: "Er kwam geen betekenisvol antwoord vóór de eerste tijdslimiet.",
+			idleTimeout: "De assistent produceerde geen activiteit meer.",
+			maxDuration: "De maximale uitvoertijd van één uur is bereikt.",
+			maxSteps: "De assistent bereikte de limiet voor hulpmiddelstappen voordat hij klaar was.",
+			lengthLimit: "Het model bereikte de maximale antwoordlengte.",
+			contentFilter: "De provider stopte het antwoord vanwege het inhoudsbeleid.",
+			providerError: "De modelprovider meldde een fout.",
+			streamError: "De antwoordstream eindigde met een fout.",
+			incompleteResponse: "Het antwoord eindigde zonder normale voltooiing.",
+			unknown: "Het antwoord eindigde voordat het voltooid was."
+		}
 	},
 	status: {
 		applying: "Wijzigingen toepassen",
@@ -671,7 +708,7 @@ const Message = ({ className, from, ...props }) => /* @__PURE__ */ jsx("div", {
 	...props
 });
 const MessageContent = ({ children, className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("w-fit min-w-0 max-w-full break-words text-sm", "group-data-[role=user]:whitespace-pre-wrap group-data-[role=user]:rounded-xl group-data-[role=user]:border group-data-[role=user]:border-blue-200/70 group-data-[role=user]:bg-blue-50 group-data-[role=user]:px-3 group-data-[role=user]:py-2 group-data-[role=user]:text-foreground group-data-[role=user]:shadow-xs dark:group-data-[role=user]:border-blue-800/60 dark:group-data-[role=user]:bg-blue-950/50", "group-data-[role=assistant]:text-foreground", className),
+	className: cn("w-fit min-w-0 max-w-full break-words text-sm", "group-data-[role=user]:whitespace-pre-wrap group-data-[role=user]:rounded-xl group-data-[role=user]:border group-data-[role=user]:border-blue-200/70 group-data-[role=user]:bg-blue-50/80 group-data-[role=user]:px-3 group-data-[role=user]:py-2 group-data-[role=user]:text-foreground group-data-[role=user]:shadow-xs dark:group-data-[role=user]:border-blue-800/60 dark:group-data-[role=user]:bg-blue-950/50", "group-data-[role=assistant]:text-foreground", className),
 	...props,
 	children
 });
@@ -702,13 +739,18 @@ const usePromptInput = () => {
 	if (!context) throw new Error("PromptInput components must be used within PromptInput.");
 	return context;
 };
-const PromptInput = ({ attachmentsDisabled = false, children, className, onDragEnter, onDragLeave, onDragOver, onDrop, onPaste, onSubmit, ...props }) => {
-	const [value, setValue] = useState("");
+const PromptInput = ({ attachmentsDisabled = false, children, className, onDragEnter, onDragLeave, onDragOver, onDrop, onPaste, onSubmit, onValueChange, value: controlledValue, ...props }) => {
+	const [uncontrolledValue, setUncontrolledValue] = useState("");
 	const [files, setFiles] = useState([]);
 	const [isDraggingFiles, setIsDraggingFiles] = useState(false);
 	const [unsupportedFileNames, setUnsupportedFileNames] = useState([]);
 	const fileDragDepthRef = useRef(0);
 	const t = useSurveyAssistantTranslation();
+	const value = controlledValue ?? uncontrolledValue;
+	const setValue = useCallback((nextValue) => {
+		if (controlledValue === void 0) setUncontrolledValue(nextValue);
+		onValueChange?.(nextValue);
+	}, [controlledValue, onValueChange]);
 	const addFiles = useCallback((fileList) => {
 		const nextFiles = Array.from(fileList ?? []);
 		const supportedFiles = nextFiles.filter(isSupportedFile);
@@ -910,23 +952,6 @@ const PromptInputSubmit = ({ className, status, onStop, onClick, ...props }) =>
 	});
 };
 //#endregion
-//#region src/ui/internal/tool-technical-details.ts
-const formatOmittedLength = (length) => length.toLocaleString("en-US");
-const stringifyToolTechnicalDetails = (value) => JSON.stringify(value, function redactEmbeddedBinary(key, currentValue) {
-	const parent = this && typeof this === "object" ? this : void 0;
-	if (key === "data" && typeof currentValue === "string" && parent?.type === "embedded" && parent.encoding === "base64") return `[embedded base64 omitted: ${formatOmittedLength(currentValue.length)} characters]`;
-	if (typeof currentValue === "string" && currentValue.length > 512 && /^data:[^;,]+;base64,/.test(currentValue)) return `[base64 data URL omitted: ${formatOmittedLength(currentValue.length)} characters]`;
-	return currentValue;
-}, 2);
-//#endregion
-//#region src/ui/internal/response.tsx
-const Response = ({ children, className, controls = false, ...props }) => /* @__PURE__ */ jsx(Streamdown, {
-	className: cn("leading-6", "[&>:first-child]:mt-0 [&>:last-child]:mb-0", "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2", "[&_blockquote]:my-3 [&_blockquote]:border-l-2 [&_blockquote]:border-border [&_blockquote]:pl-3 [&_blockquote]:text-muted-foreground", "[&_code]:rounded-md [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.85em]", "[&_h1]:mb-2 [&_h1]:mt-4 [&_h1]:text-base [&_h1]:font-semibold", "[&_h2]:mb-2 [&_h2]:mt-4 [&_h2]:text-sm [&_h2]:font-semibold", "[&_h3]:mb-1.5 [&_h3]:mt-3 [&_h3]:text-sm [&_h3]:font-semibold", "[&_li]:my-1 [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5", "[&_p]:my-2", "[&_pre]:my-3 [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:bg-muted [&_pre]:p-3", "[&_pre_code]:bg-transparent [&_pre_code]:p-0", "[&_strong]:font-semibold", "[&_table]:my-3 [&_table]:w-full [&_table]:border-collapse [&_td]:border [&_td]:border-border [&_td]:px-2 [&_td]:py-1 [&_th]:border [&_th]:border-border [&_th]:px-2 [&_th]:py-1 [&_th]:text-left [&_th]:font-semibold", className),
-	controls,
-	...props,
-	children
-});
-//#endregion
 //#region src/ui/internal/select.tsx
 function Select$1({ ...props }) {
 	return /* @__PURE__ */ jsx(Select.Root, {
@@ -1001,6 +1026,88 @@ function SelectScrollDownButton({ className, ...props }) {
 	});
 }
 //#endregion
+//#region src/ui/survey-assistant-prompt-input.tsx
+const SurveyAssistantModelSelect = ({ disabled = false, modelId, models, onModelChange }) => {
+	const t = useSurveyAssistantTranslation();
+	const selectedModelLabel = models.find((model) => model.id === modelId)?.label ?? modelId ?? t("input.defaultModel");
+	if (models.length > 1) return /* @__PURE__ */ jsxs(Select$1, {
+		disabled,
+		onValueChange: onModelChange,
+		value: modelId ?? "",
+		children: [/* @__PURE__ */ jsxs(SelectTrigger, {
+			"aria-label": t("input.model"),
+			className: "h-8 min-w-0 max-w-48 gap-1.5 border-0 bg-transparent px-2 text-xs shadow-none hover:bg-muted hover:text-foreground focus-visible:ring-1",
+			size: "sm",
+			title: modelId,
+			children: [/* @__PURE__ */ jsx(BotIcon, { className: "size-3.5" }), /* @__PURE__ */ jsx(SelectValue, {})]
+		}), /* @__PURE__ */ jsx(SelectContent, {
+			align: "end",
+			className: "min-w-52 rounded-lg border-border p-0 shadow-lg",
+			position: "popper",
+			children: models.map((model) => /* @__PURE__ */ jsx(SelectItem, {
+				className: "min-h-9 rounded-md px-2 py-2 text-xs focus:bg-muted",
+				title: model.id,
+				value: model.id,
+				children: model.label
+			}, model.id))
+		})]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-8 min-w-0 max-w-48 items-center gap-1.5 px-2 text-muted-foreground text-xs",
+		title: modelId,
+		children: [/* @__PURE__ */ jsx(BotIcon, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: selectedModelLabel
+		})]
+	});
+};
+const SurveyAssistantPromptInput = ({ attachmentsDisabled = false, attachmentButtonClassName, className, disabled = false, footerClassName, formProps, modelDisabled = false, modelId, models, onModelChange, onStop, onSubmit, onValueChange, placeholder, status, textareaClassName, textareaProps, textareaRef, value }) => {
+	const t = useSurveyAssistantTranslation();
+	const canStop = Boolean(onStop) && (status === "submitted" || status === "streaming");
+	return /* @__PURE__ */ jsxs(PromptInput, {
+		...formProps,
+		attachmentsDisabled: attachmentsDisabled || disabled,
+		className: cn("rounded-xl border-border bg-background shadow-sm", className),
+		onSubmit,
+		onValueChange,
+		value,
+		children: [/* @__PURE__ */ jsx(PromptInputBody, { children: /* @__PURE__ */ jsx(PromptInputTextarea, {
+			...textareaProps,
+			className: cn("min-h-20 px-3 py-2 disabled:cursor-not-allowed disabled:text-muted-foreground", textareaClassName),
+			disabled,
+			placeholder: placeholder ?? t("input.placeholder"),
+			ref: textareaRef
+		}) }), /* @__PURE__ */ jsxs(PromptInputFooter, {
+			className: cn("justify-between border-0 px-1.5 pt-0 pb-1.5", footerClassName),
+			children: [/* @__PURE__ */ jsx(PromptInputAttachmentButton, {
+				className: attachmentButtonClassName,
+				disabled: attachmentsDisabled || disabled
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 items-center justify-end gap-1",
+				children: [/* @__PURE__ */ jsx(SurveyAssistantModelSelect, {
+					disabled: disabled || modelDisabled,
+					modelId,
+					models,
+					onModelChange
+				}), /* @__PURE__ */ jsx(PromptInputSubmit, {
+					disabled: disabled && !canStop,
+					onStop,
+					status
+				})]
+			})]
+		})]
+	});
+};
+//#endregion
+//#region src/ui/internal/tool-technical-details.ts
+const formatOmittedLength = (length) => length.toLocaleString("en-US");
+const stringifyToolTechnicalDetails = (value) => JSON.stringify(value, function redactEmbeddedBinary(key, currentValue) {
+	const parent = this && typeof this === "object" ? this : void 0;
+	if (key === "data" && typeof currentValue === "string" && parent?.type === "embedded" && parent.encoding === "base64") return `[embedded base64 omitted: ${formatOmittedLength(currentValue.length)} characters]`;
+	if (typeof currentValue === "string" && currentValue.length > 512 && /^data:[^;,]+;base64,/.test(currentValue)) return `[base64 data URL omitted: ${formatOmittedLength(currentValue.length)} characters]`;
+	return currentValue;
+}, 2);
+//#endregion
 //#region src/ui/internal/code-block.tsx
 const isItalic = (fontStyle) => fontStyle && fontStyle & 1;
 const isBold = (fontStyle) => fontStyle && fontStyle & 2;
@@ -1172,6 +1279,30 @@ const CodeBlock = ({ code, language, showLineNumbers = false, className, childre
 	});
 };
 //#endregion
+//#region src/ui/internal/response.tsx
+const highlightedLanguages = Object.keys(bundledLanguages);
+const codeHighlighter = {
+	getSupportedLanguages: () => highlightedLanguages,
+	getThemes: () => ["github-light", "github-dark"],
+	highlight: ({ code, language }, callback) => highlightCode(code, language, callback),
+	name: "shiki",
+	supportsLanguage: (language) => language in bundledLanguages,
+	type: "code-highlighter"
+};
+const Response = ({ children, className, controls = false, plugins, ...props }) => {
+	const responsePlugins = useMemo(() => ({
+		...plugins,
+		code: plugins?.code ?? codeHighlighter
+	}), [plugins]);
+	return /* @__PURE__ */ jsx(Streamdown, {
+		className: cn("leading-6", "*:first:mt-0 *:last:mb-0", "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2", "[&_blockquote]:my-3 [&_blockquote]:border-l-2 [&_blockquote]:border-border [&_blockquote]:pl-3 [&_blockquote]:text-muted-foreground", "[&_h1]:mb-2 [&_h1]:mt-4 [&_h1]:text-base [&_h1]:font-semibold", "[&_h2]:mb-2 [&_h2]:mt-4 [&_h2]:text-sm [&_h2]:font-semibold", "[&_h3]:mb-1.5 [&_h3]:mt-3 [&_h3]:text-sm [&_h3]:font-semibold", "[&_li]:my-1 [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5", "[&_p]:my-2", "**:data-[streamdown=code-block]:my-3 **:data-[streamdown=code-block]:gap-0 **:data-[streamdown=code-block]:overflow-hidden **:data-[streamdown=code-block]:rounded-lg **:data-[streamdown=code-block]:bg-muted/40 **:data-[streamdown=code-block]:p-0", "**:data-[streamdown=code-block-header]:px-2", "**:data-[streamdown=code-block-body]:rounded-none **:data-[streamdown=code-block-body]:border-0 **:data-[streamdown=code-block-body]:border-t **:data-[streamdown=code-block-body]:bg-background **:data-[streamdown=code-block-body]:p-3", "[&_strong]:font-semibold", "[&_table]:my-3 [&_table]:w-full [&_table]:border-collapse [&_td]:border [&_td]:border-border [&_td]:px-2 [&_td]:py-1 [&_th]:border [&_th]:border-border [&_th]:px-2 [&_th]:py-1 [&_th]:text-left [&_th]:font-semibold", className),
+		controls,
+		plugins: responsePlugins,
+		...props,
+		children
+	});
+};
+//#endregion
 //#region src/ui/internal/message-timing.ts
 const isRecord$1 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 const asTimestamp = (value) => {
@@ -1198,6 +1329,9 @@ const getPartTimestamps = (part) => {
 * time here keeps restored chats informative without a second timing store.
 */
 const getPersistedMessageDurationSeconds = (message) => {
+	const turnFinalPart = message.parts.find((part) => part.type === SURVEY_ASSISTANT_TURN_FINAL_PART_TYPE);
+	const turnFinal = surveyAssistantTurnFinalSchema.safeParse(turnFinalPart && "data" in turnFinalPart ? turnFinalPart.data : void 0);
+	if (turnFinal.success && turnFinal.data.durationMs !== void 0) return Math.max(1, Math.ceil(turnFinal.data.durationMs / 1e3));
 	if (!isRecord$1(message.metadata)) return void 0;
 	const startedAt = asTimestamp(message.metadata.createdAt);
 	if (startedAt === void 0) return void 0;
@@ -1206,6 +1340,16 @@ const getPersistedMessageDurationSeconds = (message) => {
 	return Math.max(1, Math.ceil((completedAt - startedAt) / 1e3));
 };
 //#endregion
+//#region src/ui/internal/message-turn-status.ts
+const getPersistedMessageTurnStatus = (message) => {
+	for (let index = message.parts.length - 1; index >= 0; index -= 1) {
+		const part = message.parts[index];
+		if (part?.type !== SURVEY_ASSISTANT_TURN_FINAL_PART_TYPE || !("data" in part)) continue;
+		const parsed = surveyAssistantTurnFinalSchema.safeParse(part.data);
+		if (parsed.success) return parsed.data.status;
+	}
+};
+//#endregion
 //#region src/ui/survey-assistant-panel.tsx
 const getAssistantQuickPrompts = (t) => [
 	{
@@ -1283,7 +1427,7 @@ const SurveyAssistantToolOutputSummary = ({ applyResult, output }) => {
 		const statusLabel = status === "applied" ? t("changes.applied") : status === "stale" ? t("changes.stale") : status === "failed" ? t("changes.failed") : isValid ? t("changes.prepared") : t("changes.rejected");
 		const statusMessage = applyResult?.message ?? unwrappedOutput.summary;
 		return /* @__PURE__ */ jsxs("div", {
-			className: cn("relative rounded-md border px-2.5 py-2 text-xs", isPositiveStatus ? "border-emerald-200/80 bg-emerald-50/60 text-emerald-950" : status === "stale" ? "border-amber-200 bg-amber-50 text-amber-900" : "border-red-200 bg-red-50 text-red-900"),
+			className: cn("relative rounded-md border px-2.5 py-2 text-xs", isPositiveStatus ? "border-emerald-200/70 bg-emerald-50/40 text-emerald-950" : status === "stale" ? "border-amber-200/70 bg-amber-50/40 text-amber-900" : "border-red-200/70 bg-red-50/40 text-red-900"),
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex items-center gap-2 font-medium",
@@ -1373,7 +1517,7 @@ const getStoppedToolStatusMeta = (t) => ({
 	label: t("activity.stopped"),
 	stepStatus: "complete"
 });
-const SurveyAssistantToolStep = ({ applyResultsByChangeId, isAborted, part, isLast }) => {
+const SurveyAssistantToolStep = ({ applyResultsByChangeId, terminalTurnStatus, part, isLast }) => {
 	const t = useSurveyAssistantTranslation();
 	const toolStatusMeta = getToolStatusMeta(t);
 	const toolName = getToolName(part);
@@ -1381,8 +1525,21 @@ const SurveyAssistantToolStep = ({ applyResultsByChangeId, isAborted, part, isLa
 	const errorText = getToolErrorText(part);
 	const changeSet = output === void 0 ? null : getChangeSet(output);
 	const applyResult = changeSet ? applyResultsByChangeId[changeSet.id] : void 0;
+	const changeHasError = changeSet?.status === "rejected" || applyResult?.status === "rejected" || applyResult?.status === "failed";
 	const title = changeSet ? toolName === "survey_expression" ? t("activity.expressionChange") : t("activity.surveyChange") : getToolTitle(t, toolName, part.state);
-	const meta = isAborted && toolStatusMeta[part.state].stepStatus === "active" ? getStoppedToolStatusMeta(t) : toolStatusMeta[part.state];
+	const meta = terminalTurnStatus && toolStatusMeta[part.state].stepStatus === "active" ? terminalTurnStatus === "aborted" ? getStoppedToolStatusMeta(t) : {
+		icon: /* @__PURE__ */ jsx(XCircleIcon, { className: "size-3 text-red-600" }),
+		label: t("activity.failed"),
+		stepStatus: "complete"
+	} : changeHasError ? {
+		icon: /* @__PURE__ */ jsx(XCircleIcon, { className: "size-3 text-red-900" }),
+		label: null,
+		stepStatus: "complete"
+	} : applyResult?.status === "stale" ? {
+		icon: /* @__PURE__ */ jsx(ClockIcon, { className: "size-3 text-amber-600" }),
+		label: null,
+		stepStatus: "complete"
+	} : toolStatusMeta[part.state];
 	const metaTitle = meta.label ?? (part.state === "output-denied" ? t("activity.skipped") : part.state === "output-error" ? t("activity.failed") : meta.stepStatus === "active" ? t("activity.workingShort") : t("activity.done"));
 	const [detailsOpen, setDetailsOpen] = useState(part.state === "output-error");
 	const hasDetails = part.input !== void 0 || output !== void 0 || Boolean(errorText);
@@ -1413,16 +1570,16 @@ const SurveyAssistantToolStep = ({ applyResultsByChangeId, isAborted, part, isLa
 			onOpenChange: setDetailsOpen,
 			open: detailsOpen,
 			children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
-				className: "flex items-center gap-1 text-muted-foreground text-xs hover:text-foreground",
+				className: "-ml-1 flex items-center gap-0.5 rounded px-1 py-0.5 text-[11px] text-muted-foreground/80 transition-colors hover:bg-background/60 hover:text-foreground",
 				children: [/* @__PURE__ */ jsx(ChevronRightIcon, { className: cn("size-3 transition-transform", detailsOpen && "rotate-90") }), t(detailsOpen ? "activity.hideTechnicalDetails" : "activity.technicalDetails")]
 			}), /* @__PURE__ */ jsxs(CollapsibleContent, {
-				className: "mt-2 space-y-2",
+				className: "mt-1.5 space-y-1.5",
 				children: [part.input !== void 0 && /* @__PURE__ */ jsx(CodeBlock, {
-					className: "border-border/50 bg-muted/30",
+					className: "border-border/60 bg-background/70 [&_code]:text-xs [&_pre]:p-2.5 [&_pre]:text-xs",
 					code: stringifyToolTechnicalDetails(part.input),
 					language: "json"
 				}), (output !== void 0 || errorText) && /* @__PURE__ */ jsx(CodeBlock, {
-					className: cn("bg-muted/30", errorText ? "border-destructive/30" : "border-border/50"),
+					className: cn("bg-background/70 [&_code]:text-xs [&_pre]:p-2.5 [&_pre]:text-xs", errorText ? "border-destructive/25" : "border-border/60"),
 					code: errorText ?? stringifyToolTechnicalDetails(output),
 					language: "json"
 				})]
@@ -1508,7 +1665,7 @@ const buildMessageBlocks = (parts) => {
 	flushChain();
 	return blocks;
 };
-const SurveyAssistantMessageParts = ({ applyResultsByChangeId, isAborted, isLastMessage, isStreaming, message, showProgress }) => {
+const SurveyAssistantMessageParts = ({ applyResultsByChangeId, isLastMessage, isStreaming, message, showProgress, terminalTurnStatus }) => {
 	const blocks = useMemo(() => buildMessageBlocks(message.parts), [message.parts]);
 	const persistedDuration = useMemo(() => getPersistedMessageDurationSeconds(message), [message]);
 	const lastPart = message.parts.at(-1);
@@ -1522,11 +1679,9 @@ const SurveyAssistantMessageParts = ({ applyResultsByChangeId, isAborted, isLast
 			}, block.key);
 			return /* @__PURE__ */ jsx("span", { children: block.text }, block.key);
 		}
-		if (block.type === "file") return /* @__PURE__ */ jsxs("a", {
-			className: "inline-flex max-w-full items-center gap-2 rounded-md border border-border bg-muted px-2 py-1 text-xs hover:bg-muted/80",
-			href: block.part.url,
-			rel: "noreferrer",
-			target: "_blank",
+		if (block.type === "file") return /* @__PURE__ */ jsxs("span", {
+			className: "inline-flex max-w-full items-center gap-2 rounded-md border border-border bg-muted px-2 py-1 text-xs",
+			title: getFilePartLabel(block.part),
 			children: [
 				/* @__PURE__ */ jsx(FileIcon, { className: "size-3.5 shrink-0 text-muted-foreground" }),
 				/* @__PURE__ */ jsx("span", {
@@ -1557,9 +1712,10 @@ const SurveyAssistantMessageParts = ({ applyResultsByChangeId, isAborted, isLast
 		const isChainActive = isLastMessage && isStreaming && isLastBlock;
 		return /* @__PURE__ */ jsxs(ChainOfThought, {
 			autoClose: true,
-			className: "w-full rounded-md bg-muted/35 px-2 py-1.5",
+			className: "w-full rounded-md bg-muted/60 px-2 py-1.5",
 			defaultDuration: persistedDuration,
 			defaultOpen: isChainActive,
+			duration: isChainActive ? void 0 : persistedDuration,
 			isStreaming: isChainActive,
 			children: [/* @__PURE__ */ jsx(ChainOfThoughtHeader, { className: "text-xs font-medium" }), /* @__PURE__ */ jsxs(ChainOfThoughtContent, {
 				className: "relative mt-2",
@@ -1574,9 +1730,9 @@ const SurveyAssistantMessageParts = ({ applyResultsByChangeId, isAborted, isLast
 					}, entry.key);
 					return /* @__PURE__ */ jsx(SurveyAssistantToolStep, {
 						applyResultsByChangeId,
-						isAborted,
 						isLast: isLastEntry,
-						part: entry.part
+						part: entry.part,
+						terminalTurnStatus
 					}, entry.key);
 				})]
 			})]
@@ -1585,6 +1741,33 @@ const SurveyAssistantMessageParts = ({ applyResultsByChangeId, isAborted, isLast
 };
 const SurveyAssistantTurnOutcomeNotice = (outcome) => {
 	const t = useSurveyAssistantTranslation();
+	if (outcome.status === "failed" || outcome.status === "aborted") {
+		const reason = (() => {
+			switch (outcome.terminationReason) {
+				case "client-abort": return t("turn.reasons.clientAbort");
+				case "first-response-timeout": return t("turn.reasons.firstResponseTimeout");
+				case "idle-timeout": return t("turn.reasons.idleTimeout");
+				case "max-duration": return t("turn.reasons.maxDuration");
+				case "max-steps": return t("turn.reasons.maxSteps");
+				case "length-limit": return t("turn.reasons.lengthLimit");
+				case "content-filter": return t("turn.reasons.contentFilter");
+				case "provider-error": return t("turn.reasons.providerError");
+				case "stream-error": return t("turn.reasons.streamError");
+				case "incomplete-response": return t("turn.reasons.incompleteResponse");
+				default: return t("turn.reasons.unknown");
+			}
+		})();
+		return /* @__PURE__ */ jsxs("div", {
+			className: cn("rounded-lg border px-3 py-2 text-xs", outcome.status === "aborted" ? "border-border bg-muted/50 text-foreground" : "border-destructive/20 bg-destructive/5 text-foreground"),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "font-medium",
+				children: t(outcome.status === "aborted" ? "turn.abortedTitle" : "turn.failedTitle")
+			}), /* @__PURE__ */ jsx("div", {
+				className: "mt-1 text-muted-foreground",
+				children: reason
+			})]
+		});
+	}
 	const description = outcome.status === "blocked" ? t(outcome.blockedChangeSetCount === 1 ? "changes.blocked" : "changes.blockedPlural", { count: outcome.blockedChangeSetCount }) : t(outcome.appliedChangeSetCount === 1 ? "changes.partial" : "changes.partialPlural", {
 		applied: outcome.appliedChangeSetCount,
 		failed: outcome.failedChangeSetCount
@@ -1642,9 +1825,9 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 		surveyId,
 		threadId
 	});
+	const hasSubmittedMessageRef = useRef((initialMessages?.length ?? 0) > 0);
 	const showAssistantError = Boolean(authorizationError) || Boolean(error);
 	const assistantErrorPresentation = getAssistantErrorPresentation(authorizationError ?? error, t);
-	const selectedModelLabel = models.find((model) => model.id === modelId)?.label ?? modelId ?? t("input.defaultModel");
 	const lastMessage = messages.at(-1);
 	const isAssistantTurnActive = isSurveyAssistantTurnActive({
 		isStreaming,
@@ -1691,7 +1874,7 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 		onTurnSettled
 	]);
 	const showPendingAssistantRow = isAssistantTurnActive && (!lastMessage || lastMessage.role !== "assistant");
-	const sessionStatusLabel = state === "applying" ? t("status.applying") : state === "applied" ? t("status.applied") : state === "aborted" ? t("status.stopped") : isAssistantTurnActive ? getStreamingProgressLabel(t, lastMessage) : showAssistantError ? t("status.attention") : t("status.ready");
+	const sessionStatusLabel = state === "applying" ? t("status.applying") : state === "applied" ? t("status.applied") : state === "aborted" ? t("status.stopped") : isAssistantTurnActive ? getStreamingProgressLabel(t, lastMessage) : showAssistantError || state === "failed" ? t("status.attention") : t("status.ready");
 	const handleSubmit = useCallback((message) => {
 		if (isAssistantTurnActive) return false;
 		const submittedFromFocusedPrompt = document.activeElement === promptTextareaRef.current;
@@ -1701,7 +1884,10 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 		});
 		if (accepted) {
 			shouldRestorePromptFocusRef.current = submittedFromFocusedPrompt;
-			onFirstSubmit(message.text);
+			if (!hasSubmittedMessageRef.current) {
+				hasSubmittedMessageRef.current = true;
+				onFirstSubmit(message.text);
+			}
 		}
 		return accepted;
 	}, [
@@ -1715,18 +1901,24 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 	}), [handleSubmit]);
 	useEffect(() => {
 		if (!initialLaunch) return;
+		if (initialLaunch.modelId) onModelChange(initialLaunch.modelId);
 		if (submit({
 			files: initialLaunch.files ?? [],
+			modelId: initialLaunch.modelId,
 			text: initialLaunch.prompt,
 			uiContext: initialLaunch.uiContext
 		})) {
-			onFirstSubmit(initialLaunch.prompt);
+			if (!hasSubmittedMessageRef.current) {
+				hasSubmittedMessageRef.current = true;
+				onFirstSubmit(initialLaunch.prompt);
+			}
 			onInitialLaunchHandled();
 		}
 	}, [
 		initialLaunch,
 		onFirstSubmit,
 		onInitialLaunchHandled,
+		onModelChange,
 		submit
 	]);
 	return /* @__PURE__ */ jsxs("aside", {
@@ -1734,15 +1926,15 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 		className: cn("flex h-full min-h-0 flex-col overflow-visible bg-background", !embedded && "rounded-xl border border-border shadow-sm"),
 		children: [
 			/* @__PURE__ */ jsxs("header", {
-				className: "box-content flex h-9 shrink-0 items-center justify-between gap-2 border-b border-border bg-muted/20 px-2.5",
+				className: "box-content flex h-9 shrink-0 items-center justify-between gap-2 border-b border-border bg-background px-2.5",
 				children: [/* @__PURE__ */ jsx(SurveyAssistantHeaderIdentity, {
-					indicatorClassName: showAssistantError ? "bg-destructive" : isAssistantTurnActive ? "animate-pulse bg-blue-500" : state === "aborted" ? "bg-muted-foreground" : "bg-emerald-500",
+					indicatorClassName: showAssistantError || state === "failed" ? "bg-destructive" : isAssistantTurnActive ? "animate-pulse bg-blue-500" : state === "aborted" ? "bg-muted-foreground" : "bg-emerald-500",
 					status: sessionStatusLabel,
 					title: threadTitle
 				}), threadControls]
 			}),
 			/* @__PURE__ */ jsxs(Conversation, {
-				className: "min-h-0",
+				className: "min-h-0 bg-(--surface-bg-color)",
 				children: [/* @__PURE__ */ jsx(ConversationContent, {
 					className: "gap-3 px-3 py-2.5",
 					children: messages.length === 0 ? /* @__PURE__ */ jsx(ConversationEmptyState, {
@@ -1765,7 +1957,7 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 								/* @__PURE__ */ jsx("div", {
 									className: "mt-4 flex flex-col gap-1.5",
 									children: assistantQuickPrompts.map(({ label, description, icon: Icon, prompt }) => /* @__PURE__ */ jsxs("button", {
-										className: "group flex w-full items-center gap-2.5 rounded-lg border border-border bg-background px-2.5 py-2 text-left transition-colors hover:border-foreground/20 hover:bg-muted/50",
+										className: "group flex w-full items-center gap-2.5 rounded-lg border border-border bg-popover px-2.5 py-2 text-left shadow-xs transition-colors hover:border-foreground/20 hover:bg-muted/60",
 										onClick: () => handleQuickPrompt(prompt),
 										type: "button",
 										children: [
@@ -1791,6 +1983,8 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 						})
 					}) : /* @__PURE__ */ jsxs(Fragment, { children: [messages.map((message, index) => {
 						const isLastMessage = index === messages.length - 1;
+						const persistedTurnStatus = getPersistedMessageTurnStatus(message);
+						const terminalTurnStatus = persistedTurnStatus === "aborted" || persistedTurnStatus === "failed" ? persistedTurnStatus : isLastMessage && (state === "aborted" || state === "failed") ? state : void 0;
 						const shouldShowProgress = isAssistantTurnActive && isLastMessage && message.role === "assistant";
 						return /* @__PURE__ */ jsx(Message, {
 							className: "max-w-[96%] gap-1",
@@ -1799,17 +1993,17 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 								className: cn(message.role === "assistant" && "w-full space-y-2"),
 								children: hasRenderableParts(message) ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SurveyAssistantMessageParts, {
 									applyResultsByChangeId,
-									isAborted: state === "aborted",
 									isLastMessage,
 									isStreaming: isAssistantTurnActive,
 									message,
-									showProgress: shouldShowProgress
-								}), isLastMessage && latestTurnOutcome && /* @__PURE__ */ jsx(SurveyAssistantTurnOutcomeNotice, { ...latestTurnOutcome })] }) : shouldShowProgress ? /* @__PURE__ */ jsx(SurveyAssistantProgressIndicator, { message }) : state === "aborted" ? /* @__PURE__ */ jsx("span", {
+									showProgress: shouldShowProgress,
+									terminalTurnStatus
+								}), isLastMessage && latestTurnOutcome && /* @__PURE__ */ jsx(SurveyAssistantTurnOutcomeNotice, { ...latestTurnOutcome })] }) : shouldShowProgress ? /* @__PURE__ */ jsx(SurveyAssistantProgressIndicator, { message }) : isLastMessage && latestTurnOutcome ? /* @__PURE__ */ jsx(SurveyAssistantTurnOutcomeNotice, { ...latestTurnOutcome }) : state === "aborted" ? /* @__PURE__ */ jsx("span", {
 									className: "text-muted-foreground text-sm",
 									children: t("conversation.stopped")
 								}) : /* @__PURE__ */ jsx("span", {
 									className: "text-muted-foreground text-sm",
-									children: t("conversation.working")
+									children: t("conversation.incomplete")
 								})
 							})
 						}, message.id);
@@ -1860,58 +2054,21 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 				})]
 			}),
 			/* @__PURE__ */ jsx("div", {
-				className: "shrink-0 border-t border-border bg-muted/20 p-2",
-				children: /* @__PURE__ */ jsxs(PromptInput, {
-					"aria-busy": isAssistantTurnActive,
-					attachmentsDisabled: isAssistantTurnActive,
-					className: cn("rounded-xl border-border bg-background shadow-sm transition-colors", isAssistantTurnActive && "border-border/60 bg-muted/50 shadow-none"),
+				className: "shrink-0 border-t border-border bg-background p-2",
+				children: /* @__PURE__ */ jsx(SurveyAssistantPromptInput, {
+					attachmentButtonClassName: "size-8",
+					className: cn("rounded-xl border-border bg-popover shadow-sm transition-colors", isAssistantTurnActive && "border-border/60 bg-muted/50 shadow-none"),
+					disabled: isAssistantTurnActive,
+					footerClassName: cn("transition-colors", isAssistantTurnActive && "bg-muted/30"),
+					formProps: { "aria-busy": isAssistantTurnActive },
+					modelId,
+					models,
+					onModelChange,
+					onStop: stop,
 					onSubmit: handleSubmit,
-					children: [/* @__PURE__ */ jsx(PromptInputBody, { children: /* @__PURE__ */ jsx(PromptInputTextarea, {
-						className: "min-h-11 max-h-28 px-3 pt-2.5 pb-1.5 transition-colors disabled:cursor-not-allowed disabled:text-muted-foreground disabled:placeholder:text-muted-foreground/60",
-						disabled: isAssistantTurnActive,
-						placeholder: t("input.placeholder"),
-						ref: promptTextareaRef
-					}) }), /* @__PURE__ */ jsxs(PromptInputFooter, {
-						className: cn("justify-between border-0 px-1.5 pt-0 pb-1.5 transition-colors", isAssistantTurnActive && "bg-muted/30"),
-						children: [/* @__PURE__ */ jsx(PromptInputAttachmentButton, {
-							className: "size-8",
-							disabled: isAssistantTurnActive
-						}), /* @__PURE__ */ jsxs("div", {
-							className: "flex min-w-0 items-center justify-end gap-1",
-							children: [models.length > 1 && modelId ? /* @__PURE__ */ jsxs(Select$1, {
-								disabled: isAssistantTurnActive,
-								onValueChange: onModelChange,
-								value: modelId,
-								children: [/* @__PURE__ */ jsxs(SelectTrigger, {
-									"aria-label": t("input.model"),
-									className: "h-8 min-w-0 max-w-48 gap-1.5 border-0 bg-transparent px-2 text-xs shadow-none hover:bg-muted hover:text-foreground focus-visible:ring-1",
-									size: "sm",
-									title: modelId,
-									children: [/* @__PURE__ */ jsx(BotIcon, { className: "size-3.5" }), /* @__PURE__ */ jsx(SelectValue, {})]
-								}), /* @__PURE__ */ jsx(SelectContent, {
-									align: "end",
-									className: "min-w-52 rounded-lg border-border p-0 shadow-lg",
-									position: "popper",
-									children: models.map((model) => /* @__PURE__ */ jsx(SelectItem, {
-										className: "min-h-9 rounded-md px-2 py-2 text-xs focus:bg-muted",
-										title: model.id,
-										value: model.id,
-										children: model.label
-									}, model.id))
-								})]
-							}) : /* @__PURE__ */ jsxs("div", {
-								className: "flex h-8 min-w-0 max-w-48 items-center gap-1.5 px-2 text-muted-foreground text-xs",
-								title: modelId,
-								children: [/* @__PURE__ */ jsx(BotIcon, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ jsx("span", {
-									className: "truncate",
-									children: selectedModelLabel
-								})]
-							}), /* @__PURE__ */ jsx(PromptInputSubmit, {
-								onStop: stop,
-								status
-							})]
-						})]
-					})]
+					status,
+					textareaClassName: "min-h-11 max-h-28 px-3 pt-2.5 pb-1.5 transition-colors disabled:placeholder:text-muted-foreground/60",
+					textareaRef: promptTextareaRef
 				})
 			})
 		]
@@ -1924,7 +2081,7 @@ const createThreadTitle = (text, fallback) => {
 	const words = normalized.split(" ").slice(0, 8).join(" ");
 	return words.length > 64 ? `${words.slice(0, 61).trimEnd()}...` : words;
 };
-const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], onConfirmDeleteThread, onModelChange = () => {}, resourceId, selectedThreadStorageKey, surveyId, threadApi, threadClient: providedThreadClient, threadLauncher, ...sessionProps }) => {
+const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], onConfirmDeleteThread, onModelChange = () => {}, onTurnActiveChange: onAssistantTurnActiveChange, resourceId, selectedThreadStorageKey, surveyId, threadApi, threadClient: providedThreadClient, threadLauncher, ...sessionProps }) => {
 	const t = useSurveyAssistantTranslation();
 	const threadClient = useMemo(() => providedThreadClient ?? createSurveyAssistantThreadClient(threadApi), [providedThreadClient, threadApi]);
 	const storageKey = selectedThreadStorageKey === false ? null : selectedThreadStorageKey ?? `${SELECTED_THREAD_STORAGE_KEY}:${encodeURIComponent(resourceId)}${surveyId ? `:${encodeURIComponent(surveyId)}` : ""}`;
@@ -1936,6 +2093,7 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 	const [editingTitle, setEditingTitle] = useState("");
 	const [threadError, setThreadError] = useState(null);
 	const [loadingThread, setLoadingThread] = useState(true);
+	const [assistantTurnActive, setAssistantTurnActive] = useState(false);
 	const [initialLaunch, setInitialLaunch] = useState();
 	const historyControlsRef = useRef(null);
 	const selectModel = useCallback((modelId) => {
@@ -2062,6 +2220,14 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 		setEditingThreadId(null);
 		setEditingTitle("");
 	}, []);
+	const handleTurnActiveChange = useCallback((active) => {
+		setAssistantTurnActive(active);
+		onAssistantTurnActiveChange?.(active);
+		if (active) {
+			cancelEditingThread();
+			setHistoryOpen(false);
+		}
+	}, [cancelEditingThread, onAssistantTurnActiveChange]);
 	const commitEditingThread = useCallback(async () => {
 		if (!editingThreadId) return;
 		const thread = threads.find((item) => item.id === editingThreadId);
@@ -2094,10 +2260,9 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 		threads
 	]);
 	const handleFirstSubmit = useCallback((text) => {
-		if (!selectedThread || initialMessages.length > 0) return;
+		if (!selectedThread || selectedThread.titleMode === "manual") return;
 		setAutomaticTitle(selectedThread, createThreadTitle(text, t("threads.newChat")));
 	}, [
-		initialMessages.length,
 		selectedThread,
 		setAutomaticTitle,
 		t
@@ -2176,7 +2341,7 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 	if (loadingThread || !selectedThread) return /* @__PURE__ */ jsxs("aside", {
 		className: cn("flex h-full min-h-0 flex-col overflow-visible bg-background", !embedded && "rounded-xl border border-border shadow-sm"),
 		children: [/* @__PURE__ */ jsx("header", {
-			className: "box-content flex h-9 shrink-0 items-center border-b border-border bg-muted/20 px-2.5",
+			className: "box-content flex h-9 shrink-0 items-center border-b border-border bg-background px-2.5",
 			children: /* @__PURE__ */ jsx(SurveyAssistantHeaderIdentity, {
 				indicatorClassName: "animate-pulse bg-blue-500",
 				status: t("panel.loadingChats"),
@@ -2193,7 +2358,8 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 		children: [
 			/* @__PURE__ */ jsx("button", {
 				"aria-label": t("threads.newChat"),
-				className: "flex size-8 items-center justify-center rounded-lg text-muted-foreground hover:bg-muted hover:text-foreground",
+				className: "flex size-8 items-center justify-center rounded-lg text-muted-foreground hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
+				disabled: assistantTurnActive,
 				onClick: () => void createThread(),
 				title: t("threads.newChat"),
 				type: "button",
@@ -2202,7 +2368,8 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 			/* @__PURE__ */ jsx("button", {
 				"aria-expanded": historyOpen,
 				"aria-label": t("threads.history"),
-				className: "flex size-8 items-center justify-center rounded-lg text-muted-foreground hover:bg-muted hover:text-foreground",
+				className: "flex size-8 items-center justify-center rounded-lg text-muted-foreground hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
+				disabled: assistantTurnActive,
 				onClick: toggleHistory,
 				title: t("threads.history"),
 				type: "button",
@@ -2286,13 +2453,14 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 			onModelChange: selectModel,
 			onFirstSubmit: handleFirstSubmit,
 			onTurnSettled: handleTurnSettled,
+			onTurnActiveChange: handleTurnActiveChange,
 			resourceId,
 			surveyId,
 			threadControls,
 			threadId: selectedThread.id,
 			threadTitle: selectedThread.title
 		}), threadError && /* @__PURE__ */ jsxs("div", {
-			className: "absolute right-3 bottom-3 left-3 z-40 rounded-lg border border-destructive/20 bg-background px-3 py-2 text-xs shadow-lg",
+			className: "absolute right-3 bottom-3 left-3 z-40 rounded-lg border border-destructive/20 bg-popover px-3 py-2 text-xs shadow-lg",
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "font-medium",
@@ -2324,6 +2492,69 @@ const SurveyAssistantPanel = ({ language, localizations, ...props }) => /* @__PU
 	})
 });
 //#endregion
+//#region src/ui/survey-assistant-thread-launcher-prompt.tsx
+const SurveyAssistantThreadLauncherPromptContent = ({ className, disabled = false, modelCatalogApi, modelStorageKey, onError, onModelCatalogError, onSubmitted, onValueChange, placeholder, textareaClassName, textareaProps, textareaRef, threadLauncher, uiContext, value }) => {
+	const catalog = useSurveyAssistantModelCatalog({
+		api: modelCatalogApi,
+		storageKey: modelStorageKey
+	});
+	const [submitting, setSubmitting] = useState(false);
+	useEffect(() => {
+		if (catalog.error) onModelCatalogError?.(catalog.error);
+	}, [catalog.error, onModelCatalogError]);
+	const submit = useCallback(async ({ files, text }) => {
+		if (disabled || submitting) return false;
+		setSubmitting(true);
+		try {
+			await threadLauncher.startThread({
+				files,
+				modelId: catalog.modelId,
+				prompt: text,
+				uiContext
+			});
+			onSubmitted();
+			return true;
+		} catch (error) {
+			onError?.(error);
+			return false;
+		} finally {
+			setSubmitting(false);
+		}
+	}, [
+		catalog.modelId,
+		disabled,
+		onError,
+		onSubmitted,
+		submitting,
+		threadLauncher,
+		uiContext
+	]);
+	return /* @__PURE__ */ jsx(SurveyAssistantPromptInput, {
+		attachmentsDisabled: submitting,
+		className,
+		disabled: disabled || submitting,
+		modelDisabled: catalog.loading || submitting,
+		modelId: catalog.modelId,
+		models: catalog.models,
+		onModelChange: catalog.selectModel,
+		onSubmit: submit,
+		onValueChange,
+		placeholder,
+		textareaClassName,
+		textareaProps,
+		textareaRef,
+		value
+	});
+};
+const SurveyAssistantThreadLauncherPrompt = ({ language, localizations, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: "case-survey-assistant",
+	children: /* @__PURE__ */ jsx(SurveyAssistantLocalizationProvider, {
+		language,
+		localizations,
+		children: /* @__PURE__ */ jsx(SurveyAssistantThreadLauncherPromptContent, { ...props })
+	})
+});
+//#endregion
 //#region src/ui/connected-survey-assistant-panel.tsx
 const ConnectedSurveyAssistantPanel = ({ modelCatalogApi, modelStorageKey, onModelCatalogError, onModelChange, ...props }) => {
 	const catalog = useSurveyAssistantModelCatalog({
@@ -2342,6 +2573,6 @@ const ConnectedSurveyAssistantPanel = ({ modelCatalogApi, modelStorageKey, onMod
 	});
 };
 //#endregion
-export { ConnectedSurveyAssistantPanel, SurveyAssistantLocalizationProvider, SurveyAssistantPanel, defaultSurveyAssistantLocalizations, surveyAssistantEnMessages, surveyAssistantNlMessages, useSurveyAssistantTranslation };
+export { ConnectedSurveyAssistantPanel, SurveyAssistantLocalizationProvider, SurveyAssistantPanel, SurveyAssistantPromptInput, SurveyAssistantThreadLauncherPrompt, defaultSurveyAssistantLocalizations, surveyAssistantEnMessages, surveyAssistantNlMessages, useSurveyAssistantTranslation };
 
 //# sourceMappingURL=ui.mjs.map