@case-framework/survey-assistant 0.1.0

package/dist/ui.mjs

@@ -0,0 +1,2238 @@
+"use client";
+import { Dt as parseSurveyAssistantError } from "./protocol-DV0ka9WT.mjs";
+import { f as unwrapSurveyAssistantToolOutput, i as createSurveyAssistantThreadClient, l as parseSurveyChangeSet, p as isSurveyAssistantTurnActive, r as useSurveyAssistantModelCatalog, t as useSurveyAssistantSession } from "./react-VuYe-cPh.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";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { ArrowDownIcon, ArrowUpIcon, BotIcon, BrainIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, DotIcon, FileIcon, HistoryIcon, ListChecksIcon, LoaderCircleIcon, MessageSquarePlusIcon, PaperclipIcon, PencilIcon, PlusIcon, SparklesIcon, SquareIcon, Trash2Icon, WandSparklesIcon, WrenchIcon, XCircleIcon, XIcon } from "lucide-react";
+import { motion } from "motion/react";
+import { createLocalizationTranslator, mergeLocalizationCatalogs } from "@case-framework/ui-localization";
+import { cva } from "class-variance-authority";
+import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
+import { Streamdown } from "streamdown";
+import { createHighlighter } from "shiki";
+//#region src/ui/internal/collapsible.tsx
+function Collapsible$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
+		"data-slot": "collapsible",
+		...props
+	});
+}
+function CollapsibleTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.CollapsibleTrigger, {
+		"data-slot": "collapsible-trigger",
+		...props
+	});
+}
+function CollapsibleContent({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.CollapsibleContent, {
+		"data-slot": "collapsible-content",
+		...props
+	});
+}
+//#endregion
+//#region src/ui/utils.ts
+const cn = (...inputs) => twMerge(clsx(inputs));
+//#endregion
+//#region src/ui/internal/shimmer.tsx
+const motionComponentCache = /* @__PURE__ */ new Map();
+const getMotionComponent = (element) => {
+	let component = motionComponentCache.get(element);
+	if (!component) {
+		component = motion.create(element);
+		motionComponentCache.set(element, component);
+	}
+	return component;
+};
+const ShimmerComponent = ({ children, as: Component = "p", className, duration = 2, spread = 2 }) => {
+	const MotionComponent = getMotionComponent(Component);
+	const dynamicSpread = useMemo(() => (children?.length ?? 0) * spread, [children, spread]);
+	return /* @__PURE__ */ jsx(MotionComponent, {
+		animate: { backgroundPosition: "0% center" },
+		className: cn("relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent", "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]", className),
+		initial: { backgroundPosition: "100% center" },
+		style: {
+			"--spread": `${dynamicSpread}px`,
+			backgroundImage: "var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))"
+		},
+		transition: {
+			duration,
+			ease: "linear",
+			repeat: Number.POSITIVE_INFINITY
+		},
+		children
+	});
+};
+const Shimmer = memo(ShimmerComponent);
+//#endregion
+//#region src/ui/localizations/en.ts
+const surveyAssistantEnMessages = {
+	panel: {
+		ariaLabel: "Survey assistant",
+		title: "Assistant",
+		loadingChats: "Loading chats",
+		controlsUnavailable: "Assistant controls unavailable"
+	},
+	empty: {
+		title: "What are you working on?",
+		description: "Draft, inspect, or refine your survey - just describe what you need, or start with one of these."
+	},
+	quickActions: {
+		review: {
+			label: "Review survey",
+			description: "Spot issues and suggest improvements",
+			prompt: "Review the current survey and suggest improvements."
+		},
+		create: {
+			label: "New question",
+			description: "Draft a question to add",
+			prompt: "Help me create a new survey question."
+		},
+		refine: {
+			label: "Refine wording",
+			description: "Polish respondent-facing text",
+			prompt: "Suggest improvements to the respondent-facing wording."
+		}
+	},
+	input: {
+		placeholder: "Ask about the survey...",
+		attachFiles: "Attach files",
+		dropFiles: "Drop images or PDFs to attach",
+		unsupportedFiles: "Unsupported file type: {filenames}",
+		removeFile: "Remove {filename}",
+		send: "Send message",
+		stop: "Stop response",
+		model: "Assistant model",
+		defaultModel: "Default model"
+	},
+	conversation: {
+		noMessages: "No messages yet",
+		startConversation: "Start a conversation to see messages here",
+		scrollToLatest: "Scroll to latest message",
+		working: "Working...",
+		stopped: "Stopped"
+	},
+	status: {
+		applying: "Applying changes",
+		applied: "Changes applied",
+		stopped: "Stopped",
+		attention: "Needs attention",
+		ready: "Ready",
+		connecting: "Connecting to the assistant",
+		thinking: "Thinking through your request",
+		writing: "Writing the response",
+		working: "Working on your request"
+	},
+	activity: {
+		label: "Activity",
+		working: "Working...",
+		workedFor: "Worked for {duration}",
+		technicalDetails: "View technical details",
+		hideTechnicalDetails: "Hide technical details",
+		waitingApproval: "Waiting for approval",
+		approvalReceived: "Approval received",
+		continuingApproval: "Continuing after approval",
+		preparingStep: "Preparing the next step",
+		usingResult: "Using the result",
+		continuingWithoutStep: "Continuing without that step",
+		recoveringToolError: "Recovering from a tool error",
+		skipped: "Skipped",
+		failed: "Failed",
+		workingShort: "Working",
+		done: "Done",
+		stopped: "Stopped",
+		expressionChange: "Expression change",
+		surveyChange: "Survey change",
+		genericActive: "Working with survey",
+		genericComplete: "Survey step complete",
+		failedSuffix: "{name} failed",
+		skippedSuffix: "{name} skipped",
+		tools: {
+			survey_inspect: {
+				active: "Reviewing survey",
+				complete: "Survey reviewed"
+			},
+			survey_change: {
+				active: "Preparing change",
+				complete: "Change prepared"
+			},
+			survey_expression: {
+				active: "Preparing expression",
+				complete: "Expression prepared"
+			},
+			survey_authoring_reference: {
+				active: "Checking authoring guidance",
+				complete: "Authoring guidance checked"
+			},
+			survey_attachment: {
+				active: "Opening attachment",
+				complete: "Attachment opened"
+			},
+			recall: {
+				active: "Checking earlier conversation",
+				complete: "Earlier conversation checked"
+			}
+		}
+	},
+	changes: {
+		applied: "Change applied",
+		stale: "Change not applied",
+		failed: "Change could not be applied",
+		prepared: "Change prepared",
+		rejected: "Change could not be prepared",
+		operationCount: "{count} operation",
+		operationCountPlural: "{count} operations",
+		issueCount: "{count} issue",
+		issueCountPlural: "{count} issues",
+		warningCount: "{count} warning",
+		warningCountPlural: "{count} warnings",
+		incompleteTitle: "The requested changes were not completed.",
+		blocked: "No survey changes were applied because {count} rejected change proposal remains unresolved.",
+		blockedPlural: "No survey changes were applied because {count} rejected change proposals remain unresolved.",
+		partial: "{applied} change set was applied; {failed} could not be applied.",
+		partialPlural: "{applied} change sets were applied; {failed} could not be applied.",
+		reviewBeforeRetry: "Review the change steps above before retrying."
+	},
+	errors: {
+		dismiss: "Dismiss",
+		dismissAssistant: "Dismiss assistant error",
+		retry: "Try again",
+		fallbackDetail: "The assistant hit an error on the previous turn.",
+		model_unavailable: {
+			title: "Model unavailable",
+			hint: "Select a model available to this account, then send the message again."
+		},
+		rate_limited: {
+			title: "Assistant temporarily busy",
+			hint: "Wait a moment, then send the message again."
+		},
+		authorization_failed: {
+			title: "Assistant unavailable",
+			hint: "Check your access or sign in again before retrying."
+		},
+		attachment_unavailable: {
+			title: "Attachment unavailable",
+			hint: "Attach the file again or continue without it."
+		},
+		request_failed: {
+			title: "Assistant could not complete request",
+			hint: "You can continue with another message."
+		}
+	},
+	threads: {
+		newChat: "New chat",
+		history: "Chat history",
+		recent: "Recent chats",
+		automaticTitle: "Use automatic title",
+		automaticShort: "Auto",
+		rename: "Rename {title}",
+		renameTitle: "Rename chat",
+		delete: "Delete {title}",
+		deleteTitle: "Delete chat",
+		deleteConfirm: "Delete \"{title}\" and its attachments?"
+	}
+};
+//#endregion
+//#region src/ui/localizations/nl.ts
+const surveyAssistantNlMessages = {
+	panel: {
+		ariaLabel: "Surveyassistent",
+		title: "Assistent",
+		loadingChats: "Chats laden",
+		controlsUnavailable: "Bediening van de assistent niet beschikbaar"
+	},
+	empty: {
+		title: "Waar werk je aan?",
+		description: "Maak, controleer of verbeter je survey. Beschrijf wat je nodig hebt of kies een van deze opties."
+	},
+	quickActions: {
+		review: {
+			label: "Survey controleren",
+			description: "Problemen vinden en verbeteringen voorstellen",
+			prompt: "Controleer de huidige survey en stel verbeteringen voor."
+		},
+		create: {
+			label: "Nieuwe vraag",
+			description: "Een vraag opstellen en toevoegen",
+			prompt: "Help me een nieuwe surveyvraag te maken."
+		},
+		refine: {
+			label: "Formulering verbeteren",
+			description: "Tekst voor respondenten aanscherpen",
+			prompt: "Stel verbeteringen voor voor de tekst die respondenten zien."
+		}
+	},
+	input: {
+		placeholder: "Vraag iets over de survey...",
+		attachFiles: "Bestanden toevoegen",
+		dropFiles: "Sleep afbeeldingen of pdf's hierheen om ze toe te voegen",
+		unsupportedFiles: "Niet-ondersteund bestandstype: {filenames}",
+		removeFile: "{filename} verwijderen",
+		send: "Bericht verzenden",
+		stop: "Antwoord stoppen",
+		model: "Assistentmodel",
+		defaultModel: "Standaardmodel"
+	},
+	conversation: {
+		noMessages: "Nog geen berichten",
+		startConversation: "Start een gesprek om hier berichten te zien",
+		scrollToLatest: "Naar het nieuwste bericht scrollen",
+		working: "Bezig...",
+		stopped: "Gestopt"
+	},
+	status: {
+		applying: "Wijzigingen toepassen",
+		applied: "Wijzigingen toegepast",
+		stopped: "Gestopt",
+		attention: "Aandacht nodig",
+		ready: "Gereed",
+		connecting: "Verbinding maken met de assistent",
+		thinking: "Verzoek doordenken",
+		writing: "Antwoord schrijven",
+		working: "Aan je verzoek werken"
+	},
+	activity: {
+		label: "Activiteit",
+		working: "Bezig...",
+		workedFor: "{duration} gewerkt",
+		technicalDetails: "Technische details tonen",
+		hideTechnicalDetails: "Technische details verbergen",
+		waitingApproval: "Wachten op goedkeuring",
+		approvalReceived: "Goedkeuring ontvangen",
+		continuingApproval: "Doorgaan na goedkeuring",
+		preparingStep: "Volgende stap voorbereiden",
+		usingResult: "Resultaat gebruiken",
+		continuingWithoutStep: "Doorgaan zonder die stap",
+		recoveringToolError: "Herstellen van een fout in een hulpmiddel",
+		skipped: "Overgeslagen",
+		failed: "Mislukt",
+		workingShort: "Bezig",
+		done: "Gereed",
+		stopped: "Gestopt",
+		expressionChange: "Expressiewijziging",
+		surveyChange: "Surveywijziging",
+		genericActive: "Werken met de survey",
+		genericComplete: "Surveystap voltooid",
+		failedSuffix: "{name} mislukt",
+		skippedSuffix: "{name} overgeslagen",
+		tools: {
+			survey_inspect: {
+				active: "Survey controleren",
+				complete: "Survey gecontroleerd"
+			},
+			survey_change: {
+				active: "Wijziging voorbereiden",
+				complete: "Wijziging voorbereid"
+			},
+			survey_expression: {
+				active: "Expressie voorbereiden",
+				complete: "Expressie voorbereid"
+			},
+			survey_authoring_reference: {
+				active: "Auteursrichtlijnen controleren",
+				complete: "Auteursrichtlijnen gecontroleerd"
+			},
+			survey_attachment: {
+				active: "Bijlage openen",
+				complete: "Bijlage geopend"
+			},
+			recall: {
+				active: "Eerder gesprek controleren",
+				complete: "Eerder gesprek gecontroleerd"
+			}
+		}
+	},
+	changes: {
+		applied: "Wijziging toegepast",
+		stale: "Wijziging niet toegepast",
+		failed: "Wijziging kon niet worden toegepast",
+		prepared: "Wijziging voorbereid",
+		rejected: "Wijziging kon niet worden voorbereid",
+		operationCount: "{count} bewerking",
+		operationCountPlural: "{count} bewerkingen",
+		issueCount: "{count} probleem",
+		issueCountPlural: "{count} problemen",
+		warningCount: "{count} waarschuwing",
+		warningCountPlural: "{count} waarschuwingen",
+		incompleteTitle: "De gevraagde wijzigingen zijn niet voltooid.",
+		blocked: "Er zijn geen surveywijzigingen toegepast omdat {count} afgewezen wijzigingsvoorstel nog niet is opgelost.",
+		blockedPlural: "Er zijn geen surveywijzigingen toegepast omdat {count} afgewezen wijzigingsvoorstellen nog niet zijn opgelost.",
+		partial: "{applied} wijzigingsset is toegepast; {failed} kon niet worden toegepast.",
+		partialPlural: "{applied} wijzigingssets zijn toegepast; {failed} konden niet worden toegepast.",
+		reviewBeforeRetry: "Controleer de bovenstaande wijzigingsstappen voordat je het opnieuw probeert."
+	},
+	errors: {
+		dismiss: "Sluiten",
+		dismissAssistant: "Assistentfout sluiten",
+		retry: "Opnieuw proberen",
+		fallbackDetail: "Er is tijdens de vorige beurt een fout opgetreden.",
+		model_unavailable: {
+			title: "Model niet beschikbaar",
+			hint: "Selecteer een model dat beschikbaar is voor dit account en verzend het bericht opnieuw."
+		},
+		rate_limited: {
+			title: "Assistent tijdelijk bezet",
+			hint: "Wacht even en verzend het bericht daarna opnieuw."
+		},
+		authorization_failed: {
+			title: "Assistent niet beschikbaar",
+			hint: "Controleer je toegang of meld je opnieuw aan voordat je het opnieuw probeert."
+		},
+		attachment_unavailable: {
+			title: "Bijlage niet beschikbaar",
+			hint: "Voeg het bestand opnieuw toe of ga verder zonder het bestand."
+		},
+		request_failed: {
+			title: "Assistent kon het verzoek niet voltooien",
+			hint: "Je kunt doorgaan met een nieuw bericht."
+		}
+	},
+	threads: {
+		newChat: "Nieuwe chat",
+		history: "Chatgeschiedenis",
+		recent: "Recente chats",
+		automaticTitle: "Automatische titel gebruiken",
+		automaticShort: "Automatisch",
+		rename: "{title} hernoemen",
+		renameTitle: "Chat hernoemen",
+		delete: "{title} verwijderen",
+		deleteTitle: "Chat verwijderen",
+		deleteConfirm: "\"{title}\" en de bijlagen verwijderen?"
+	}
+};
+//#endregion
+//#region src/ui/localization.tsx
+const defaultSurveyAssistantLocalizations = {
+	en: surveyAssistantEnMessages,
+	nl: surveyAssistantNlMessages
+};
+const SurveyAssistantLocalizationContext = createContext(null);
+const SurveyAssistantLocalizationProvider = ({ children, language = "en", localizations }) => {
+	const translate = useMemo(() => createLocalizationTranslator({
+		fallbackLocale: "en",
+		locale: language,
+		localizations: mergeLocalizationCatalogs(defaultSurveyAssistantLocalizations, localizations),
+		onMissing: (key, locale) => console.log(`[SurveyAssistant] Missing localization for key "${key}" in language "${locale}".`)
+	}), [language, localizations]);
+	return /* @__PURE__ */ jsx(SurveyAssistantLocalizationContext.Provider, {
+		value: translate,
+		children
+	});
+};
+const useSurveyAssistantTranslation = () => {
+	const translate = useContext(SurveyAssistantLocalizationContext);
+	if (!translate) throw new Error("useSurveyAssistantTranslation must be used within SurveyAssistantLocalizationProvider.");
+	return translate;
+};
+//#endregion
+//#region src/ui/internal/chain-of-thought.tsx
+const ChainOfThoughtContext = createContext(null);
+const useChainOfThought = () => {
+	const context = useContext(ChainOfThoughtContext);
+	if (!context) throw new Error("ChainOfThought components must be used within ChainOfThought");
+	return context;
+};
+const AUTO_CLOSE_DELAY = 1e3;
+const MS_IN_S = 1e3;
+const formatDuration = (durationSeconds) => {
+	const hours = Math.floor(durationSeconds / 3600);
+	const minutes = Math.floor(durationSeconds % 3600 / 60);
+	const seconds = durationSeconds % 60;
+	if (hours > 0) return `${hours}h ${minutes}m`;
+	if (minutes > 0) return seconds > 0 ? `${minutes}m ${seconds}s` : `${minutes}m`;
+	return `${seconds}s`;
+};
+const ChainOfThought = memo(({ className, isStreaming = false, open, defaultOpen, defaultDuration, onOpenChange, duration: durationProp, autoClose = true, children, ...props }) => {
+	const resolvedDefaultOpen = defaultOpen ?? isStreaming;
+	const isExplicitlyClosed = defaultOpen === false;
+	const [isOpen, setIsOpen] = useControllableState({
+		defaultProp: resolvedDefaultOpen,
+		onChange: onOpenChange,
+		prop: open
+	});
+	const [duration, setDuration] = useControllableState({
+		defaultProp: defaultDuration,
+		prop: durationProp
+	});
+	const hasEverStreamedRef = useRef(isStreaming);
+	const [hasAutoClosed, setHasAutoClosed] = useState(false);
+	const startTimeRef = useRef(null);
+	useEffect(() => {
+		if (isStreaming) {
+			hasEverStreamedRef.current = true;
+			if (startTimeRef.current === null) startTimeRef.current = Date.now();
+		} else if (startTimeRef.current !== null) {
+			setDuration(Math.ceil((Date.now() - startTimeRef.current) / MS_IN_S));
+			startTimeRef.current = null;
+		}
+	}, [isStreaming, setDuration]);
+	useEffect(() => {
+		if (isStreaming && !isOpen && !isExplicitlyClosed) setIsOpen(true);
+	}, [
+		isStreaming,
+		isOpen,
+		setIsOpen,
+		isExplicitlyClosed
+	]);
+	useEffect(() => {
+		if (autoClose && hasEverStreamedRef.current && !isStreaming && isOpen && !hasAutoClosed) {
+			const timer = setTimeout(() => {
+				setIsOpen(false);
+				setHasAutoClosed(true);
+			}, AUTO_CLOSE_DELAY);
+			return () => clearTimeout(timer);
+		}
+	}, [
+		autoClose,
+		isStreaming,
+		isOpen,
+		setIsOpen,
+		hasAutoClosed
+	]);
+	const handleOpenChange = useCallback((newOpen) => {
+		setIsOpen(newOpen);
+	}, [setIsOpen]);
+	const contextValue = useMemo(() => ({
+		duration,
+		isOpen,
+		isStreaming,
+		setIsOpen
+	}), [
+		duration,
+		isOpen,
+		isStreaming,
+		setIsOpen
+	]);
+	return /* @__PURE__ */ jsx(ChainOfThoughtContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Collapsible$1, {
+			className: cn("not-prose w-full", className),
+			onOpenChange: handleOpenChange,
+			open: isOpen,
+			...props,
+			children
+		})
+	});
+});
+const ChainOfThoughtHeader = memo(({ className, children, getThinkingMessage, ...props }) => {
+	const { isOpen, isStreaming, duration } = useChainOfThought();
+	const t = useSurveyAssistantTranslation();
+	const defaultThinkingMessage = isStreaming ? /* @__PURE__ */ jsx(Shimmer, {
+		duration: 1,
+		children: t("activity.working")
+	}) : duration === void 0 ? /* @__PURE__ */ jsx("span", { children: t("activity.label") }) : /* @__PURE__ */ jsx("span", { children: t("activity.workedFor", { duration: formatDuration(duration) }) });
+	return /* @__PURE__ */ jsxs(CollapsibleTrigger, {
+		className: cn("flex w-full items-center gap-1.5 text-muted-foreground text-sm transition-colors hover:text-foreground", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(BrainIcon, { className: "size-3.5 shrink-0" }),
+			/* @__PURE__ */ jsx("span", {
+				className: "flex-1 text-left",
+				children: children ?? getThinkingMessage?.(isStreaming, duration) ?? defaultThinkingMessage
+			}),
+			/* @__PURE__ */ jsx(ChevronDownIcon, { className: cn("size-3.5 shrink-0 transition-transform", isOpen ? "rotate-180" : "rotate-0") })
+		]
+	});
+});
+const ChainOfThoughtContent = memo(({ className, ...props }) => /* @__PURE__ */ jsx(CollapsibleContent, {
+	className: cn("mt-2", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", className),
+	...props
+}));
+const stepStatusStyles = {
+	complete: "text-muted-foreground",
+	active: "text-foreground",
+	pending: "text-muted-foreground/50"
+};
+const ChainOfThoughtStep = memo(({ className, icon: Icon = DotIcon, label, description, result, status = "complete", isLast = false, children, ...props }) => /* @__PURE__ */ jsxs("div", {
+	className: cn("fade-in-0 slide-in-from-top-2 relative animate-in text-xs", isLast ? "pb-0" : "pb-2.5", stepStatusStyles[status], className),
+	...props,
+	children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "relative z-10 mt-0.5 shrink-0 bg-background",
+				children: /* @__PURE__ */ jsx(Icon, { className: "size-3.5" })
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "wrap-break-word",
+					children: label
+				}), description && /* @__PURE__ */ jsx("div", {
+					className: "mt-1.5 text-muted-foreground text-xs",
+					children: description
+				})]
+			})]
+		}),
+		result && /* @__PURE__ */ jsx("div", {
+			className: "relative mt-1.5 ml-[22px]",
+			children: result
+		}),
+		children && /* @__PURE__ */ jsx("div", {
+			className: "mt-1.5 ml-[22px] space-y-1.5",
+			children
+		})
+	]
+}));
+ChainOfThought.displayName = "ChainOfThought";
+ChainOfThoughtHeader.displayName = "ChainOfThoughtHeader";
+ChainOfThoughtContent.displayName = "ChainOfThoughtContent";
+ChainOfThoughtStep.displayName = "ChainOfThoughtStep";
+//#endregion
+//#region src/ui/internal/button.tsx
+const buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-muted hover:text-foreground"
+		},
+		size: {
+			default: "h-9 px-4 py-2",
+			icon: "size-9",
+			"icon-sm": "size-8"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const Button = ({ className, variant = "default", size = "default", asChild = false, ...props }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "button", {
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+};
+//#endregion
+//#region src/ui/internal/conversation.tsx
+const Conversation = ({ className, ...props }) => /* @__PURE__ */ jsx(StickToBottom, {
+	className: cn("relative min-h-0 flex-1 overflow-y-hidden", className),
+	initial: "smooth",
+	role: "log",
+	resize: "smooth",
+	...props
+});
+const ConversationContent = ({ className, ...props }) => /* @__PURE__ */ jsx(StickToBottom.Content, {
+	className: cn("flex flex-col gap-8 p-4", className),
+	...props
+});
+const ConversationEmptyState = ({ className, title, description, icon, children, ...props }) => {
+	const t = useSurveyAssistantTranslation();
+	const resolvedTitle = title ?? t("conversation.noMessages");
+	const resolvedDescription = description ?? t("conversation.startConversation");
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex size-full flex-col items-center justify-center gap-3 p-8 text-center", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [icon && /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground",
+			children: icon
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "space-y-1",
+			children: [/* @__PURE__ */ jsx("h3", {
+				className: "font-medium text-sm",
+				children: resolvedTitle
+			}), resolvedDescription && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm",
+				children: resolvedDescription
+			})]
+		})] })
+	});
+};
+const ConversationScrollButton = ({ className, ...props }) => {
+	const { isAtBottom, scrollToBottom } = useStickToBottomContext();
+	const t = useSurveyAssistantTranslation();
+	const handleScrollToBottom = useCallback(() => {
+		scrollToBottom();
+	}, [scrollToBottom]);
+	return !isAtBottom && /* @__PURE__ */ jsx(Button, {
+		className: cn("absolute left-1/2 z-10 size-8 -translate-x-1/2 rounded-full border border-background/60 bg-foreground text-background shadow-lg ring-1 ring-border/50 hover:bg-foreground/85 hover:text-background", className),
+		"aria-label": t("conversation.scrollToLatest"),
+		onClick: handleScrollToBottom,
+		size: "icon-sm",
+		type: "button",
+		variant: "secondary",
+		...props,
+		children: /* @__PURE__ */ jsx(ArrowDownIcon, { className: "size-4" })
+	});
+};
+//#endregion
+//#region src/ui/internal/message.tsx
+const Message = ({ className, from, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("group flex w-full max-w-[95%] flex-col gap-2", from === "user" ? "ml-auto items-end" : "items-start", className),
+	"data-role": from,
+	...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),
+	...props,
+	children
+});
+//#endregion
+//#region src/ui/internal/prompt-input.tsx
+const SUPPORTED_FILE_ACCEPT = "image/*,application/pdf";
+const isSupportedFile = (file) => file.type.startsWith("image/") || file.type === "application/pdf";
+const formatFileSize = (size) => {
+	if (size < 1024 * 1024) return `${Math.max(1, Math.round(size / 1024))} KB`;
+	return `${(size / (1024 * 1024)).toFixed(size < 10 * 1024 * 1024 ? 1 : 0)} MB`;
+};
+const fileToUIPart = async (file) => {
+	const mediaType = file.type || "application/octet-stream";
+	const bytes = new Uint8Array(await file.arrayBuffer());
+	const chunkSize = 32768;
+	let binary = "";
+	for (let offset = 0; offset < bytes.length; offset += chunkSize) binary += String.fromCharCode(...bytes.subarray(offset, offset + chunkSize));
+	return {
+		type: "file",
+		mediaType,
+		filename: file.name,
+		url: `data:${mediaType};base64,${btoa(binary)}`
+	};
+};
+const PromptInputContext = createContext(null);
+const usePromptInput = () => {
+	const context = useContext(PromptInputContext);
+	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 [files, setFiles] = useState([]);
+	const [isDraggingFiles, setIsDraggingFiles] = useState(false);
+	const [unsupportedFileNames, setUnsupportedFileNames] = useState([]);
+	const fileDragDepthRef = useRef(0);
+	const t = useSurveyAssistantTranslation();
+	const addFiles = useCallback((fileList) => {
+		const nextFiles = Array.from(fileList ?? []);
+		const supportedFiles = nextFiles.filter(isSupportedFile);
+		const unsupportedFiles = nextFiles.filter((file) => !isSupportedFile(file));
+		setFiles((currentFiles) => [...currentFiles, ...supportedFiles]);
+		setUnsupportedFileNames(unsupportedFiles.map((file) => file.name));
+	}, []);
+	const removeFile = useCallback((index) => {
+		setFiles((currentFiles) => currentFiles.filter((_, fileIndex) => fileIndex !== index));
+	}, []);
+	const contextValue = useMemo(() => ({
+		value,
+		setValue,
+		files,
+		addFiles,
+		removeFile,
+		unsupportedFileNames
+	}), [
+		addFiles,
+		files,
+		removeFile,
+		unsupportedFileNames,
+		value
+	]);
+	const handleSubmit = useCallback(async (event) => {
+		event.preventDefault();
+		const text = value.trim();
+		if (!text && files.length === 0) return;
+		if (await onSubmit({
+			text,
+			files: await Promise.all(files.map(fileToUIPart))
+		}, event) === false) return;
+		setValue("");
+		setFiles([]);
+		setUnsupportedFileNames([]);
+	}, [
+		files,
+		onSubmit,
+		value
+	]);
+	const isFileDrag = (event) => event.dataTransfer.types.includes("Files");
+	const handleDragEnter = (event) => {
+		onDragEnter?.(event);
+		if (event.defaultPrevented || !isFileDrag(event)) return;
+		event.preventDefault();
+		fileDragDepthRef.current += 1;
+		if (!attachmentsDisabled) setIsDraggingFiles(true);
+	};
+	const handleDragLeave = (event) => {
+		onDragLeave?.(event);
+		if (!isFileDrag(event)) return;
+		fileDragDepthRef.current = Math.max(0, fileDragDepthRef.current - 1);
+		if (fileDragDepthRef.current === 0) setIsDraggingFiles(false);
+	};
+	const handleDragOver = (event) => {
+		onDragOver?.(event);
+		if (event.defaultPrevented || !isFileDrag(event)) return;
+		event.preventDefault();
+		event.dataTransfer.dropEffect = attachmentsDisabled ? "none" : "copy";
+	};
+	const handleDrop = (event) => {
+		onDrop?.(event);
+		if (!isFileDrag(event)) return;
+		fileDragDepthRef.current = 0;
+		setIsDraggingFiles(false);
+		if (event.defaultPrevented) return;
+		event.preventDefault();
+		if (!attachmentsDisabled) addFiles(event.dataTransfer.files);
+	};
+	const handlePaste = (event) => {
+		onPaste?.(event);
+		if (event.defaultPrevented || attachmentsDisabled || event.clipboardData.files.length === 0) return;
+		event.preventDefault();
+		addFiles(event.clipboardData.files);
+	};
+	return /* @__PURE__ */ jsx(PromptInputContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsxs("form", {
+			className: cn("relative rounded-xl border border-input bg-background", className),
+			onDragEnter: handleDragEnter,
+			onDragLeave: handleDragLeave,
+			onDragOver: handleDragOver,
+			onDrop: handleDrop,
+			onPaste: handlePaste,
+			onSubmit: handleSubmit,
+			...props,
+			children: [children, isDraggingFiles && /* @__PURE__ */ jsx("div", {
+				className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center rounded-[inherit] border-2 border-primary bg-background/90 px-4 text-center font-medium text-sm text-foreground",
+				children: t("input.dropFiles")
+			})]
+		})
+	});
+};
+const PromptInputBody = ({ children, className, ...props }) => {
+	const { files, removeFile, unsupportedFileNames } = usePromptInput();
+	const t = useSurveyAssistantTranslation();
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("contents", className),
+		...props,
+		children: [children, (files.length > 0 || unsupportedFileNames.length > 0) && /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap gap-2 px-3 pb-2",
+			children: [files.map((file, index) => /* @__PURE__ */ jsxs("div", {
+				className: "inline-flex max-w-full items-center gap-2 rounded-md border border-border bg-muted px-2 py-1 text-xs",
+				children: [
+					/* @__PURE__ */ jsx(FileIcon, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+					/* @__PURE__ */ jsx("span", {
+						className: "min-w-0 truncate",
+						children: file.name
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "shrink-0 text-muted-foreground",
+						children: formatFileSize(file.size)
+					}),
+					/* @__PURE__ */ jsxs("button", {
+						className: "shrink-0 rounded-sm text-muted-foreground hover:text-foreground",
+						onClick: () => removeFile(index),
+						type: "button",
+						children: [/* @__PURE__ */ jsx(XIcon, { className: "size-3.5" }), /* @__PURE__ */ jsx("span", {
+							className: "sr-only",
+							children: t("input.removeFile", { filename: file.name })
+						})]
+					})
+				]
+			}, `${file.name}-${file.lastModified}-${index}`)), unsupportedFileNames.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "text-destructive text-xs",
+				children: t("input.unsupportedFiles", { filenames: unsupportedFileNames.join(", ") })
+			})]
+		})]
+	});
+};
+const PromptInputTextarea = ({ className, onChange, onKeyDown, ...props }) => {
+	const { value, setValue } = usePromptInput();
+	return /* @__PURE__ */ jsx("textarea", {
+		className: cn("max-h-40 min-h-20 w-full resize-none bg-transparent px-3 py-2 text-sm outline-none placeholder:text-muted-foreground", className),
+		onChange: (event) => {
+			setValue(event.target.value);
+			onChange?.(event);
+		},
+		onKeyDown: (event) => {
+			onKeyDown?.(event);
+			if (event.defaultPrevented || event.shiftKey || event.key !== "Enter") return;
+			event.preventDefault();
+			event.currentTarget.form?.requestSubmit();
+		},
+		value,
+		...props
+	});
+};
+const PromptInputFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex items-center gap-2 border-t border-border px-2 py-2", className),
+	...props
+});
+const PromptInputAttachmentButton = ({ accept = SUPPORTED_FILE_ACCEPT, className, disabled, onChange, ...props }) => {
+	const { addFiles } = usePromptInput();
+	const t = useSurveyAssistantTranslation();
+	return /* @__PURE__ */ jsxs("label", {
+		className: cn("inline-flex size-8 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", disabled && "pointer-events-none cursor-default opacity-50", className),
+		children: [
+			/* @__PURE__ */ jsx(PaperclipIcon, { className: "size-4" }),
+			/* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: t("input.attachFiles")
+			}),
+			/* @__PURE__ */ jsx("input", {
+				accept,
+				className: "sr-only",
+				disabled,
+				multiple: true,
+				onChange: (event) => {
+					addFiles(event.currentTarget.files);
+					onChange?.(event);
+					event.currentTarget.value = "";
+				},
+				type: "file",
+				...props
+			})
+		]
+	});
+};
+const PromptInputSubmit = ({ className, status, onStop, onClick, ...props }) => {
+	const isGenerating = status === "submitted" || status === "streaming";
+	const t = useSurveyAssistantTranslation();
+	return /* @__PURE__ */ jsxs("button", {
+		className: cn("inline-flex size-8 items-center justify-center rounded-full bg-foreground text-background transition-opacity hover:opacity-90 disabled:pointer-events-none disabled:opacity-50", className),
+		onClick: (event) => {
+			if (isGenerating && onStop) {
+				event.preventDefault();
+				onStop();
+				return;
+			}
+			onClick?.(event);
+		},
+		type: "submit",
+		...props,
+		children: [isGenerating ? /* @__PURE__ */ jsx(SquareIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx(ArrowUpIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: isGenerating ? t("input.stop") : t("input.send")
+		})]
+	});
+};
+//#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, {
+		"data-slot": "select",
+		...props
+	});
+}
+function SelectValue({ ...props }) {
+	return /* @__PURE__ */ jsx(Select.Value, {
+		"data-slot": "select-value",
+		...props
+	});
+}
+function SelectTrigger({ className, size = "default", children, ...props }) {
+	return /* @__PURE__ */ jsxs(Select.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": size,
+		className: cn("flex w-fit items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Select.Icon, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" })
+		})]
+	});
+}
+function SelectContent({ className, children, position = "item-aligned", align = "center", ...props }) {
+	return /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx("div", {
+		className: "case-survey-assistant case-survey-assistant-portal",
+		children: /* @__PURE__ */ jsxs(Select.Content, {
+			"data-slot": "select-content",
+			className: cn("relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+			position,
+			align,
+			...props,
+			children: [
+				/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+				/* @__PURE__ */ jsx(Select.Viewport, {
+					className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+					children
+				}),
+				/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+			]
+		})
+	}) });
+}
+function SelectItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Select.Item, {
+		"data-slot": "select-item",
+		className: cn("relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			"data-slot": "select-item-indicator",
+			className: "absolute right-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(Select.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+		}), /* @__PURE__ */ jsx(Select.ItemText, { children })]
+	});
+}
+function SelectScrollUpButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ScrollUpButton, {
+		"data-slot": "select-scroll-up-button",
+		className: cn("flex cursor-default items-center justify-center py-1", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+	});
+}
+function SelectScrollDownButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ScrollDownButton, {
+		"data-slot": "select-scroll-down-button",
+		className: cn("flex cursor-default items-center justify-center py-1", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+	});
+}
+//#endregion
+//#region src/ui/internal/code-block.tsx
+const isItalic = (fontStyle) => fontStyle && fontStyle & 1;
+const isBold = (fontStyle) => fontStyle && fontStyle & 2;
+const isUnderline = (fontStyle) => fontStyle && fontStyle & 4;
+const addKeysToTokens = (lines) => lines.map((line, lineIdx) => ({
+	key: `line-${lineIdx}`,
+	tokens: line.map((token, tokenIdx) => ({
+		key: `line-${lineIdx}-${tokenIdx}`,
+		token
+	}))
+}));
+const TokenSpan = ({ token }) => /* @__PURE__ */ jsx("span", {
+	className: "dark:!bg-[var(--shiki-dark-bg)] dark:!text-[var(--shiki-dark)]",
+	style: {
+		backgroundColor: token.bgColor,
+		color: token.color,
+		fontStyle: isItalic(token.fontStyle) ? "italic" : void 0,
+		fontWeight: isBold(token.fontStyle) ? "bold" : void 0,
+		textDecoration: isUnderline(token.fontStyle) ? "underline" : void 0,
+		...token.htmlStyle
+	},
+	children: token.content
+});
+const LINE_NUMBER_CLASSES = cn("block", "before:content-[counter(line)]", "before:inline-block", "before:[counter-increment:line]", "before:w-8", "before:mr-4", "before:text-right", "before:text-muted-foreground/50", "before:font-mono", "before:select-none");
+const LineSpan = ({ keyedLine, showLineNumbers }) => /* @__PURE__ */ jsx("span", {
+	className: showLineNumbers ? LINE_NUMBER_CLASSES : "block",
+	children: keyedLine.tokens.length === 0 ? "\n" : keyedLine.tokens.map(({ token, key }) => /* @__PURE__ */ jsx(TokenSpan, { token }, key))
+});
+const CodeBlockContext = createContext({ code: "" });
+const highlighterCache = /* @__PURE__ */ new Map();
+const tokensCache = /* @__PURE__ */ new Map();
+const subscribers = /* @__PURE__ */ new Map();
+const getTokensCacheKey = (code, language) => {
+	const start = code.slice(0, 100);
+	const end = code.length > 100 ? code.slice(-100) : "";
+	return `${language}:${code.length}:${start}:${end}`;
+};
+const getHighlighter = (language) => {
+	const cached = highlighterCache.get(language);
+	if (cached) return cached;
+	const highlighterPromise = createHighlighter({
+		langs: [language],
+		themes: ["github-light", "github-dark"]
+	});
+	highlighterCache.set(language, highlighterPromise);
+	return highlighterPromise;
+};
+const createRawTokens = (code) => ({
+	bg: "transparent",
+	fg: "inherit",
+	tokens: code.split("\n").map((line) => line === "" ? [] : [{
+		color: "inherit",
+		content: line
+	}])
+});
+const highlightCode = (code, language, callback) => {
+	const tokensCacheKey = getTokensCacheKey(code, language);
+	const cached = tokensCache.get(tokensCacheKey);
+	if (cached) return cached;
+	if (callback) {
+		if (!subscribers.has(tokensCacheKey)) subscribers.set(tokensCacheKey, /* @__PURE__ */ new Set());
+		subscribers.get(tokensCacheKey)?.add(callback);
+	}
+	getHighlighter(language).then((highlighter) => {
+		const langToUse = highlighter.getLoadedLanguages().includes(language) ? language : "text";
+		const result = highlighter.codeToTokens(code, {
+			lang: langToUse,
+			themes: {
+				dark: "github-dark",
+				light: "github-light"
+			}
+		});
+		const tokenized = {
+			bg: result.bg ?? "transparent",
+			fg: result.fg ?? "inherit",
+			tokens: result.tokens
+		};
+		tokensCache.set(tokensCacheKey, tokenized);
+		const subs = subscribers.get(tokensCacheKey);
+		if (subs) {
+			for (const sub of subs) sub(tokenized);
+			subscribers.delete(tokensCacheKey);
+		}
+	}).catch((error) => {
+		console.error("Failed to highlight code:", error);
+		subscribers.delete(tokensCacheKey);
+	});
+	return null;
+};
+const CodeBlockBody = memo(({ tokenized, showLineNumbers, className }) => {
+	const preStyle = useMemo(() => ({
+		backgroundColor: tokenized.bg,
+		color: tokenized.fg
+	}), [tokenized.bg, tokenized.fg]);
+	const keyedLines = useMemo(() => addKeysToTokens(tokenized.tokens), [tokenized.tokens]);
+	return /* @__PURE__ */ jsx("pre", {
+		className: cn("dark:!bg-[var(--shiki-dark-bg)] dark:!text-[var(--shiki-dark)] m-0 p-4 text-sm", className),
+		style: preStyle,
+		children: /* @__PURE__ */ jsx("code", {
+			className: cn("font-mono text-sm", showLineNumbers && "[counter-increment:line_0] [counter-reset:line]"),
+			children: keyedLines.map((keyedLine) => /* @__PURE__ */ jsx(LineSpan, {
+				keyedLine,
+				showLineNumbers
+			}, keyedLine.key))
+		})
+	});
+}, (prevProps, nextProps) => prevProps.tokenized === nextProps.tokenized && prevProps.showLineNumbers === nextProps.showLineNumbers && prevProps.className === nextProps.className);
+CodeBlockBody.displayName = "CodeBlockBody";
+const CodeBlockContainer = ({ className, language, style, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", className),
+	"data-language": language,
+	style: {
+		containIntrinsicSize: "auto 200px",
+		contentVisibility: "auto",
+		...style
+	},
+	...props
+});
+const CodeBlockContent = ({ code, language, showLineNumbers = false }) => {
+	const rawTokens = useMemo(() => createRawTokens(code), [code]);
+	const syncTokens = useMemo(() => highlightCode(code, language) ?? rawTokens, [
+		code,
+		language,
+		rawTokens
+	]);
+	const [asyncTokens, setAsyncTokens] = useState(null);
+	const asyncKeyRef = useRef({
+		code,
+		language
+	});
+	if (asyncKeyRef.current.code !== code || asyncKeyRef.current.language !== language) {
+		asyncKeyRef.current = {
+			code,
+			language
+		};
+		setAsyncTokens(null);
+	}
+	useEffect(() => {
+		let cancelled = false;
+		highlightCode(code, language, (result) => {
+			if (!cancelled) setAsyncTokens(result);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [code, language]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative overflow-auto",
+		children: /* @__PURE__ */ jsx(CodeBlockBody, {
+			showLineNumbers,
+			tokenized: asyncTokens ?? syncTokens
+		})
+	});
+};
+const CodeBlock = ({ code, language, showLineNumbers = false, className, children, ...props }) => {
+	const contextValue = useMemo(() => ({ code }), [code]);
+	return /* @__PURE__ */ jsx(CodeBlockContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsxs(CodeBlockContainer, {
+			className,
+			language,
+			...props,
+			children: [children, /* @__PURE__ */ jsx(CodeBlockContent, {
+				code,
+				language,
+				showLineNumbers
+			})]
+		})
+	});
+};
+//#endregion
+//#region src/ui/internal/message-timing.ts
+const isRecord$1 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+const asTimestamp = (value) => {
+	if (value instanceof Date) return Number.isFinite(value.getTime()) ? value.getTime() : void 0;
+	if (typeof value === "number") return Number.isFinite(value) ? value : void 0;
+	if (typeof value !== "string") return void 0;
+	const timestamp = Date.parse(value);
+	return Number.isFinite(timestamp) ? timestamp : void 0;
+};
+const getMastraCreatedAt = (value) => {
+	if (!isRecord$1(value) || !isRecord$1(value.mastra)) return void 0;
+	return asTimestamp(value.mastra.createdAt);
+};
+const getPartTimestamps = (part) => {
+	const value = part;
+	return [
+		getMastraCreatedAt(value.providerMetadata),
+		getMastraCreatedAt(value.callProviderMetadata),
+		getMastraCreatedAt(value.resultProviderMetadata)
+	].filter((timestamp) => timestamp !== void 0);
+};
+/**
+* Mastra persists message and part timestamps already. Reconstructing elapsed
+* time here keeps restored chats informative without a second timing store.
+*/
+const getPersistedMessageDurationSeconds = (message) => {
+	if (!isRecord$1(message.metadata)) return void 0;
+	const startedAt = asTimestamp(message.metadata.createdAt);
+	if (startedAt === void 0) return void 0;
+	const completedAt = Math.max(...message.parts.flatMap(getPartTimestamps));
+	if (!Number.isFinite(completedAt) || completedAt < startedAt) return void 0;
+	return Math.max(1, Math.ceil((completedAt - startedAt) / 1e3));
+};
+//#endregion
+//#region src/ui/survey-assistant-panel.tsx
+const getAssistantQuickPrompts = (t) => [
+	{
+		label: t("quickActions.review.label"),
+		description: t("quickActions.review.description"),
+		icon: ListChecksIcon,
+		prompt: t("quickActions.review.prompt")
+	},
+	{
+		label: t("quickActions.create.label"),
+		description: t("quickActions.create.description"),
+		icon: MessageSquarePlusIcon,
+		prompt: t("quickActions.create.prompt")
+	},
+	{
+		label: t("quickActions.refine.label"),
+		description: t("quickActions.refine.description"),
+		icon: WandSparklesIcon,
+		prompt: t("quickActions.refine.prompt")
+	}
+];
+const hasRenderableParts = (message) => {
+	return message.parts.some((part) => part.type === "text" && part.text.length > 0 || isFileUIPart(part) || isReasoningUIPart(part) && part.text.trim().length > 0 || isToolUIPart(part));
+};
+const getFilePartLabel = (part) => part.filename ?? part.mediaType;
+const getToolOutput = (part) => part.state === "output-available" ? part.output : void 0;
+const getToolErrorText = (part) => part.state === "output-error" ? part.errorText : void 0;
+const localizedToolNames = new Set([
+	"survey_inspect",
+	"survey_change",
+	"survey_expression",
+	"survey_authoring_reference",
+	"survey_attachment",
+	"recall"
+]);
+const getToolDisplayName = (t, toolName, phase = "complete") => localizedToolNames.has(toolName) ? t(`activity.tools.${toolName}.${phase}`) : t(phase === "active" ? "activity.genericActive" : "activity.genericComplete");
+const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+const unwrapOutput = unwrapSurveyAssistantToolOutput;
+const getAssistantErrorPresentation = (error, t) => {
+	const parsed = parseSurveyAssistantError(error);
+	return {
+		title: t(`errors.${parsed.code}.title`),
+		description: parsed.detail ?? t("errors.fallbackDetail"),
+		hint: t(`errors.${parsed.code}.hint`),
+		tone: parsed.code === "model_unavailable" || parsed.code === "rate_limited" ? "warning" : "error"
+	};
+};
+const getChangeSet = parseSurveyChangeSet;
+const isChangeSet = (output) => {
+	return getChangeSet(output) !== null;
+};
+const getValidationCounts = (validation) => {
+	if (!isRecord(validation)) return {
+		issueCount: 0,
+		warningCount: 0
+	};
+	return {
+		issueCount: Array.isArray(validation.issues) ? validation.issues.length : 0,
+		warningCount: Array.isArray(validation.warnings) ? validation.warnings.length : 0
+	};
+};
+const SurveyAssistantToolOutputSummary = ({ applyResult, output }) => {
+	const t = useSurveyAssistantTranslation();
+	const unwrappedOutput = unwrapOutput(output);
+	if (isChangeSet(unwrappedOutput)) {
+		const { issueCount, warningCount } = getValidationCounts(unwrappedOutput.validation);
+		const isValid = unwrappedOutput.status === "validated";
+		const status = applyResult?.status ?? (isValid ? "validated" : "rejected");
+		const isPositiveStatus = status === "applied" || status === "validated";
+		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"),
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2 font-medium",
+					children: [isPositiveStatus ? /* @__PURE__ */ jsx(CheckCircleIcon, { className: "size-3.5 shrink-0" }) : /* @__PURE__ */ jsx(XCircleIcon, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ jsx("span", { children: statusLabel })]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-1 text-xs",
+					children: [statusMessage, unwrappedOutput.operations.length > 0 && /* @__PURE__ */ jsxs("span", {
+						className: "text-current/70",
+						children: [
+							" ",
+							"(",
+							t(unwrappedOutput.operations.length === 1 ? "changes.operationCount" : "changes.operationCountPlural", { count: unwrappedOutput.operations.length }),
+							")"
+						]
+					})]
+				}),
+				(issueCount > 0 || warningCount > 0) && /* @__PURE__ */ jsxs("div", {
+					className: "mt-1 text-current/70",
+					children: [
+						issueCount > 0 && t(issueCount === 1 ? "changes.issueCount" : "changes.issueCountPlural", { count: issueCount }),
+						issueCount > 0 && warningCount > 0 && ", ",
+						warningCount > 0 && t(warningCount === 1 ? "changes.warningCount" : "changes.warningCountPlural", { count: warningCount })
+					]
+				})
+			]
+		});
+	}
+	return null;
+};
+const getToolTitle = (t, toolName, state) => {
+	if (state === "output-available") return getToolDisplayName(t, toolName, "complete");
+	if (state === "output-error") return t("activity.failedSuffix", { name: getToolDisplayName(t, toolName, "complete") });
+	if (state === "output-denied") return t("activity.skippedSuffix", { name: getToolDisplayName(t, toolName, "active") });
+	return getToolDisplayName(t, toolName, "active");
+};
+const getToolProgressLabel = (t, part) => {
+	switch (part.state) {
+		case "approval-requested": return t("activity.waitingApproval");
+		case "approval-responded": return t("activity.continuingApproval");
+		case "input-streaming": return t("activity.preparingStep");
+		case "input-available": return getToolDisplayName(t, getToolName(part), "active");
+		case "output-available": return t("activity.usingResult");
+		case "output-denied": return t("activity.continuingWithoutStep");
+		case "output-error": return t("activity.recoveringToolError");
+	}
+};
+const getToolStatusMeta = (t) => ({
+	"approval-requested": {
+		icon: /* @__PURE__ */ jsx(ClockIcon, { className: "size-3 text-amber-600" }),
+		label: t("activity.waitingApproval"),
+		stepStatus: "active"
+	},
+	"approval-responded": {
+		icon: /* @__PURE__ */ jsx(CheckCircleIcon, { className: "size-3 text-blue-600" }),
+		label: t("activity.approvalReceived"),
+		stepStatus: "complete"
+	},
+	"input-available": {
+		icon: /* @__PURE__ */ jsx(LoaderCircleIcon, { className: "size-3 animate-spin text-blue-600" }),
+		label: null,
+		stepStatus: "active"
+	},
+	"input-streaming": {
+		icon: /* @__PURE__ */ jsx(LoaderCircleIcon, { className: "size-3 animate-spin text-blue-600" }),
+		label: null,
+		stepStatus: "active"
+	},
+	"output-available": {
+		icon: /* @__PURE__ */ jsx(CheckCircleIcon, { className: "size-3 text-emerald-600" }),
+		label: null,
+		stepStatus: "complete"
+	},
+	"output-denied": {
+		icon: /* @__PURE__ */ jsx(XCircleIcon, { className: "size-3 text-orange-600" }),
+		label: null,
+		stepStatus: "complete"
+	},
+	"output-error": {
+		icon: /* @__PURE__ */ jsx(XCircleIcon, { className: "size-3 text-red-600" }),
+		label: null,
+		stepStatus: "complete"
+	}
+});
+const getStoppedToolStatusMeta = (t) => ({
+	icon: /* @__PURE__ */ jsx(XCircleIcon, { className: "size-3 text-muted-foreground" }),
+	label: t("activity.stopped"),
+	stepStatus: "complete"
+});
+const SurveyAssistantToolStep = ({ applyResultsByChangeId, isAborted, part, isLast }) => {
+	const t = useSurveyAssistantTranslation();
+	const toolStatusMeta = getToolStatusMeta(t);
+	const toolName = getToolName(part);
+	const output = getToolOutput(part);
+	const errorText = getToolErrorText(part);
+	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 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);
+	return /* @__PURE__ */ jsx(ChainOfThoughtStep, {
+		icon: WrenchIcon,
+		isLast,
+		label: /* @__PURE__ */ jsxs("span", {
+			className: "flex flex-wrap items-center gap-x-2 gap-y-0.5",
+			children: [/* @__PURE__ */ jsx("span", { children: title }), /* @__PURE__ */ jsxs("span", {
+				className: cn("inline-flex shrink-0 items-center gap-1 text-[11px] font-normal", meta.stepStatus === "active" ? "text-blue-700" : "text-muted-foreground"),
+				title: metaTitle,
+				children: [
+					meta.icon,
+					meta.label && /* @__PURE__ */ jsx("span", { children: meta.label }),
+					!meta.label && /* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: metaTitle
+					})
+				]
+			})]
+		}),
+		result: output !== void 0 ? /* @__PURE__ */ jsx(SurveyAssistantToolOutputSummary, {
+			applyResult,
+			output
+		}) : void 0,
+		status: meta.stepStatus,
+		children: hasDetails && /* @__PURE__ */ jsxs(Collapsible$1, {
+			onOpenChange: setDetailsOpen,
+			open: detailsOpen,
+			children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
+				className: "flex items-center gap-1 text-muted-foreground text-xs 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",
+				children: [part.input !== void 0 && /* @__PURE__ */ jsx(CodeBlock, {
+					className: "border-border/50 bg-muted/30",
+					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"),
+					code: errorText ?? stringifyToolTechnicalDetails(output),
+					language: "json"
+				})]
+			})]
+		})
+	});
+};
+const getStreamingProgressLabel = (t, message) => {
+	if (!message || message.role !== "assistant") return t("status.connecting");
+	const lastPart = message.parts.at(-1);
+	if (!lastPart) return t("status.thinking");
+	if (isReasoningUIPart(lastPart)) return t("status.thinking");
+	if (isToolUIPart(lastPart)) return getToolProgressLabel(t, lastPart);
+	if (lastPart.type === "text") return t("status.writing");
+	return t("status.working");
+};
+const SurveyAssistantProgressIndicator = ({ message }) => {
+	const t = useSurveyAssistantTranslation();
+	return /* @__PURE__ */ jsxs("div", {
+		"aria-live": "polite",
+		className: "mt-2 flex items-center gap-2 px-1 text-muted-foreground text-xs",
+		role: "status",
+		children: [/* @__PURE__ */ jsx(LoaderCircleIcon, { className: "size-3.5 animate-spin text-blue-600" }), /* @__PURE__ */ jsx("span", { children: getStreamingProgressLabel(t, message) })]
+	});
+};
+const buildMessageBlocks = (parts) => {
+	const blocks = [];
+	let pendingEntries = [];
+	const flushChain = () => {
+		if (pendingEntries.length > 0) {
+			blocks.push({
+				type: "chain",
+				key: `chain-${pendingEntries[0].key}`,
+				entries: pendingEntries
+			});
+			pendingEntries = [];
+		}
+	};
+	parts.forEach((part, index) => {
+		if (isReasoningUIPart(part)) {
+			if (part.text) pendingEntries.push({
+				type: "reasoning",
+				key: `reasoning-${index}`,
+				text: part.text
+			});
+			return;
+		}
+		if (isToolUIPart(part)) {
+			pendingEntries.push({
+				type: "tool",
+				key: `tool-${part.toolCallId}`,
+				part
+			});
+			return;
+		}
+		if (part.type === "text") {
+			flushChain();
+			blocks.push({
+				type: "text",
+				key: `text-${index}`,
+				text: part.text
+			});
+			return;
+		}
+		if (isFileUIPart(part)) {
+			flushChain();
+			blocks.push({
+				type: "file",
+				key: `file-${index}`,
+				part
+			});
+		}
+	});
+	flushChain();
+	return blocks;
+};
+const SurveyAssistantMessageParts = ({ applyResultsByChangeId, isAborted, isLastMessage, isStreaming, message, showProgress }) => {
+	const blocks = useMemo(() => buildMessageBlocks(message.parts), [message.parts]);
+	const persistedDuration = useMemo(() => getPersistedMessageDurationSeconds(message), [message]);
+	const lastPart = message.parts.at(-1);
+	const hasActiveToolMessage = lastPart !== void 0 && isToolUIPart(lastPart) && (lastPart.state === "input-streaming" || lastPart.state === "input-available");
+	return /* @__PURE__ */ jsxs(Fragment, { children: [blocks.map((block, blockIndex) => {
+		const isLastBlock = blockIndex === blocks.length - 1;
+		if (block.type === "text") {
+			if (message.role === "assistant") return /* @__PURE__ */ jsx(Response, {
+				className: "leading-5 [&_li]:my-0.5 [&_p]:my-1.5 [&_p:first-child]:mt-0 [&_p:last-child]:mb-0",
+				children: block.text
+			}, 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",
+			children: [
+				/* @__PURE__ */ jsx(FileIcon, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+				/* @__PURE__ */ jsx("span", {
+					className: "min-w-0 truncate",
+					children: getFilePartLabel(block.part)
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "shrink-0 text-muted-foreground",
+					children: block.part.mediaType
+				})
+			]
+		}, block.key);
+		const isChainActive = isLastMessage && isStreaming && isLastBlock;
+		return /* @__PURE__ */ jsxs(ChainOfThought, {
+			autoClose: true,
+			className: "w-full rounded-md bg-muted/35 px-2 py-1.5",
+			defaultDuration: persistedDuration,
+			defaultOpen: isChainActive,
+			isStreaming: isChainActive,
+			children: [/* @__PURE__ */ jsx(ChainOfThoughtHeader, { className: "text-xs font-medium" }), /* @__PURE__ */ jsxs(ChainOfThoughtContent, {
+				className: "relative mt-2",
+				children: [/* @__PURE__ */ jsx("div", {
+					"aria-hidden": "true",
+					className: "absolute top-0 bottom-0 left-[7px] w-px bg-border"
+				}), block.entries.map((entry, index) => {
+					const isLastEntry = index === block.entries.length - 1;
+					if (entry.type === "reasoning") return /* @__PURE__ */ jsx(Response, {
+						className: cn("pr-1 pl-5 text-muted-foreground text-xs leading-5 [&_p]:my-1 [&_p:first-child]:mt-0 [&_p:last-child]:mb-0", !isLastEntry && "mb-2"),
+						children: entry.text
+					}, entry.key);
+					return /* @__PURE__ */ jsx(SurveyAssistantToolStep, {
+						applyResultsByChangeId,
+						isAborted,
+						isLast: isLastEntry,
+						part: entry.part
+					}, entry.key);
+				})]
+			})]
+		}, block.key);
+	}), showProgress && !hasActiveToolMessage && (lastPart === void 0 || !isReasoningUIPart(lastPart)) && /* @__PURE__ */ jsx(SurveyAssistantProgressIndicator, { message })] });
+};
+const SurveyAssistantTurnOutcomeNotice = (outcome) => {
+	const t = useSurveyAssistantTranslation();
+	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
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-amber-950 text-xs",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "font-medium",
+			children: t("changes.incompleteTitle")
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "mt-1",
+			children: [
+				description,
+				" ",
+				t("changes.reviewBeforeRetry")
+			]
+		})]
+	});
+};
+const SurveyAssistantHeaderIdentity = ({ indicatorClassName, status, title }) => /* @__PURE__ */ jsxs("div", {
+	className: "flex min-w-0 items-center gap-2",
+	children: [/* @__PURE__ */ jsxs("div", {
+		className: "relative flex size-6 shrink-0 items-center justify-center rounded-md bg-foreground text-background shadow-sm",
+		children: [/* @__PURE__ */ jsx(SparklesIcon, { className: "size-3.5" }), /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: cn("absolute -right-px -bottom-px size-1.5 rounded-full border border-background", indicatorClassName)
+		})]
+	}), /* @__PURE__ */ jsxs("div", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ jsx("h2", {
+			className: "truncate font-semibold text-[13px] leading-4",
+			children: title
+		}), /* @__PURE__ */ jsx("span", {
+			"aria-live": "polite",
+			className: "block truncate text-[10px] text-muted-foreground leading-3",
+			role: "status",
+			children: status
+		})]
+	})]
+});
+const SurveyAssistantChatPanel = ({ api, applyPolicy = "auto", controller, embedded = false, initialMessages, modelId, models, onModelChange, onFirstSubmit, onTurnSettled, onApplyReceipts, onReviewChangeSets, onTurnActiveChange, resourceId, threadControls, threadId, threadTitle }) => {
+	const t = useSurveyAssistantTranslation();
+	const assistantQuickPrompts = getAssistantQuickPrompts(t);
+	const { applyResultsByChangeId, authorizationError, dismissError, error, isStreaming, latestTurnOutcome, messages, state, status, stop, submit, retry } = useSurveyAssistantSession({
+		api,
+		applyPolicy,
+		controller,
+		initialMessages,
+		modelId,
+		onApplyReceipts,
+		onReviewChangeSets,
+		onTurnActiveChange,
+		resourceId,
+		threadId
+	});
+	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,
+		state
+	});
+	const turnWasActiveRef = useRef(false);
+	const isAssistantTurnSettled = !isStreaming && (state === "completed" || state === "failed" || state === "aborted" || state === "applied");
+	useEffect(() => {
+		if (isAssistantTurnActive) {
+			turnWasActiveRef.current = true;
+			return;
+		}
+		if (!turnWasActiveRef.current || !isAssistantTurnSettled) return;
+		turnWasActiveRef.current = false;
+		onTurnSettled();
+	}, [
+		isAssistantTurnActive,
+		isAssistantTurnSettled,
+		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 handleSubmit = useCallback((message) => {
+		if (isAssistantTurnActive) return false;
+		const accepted = submit({
+			files: message.files,
+			text: message.text
+		});
+		if (accepted) onFirstSubmit(message.text);
+		return accepted;
+	}, [
+		isAssistantTurnActive,
+		onFirstSubmit,
+		submit
+	]);
+	const handleQuickPrompt = useCallback((prompt) => handleSubmit({
+		files: [],
+		text: prompt
+	}), [handleSubmit]);
+	return /* @__PURE__ */ jsxs("aside", {
+		"aria-label": t("panel.ariaLabel"),
+		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",
+				children: [/* @__PURE__ */ jsx(SurveyAssistantHeaderIdentity, {
+					indicatorClassName: showAssistantError ? "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",
+				children: [/* @__PURE__ */ jsx(ConversationContent, {
+					className: "gap-3 px-3 py-2.5",
+					children: messages.length === 0 ? /* @__PURE__ */ jsx(ConversationEmptyState, {
+						className: "min-h-full items-stretch justify-center gap-0 px-1 py-6 text-left",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "mx-auto w-full max-w-sm",
+							children: [
+								/* @__PURE__ */ jsx("div", {
+									className: "mb-3 flex size-10 items-center justify-center rounded-xl bg-foreground text-background shadow-sm",
+									children: /* @__PURE__ */ jsx(SparklesIcon, { className: "size-5" })
+								}),
+								/* @__PURE__ */ jsx("h3", {
+									className: "font-semibold text-foreground text-base tracking-tight",
+									children: t("empty.title")
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "mt-1 text-muted-foreground text-xs leading-relaxed",
+									children: t("empty.description")
+								}),
+								/* @__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",
+										onClick: () => handleQuickPrompt(prompt),
+										type: "button",
+										children: [
+											/* @__PURE__ */ jsx("span", {
+												className: "flex size-7 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground transition-colors group-hover:bg-background group-hover:text-foreground",
+												children: /* @__PURE__ */ jsx(Icon, { className: "size-3.5" })
+											}),
+											/* @__PURE__ */ jsxs("span", {
+												className: "min-w-0 flex-1",
+												children: [/* @__PURE__ */ jsx("span", {
+													className: "block truncate font-medium text-foreground text-xs",
+													children: label
+												}), /* @__PURE__ */ jsx("span", {
+													className: "block truncate text-[11px] text-muted-foreground",
+													children: description
+												})]
+											}),
+											/* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-3.5 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-muted-foreground" })
+										]
+									}, label))
+								})
+							]
+						})
+					}) : /* @__PURE__ */ jsxs(Fragment, { children: [messages.map((message, index) => {
+						const isLastMessage = index === messages.length - 1;
+						const shouldShowProgress = isAssistantTurnActive && isLastMessage && message.role === "assistant";
+						return /* @__PURE__ */ jsx(Message, {
+							className: "max-w-[96%] gap-1",
+							from: message.role,
+							children: /* @__PURE__ */ jsx(MessageContent, {
+								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", {
+									className: "text-muted-foreground text-sm",
+									children: t("conversation.stopped")
+								}) : /* @__PURE__ */ jsx("span", {
+									className: "text-muted-foreground text-sm",
+									children: t("conversation.working")
+								})
+							})
+						}, message.id);
+					}), showPendingAssistantRow && /* @__PURE__ */ jsx(Message, {
+						className: "max-w-[96%] gap-1",
+						from: "assistant",
+						children: /* @__PURE__ */ jsx(MessageContent, {
+							className: "w-full",
+							children: /* @__PURE__ */ jsx(SurveyAssistantProgressIndicator, {})
+						})
+					})] })
+				}), /* @__PURE__ */ jsx(ConversationScrollButton, { className: "bottom-2.5" })]
+			}),
+			showAssistantError && /* @__PURE__ */ jsxs("div", {
+				className: cn("flex items-start justify-between gap-3 border-t px-3 py-2.5 text-sm", assistantErrorPresentation.tone === "warning" ? "border-amber-200 bg-amber-50/60" : "border-destructive/20 bg-destructive/5"),
+				role: "alert",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 gap-2.5",
+					children: [assistantErrorPresentation.tone === "warning" ? /* @__PURE__ */ jsx(WrenchIcon, { className: "mt-0.5 size-4 shrink-0 text-amber-700" }) : /* @__PURE__ */ jsx(XCircleIcon, { className: "mt-0.5 size-4 shrink-0 text-destructive" }), /* @__PURE__ */ jsxs("div", {
+						className: "min-w-0",
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "font-medium text-foreground",
+								children: assistantErrorPresentation.title
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "mt-0.5 wrap-break-word text-muted-foreground",
+								children: assistantErrorPresentation.description
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "mt-1 text-muted-foreground/80",
+								children: assistantErrorPresentation.hint
+							}),
+							/* @__PURE__ */ jsx("button", {
+								className: "mt-1.5 font-medium text-foreground text-xs hover:underline",
+								onClick: retry,
+								type: "button",
+								children: t("errors.retry")
+							})
+						]
+					})]
+				}), /* @__PURE__ */ jsx("button", {
+					"aria-label": t("errors.dismissAssistant"),
+					className: "shrink-0 text-muted-foreground text-xs hover:text-foreground",
+					onClick: dismissError,
+					type: "button",
+					children: t("errors.dismiss")
+				})]
+			}),
+			/* @__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"),
+					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")
+					}) }), /* @__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
+							})]
+						})]
+					})]
+				})
+			})
+		]
+	});
+};
+const SELECTED_THREAD_STORAGE_KEY = "survey-assistant-selected-thread";
+const createThreadTitle = (text, fallback) => {
+	const normalized = text.replace(/\s+/g, " ").trim();
+	if (!normalized) return 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, threadApi, threadClient: providedThreadClient, ...sessionProps }) => {
+	const t = useSurveyAssistantTranslation();
+	const threadClient = useMemo(() => providedThreadClient ?? createSurveyAssistantThreadClient(threadApi), [providedThreadClient, threadApi]);
+	const storageKey = selectedThreadStorageKey === false ? null : selectedThreadStorageKey ?? `${SELECTED_THREAD_STORAGE_KEY}:${encodeURIComponent(resourceId)}`;
+	const [threads, setThreads] = useState([]);
+	const [selectedThread, setSelectedThread] = useState(null);
+	const [initialMessages, setInitialMessages] = useState([]);
+	const [historyOpen, setHistoryOpen] = useState(false);
+	const [editingThreadId, setEditingThreadId] = useState(null);
+	const [editingTitle, setEditingTitle] = useState("");
+	const [threadError, setThreadError] = useState(null);
+	const [loadingThread, setLoadingThread] = useState(true);
+	const historyControlsRef = useRef(null);
+	const selectModel = useCallback((modelId) => {
+		if (!models.some((model) => model.id === modelId)) return;
+		onModelChange(modelId);
+	}, [models, onModelChange]);
+	const selectThread = useCallback(async (thread) => {
+		setLoadingThread(true);
+		setThreadError(null);
+		try {
+			const transcript = await threadClient.read(thread.id);
+			setSelectedThread(transcript.thread);
+			setInitialMessages(transcript.messages);
+			setHistoryOpen(false);
+			if (storageKey) window.localStorage.setItem(storageKey, thread.id);
+		} catch (error) {
+			setThreadError(parseSurveyAssistantError(error).detail ?? t("errors.fallbackDetail"));
+		} finally {
+			setLoadingThread(false);
+		}
+	}, [
+		storageKey,
+		t,
+		threadClient
+	]);
+	const createThread = useCallback(async () => {
+		setLoadingThread(true);
+		setThreadError(null);
+		try {
+			const thread = await threadClient.create();
+			setThreads((current) => [thread, ...current]);
+			setSelectedThread(thread);
+			setInitialMessages([]);
+			setHistoryOpen(false);
+			if (storageKey) window.localStorage.setItem(storageKey, thread.id);
+		} catch (error) {
+			setThreadError(parseSurveyAssistantError(error).detail ?? t("errors.fallbackDetail"));
+		} finally {
+			setLoadingThread(false);
+		}
+	}, [
+		storageKey,
+		t,
+		threadClient
+	]);
+	useEffect(() => {
+		let cancelled = false;
+		threadClient.list().then(async (availableThreads) => {
+			if (cancelled) return;
+			setThreads(availableThreads);
+			const rememberedId = storageKey ? window.localStorage.getItem(storageKey) : null;
+			const initialThread = availableThreads.find((thread) => thread.id === rememberedId) ?? availableThreads[0];
+			if (initialThread) await selectThread(initialThread);
+			else await createThread();
+		}).catch((error) => {
+			if (!cancelled) {
+				setThreadError(parseSurveyAssistantError(error).detail ?? t("errors.fallbackDetail"));
+				setLoadingThread(false);
+			}
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		createThread,
+		selectThread,
+		storageKey,
+		t,
+		threadClient
+	]);
+	const renameThread = useCallback(async (thread, title) => {
+		const normalized = title.trim();
+		if (!normalized || normalized === thread.title) {
+			setEditingThreadId(null);
+			setEditingTitle("");
+			return;
+		}
+		try {
+			const updated = await threadClient.rename(thread.id, normalized);
+			setThreads((current) => current.map((item) => item.id === updated.id ? updated : item));
+			setSelectedThread((current) => current?.id === updated.id ? updated : current);
+			setEditingThreadId(null);
+			setEditingTitle("");
+		} catch (error) {
+			setThreadError(parseSurveyAssistantError(error).detail ?? t("errors.fallbackDetail"));
+		}
+	}, [t, threadClient]);
+	const setAutomaticTitle = useCallback(async (thread, title) => {
+		try {
+			const updated = await threadClient.setAutomaticTitle(thread.id, title);
+			setThreads((current) => current.map((item) => item.id === updated.id ? updated : item));
+			setSelectedThread((current) => current?.id === updated.id ? updated : current);
+			setEditingThreadId(null);
+			setEditingTitle("");
+		} catch (error) {
+			setThreadError(parseSurveyAssistantError(error).detail ?? t("errors.fallbackDetail"));
+		}
+	}, [t, threadClient]);
+	const beginEditingThread = useCallback((thread) => {
+		setEditingThreadId(thread.id);
+		setEditingTitle(thread.title);
+	}, []);
+	const cancelEditingThread = useCallback(() => {
+		setEditingThreadId(null);
+		setEditingTitle("");
+	}, []);
+	const commitEditingThread = useCallback(async () => {
+		if (!editingThreadId) return;
+		const thread = threads.find((item) => item.id === editingThreadId);
+		const title = editingTitle;
+		if (thread) await renameThread(thread, title);
+	}, [
+		editingThreadId,
+		editingTitle,
+		renameThread,
+		threads
+	]);
+	const deleteThread = useCallback(async (thread) => {
+		if (!(onConfirmDeleteThread ? await onConfirmDeleteThread(thread) : window.confirm(t("threads.deleteConfirm", { title: thread.title })))) return;
+		try {
+			await threadClient.delete(thread.id);
+			const remaining = threads.filter((item) => item.id !== thread.id);
+			setThreads(remaining);
+			if (selectedThread?.id === thread.id) if (remaining[0]) await selectThread(remaining[0]);
+			else await createThread();
+		} catch (error) {
+			setThreadError(parseSurveyAssistantError(error).detail ?? t("errors.fallbackDetail"));
+		}
+	}, [
+		createThread,
+		onConfirmDeleteThread,
+		selectThread,
+		selectedThread,
+		t,
+		threadClient,
+		threads
+	]);
+	const handleFirstSubmit = useCallback((text) => {
+		if (!selectedThread || initialMessages.length > 0) return;
+		setAutomaticTitle(selectedThread, createThreadTitle(text, t("threads.newChat")));
+	}, [
+		initialMessages.length,
+		selectedThread,
+		setAutomaticTitle,
+		t
+	]);
+	const refreshThreadList = useCallback(async (reportError) => {
+		try {
+			const availableThreads = await threadClient.list();
+			setThreads(availableThreads);
+			const current = availableThreads.find((thread) => thread.id === selectedThread?.id);
+			if (current && !editingThreadId) setSelectedThread((selected) => {
+				if (!selected || selected.id !== current.id) return selected;
+				return selected.title === current.title && selected.titleMode === current.titleMode && selected.updatedAt === current.updatedAt ? selected : current;
+			});
+		} catch (error) {
+			if (reportError) setThreadError(parseSurveyAssistantError(error).detail ?? t("errors.fallbackDetail"));
+		}
+	}, [
+		editingThreadId,
+		selectedThread?.id,
+		t,
+		threadClient
+	]);
+	const toggleHistory = useCallback(() => {
+		if (historyOpen) {
+			commitEditingThread();
+			setHistoryOpen(false);
+			return;
+		}
+		setHistoryOpen(true);
+		refreshThreadList(true);
+	}, [
+		commitEditingThread,
+		historyOpen,
+		refreshThreadList
+	]);
+	const handleTurnSettled = useCallback(() => {
+		refreshThreadList(false);
+	}, [refreshThreadList]);
+	useEffect(() => {
+		if (!historyOpen) return;
+		const handlePointerDown = (event) => {
+			if (!historyControlsRef.current?.contains(event.target)) {
+				commitEditingThread();
+				setHistoryOpen(false);
+			}
+		};
+		const handleKeyDown = (event) => {
+			if (event.key === "Escape") {
+				cancelEditingThread();
+				setHistoryOpen(false);
+			}
+		};
+		document.addEventListener("pointerdown", handlePointerDown);
+		document.addEventListener("keydown", handleKeyDown);
+		return () => {
+			document.removeEventListener("pointerdown", handlePointerDown);
+			document.removeEventListener("keydown", handleKeyDown);
+		};
+	}, [
+		cancelEditingThread,
+		commitEditingThread,
+		historyOpen
+	]);
+	useEffect(() => {
+		const handleFocus = () => {
+			refreshThreadList(false);
+		};
+		window.addEventListener("focus", handleFocus);
+		return () => window.removeEventListener("focus", handleFocus);
+	}, [refreshThreadList]);
+	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",
+			children: /* @__PURE__ */ jsx(SurveyAssistantHeaderIdentity, {
+				indicatorClassName: "animate-pulse bg-blue-500",
+				status: t("panel.loadingChats"),
+				title: t("panel.title")
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex min-h-0 flex-1 items-center justify-center text-muted-foreground text-sm",
+			children: [/* @__PURE__ */ jsx(LoaderCircleIcon, { className: "mr-2 size-4 animate-spin" }), t("panel.loadingChats")]
+		})]
+	});
+	const threadControls = /* @__PURE__ */ jsxs("div", {
+		className: "relative flex shrink-0 items-center gap-1",
+		ref: historyControlsRef,
+		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",
+				onClick: () => void createThread(),
+				title: t("threads.newChat"),
+				type: "button",
+				children: /* @__PURE__ */ jsx(PlusIcon, { className: "size-4" })
+			}),
+			/* @__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",
+				onClick: toggleHistory,
+				title: t("threads.history"),
+				type: "button",
+				children: /* @__PURE__ */ jsx(HistoryIcon, { className: "size-4" })
+			}),
+			historyOpen && /* @__PURE__ */ jsxs("div", {
+				className: "absolute top-10 right-0 z-30 w-72 overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-lg",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "border-b border-border px-3 py-2 font-medium text-xs",
+					children: t("threads.recent")
+				}), /* @__PURE__ */ jsx("div", {
+					className: "max-h-72 overflow-y-auto p-1",
+					children: threads.map((thread) => /* @__PURE__ */ jsxs("div", {
+						className: cn("group flex min-h-10 items-center gap-1 rounded-md px-2", thread.id === selectedThread.id ? "bg-muted" : "hover:bg-muted/60"),
+						children: [
+							editingThreadId === thread.id ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("input", {
+								autoFocus: true,
+								className: "min-w-0 flex-1 rounded border border-input bg-background px-1.5 py-1 text-xs outline-none focus:ring-1 focus:ring-ring",
+								onBlur: () => void commitEditingThread(),
+								onChange: (event) => setEditingTitle(event.currentTarget.value),
+								onKeyDown: (event) => {
+									if (event.key === "Enter") {
+										event.preventDefault();
+										commitEditingThread();
+									}
+									if (event.key === "Escape") {
+										event.preventDefault();
+										event.stopPropagation();
+										cancelEditingThread();
+										setHistoryOpen(false);
+									}
+								},
+								value: editingTitle
+							}), thread.titleMode === "manual" && /* @__PURE__ */ jsxs("button", {
+								"aria-label": t("threads.automaticTitle"),
+								className: "flex h-7 shrink-0 items-center gap-1 rounded px-1.5 text-muted-foreground text-xs hover:bg-background hover:text-foreground",
+								onClick: () => void setAutomaticTitle(thread),
+								onMouseDown: (event) => event.preventDefault(),
+								title: t("threads.automaticTitle"),
+								type: "button",
+								children: [/* @__PURE__ */ jsx(SparklesIcon, { className: "size-3" }), /* @__PURE__ */ jsx("span", { children: t("threads.automaticShort") })]
+							})] }) : /* @__PURE__ */ jsx("button", {
+								className: "min-w-0 flex-1 truncate py-2 text-left text-xs",
+								onClick: () => void selectThread(thread),
+								type: "button",
+								children: thread.title
+							}),
+							/* @__PURE__ */ jsx("button", {
+								"aria-label": t("threads.rename", { title: thread.title }),
+								className: "flex size-7 shrink-0 items-center justify-center rounded text-muted-foreground opacity-0 hover:bg-background hover:text-foreground group-hover:opacity-100",
+								onClick: () => beginEditingThread(thread),
+								title: t("threads.renameTitle"),
+								type: "button",
+								children: /* @__PURE__ */ jsx(PencilIcon, { className: "size-3.5" })
+							}),
+							/* @__PURE__ */ jsx("button", {
+								"aria-label": t("threads.delete", { title: thread.title }),
+								className: "flex size-7 shrink-0 items-center justify-center rounded text-muted-foreground opacity-0 hover:bg-background hover:text-foreground group-hover:opacity-100",
+								onClick: () => void deleteThread(thread),
+								title: t("threads.deleteTitle"),
+								type: "button",
+								children: /* @__PURE__ */ jsx(Trash2Icon, { className: "size-3.5" })
+							})
+						]
+					}, thread.id))
+				})]
+			})
+		]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative h-full min-h-0",
+		children: [/* @__PURE__ */ createElement(SurveyAssistantChatPanel, {
+			...sessionProps,
+			embedded,
+			initialMessages,
+			key: selectedThread.id,
+			modelId,
+			models,
+			onModelChange: selectModel,
+			onFirstSubmit: handleFirstSubmit,
+			onTurnSettled: handleTurnSettled,
+			resourceId,
+			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",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "font-medium",
+					children: t("panel.controlsUnavailable")
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "mt-0.5 text-muted-foreground",
+					children: threadError
+				}),
+				/* @__PURE__ */ jsx("button", {
+					className: "mt-1 font-medium hover:underline",
+					onClick: () => setThreadError(null),
+					type: "button",
+					children: t("errors.dismiss")
+				})
+			]
+		})]
+	});
+};
+const SurveyAssistantPanel = ({ language, localizations, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: "case-survey-assistant",
+	children: /* @__PURE__ */ jsx(SurveyAssistantLocalizationProvider, {
+		language,
+		localizations,
+		children: /* @__PURE__ */ jsx(SurveyAssistantPanelContent, { ...props })
+	})
+});
+//#endregion
+//#region src/ui/connected-survey-assistant-panel.tsx
+const ConnectedSurveyAssistantPanel = ({ modelCatalogApi, modelStorageKey, onModelCatalogError, onModelChange, ...props }) => {
+	const catalog = useSurveyAssistantModelCatalog({
+		api: modelCatalogApi,
+		onModelChange,
+		storageKey: modelStorageKey
+	});
+	useEffect(() => {
+		if (catalog.error) onModelCatalogError?.(catalog.error);
+	}, [catalog.error, onModelCatalogError]);
+	return /* @__PURE__ */ jsx(SurveyAssistantPanel, {
+		...props,
+		modelId: catalog.modelId,
+		models: catalog.models,
+		onModelChange: catalog.selectModel
+	});
+};
+//#endregion
+export { ConnectedSurveyAssistantPanel, SurveyAssistantLocalizationProvider, SurveyAssistantPanel, defaultSurveyAssistantLocalizations, surveyAssistantEnMessages, surveyAssistantNlMessages, useSurveyAssistantTranslation };
+
+//# sourceMappingURL=ui.mjs.map