@case-framework/survey-assistant 0.5.0 → 0.7.0

package/dist/ui.mjs

@@ -1,15 +1,16 @@
 "use client";
-import { jt as parseSurveyAssistantError, l as surveyAssistantTurnFinalSchema, n as SURVEY_ASSISTANT_TURN_FINAL_PART_TYPE } from "./protocol-DJUP4gc0.mjs";
-import { f as unwrapSurveyAssistantToolOutput, i as createSurveyAssistantThreadClient, l as parseSurveyChangeSet, p as isSurveyAssistantTurnActive, r as useSurveyAssistantModelCatalog, t as useSurveyAssistantSession } from "./react-CY6N7lVi.mjs";
-import { o as connectSurveyAssistantThreadLauncher } from "./controller-proxy-jWIPOZAv.mjs";
+import { Lt as getSurveyAssistantEmbeddedBinaryMarker, Mt as parseSurveyAssistantError, jt as isSurveyAssistantErrorRetryable, l as surveyAssistantTurnFinalSchema, n as SURVEY_ASSISTANT_TURN_FINAL_PART_TYPE } from "./protocol-BhzQbx81.mjs";
+import { n as isSurveyAssistantAttachmentMediaType, t as SURVEY_ASSISTANT_ATTACHMENT_MEDIA_TYPES } from "./attachments-B0hg3vpT.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-B3ybjJ-X.mjs";
+import { o as connectSurveyAssistantThreadLauncher } from "./controller-proxy-BH05e-C2.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 { Checkbox, Collapsible, Dialog, Select, Slot, Tooltip } 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, 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";
@@ -123,9 +124,11 @@ const surveyAssistantEnMessages = {
 	},
 	input: {
 		placeholder: "Ask about the survey...",
-		attachFiles: "Attach files",
-		dropFiles: "Drop images or PDFs to attach",
-		unsupportedFiles: "Unsupported file type: {filenames}",
+		attachFiles: "Attach a PDF, PNG, or JPG",
+		dropFiles: "Drop a PDF, PNG, or JPG to attach",
+		supportedFiles: "Supported: PDF, PNG, and JPG. Export Word documents as PDF.",
+		unsupportedFiles: "{filenames} can't be attached. Supported formats: PDF, PNG, and JPG.",
+		wordFilesUnsupported: "Word documents aren't supported. Export {filenames} as PDF, then attach the PDF.",
 		removeFile: "Remove {filename}",
 		send: "Send message",
 		stop: "Stop response",
@@ -244,6 +247,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",
@@ -269,6 +277,7 @@ const surveyAssistantEnMessages = {
 	threads: {
 		newChat: "New chat",
 		history: "Chat history",
+		exportSupportBundle: "Export support bundle",
 		recent: "Recent chats",
 		search: "Search chats",
 		searching: "Searching older chats…",
@@ -282,6 +291,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
@@ -338,9 +389,11 @@ const surveyAssistantNlMessages = {
 	},
 	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}",
+		attachFiles: "Een pdf-, png- of jpg-bestand toevoegen",
+		dropFiles: "Sleep een pdf-, png- of jpg-bestand hierheen om het toe te voegen",
+		supportedFiles: "Ondersteund: pdf, png en jpg. Exporteer Word-documenten als pdf.",
+		unsupportedFiles: "{filenames} kan niet worden toegevoegd. Ondersteunde formaten: pdf, png en jpg.",
+		wordFilesUnsupported: "Word-documenten worden niet ondersteund. Exporteer {filenames} als pdf en voeg daarna de pdf toe.",
 		removeFile: "{filename} verwijderen",
 		send: "Bericht verzenden",
 		stop: "Antwoord stoppen",
@@ -459,6 +512,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",
@@ -484,6 +542,7 @@ const surveyAssistantNlMessages = {
 	threads: {
 		newChat: "Nieuwe chat",
 		history: "Chatgeschiedenis",
+		exportSupportBundle: "Supportbundel exporteren",
 		recent: "Recente chats",
 		search: "Chats zoeken",
 		searching: "Oudere chats zoeken…",
@@ -497,6 +556,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
@@ -771,9 +872,39 @@ const MessageContent = ({ children, className, ...props }) => /* @__PURE__ */ js
 	children
 });
 //#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,
+		...props
+	})
+}) });
+//#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 SUPPORTED_FILE_ACCEPT = [
+	".pdf",
+	".png",
+	".jpg",
+	".jpeg",
+	...SURVEY_ASSISTANT_ATTACHMENT_MEDIA_TYPES
+].join(",");
+const WORD_DOCUMENT_MEDIA_TYPES = new Set([
+	"application/msword",
+	"application/vnd.ms-word",
+	"application/vnd.ms-word.document.macroenabled.12",
+	"application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+	"application/vnd.openxmlformats-officedocument.wordprocessingml.template"
+]);
+const getUnsupportedAttachmentKind = ({ name, type }) => {
+	if (isSurveyAssistantAttachmentMediaType(type)) return null;
+	if (WORD_DOCUMENT_MEDIA_TYPES.has(type.toLowerCase()) || /\.(?:doc|docm|docx|dot|dotm|dotx)$/i.test(name)) return "word";
+	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`;
@@ -801,7 +932,7 @@ const PromptInput = ({ attachmentsDisabled = false, children, className, onDragE
 	const [uncontrolledValue, setUncontrolledValue] = useState("");
 	const [files, setFiles] = useState([]);
 	const [isDraggingFiles, setIsDraggingFiles] = useState(false);
-	const [unsupportedFileNames, setUnsupportedFileNames] = useState([]);
+	const [unsupportedFiles, setUnsupportedFiles] = useState([]);
 	const fileDragDepthRef = useRef(0);
 	const t = useSurveyAssistantTranslation();
 	const value = controlledValue ?? uncontrolledValue;
@@ -811,10 +942,16 @@ const PromptInput = ({ attachmentsDisabled = false, children, className, onDragE
 	}, [controlledValue, onValueChange]);
 	const addFiles = useCallback((fileList) => {
 		const nextFiles = Array.from(fileList ?? []);
-		const supportedFiles = nextFiles.filter(isSupportedFile);
-		const unsupportedFiles = nextFiles.filter((file) => !isSupportedFile(file));
+		const supportedFiles = nextFiles.filter((file) => getUnsupportedAttachmentKind(file) === null);
+		const rejectedFiles = nextFiles.flatMap((file) => {
+			const kind = getUnsupportedAttachmentKind(file);
+			return kind ? [{
+				kind,
+				name: file.name
+			}] : [];
+		});
 		setFiles((currentFiles) => [...currentFiles, ...supportedFiles]);
-		setUnsupportedFileNames(unsupportedFiles.map((file) => file.name));
+		setUnsupportedFiles(rejectedFiles);
 	}, []);
 	const removeFile = useCallback((index) => {
 		setFiles((currentFiles) => currentFiles.filter((_, fileIndex) => fileIndex !== index));
@@ -825,12 +962,12 @@ const PromptInput = ({ attachmentsDisabled = false, children, className, onDragE
 		files,
 		addFiles,
 		removeFile,
-		unsupportedFileNames
+		unsupportedFiles
 	}), [
 		addFiles,
 		files,
 		removeFile,
-		unsupportedFileNames,
+		unsupportedFiles,
 		value
 	]);
 	const handleSubmit = useCallback(async (event) => {
@@ -843,7 +980,7 @@ const PromptInput = ({ attachmentsDisabled = false, children, className, onDragE
 		}, event) === false) return;
 		setValue("");
 		setFiles([]);
-		setUnsupportedFileNames([]);
+		setUnsupportedFiles([]);
 	}, [
 		files,
 		onSubmit,
@@ -903,39 +1040,48 @@ const PromptInput = ({ attachmentsDisabled = false, children, className, onDragE
 	});
 };
 const PromptInputBody = ({ children, className, ...props }) => {
-	const { files, removeFile, unsupportedFileNames } = usePromptInput();
+	const { files, removeFile, unsupportedFiles } = usePromptInput();
 	const t = useSurveyAssistantTranslation();
+	const unsupportedWordFileNames = unsupportedFiles.filter((file) => file.kind === "word").map((file) => file.name);
+	const unsupportedOtherFileNames = unsupportedFiles.filter((file) => file.kind === "other").map((file) => file.name);
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("contents", className),
 		...props,
-		children: [children, (files.length > 0 || unsupportedFileNames.length > 0) && /* @__PURE__ */ jsxs("div", {
+		children: [children, (files.length > 0 || unsupportedFiles.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(", ") })
-			})]
+			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}`)),
+				unsupportedWordFileNames.length > 0 && /* @__PURE__ */ jsx("div", {
+					className: "text-destructive text-xs",
+					children: t("input.wordFilesUnsupported", { filenames: unsupportedWordFileNames.join(", ") })
+				}),
+				unsupportedOtherFileNames.length > 0 && /* @__PURE__ */ jsx("div", {
+					className: "text-destructive text-xs",
+					children: t("input.unsupportedFiles", { filenames: unsupportedOtherFileNames.join(", ") })
+				})
+			]
 		})]
 	});
 };
@@ -964,28 +1110,38 @@ const PromptInputFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div"
 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
+	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
+					})
+				]
 			})
-		]
+		}), /* @__PURE__ */ jsx(TooltipContent, {
+			align: "start",
+			side: "top",
+			children: t("input.supportedFiles")
+		})] })
 	});
 };
 const PromptInputSubmit = ({ className, status, onStop, onClick, ...props }) => {
@@ -1160,9 +1316,9 @@ const SurveyAssistantPromptInput = ({ attachmentsDisabled = false, attachmentBut
 //#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]`;
+	const marker = getSurveyAssistantEmbeddedBinaryMarker(currentValue, this && typeof this === "object" ? this : void 0, 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
@@ -1353,7 +1509,7 @@ const Response = ({ children, className, controls = false, plugins, ...props })
 		code: plugins?.code ?? codeHighlighter
 	}), [plugins]);
 	return /* @__PURE__ */ jsx(Streamdown, {
-		className: cn("leading-6", "*:first:mt-0 *:last:mb-0", "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2", "[&_blockquote]:my-3 [&_blockquote]:border-l-2 [&_blockquote]:border-border [&_blockquote]:pl-3 [&_blockquote]:text-muted-foreground", "[&_h1]:mb-2 [&_h1]:mt-4 [&_h1]:text-base [&_h1]:font-semibold", "[&_h2]:mb-2 [&_h2]:mt-4 [&_h2]:text-sm [&_h2]:font-semibold", "[&_h3]:mb-1.5 [&_h3]:mt-3 [&_h3]:text-sm [&_h3]:font-semibold", "[&_li]:my-1 [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5", "[&_p]:my-2", "**:data-[streamdown=code-block]:my-3 **:data-[streamdown=code-block]:gap-0 **:data-[streamdown=code-block]:overflow-hidden **:data-[streamdown=code-block]:rounded-lg **:data-[streamdown=code-block]:bg-muted/40 **:data-[streamdown=code-block]:p-0", "**:data-[streamdown=code-block-header]:px-2", "**:data-[streamdown=code-block-body]:rounded-none **:data-[streamdown=code-block-body]:border-0 **:data-[streamdown=code-block-body]:border-t **:data-[streamdown=code-block-body]:bg-background **:data-[streamdown=code-block-body]:p-3", "[&_strong]:font-semibold", "[&_table]:my-3 [&_table]:w-full [&_table]:border-collapse [&_td]:border [&_td]:border-border [&_td]:px-2 [&_td]:py-1 [&_th]:border [&_th]:border-border [&_th]:px-2 [&_th]:py-1 [&_th]:text-left [&_th]:font-semibold", className),
+		className: cn("leading-6", "*:first:mt-0 *:last:mb-0", "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2", "[&_blockquote]:my-3 [&_blockquote]:border-l-2 [&_blockquote]:border-border [&_blockquote]:pl-3 [&_blockquote]:text-muted-foreground", "[&_h1]:mb-2 [&_h1]:mt-4 [&_h1]:text-base [&_h1]:font-semibold", "[&_h2]:mb-2 [&_h2]:mt-4 [&_h2]:text-sm [&_h2]:font-semibold", "[&_h3]:mb-1.5 [&_h3]:mt-3 [&_h3]:text-sm [&_h3]:font-semibold", "[&_li]:my-1 [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5", "[&_p]:my-2", "**:data-[streamdown=inline-code]:text-[length:inherit] **:data-[streamdown=inline-code]:leading-[inherit]", "**:data-[streamdown=code-block]:my-3 **:data-[streamdown=code-block]:gap-0 **:data-[streamdown=code-block]:overflow-hidden **:data-[streamdown=code-block]:rounded-lg **:data-[streamdown=code-block]:bg-muted/40 **:data-[streamdown=code-block]:p-0", "**:data-[streamdown=code-block-header]:px-2", "**:data-[streamdown=code-block-body]:rounded-none **:data-[streamdown=code-block-body]:border-0 **:data-[streamdown=code-block-body]:border-t **:data-[streamdown=code-block-body]:bg-background **:data-[streamdown=code-block-body]:p-3", "[&_strong]:font-semibold", "[&_table]:my-3 [&_table]:w-full [&_table]:border-collapse [&_td]:border [&_td]:border-border [&_td]:px-2 [&_td]:py-1 [&_th]:border [&_th]:border-border [&_th]:px-2 [&_th]:py-1 [&_th]:text-left [&_th]:font-semibold", className),
 		controls,
 		plugins: responsePlugins,
 		...props,
@@ -1415,6 +1571,332 @@ 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 disabled:cursor-not-allowed 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.Overlay, { className: "fixed inset-0 z-50 bg-black/20 backdrop-blur-[1px] data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }), /* @__PURE__ */ jsxs(Dialog.Content, {
+		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 data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KiB`;
+	return `${(bytes / (1024 * 1024)).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"),
+			onCloseAutoFocus: (event) => {
+				const target = focusReturnRef?.current?.isConnected ? focusReturnRef.current : fallbackFocusReturnRef?.current?.isConnected ? fallbackFocusReturnRef.current : null;
+				if (!target) return;
+				event.preventDefault();
+				target.focus();
+			},
+			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/40 px-3 py-2 text-xs",
+					role: "status",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex justify-between gap-3",
+							children: [/* @__PURE__ */ jsx("span", { children: t("supportBundle.estimatedSize") }), /* @__PURE__ */ jsx("span", {
+								className: "font-medium",
+								children: formatBytes(selectedBytes)
+							})]
+						}),
+						warning && !blocked && /* @__PURE__ */ jsx("div", {
+							className: "mt-1 text-amber-700",
+							children: t("supportBundle.emailWarning")
+						}),
+						blocked && /* @__PURE__ */ jsx("div", {
+							className: "mt-1 text-destructive",
+							children: t("supportBundle.tooLarge")
+						}),
+						prepared.unavailable.length > 0 && /* @__PURE__ */ jsx("div", {
+							className: "mt-1 text-muted-foreground",
+							children: t(prepared.unavailable.length === 1 ? "supportBundle.unavailable" : "supportBundle.unavailablePlural", { count: prepared.unavailable.length })
+						}),
+						(generationError ?? error) && /* @__PURE__ */ jsx("div", {
+							className: "mt-1 text-destructive",
+							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, {
+								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__ */ jsx(Button, {
+						asChild: true,
+						variant: "secondary",
+						children: /* @__PURE__ */ jsxs("a", {
+							href: mailto,
+							children: [/* @__PURE__ */ jsx(MailIcon, {}), t("supportBundle.openEmail")]
+						})
+					}), /* @__PURE__ */ jsxs(Button, {
+						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, {
+						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) => {
@@ -1493,16 +1975,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;
@@ -1909,7 +2381,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);
@@ -1917,6 +2389,7 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 		api,
 		applyPolicy,
 		controller,
+		diagnosticStore,
 		initialMessages,
 		modelId,
 		onApplyReceipts,
@@ -1929,16 +2402,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);
@@ -2159,15 +2638,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")
+								})]
 							})
 						]
 					})]
@@ -2222,8 +2726,9 @@ const listThreadPage = async (client, cursor) => {
 	if (client.listPage) return client.listPage(cursor ? { cursor } : void 0);
 	return cursor ? { threads: [] } : { threads: await client.list() };
 };
-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([]);
@@ -2242,8 +2747,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);
@@ -2469,10 +2989,67 @@ 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]);
@@ -2482,6 +3059,7 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 		}
 	}, [
 		createThread,
+		diagnosticStore,
 		onConfirmDeleteThread,
 		selectThread,
 		selectedThread,
@@ -2568,6 +3146,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);
@@ -2639,6 +3225,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" })
@@ -2729,6 +3316,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")]
+						})
 					})
 				]
 			})
@@ -2736,46 +3332,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", {