@case-framework/survey-assistant 0.2.3 → 0.3.0

package/dist/ui.mjs

@@ -1,7 +1,7 @@
 "use client";
 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-3kSE6WtS.mjs";
-import { o as connectSurveyAssistantThreadLauncher } from "./controller-proxy-DY36XFV3.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";
@@ -708,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
 });
@@ -739,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);
@@ -947,15 +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/select.tsx
 function Select$1({ ...props }) {
 	return /* @__PURE__ */ jsx(Select.Root, {
@@ -1030,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;
@@ -1349,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",
@@ -1447,11 +1525,20 @@ const SurveyAssistantToolStep = ({ applyResultsByChangeId, terminalTurnStatus, p
 	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 = 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");
@@ -1483,16 +1570,16 @@ const SurveyAssistantToolStep = ({ applyResultsByChangeId, terminalTurnStatus, p
 			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"
 				})]
@@ -1625,7 +1712,7 @@ const SurveyAssistantMessageParts = ({ applyResultsByChangeId, isLastMessage, is
 		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,
@@ -1741,7 +1828,6 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 	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,
@@ -1815,8 +1901,10 @@ 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
 		})) {
@@ -1830,6 +1918,7 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 		initialLaunch,
 		onFirstSubmit,
 		onInitialLaunchHandled,
+		onModelChange,
 		submit
 	]);
 	return /* @__PURE__ */ jsxs("aside", {
@@ -1837,7 +1926,7 @@ 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 || state === "failed" ? "bg-destructive" : isAssistantTurnActive ? "animate-pulse bg-blue-500" : state === "aborted" ? "bg-muted-foreground" : "bg-emerald-500",
 					status: sessionStatusLabel,
@@ -1845,7 +1934,7 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 				}), 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, {
@@ -1868,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: [
@@ -1965,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
 				})
 			})
 		]
@@ -2289,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"),
@@ -2408,7 +2460,7 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 			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",
@@ -2440,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({
@@ -2458,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