@case-framework/survey-assistant 0.6.0 → 0.8.0

package/dist/ui.mjs

@@ -1,22 +1,26 @@
 "use client";
-import { jt as parseSurveyAssistantError, l as surveyAssistantTurnFinalSchema, n as SURVEY_ASSISTANT_TURN_FINAL_PART_TYPE } from "./protocol-DJUP4gc0.mjs";
-import { n as isSurveyAssistantAttachmentMediaType, t as SURVEY_ASSISTANT_ATTACHMENT_MEDIA_TYPES } from "./attachments-B0hg3vpT.mjs";
-import { f as unwrapSurveyAssistantToolOutput, i as createSurveyAssistantThreadClient, l as parseSurveyChangeSet, p as isSurveyAssistantTurnActive, r as useSurveyAssistantModelCatalog, t as useSurveyAssistantSession } from "./react-Dqlmasrs.mjs";
-import { o as connectSurveyAssistantThreadLauncher } from "./controller-proxy-DMTqer6T.mjs";
+import { Ft as isSurveyAssistantErrorRetryable, It as parseSurveyAssistantError, Vt as getSurveyAssistantEmbeddedBinaryMarker, l as surveyAssistantTurnFinalSchema, n as SURVEY_ASSISTANT_TURN_FINAL_PART_TYPE } from "./protocol-CF4Bh_Ch.mjs";
+import { n as isSurveyAssistantAttachmentMediaType, t as SURVEY_ASSISTANT_ATTACHMENT_MEDIA_TYPES } from "./attachments-BuNni5vB.mjs";
+import { E as isSurveyAssistantTurnActive, S as parseSurveyChangeSet, T as unwrapSurveyAssistantToolOutput, _ as createSurveyAssistantThreadClient, a as createSurveyAssistantSupportDetails, c as estimateSurveyAssistantSupportBundleBytes, d as prepareSurveyAssistantSupportBundle, i as SURVEY_ASSISTANT_DEFAULT_SUPPORT_BUNDLE_SELECTION, l as generateSurveyAssistantSupportBundle, m as createSurveyAssistantDiagnosticStore, o as createSurveyAssistantSupportMailto, r as useSurveyAssistantModelCatalog, s as downloadSurveyAssistantSupportBundle, t as useSurveyAssistantSession, u as isSurveyAssistantSupportBundleEnabled } from "./react-C_GY-Fsc.mjs";
+import { a as connectSurveyAssistantThreadLauncher } from "./controller-proxy-DEeFl9IA.mjs";
 import { getToolName, isFileUIPart, isReasoningUIPart, isToolUIPart } from "ai";
 import { createContext, createElement, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { Collapsible, Select, Slot, Tooltip } from "radix-ui";
+import { Collapsible } from "@base-ui/react/collapsible";
 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, SearchIcon, SparklesIcon, SquareIcon, Trash2Icon, WandSparklesIcon, WrenchIcon, XCircleIcon, XIcon } from "lucide-react";
+import { ArrowDownIcon, ArrowUpIcon, BotIcon, BrainIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, CopyIcon, DotIcon, DownloadIcon, FileIcon, HistoryIcon, ListChecksIcon, LoaderCircleIcon, MailIcon, MessageSquarePlusIcon, PackageOpenIcon, PaperclipIcon, PencilIcon, PlusIcon, SearchIcon, 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 { Button } from "@base-ui/react/button";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
+import { Tooltip } from "@base-ui/react/tooltip";
+import { Select } from "@base-ui/react/select";
 import { Streamdown } from "streamdown";
 import { bundledLanguages } from "shiki/langs";
+import { Checkbox } from "@base-ui/react/checkbox";
+import { Dialog } from "@base-ui/react/dialog";
 //#region src/ui/internal/collapsible.tsx
 function Collapsible$1({ ...props }) {
 	return /* @__PURE__ */ jsx(Collapsible.Root, {
@@ -25,13 +29,13 @@ function Collapsible$1({ ...props }) {
 	});
 }
 function CollapsibleTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(Collapsible.CollapsibleTrigger, {
+	return /* @__PURE__ */ jsx(Collapsible.Trigger, {
 		"data-slot": "collapsible-trigger",
 		...props
 	});
 }
 function CollapsibleContent({ ...props }) {
-	return /* @__PURE__ */ jsx(Collapsible.CollapsibleContent, {
+	return /* @__PURE__ */ jsx(Collapsible.Panel, {
 		"data-slot": "collapsible-content",
 		...props
 	});
@@ -247,6 +251,11 @@ const surveyAssistantEnMessages = {
 		dismiss: "Dismiss",
 		dismissAssistant: "Dismiss assistant error",
 		retry: "Try again",
+		exportDetails: "Export details",
+		showProviderDetails: "Show full provider message",
+		hideProviderDetails: "Hide provider message",
+		upstreamStatus: "Provider status {status}",
+		providerRequestId: "Request {requestId}",
 		fallbackDetail: "The assistant hit an error on the previous turn.",
 		model_unavailable: {
 			title: "Model unavailable",
@@ -272,6 +281,7 @@ const surveyAssistantEnMessages = {
 	threads: {
 		newChat: "New chat",
 		history: "Chat history",
+		exportSupportBundle: "Export support bundle",
 		recent: "Recent chats",
 		search: "Search chats",
 		searching: "Searching older chats…",
@@ -285,6 +295,48 @@ const surveyAssistantEnMessages = {
 		delete: "Delete {title}",
 		deleteTitle: "Delete chat",
 		deleteConfirm: "Delete \"{title}\" and its attachments?"
+	},
+	supportBundle: {
+		title: "Export support bundle",
+		description: "Choose which broad data categories to include. The ZIP is created and downloaded in this browser.",
+		close: "Close export dialog",
+		preparing: "Preparing diagnostic data…",
+		preparationFailed: "The support bundle could not be prepared",
+		generationFailed: "The support bundle could not be generated.",
+		chooseData: "Data to include",
+		core: {
+			title: "Core technical diagnostics (always included)",
+			description: "Request and turn identifiers, timing, status and error details, counters, and availability information."
+		},
+		categories: {
+			conversation: {
+				title: "Conversation and agent activity",
+				description: "Messages, visible reasoning, tool activity, and apply results."
+			},
+			survey: {
+				title: "Survey data",
+				description: "The submitted survey and a snapshot captured when this dialog opened."
+			},
+			attachments: {
+				title: "Attachments",
+				description: "Available source PDFs and images from this browser session."
+			}
+		},
+		sensitiveNote: "Conversation, reasoning, surveys, and attachments can contain sensitive research or authoring data. Deselect a category if you do not want to share it.",
+		estimatedSize: "Estimated ZIP size",
+		emailWarning: "This may be too large for some email providers.",
+		tooLarge: "The selection is too large. Deselect a category before downloading.",
+		unavailable: "{count} diagnostic component is unavailable or was truncated.",
+		unavailablePlural: "{count} diagnostic components are unavailable or were truncated.",
+		localOnly: "Nothing is sent automatically. You decide whether and how to share the downloaded ZIP.",
+		download: "Download support bundle",
+		downloadAgain: "Download again",
+		downloaded: "Downloaded {filename}. Attach it manually when contacting support.",
+		openEmail: "Open email draft",
+		supportDetails: "Support details to include with your request",
+		copyDetails: "Copy support details",
+		detailsCopied: "Support details copied",
+		copyDetailsFailed: "The support details could not be copied. Select and copy them manually."
 	}
 };
 //#endregion
@@ -464,6 +516,11 @@ const surveyAssistantNlMessages = {
 		dismiss: "Sluiten",
 		dismissAssistant: "Assistentfout sluiten",
 		retry: "Opnieuw proberen",
+		exportDetails: "Details exporteren",
+		showProviderDetails: "Volledig providerbericht tonen",
+		hideProviderDetails: "Providerbericht verbergen",
+		upstreamStatus: "Providerstatus {status}",
+		providerRequestId: "Verzoek {requestId}",
 		fallbackDetail: "Er is tijdens de vorige beurt een fout opgetreden.",
 		model_unavailable: {
 			title: "Model niet beschikbaar",
@@ -489,6 +546,7 @@ const surveyAssistantNlMessages = {
 	threads: {
 		newChat: "Nieuwe chat",
 		history: "Chatgeschiedenis",
+		exportSupportBundle: "Supportbundel exporteren",
 		recent: "Recente chats",
 		search: "Chats zoeken",
 		searching: "Oudere chats zoeken…",
@@ -502,6 +560,48 @@ const surveyAssistantNlMessages = {
 		delete: "{title} verwijderen",
 		deleteTitle: "Chat verwijderen",
 		deleteConfirm: "\"{title}\" en de bijlagen verwijderen?"
+	},
+	supportBundle: {
+		title: "Supportbundel exporteren",
+		description: "Kies welke brede gegevenscategorieën worden opgenomen. Het ZIP-bestand wordt in deze browser gemaakt en gedownload.",
+		close: "Exportvenster sluiten",
+		preparing: "Diagnostische gegevens voorbereiden…",
+		preparationFailed: "De supportbundel kon niet worden voorbereid",
+		generationFailed: "De supportbundel kon niet worden gemaakt.",
+		chooseData: "Op te nemen gegevens",
+		core: {
+			title: "Technische basisgegevens (altijd opgenomen)",
+			description: "Verzoek- en beurt-ID's, timing, status- en foutdetails, aantallen en beschikbaarheid."
+		},
+		categories: {
+			conversation: {
+				title: "Gesprek en agentactiviteit",
+				description: "Berichten, zichtbare redenering, hulpmiddelactiviteit en toepassingsresultaten."
+			},
+			survey: {
+				title: "Surveygegevens",
+				description: "De verzonden survey en een momentopname van toen dit venster werd geopend."
+			},
+			attachments: {
+				title: "Bijlagen",
+				description: "Beschikbare bron-pdf's en afbeeldingen uit deze browsersessie."
+			}
+		},
+		sensitiveNote: "Gesprek, redenering, surveys en bijlagen kunnen gevoelige onderzoeks- of auteursgegevens bevatten. Schakel een categorie uit als je die niet wilt delen.",
+		estimatedSize: "Geschatte ZIP-grootte",
+		emailWarning: "Dit bestand kan te groot zijn voor sommige e-mailproviders.",
+		tooLarge: "De selectie is te groot. Schakel een categorie uit voordat je downloadt.",
+		unavailable: "{count} diagnostisch onderdeel is niet beschikbaar of is ingekort.",
+		unavailablePlural: "{count} diagnostische onderdelen zijn niet beschikbaar of zijn ingekort.",
+		localOnly: "Er wordt niets automatisch verzonden. Je bepaalt zelf of en hoe je het gedownloade ZIP-bestand deelt.",
+		download: "Supportbundel downloaden",
+		downloadAgain: "Opnieuw downloaden",
+		downloaded: "{filename} is gedownload. Voeg het handmatig toe wanneer je contact opneemt met support.",
+		openEmail: "E-mailconcept openen",
+		supportDetails: "Supportgegevens voor je verzoek",
+		copyDetails: "Supportgegevens kopiëren",
+		detailsCopied: "Supportgegevens gekopieerd",
+		copyDetailsFailed: "De supportgegevens konden niet worden gekopieerd. Selecteer en kopieer ze handmatig."
 	}
 };
 //#endregion
@@ -549,15 +649,18 @@ const formatDuration = (durationSeconds) => {
 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 [uncontrolledOpen, setUncontrolledOpen] = useState(resolvedDefaultOpen);
+	const isOpen = open ?? uncontrolledOpen;
+	const setIsOpen = useCallback((nextOpen) => {
+		if (open === void 0) setUncontrolledOpen(nextOpen);
+		if (nextOpen !== isOpen) onOpenChange?.(nextOpen);
+	}, [
+		open,
+		isOpen,
+		onOpenChange
+	]);
+	const [measuredDuration, setDuration] = useState(defaultDuration);
+	const duration = durationProp ?? measuredDuration;
 	const hasEverStreamedRef = useRef(isStreaming);
 	const [hasAutoClosed, setHasAutoClosed] = useState(false);
 	const startTimeRef = useRef(null);
@@ -639,7 +742,7 @@ const ChainOfThoughtHeader = memo(({ className, children, getThinkingMessage, ..
 	});
 });
 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),
+	className: cn("mt-2", "data-ending-style:opacity-0 data-ending-style:-translate-y-2 data-starting-style:-translate-y-2 outline-none  transition-[opacity,transform,scale] ease-out motion-reduce:transition-none", className),
 	...props
 }));
 const stepStatusStyles = {
@@ -701,8 +804,8 @@ const buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap
 		size: "default"
 	}
 });
-const Button = ({ className, variant = "default", size = "default", asChild = false, ...props }) => {
-	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "button", {
+const Button$1 = ({ className, variant = "default", size = "default", ...props }) => {
+	return /* @__PURE__ */ jsx(Button, {
 		className: cn(buttonVariants({
 			variant,
 			size,
@@ -752,7 +855,7 @@ const ConversationScrollButton = ({ className, ...props }) => {
 	const handleScrollToBottom = useCallback(() => {
 		scrollToBottom();
 	}, [scrollToBottom]);
-	return !isAtBottom && /* @__PURE__ */ jsx(Button, {
+	return !isAtBottom && /* @__PURE__ */ jsx(Button$1, {
 		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,
@@ -777,17 +880,43 @@ const MessageContent = ({ children, className, ...props }) => /* @__PURE__ */ js
 });
 //#endregion
 //#region src/ui/internal/tooltip.tsx
-const TooltipProvider = Tooltip.Provider;
-const Tooltip$1 = Tooltip.Root;
-const TooltipTrigger = Tooltip.Trigger;
-const TooltipContent = ({ className, sideOffset = 6, ...props }) => /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx("div", {
-	className: "case-survey-assistant case-survey-assistant-portal",
-	children: /* @__PURE__ */ jsx(Tooltip.Content, {
-		className: cn("z-50 max-w-64 rounded-md bg-foreground px-3 py-1.5 text-center text-background text-xs shadow-md data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", className),
-		sideOffset,
+function TooltipProvider({ delay = 700, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Provider, {
+		"data-slot": "tooltip-provider",
+		delay,
 		...props
-	})
-}) });
+	});
+}
+function Tooltip$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Root, {
+		"data-slot": "tooltip",
+		...props
+	});
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, side = "top", sideOffset = 6, align = "center", alignOffset = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx("div", {
+		className: "case-survey-assistant case-survey-assistant-portal",
+		children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+			align,
+			alignOffset,
+			side,
+			sideOffset,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ jsx(Tooltip.Popup, {
+				"data-slot": "tooltip-content",
+				className: cn("z-50 max-w-64 rounded-md bg-foreground px-3 py-1.5 text-center text-background text-xs shadow-md  data-ending-style:opacity-0 transition-[opacity,transform,scale] ease-out motion-reduce:transition-none data-starting-style:opacity-0", className),
+				...props,
+				children
+			})
+		})
+	}) });
+}
 //#endregion
 //#region src/ui/internal/prompt-input.tsx
 const SUPPORTED_FILE_ACCEPT = [
@@ -797,7 +926,7 @@ const SUPPORTED_FILE_ACCEPT = [
 	".jpeg",
 	...SURVEY_ASSISTANT_ATTACHMENT_MEDIA_TYPES
 ].join(",");
-const WORD_DOCUMENT_MEDIA_TYPES = new Set([
+const WORD_DOCUMENT_MEDIA_TYPES = /* @__PURE__ */ new Set([
 	"application/msword",
 	"application/vnd.ms-word",
 	"application/vnd.ms-word.document.macroenabled.12",
@@ -810,8 +939,8 @@ const getUnsupportedAttachmentKind = ({ name, type }) => {
 	return "other";
 };
 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`;
+	if (size < 1048576) return `${Math.max(1, Math.round(size / 1024))} KB`;
+	return `${(size / 1048576).toFixed(size < 10485760 ? 1 : 0)} MB`;
 };
 const fileToUIPart = async (file) => {
 	const mediaType = file.type || "application/octet-stream";
@@ -1015,32 +1144,29 @@ const PromptInputAttachmentButton = ({ accept = SUPPORTED_FILE_ACCEPT, className
 	const { addFiles } = usePromptInput();
 	const t = useSurveyAssistantTranslation();
 	return /* @__PURE__ */ jsx(TooltipProvider, {
-		delayDuration: 300,
-		children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-			asChild: true,
-			children: /* @__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
-					})
-				]
-			})
+		delay: 300,
+		children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [/* @__PURE__ */ jsxs(TooltipTrigger, {
+			render: /* @__PURE__ */ jsx("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
+				})
+			]
 		}), /* @__PURE__ */ jsx(TooltipContent, {
 			align: "start",
 			side: "top",
@@ -1071,15 +1197,18 @@ const PromptInputSubmit = ({ className, status, onStop, onClick, ...props }) =>
 };
 //#endregion
 //#region src/ui/internal/select.tsx
-function Select$1({ ...props }) {
-	return /* @__PURE__ */ jsx(Select.Root, {
-		"data-slot": "select",
+const Select$1 = Select.Root;
+function SelectGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Group, {
+		"data-slot": "select-group",
+		className: cn("scroll-my-1 p-1", className),
 		...props
 	});
 }
-function SelectValue({ ...props }) {
+function SelectValue({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Select.Value, {
 		"data-slot": "select-value",
+		className: cn("flex flex-1 text-left", className),
 		...props
 	});
 }
@@ -1089,29 +1218,30 @@ function SelectTrigger({ className, size = "default", children, ...props }) {
 		"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" })
-		})]
+		children: [children, /* @__PURE__ */ jsx(Select.Icon, { render: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" }) })]
 	});
 }
-function SelectContent({ className, children, position = "item-aligned", align = "center", ...props }) {
+function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = true, ...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,
+		children: /* @__PURE__ */ jsx(Select.Positioner, {
+			side,
+			sideOffset,
 			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, {})
-			]
+			alignOffset,
+			alignItemWithTrigger,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ jsxs(Select.Popup, {
+				"data-slot": "select-content",
+				"data-align-trigger": alignItemWithTrigger,
+				className: cn("relative z-50 max-h-(--available-height) min-w-[8rem] origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover text-popover-foreground shadow-md data-ending-style:opacity-0 data-ending-style:scale-95 transition-[opacity,transform,scale] ease-out motion-reduce:transition-none data-starting-style:opacity-0 data-starting-style:scale-95", className),
+				...props,
+				children: [
+					/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+					/* @__PURE__ */ jsx(Select.List, { children }),
+					/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+				]
+			})
 		})
 	}) });
 }
@@ -1120,27 +1250,29 @@ function SelectItem({ className, children, ...props }) {
 		"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 })]
+		children: [/* @__PURE__ */ jsx(Select.ItemText, {
+			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+			children
+		}), /* @__PURE__ */ jsx(Select.ItemIndicator, {
+			render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+			children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" })
+		})]
 	});
 }
 function SelectScrollUpButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select.ScrollUpButton, {
+	return /* @__PURE__ */ jsx(Select.ScrollUpArrow, {
 		"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" })
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
 	});
 }
 function SelectScrollDownButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select.ScrollDownButton, {
+	return /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
 		"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" })
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
 	});
 }
 //#endregion
@@ -1150,8 +1282,14 @@ const SurveyAssistantModelSelect = ({ disabled = false, modelId, models, onModel
 	const selectedModelLabel = models.find((model) => model.id === modelId)?.label ?? modelId ?? t("input.defaultModel");
 	if (models.length > 1) return /* @__PURE__ */ jsxs(Select$1, {
 		disabled,
-		onValueChange: onModelChange,
+		onValueChange: (value) => {
+			if (value !== null) onModelChange(value);
+		},
 		value: modelId ?? "",
+		items: [...models.map((model) => ({
+			value: model.id,
+			label: model.label
+		}))],
 		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",
@@ -1161,13 +1299,13 @@ const SurveyAssistantModelSelect = ({ disabled = false, modelId, models, onModel
 		}), /* @__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, {
+			alignItemWithTrigger: false,
+			children: /* @__PURE__ */ jsx(SelectGroup, { 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))
+			}, model.id)) })
 		})]
 	});
 	return /* @__PURE__ */ jsxs("div", {
@@ -1221,8 +1359,9 @@ const SurveyAssistantPromptInput = ({ attachmentsDisabled = false, attachmentBut
 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]`;
+	const marker = getSurveyAssistantEmbeddedBinaryMarker(currentValue, parent, key);
+	if (marker?.redacted === "base64") return `[embedded base64 omitted: ${formatOmittedLength(marker.characters)} characters]`;
+	if (marker?.redacted === "data-url") return `[base64 data URL omitted: ${formatOmittedLength(marker.characters)} characters]`;
 	return currentValue;
 }, 2);
 //#endregion
@@ -1259,9 +1398,7 @@ 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}`;
+	return JSON.stringify([language, code]);
 };
 const getHighlighter = (language) => {
 	const cached = highlighterCache.get(language);
@@ -1475,6 +1612,327 @@ const getSurveyAssistantInitialThreadLoadState = ({ error, hasSelectedThread, lo
 	return null;
 };
 //#endregion
+//#region src/ui/assistant-error-presentation.ts
+const getAssistantErrorPresentation = ({ authorizationError, error, t }) => {
+	const parsed = parseSurveyAssistantError(authorizationError ? {
+		code: "request_failed",
+		detail: authorizationError,
+		retryable: false
+	} : error);
+	return {
+		title: t(`errors.${parsed.code}.title`),
+		description: parsed.detail ?? t("errors.fallbackDetail"),
+		hint: t(`errors.${parsed.code}.hint`),
+		providerMessage: parsed.providerMessage,
+		providerRequestId: parsed.providerRequestId,
+		retryable: isSurveyAssistantErrorRetryable(parsed),
+		tone: parsed.code === "model_unavailable" || parsed.code === "rate_limited" ? "warning" : "error",
+		upstreamStatus: parsed.upstreamStatus
+	};
+};
+//#endregion
+//#region src/ui/internal/checkbox.tsx
+const Checkbox$1 = ({ className, ...props }) => /* @__PURE__ */ jsx(Checkbox.Root, {
+	className: cn("relative flex size-4 shrink-0 items-center justify-center rounded border border-input outline-none transition-colors focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/40 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground", className),
+	...props,
+	children: /* @__PURE__ */ jsx(Checkbox.Indicator, {
+		className: "grid place-content-center text-current",
+		children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+	})
+});
+//#endregion
+//#region src/ui/internal/dialog.tsx
+const Dialog$1 = Dialog.Root;
+const DialogTitle = Dialog.Title;
+const DialogDescription = Dialog.Description;
+const DialogContent = ({ children, className, closeLabel, ...props }) => /* @__PURE__ */ jsx(Dialog.Portal, { children: /* @__PURE__ */ jsxs("div", {
+	className: "case-survey-assistant case-survey-assistant-portal",
+	children: [/* @__PURE__ */ jsx(Dialog.Backdrop, { className: "fixed inset-0 z-50 bg-black/20 backdrop-blur-[1px]  transition-[opacity,transform,scale] ease-out motion-reduce:transition-none data-ending-style:opacity-0 data-starting-style:opacity-0" }), /* @__PURE__ */ jsxs(Dialog.Popup, {
+		className: cn("fixed top-1/2 left-1/2 z-50 grid max-h-[min(42rem,calc(100vh-2rem))] w-[min(30rem,calc(100vw-2rem))] -translate-x-1/2 -translate-y-1/2 gap-4 overflow-y-auto rounded-xl border border-border bg-background p-4 text-foreground shadow-xl outline-none  transition-[opacity,transform,scale] ease-out motion-reduce:transition-none data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:scale-95 data-starting-style:scale-95", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Dialog.Close, {
+			"aria-label": closeLabel,
+			className: "absolute top-2.5 right-2.5 flex size-7 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+			type: "button",
+			children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
+		})]
+	})]
+}) });
+//#endregion
+//#region src/ui/support-bundle-dialog.tsx
+const CATEGORIES = [
+	"conversation",
+	"survey",
+	"attachments"
+];
+const formatBytes = (bytes) => {
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} KiB`;
+	return `${(bytes / 1048576).toFixed(1)} MiB`;
+};
+const SurveyAssistantSupportBundleDialog = ({ config, error, fallbackFocusReturnRef, focusReturnRef, loading, onOpenChange, open, prepared }) => {
+	const t = useSurveyAssistantTranslation();
+	const [selection, setSelection] = useState({ ...SURVEY_ASSISTANT_DEFAULT_SUPPORT_BUNDLE_SELECTION });
+	const [generated, setGenerated] = useState();
+	const [generationError, setGenerationError] = useState();
+	const [generating, setGenerating] = useState(false);
+	const [supportDetailsCopied, setSupportDetailsCopied] = useState(false);
+	const [supportDetailsCopyError, setSupportDetailsCopyError] = useState();
+	const generationSequenceRef = useRef(0);
+	const supportDetailsRef = useRef(null);
+	useEffect(() => {
+		generationSequenceRef.current += 1;
+		if (open) setSelection({ ...SURVEY_ASSISTANT_DEFAULT_SUPPORT_BUNDLE_SELECTION });
+		setGenerated(void 0);
+		setGenerationError(void 0);
+		setGenerating(false);
+		setSupportDetailsCopied(false);
+		setSupportDetailsCopyError(void 0);
+	}, [open, prepared?.threadId]);
+	const selectedBytes = useMemo(() => prepared ? estimateSurveyAssistantSupportBundleBytes(prepared, selection, config) : 0, [
+		config,
+		prepared,
+		selection
+	]);
+	const blocked = Boolean(prepared && selectedBytes > prepared.limits.bundleBytes);
+	const warning = Boolean(prepared && selectedBytes > prepared.limits.emailWarningBytes);
+	const generate = async () => {
+		if (!prepared || blocked) return;
+		const generationSequence = generationSequenceRef.current + 1;
+		generationSequenceRef.current = generationSequence;
+		setGenerating(true);
+		setSupportDetailsCopied(false);
+		setSupportDetailsCopyError(void 0);
+		try {
+			const bundle = await generateSurveyAssistantSupportBundle(prepared, selection, config);
+			if (generationSequenceRef.current !== generationSequence) return;
+			downloadSurveyAssistantSupportBundle(bundle);
+			setGenerated(bundle);
+			setGenerationError(void 0);
+			setSupportDetailsCopied(false);
+			setSupportDetailsCopyError(void 0);
+		} catch {
+			if (generationSequenceRef.current === generationSequence) setGenerationError(t("supportBundle.generationFailed"));
+		} finally {
+			if (generationSequenceRef.current === generationSequence) setGenerating(false);
+		}
+	};
+	const updateSelection = (category, checked) => {
+		generationSequenceRef.current += 1;
+		setSelection((current) => ({
+			...current,
+			[category]: checked
+		}));
+		setGenerated(void 0);
+		setGenerationError(void 0);
+		setGenerating(false);
+		setSupportDetailsCopied(false);
+		setSupportDetailsCopyError(void 0);
+	};
+	const mailto = generated && prepared && config ? createSurveyAssistantSupportMailto({
+		bundle: generated,
+		config,
+		prepared
+	}) : void 0;
+	const supportDetails = generated && prepared ? createSurveyAssistantSupportDetails({
+		bundle: generated,
+		prepared
+	}) : "";
+	const copySupportDetails = async () => {
+		if (!supportDetails) return;
+		const copySequence = generationSequenceRef.current + 1;
+		generationSequenceRef.current = copySequence;
+		setSupportDetailsCopied(false);
+		setSupportDetailsCopyError(void 0);
+		try {
+			if (navigator.clipboard?.writeText) await navigator.clipboard.writeText(supportDetails);
+			else {
+				if (!supportDetailsRef.current) throw new Error("Support details are not available.");
+				supportDetailsRef.current.select();
+				if (!document.execCommand("copy")) throw new Error("Copy was not available.");
+			}
+			if (generationSequenceRef.current !== copySequence) return;
+			setSupportDetailsCopied(true);
+			setSupportDetailsCopyError(void 0);
+		} catch {
+			if (generationSequenceRef.current !== copySequence) return;
+			setSupportDetailsCopied(false);
+			setSupportDetailsCopyError(t("supportBundle.copyDetailsFailed"));
+		}
+	};
+	return /* @__PURE__ */ jsx(Dialog$1, {
+		onOpenChange,
+		open,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			"aria-describedby": "survey-assistant-support-bundle-description",
+			closeLabel: t("supportBundle.close"),
+			finalFocus: () => {
+				const target = focusReturnRef?.current?.isConnected ? focusReturnRef.current : fallbackFocusReturnRef?.current?.isConnected ? fallbackFocusReturnRef.current : null;
+				if (!target) return;
+				target.focus();
+				return false;
+			},
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "pr-8",
+				children: [/* @__PURE__ */ jsx(DialogTitle, {
+					className: "font-semibold text-base",
+					children: t("supportBundle.title")
+				}), /* @__PURE__ */ jsx(DialogDescription, {
+					className: "mt-1 text-muted-foreground text-sm",
+					id: "survey-assistant-support-bundle-description",
+					children: t("supportBundle.description")
+				})]
+			}), loading ? /* @__PURE__ */ jsxs("div", {
+				"aria-live": "polite",
+				className: "flex min-h-28 items-center justify-center text-muted-foreground text-sm",
+				role: "status",
+				children: [/* @__PURE__ */ jsx(LoaderCircleIcon, { className: "mr-2 size-4 animate-spin" }), t("supportBundle.preparing")]
+			}) : error ? /* @__PURE__ */ jsxs("div", {
+				className: "rounded-md border border-destructive/20 bg-destructive/5 p-3 text-sm",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "font-medium",
+					children: t("supportBundle.preparationFailed")
+				}), /* @__PURE__ */ jsx("div", {
+					className: "mt-1 text-muted-foreground",
+					children: error
+				})]
+			}) : prepared ? /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "rounded-md border border-border bg-muted/30 p-3 text-xs",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "font-medium",
+						children: t("supportBundle.core.title")
+					}), /* @__PURE__ */ jsx("div", {
+						className: "mt-1 text-muted-foreground",
+						children: t("supportBundle.core.description")
+					})]
+				}),
+				/* @__PURE__ */ jsxs("fieldset", {
+					className: "grid gap-2",
+					"aria-describedby": "support-bundle-sensitive-note",
+					children: [/* @__PURE__ */ jsx("legend", {
+						className: "mb-1 font-medium text-sm",
+						children: t("supportBundle.chooseData")
+					}), CATEGORIES.map((category) => {
+						const id = `support-bundle-${category}`;
+						return /* @__PURE__ */ jsxs("label", {
+							className: "flex cursor-pointer items-start gap-3 rounded-md border border-border p-3 hover:bg-muted/30",
+							htmlFor: id,
+							children: [/* @__PURE__ */ jsx(Checkbox$1, {
+								checked: selection[category],
+								id,
+								onCheckedChange: (checked) => updateSelection(category, checked === true)
+							}), /* @__PURE__ */ jsxs("span", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ jsxs("span", {
+									className: "flex items-center justify-between gap-2 font-medium text-sm",
+									children: [/* @__PURE__ */ jsx("span", { children: t(`supportBundle.categories.${category}.title`) }), /* @__PURE__ */ jsx("span", {
+										className: "shrink-0 text-muted-foreground text-xs",
+										children: formatBytes(prepared.categoryBytes[category])
+									})]
+								}), /* @__PURE__ */ jsx("span", {
+									className: "mt-0.5 block text-muted-foreground text-xs",
+									children: t(`supportBundle.categories.${category}.description`)
+								})]
+							})]
+						}, category);
+					})]
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground text-xs",
+					id: "support-bundle-sensitive-note",
+					children: t("supportBundle.sensitiveNote")
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					"aria-live": "polite",
+					className: "rounded-md bg-muted px-3 py-2 text-xs text-foreground",
+					role: "status",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex justify-between gap-3 font-semibold",
+							children: [/* @__PURE__ */ jsx("span", { children: t("supportBundle.estimatedSize") }), /* @__PURE__ */ jsx("span", { children: formatBytes(selectedBytes) })]
+						}),
+						warning && !blocked && /* @__PURE__ */ jsx("div", {
+							className: "mt-1 text-amber-800 dark:text-amber-400",
+							children: t("supportBundle.emailWarning")
+						}),
+						blocked && /* @__PURE__ */ jsx("div", {
+							className: "mt-1 text-red-700 dark:text-red-400",
+							children: t("supportBundle.tooLarge")
+						}),
+						prepared.unavailable.length > 0 && /* @__PURE__ */ jsx("div", {
+							className: "mt-1",
+							children: t(prepared.unavailable.length === 1 ? "supportBundle.unavailable" : "supportBundle.unavailablePlural", { count: prepared.unavailable.length })
+						}),
+						(generationError ?? error) && /* @__PURE__ */ jsx("div", {
+							className: "mt-1 text-red-700 dark:text-red-400",
+							children: generationError ?? error
+						})
+					]
+				}),
+				generated ? /* @__PURE__ */ jsxs(Fragment, { children: [!mailto && /* @__PURE__ */ jsxs("div", {
+					className: "grid gap-2 rounded-md border border-border p-3",
+					children: [
+						/* @__PURE__ */ jsx("label", {
+							className: "font-medium text-xs",
+							htmlFor: "support-bundle-details",
+							children: t("supportBundle.supportDetails")
+						}),
+						/* @__PURE__ */ jsx("textarea", {
+							className: "min-h-24 resize-y rounded-md border border-input bg-background p-2 font-mono text-xs",
+							id: "support-bundle-details",
+							readOnly: true,
+							ref: supportDetailsRef,
+							value: supportDetails
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "flex justify-end",
+							children: /* @__PURE__ */ jsxs(Button$1, {
+								disabled: generating,
+								onClick: () => void copySupportDetails(),
+								type: "button",
+								variant: "secondary",
+								children: [supportDetailsCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {}), t(supportDetailsCopied ? "supportBundle.detailsCopied" : "supportBundle.copyDetails")]
+							})
+						}),
+						supportDetailsCopyError && /* @__PURE__ */ jsx("div", {
+							"aria-live": "polite",
+							className: "text-destructive text-xs",
+							role: "status",
+							children: supportDetailsCopyError
+						})
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap justify-end gap-2",
+					children: [mailto && /* @__PURE__ */ jsxs(Button$1, {
+						render: /* @__PURE__ */ jsx("a", { href: mailto }),
+						variant: "secondary",
+						nativeButton: false,
+						children: [/* @__PURE__ */ jsx(MailIcon, {}), t("supportBundle.openEmail")]
+					}), /* @__PURE__ */ jsxs(Button$1, {
+						disabled: generating,
+						onClick: () => void generate(),
+						type: "button",
+						children: [generating ? /* @__PURE__ */ jsx(LoaderCircleIcon, { className: "animate-spin" }) : /* @__PURE__ */ jsx(DownloadIcon, {}), t("supportBundle.downloadAgain")]
+					})]
+				})] }) : /* @__PURE__ */ jsx("div", {
+					className: "flex justify-end",
+					children: /* @__PURE__ */ jsxs(Button$1, {
+						disabled: blocked || generating,
+						onClick: () => void generate(),
+						type: "button",
+						children: [generating ? /* @__PURE__ */ jsx(LoaderCircleIcon, { className: "animate-spin" }) : /* @__PURE__ */ jsx(DownloadIcon, {}), t("supportBundle.download")]
+					})
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground text-xs",
+					children: generated ? t("supportBundle.downloaded", { filename: generated.filename }) : t("supportBundle.localOnly")
+				})
+			] }) : null]
+		})
+	});
+};
+//#endregion
 //#region src/ui/survey-assistant-panel.tsx
 const isRootSurveyItem = (item) => typeof item.config === "object" && item.config !== null && item.config.isRoot === true;
 const getAssistantEmptyStateContext = (controller) => {
@@ -1542,7 +2000,7 @@ const hasRenderableParts = (message) => {
 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([
+const localizedToolNames = /* @__PURE__ */ new Set([
 	"survey_inspect",
 	"survey_change",
 	"survey_expression",
@@ -1553,16 +2011,6 @@ const localizedToolNames = new Set([
 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`),
-		retryable: parsed.retryable ?? (parsed.code === "rate_limited" || parsed.code === "request_failed"),
-		tone: parsed.code === "model_unavailable" || parsed.code === "rate_limited" ? "warning" : "error"
-	};
-};
 const getChangeSet = parseSurveyChangeSet;
 const isChangeSet = (output) => {
 	return getChangeSet(output) !== null;
@@ -1969,7 +2417,7 @@ const SurveyAssistantHeaderIdentity = ({ indicatorClassName, status, title }) =>
 		})]
 	})]
 });
-const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = false, focusPromptOnMount = false, hasEarlierMessages, initialLaunch, initialMessages, modelId, models, onInitialLaunchHandled, onModelChange, onFirstSubmit, onLoadEarlierMessages, onTurnSettled, onApplyReceipts, onSettleApply, onReviewChangeSets, onTurnActiveChange, resourceId, surveyId, threadControls, threadId, threadTitle }) => {
+const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, diagnosticStore, embedded = false, focusPromptOnMount = false, hasEarlierMessages, initialLaunch, initialMessages, modelId, models, onInitialLaunchHandled, onModelChange, onFirstSubmit, onExportDetails, onLoadEarlierMessages, onTurnSettled, onApplyReceipts, onSettleApply, onReviewChangeSets, onTurnActiveChange, resourceId, surveyId, threadControls, threadId, threadTitle }) => {
 	const t = useSurveyAssistantTranslation();
 	const emptyStateContext = getAssistantEmptyStateContext(controller);
 	const assistantQuickPrompts = getAssistantQuickPrompts(t, emptyStateContext);
@@ -1977,6 +2425,7 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 		api,
 		applyPolicy,
 		controller,
+		diagnosticStore,
 		initialMessages,
 		modelId,
 		onApplyReceipts,
@@ -1989,16 +2438,22 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 	});
 	const hasSubmittedMessageRef = useRef((initialMessages?.length ?? 0) > 0);
 	const showAssistantError = Boolean(authorizationError) || Boolean(error);
-	const assistantErrorPresentation = getAssistantErrorPresentation(authorizationError ?? error, t);
+	const assistantErrorPresentation = getAssistantErrorPresentation({
+		authorizationError,
+		error,
+		t
+	});
 	const lastMessage = messages.at(-1);
 	const isAssistantTurnActive = isSurveyAssistantTurnActive({
 		isStreaming,
 		state
 	});
 	const promptTextareaRef = useRef(null);
+	const exportDetailsButtonRef = useRef(null);
 	const shouldRestorePromptFocusRef = useRef(false);
 	const turnWasActiveRef = useRef(false);
 	const [loadingEarlierMessages, setLoadingEarlierMessages] = useState(false);
+	const [providerMessageExpanded, setProviderMessageExpanded] = useState(false);
 	const loadEarlierMessages = useCallback(async () => {
 		if (loadingEarlierMessages) return;
 		setLoadingEarlierMessages(true);
@@ -2219,15 +2674,40 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 								className: "mt-0.5 wrap-break-word text-muted-foreground",
 								children: assistantErrorPresentation.description
 							}),
+							assistantErrorPresentation.providerMessage && /* @__PURE__ */ jsxs("div", {
+								className: "mt-1",
+								children: [/* @__PURE__ */ jsx("p", {
+									className: cn("wrap-break-word text-muted-foreground text-xs", !providerMessageExpanded && "line-clamp-3"),
+									children: assistantErrorPresentation.providerMessage
+								}), assistantErrorPresentation.providerMessage.length > 180 && /* @__PURE__ */ jsx("button", {
+									className: "mt-0.5 font-medium text-foreground text-xs hover:underline",
+									onClick: () => setProviderMessageExpanded((current) => !current),
+									type: "button",
+									children: t(providerMessageExpanded ? "errors.hideProviderDetails" : "errors.showProviderDetails")
+								})]
+							}),
+							(assistantErrorPresentation.upstreamStatus || assistantErrorPresentation.providerRequestId) && /* @__PURE__ */ jsx("p", {
+								className: "mt-1 text-[11px] text-muted-foreground/80",
+								children: [assistantErrorPresentation.upstreamStatus ? t("errors.upstreamStatus", { status: assistantErrorPresentation.upstreamStatus }) : null, assistantErrorPresentation.providerRequestId ? t("errors.providerRequestId", { requestId: assistantErrorPresentation.providerRequestId }) : null].filter(Boolean).join(" · ")
+							}),
 							/* @__PURE__ */ jsx("p", {
 								className: "mt-1 text-muted-foreground/80",
 								children: assistantErrorPresentation.hint
 							}),
-							assistantErrorPresentation.retryable && /* @__PURE__ */ jsx("button", {
-								className: "mt-1.5 font-medium text-foreground text-xs hover:underline",
-								onClick: retry,
-								type: "button",
-								children: t("errors.retry")
+							(assistantErrorPresentation.retryable || onExportDetails) && /* @__PURE__ */ jsxs("div", {
+								className: "mt-1.5 flex flex-wrap gap-x-3 gap-y-1",
+								children: [assistantErrorPresentation.retryable && /* @__PURE__ */ jsx("button", {
+									className: "font-medium text-foreground text-xs hover:underline",
+									onClick: retry,
+									type: "button",
+									children: t("errors.retry")
+								}), onExportDetails && /* @__PURE__ */ jsx("button", {
+									className: "font-medium text-foreground text-xs hover:underline",
+									onClick: () => onExportDetails(exportDetailsButtonRef.current),
+									ref: exportDetailsButtonRef,
+									type: "button",
+									children: t("errors.exportDetails")
+								})]
 							})
 						]
 					})]
@@ -2276,14 +2756,12 @@ const mergeThreads = (current, incoming) => {
 const mergeRecentThreadPage = (current, recent) => {
 	if (recent.length === 0) return [];
 	const oldestRecentUpdate = Math.min(...recent.map((thread) => Date.parse(thread.updatedAt)));
-	return mergeThreads(Number.isFinite(oldestRecentUpdate) ? current.filter((thread) => Date.parse(thread.updatedAt) <= oldestRecentUpdate) : current, recent);
-};
-const listThreadPage = async (client, cursor) => {
-	if (client.listPage) return client.listPage(cursor ? { cursor } : void 0);
-	return cursor ? { threads: [] } : { threads: await client.list() };
+	const olderThreads = Number.isFinite(oldestRecentUpdate) ? current.filter((thread) => Date.parse(thread.updatedAt) <= oldestRecentUpdate) : current;
+	return mergeThreads(olderThreads, recent);
 };
-const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], onConfirmDeleteThread, onModelChange = () => {}, onTurnActiveChange: onAssistantTurnActiveChange, resourceId, selectedThreadStorageKey, surveyId, threadApi, threadClient: providedThreadClient, threadLauncher, ...sessionProps }) => {
+const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], onConfirmDeleteThread, onModelChange = () => {}, onTurnActiveChange: onAssistantTurnActiveChange, resourceId, selectedThreadStorageKey, supportBundle, surveyId, threadApi, threadClient: providedThreadClient, threadLauncher, ...sessionProps }) => {
 	const t = useSurveyAssistantTranslation();
+	const supportBundleEnabled = isSurveyAssistantSupportBundleEnabled(supportBundle);
 	const threadClient = useMemo(() => providedThreadClient ?? createSurveyAssistantThreadClient(threadApi), [providedThreadClient, threadApi]);
 	const storageKey = selectedThreadStorageKey === false ? null : selectedThreadStorageKey ?? `${SELECTED_THREAD_STORAGE_KEY}:${encodeURIComponent(resourceId)}${surveyId ? `:${encodeURIComponent(surveyId)}` : ""}`;
 	const [threads, setThreads] = useState([]);
@@ -2302,8 +2780,23 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 	const [assistantTurnActive, setAssistantTurnActive] = useState(false);
 	const [initialLaunch, setInitialLaunch] = useState();
 	const [promptFocusThreadId, setPromptFocusThreadId] = useState();
+	const [diagnosticStore] = useState(() => {
+		try {
+			return createSurveyAssistantDiagnosticStore(supportBundle?.limits);
+		} catch {
+			return createSurveyAssistantDiagnosticStore();
+		}
+	});
+	const [supportBundleOpen, setSupportBundleOpen] = useState(false);
+	const [supportBundleLoading, setSupportBundleLoading] = useState(false);
+	const [supportBundleError, setSupportBundleError] = useState();
+	const [preparedSupportBundle, setPreparedSupportBundle] = useState();
 	const historyControlsRef = useRef(null);
+	const historyButtonRef = useRef(null);
 	const loadingAllThreadsRef = useRef(false);
+	const supportBundleAbortRef = useRef(null);
+	const supportBundleFocusReturnRef = useRef(null);
+	const supportBundleThreadIdRef = useRef(void 0);
 	const selectModel = useCallback((modelId) => {
 		if (!models.some((model) => model.id === modelId)) return;
 		onModelChange(modelId);
@@ -2358,7 +2851,7 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 	]);
 	useEffect(() => {
 		let cancelled = false;
-		listThreadPage(threadClient).then(async (page) => {
+		Promise.resolve().then(() => threadClient.listPage()).then(async (page) => {
 			if (cancelled) return;
 			const availableThreads = page.threads;
 			setThreads(availableThreads);
@@ -2401,7 +2894,7 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 		if (!nextThreadCursor || loadingOlderThreads) return;
 		setLoadingOlderThreads(true);
 		try {
-			const page = await listThreadPage(threadClient, nextThreadCursor);
+			const page = await threadClient.listPage({ cursor: nextThreadCursor });
 			setThreads((current) => mergeThreads(current, page.threads));
 			setNextThreadCursor(page.nextCursor);
 		} catch (error) {
@@ -2438,7 +2931,7 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 		try {
 			let cursor = nextThreadCursor;
 			while (cursor) {
-				const page = await listThreadPage(threadClient, cursor);
+				const page = await threadClient.listPage({ cursor });
 				setThreads((current) => mergeThreads(current, page.threads));
 				cursor = page.nextCursor;
 				setNextThreadCursor(cursor);
@@ -2529,19 +3022,79 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 		renameThread,
 		threads
 	]);
+	const closeSupportBundle = useCallback(() => {
+		supportBundleAbortRef.current?.abort();
+		supportBundleAbortRef.current = null;
+		setSupportBundleOpen(false);
+		setSupportBundleLoading(false);
+		setPreparedSupportBundle(void 0);
+	}, []);
+	const openSupportBundle = useCallback(async (focusReturnElement) => {
+		if (!supportBundleEnabled || !selectedThread || assistantTurnActive) return;
+		supportBundleFocusReturnRef.current = focusReturnElement ?? historyButtonRef.current;
+		await commitEditingThread();
+		setHistoryOpen(false);
+		supportBundleAbortRef.current?.abort();
+		const abortController = new AbortController();
+		supportBundleAbortRef.current = abortController;
+		setSupportBundleOpen(true);
+		supportBundleThreadIdRef.current = selectedThread.id;
+		setSupportBundleLoading(true);
+		setSupportBundleError(void 0);
+		setPreparedSupportBundle(void 0);
+		try {
+			const prepared = await prepareSurveyAssistantSupportBundle({
+				config: supportBundle,
+				controller: sessionProps.controller,
+				diagnosticStore,
+				resourceId,
+				signal: abortController.signal,
+				threadClient,
+				threadId: selectedThread.id
+			});
+			if (abortController.signal.aborted || selectedThread.id !== prepared.threadId) return;
+			setPreparedSupportBundle(prepared);
+		} catch (error) {
+			if (abortController.signal.aborted) return;
+			setSupportBundleError(parseSurveyAssistantError(error).detail ?? t("supportBundle.preparationFailed"));
+		} finally {
+			if (supportBundleAbortRef.current === abortController) {
+				supportBundleAbortRef.current = null;
+				setSupportBundleLoading(false);
+			}
+		}
+	}, [
+		assistantTurnActive,
+		commitEditingThread,
+		diagnosticStore,
+		resourceId,
+		selectedThread,
+		sessionProps.controller,
+		supportBundle,
+		supportBundleEnabled,
+		t,
+		threadClient
+	]);
+	useEffect(() => () => {
+		supportBundleAbortRef.current?.abort();
+	}, []);
 	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);
+			diagnosticStore.deleteThread(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();
+			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,
+		diagnosticStore,
 		onConfirmDeleteThread,
 		selectThread,
 		selectedThread,
@@ -2564,7 +3117,7 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 	}, [initialLaunch]);
 	const refreshThreadList = useCallback(async (reportError) => {
 		try {
-			const page = await listThreadPage(threadClient);
+			const page = await threadClient.listPage();
 			setThreads((current) => mergeRecentThreadPage(current, page.threads));
 			const current = page.threads.find((thread) => thread.id === selectedThread?.id);
 			if (current && !editingThreadId) setSelectedThread((selected) => {
@@ -2628,6 +3181,14 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 		promptFocusThreadId,
 		selectedThread?.id
 	]);
+	useEffect(() => {
+		if (!supportBundleOpen || supportBundleThreadIdRef.current === selectedThread?.id) return;
+		closeSupportBundle();
+	}, [
+		closeSupportBundle,
+		selectedThread?.id,
+		supportBundleOpen
+	]);
 	useEffect(() => {
 		const handleFocus = () => {
 			refreshThreadList(false);
@@ -2699,6 +3260,7 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 				className: "flex size-8 items-center justify-center rounded-lg text-muted-foreground hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
 				disabled: assistantTurnActive,
 				onClick: toggleHistory,
+				ref: historyButtonRef,
 				title: t("threads.history"),
 				type: "button",
 				children: /* @__PURE__ */ jsx(HistoryIcon, { className: "size-4" })
@@ -2789,6 +3351,15 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 								children: loadingOlderThreads ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(LoaderCircleIcon, { className: "mr-1.5 size-3.5 animate-spin" }), normalizedThreadSearch ? t("threads.searching") : t("threads.loadingOlder")] }) : t("threads.loadOlder")
 							})
 						]
+					}),
+					supportBundleEnabled && /* @__PURE__ */ jsx("div", {
+						className: "border-t border-border p-1",
+						children: /* @__PURE__ */ jsxs("button", {
+							className: "flex h-9 w-full items-center gap-2 rounded-md px-2 text-left text-muted-foreground text-xs hover:bg-muted hover:text-foreground",
+							onClick: () => void openSupportBundle(historyButtonRef.current),
+							type: "button",
+							children: [/* @__PURE__ */ jsx(PackageOpenIcon, { className: "size-3.5" }), t("threads.exportSupportBundle")]
+						})
 					})
 				]
 			})
@@ -2796,46 +3367,63 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 	});
 	return /* @__PURE__ */ jsxs("div", {
 		className: "relative h-full min-h-0",
-		children: [/* @__PURE__ */ createElement(SurveyAssistantChatPanel, {
-			...sessionProps,
-			embedded,
-			focusPromptOnMount: selectedThread.id === promptFocusThreadId,
-			hasEarlierMessages: Boolean(nextMessageCursor),
-			initialLaunch: initialLaunch?.input,
-			initialMessages,
-			key: selectedThread.id,
-			modelId,
-			models,
-			onInitialLaunchHandled: handleInitialLaunchHandled,
-			onModelChange: selectModel,
-			onFirstSubmit: handleFirstSubmit,
-			onLoadEarlierMessages: loadEarlierMessages,
-			onTurnSettled: handleTurnSettled,
-			onTurnActiveChange: handleTurnActiveChange,
-			resourceId,
-			surveyId,
-			threadControls,
-			threadId: selectedThread.id,
-			threadTitle: selectedThread.title
-		}), threadError && /* @__PURE__ */ jsxs("div", {
-			className: "absolute right-3 bottom-3 left-3 z-40 rounded-lg border border-destructive/20 bg-popover 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")
-				})
-			]
-		})]
+		children: [
+			/* @__PURE__ */ createElement(SurveyAssistantChatPanel, {
+				...sessionProps,
+				embedded,
+				focusPromptOnMount: selectedThread.id === promptFocusThreadId,
+				hasEarlierMessages: Boolean(nextMessageCursor),
+				initialLaunch: initialLaunch?.input,
+				initialMessages,
+				key: selectedThread.id,
+				modelId,
+				models,
+				diagnosticStore,
+				onExportDetails: supportBundleEnabled ? (trigger) => void openSupportBundle(trigger) : void 0,
+				onInitialLaunchHandled: handleInitialLaunchHandled,
+				onModelChange: selectModel,
+				onFirstSubmit: handleFirstSubmit,
+				onLoadEarlierMessages: loadEarlierMessages,
+				onTurnSettled: handleTurnSettled,
+				onTurnActiveChange: handleTurnActiveChange,
+				resourceId,
+				surveyId,
+				threadControls,
+				threadId: selectedThread.id,
+				threadTitle: selectedThread.title
+			}),
+			supportBundleEnabled && /* @__PURE__ */ jsx(SurveyAssistantSupportBundleDialog, {
+				config: supportBundle,
+				error: supportBundleError,
+				fallbackFocusReturnRef: historyButtonRef,
+				focusReturnRef: supportBundleFocusReturnRef,
+				loading: supportBundleLoading,
+				onOpenChange: (open) => {
+					if (!open) closeSupportBundle();
+				},
+				open: supportBundleOpen,
+				prepared: preparedSupportBundle
+			}),
+			threadError && /* @__PURE__ */ jsxs("div", {
+				className: "absolute right-3 bottom-3 left-3 z-40 rounded-lg border border-destructive/20 bg-popover px-3 py-2 text-xs shadow-lg",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "font-medium",
+						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", {