@case-framework/survey-assistant 0.6.0 → 0.7.0

package/dist/ui.mjs

@@ -1,16 +1,16 @@
 "use client";
-import { jt as parseSurveyAssistantError, l as surveyAssistantTurnFinalSchema, n as SURVEY_ASSISTANT_TURN_FINAL_PART_TYPE } from "./protocol-DJUP4gc0.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 { 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 { 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, Tooltip } 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";
@@ -247,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",
@@ -272,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…",
@@ -285,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
@@ -464,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",
@@ -489,6 +542,7 @@ const surveyAssistantNlMessages = {
 	threads: {
 		newChat: "Nieuwe chat",
 		history: "Chatgeschiedenis",
+		exportSupportBundle: "Supportbundel exporteren",
 		recent: "Recente chats",
 		search: "Chats zoeken",
 		searching: "Oudere chats zoeken…",
@@ -502,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
@@ -1220,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
@@ -1475,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) => {
@@ -1553,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;
@@ -1969,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);
@@ -1977,6 +2389,7 @@ const SurveyAssistantChatPanel = ({ api, applyPolicy, controller, embedded = fal
 		api,
 		applyPolicy,
 		controller,
+		diagnosticStore,
 		initialMessages,
 		modelId,
 		onApplyReceipts,
@@ -1989,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);
@@ -2219,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")
+								})]
 							})
 						]
 					})]
@@ -2282,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([]);
@@ -2302,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);
@@ -2529,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]);
@@ -2542,6 +3059,7 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 		}
 	}, [
 		createThread,
+		diagnosticStore,
 		onConfirmDeleteThread,
 		selectThread,
 		selectedThread,
@@ -2628,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);
@@ -2699,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" })
@@ -2789,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")]
+						})
 					})
 				]
 			})
@@ -2796,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", {