@case-framework/survey-assistant 0.2.2 → 0.2.3

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-3kSE6WtS.mjs";
+import { o as connectSurveyAssistantThreadLauncher } from "./controller-proxy-DY36XFV3.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",
@@ -919,14 +956,6 @@ const stringifyToolTechnicalDetails = (value) => JSON.stringify(value, function
 	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, {
@@ -1172,6 +1201,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 +1251,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 +1262,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) => [
 	{
@@ -1373,7 +1439,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);
@@ -1382,7 +1448,11 @@ const SurveyAssistantToolStep = ({ applyResultsByChangeId, isAborted, part, isLa
 	const changeSet = output === void 0 ? null : getChangeSet(output);
 	const applyResult = changeSet ? applyResultsByChangeId[changeSet.id] : void 0;
 	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"
+	} : 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);
@@ -1508,7 +1578,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 +1592,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", {
@@ -1560,6 +1628,7 @@ const SurveyAssistantMessageParts = ({ applyResultsByChangeId, isAborted, isLast
 			className: "w-full rounded-md bg-muted/35 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 +1643,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 +1654,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,6 +1738,7 @@ 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");
@@ -1691,7 +1788,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 +1798,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;
 	}, [
@@ -1720,7 +1820,10 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 			text: initialLaunch.prompt,
 			uiContext: initialLaunch.uiContext
 		})) {
-			onFirstSubmit(initialLaunch.prompt);
+			if (!hasSubmittedMessageRef.current) {
+				hasSubmittedMessageRef.current = true;
+				onFirstSubmit(initialLaunch.prompt);
+			}
 			onInitialLaunchHandled();
 		}
 	}, [
@@ -1736,7 +1839,7 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 			/* @__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",
 				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]
@@ -1791,6 +1894,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 +1904,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);
@@ -1924,7 +2029,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 +2041,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 +2168,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 +2208,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
@@ -2193,7 +2306,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 +2316,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,6 +2401,7 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 			onModelChange: selectModel,
 			onFirstSubmit: handleFirstSubmit,
 			onTurnSettled: handleTurnSettled,
+			onTurnActiveChange: handleTurnActiveChange,
 			resourceId,
 			surveyId,
 			threadControls,