@case-framework/survey-assistant 0.7.0 → 0.8.0

package/dist/ui.mjs

@@ -1,22 +1,26 @@
 "use client";
-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 { Ft as isSurveyAssistantErrorRetryable, It as parseSurveyAssistantError, Vt as getSurveyAssistantEmbeddedBinaryMarker, l as surveyAssistantTurnFinalSchema, n as SURVEY_ASSISTANT_TURN_FINAL_PART_TYPE } from "./protocol-CF4Bh_Ch.mjs";
+import { n as isSurveyAssistantAttachmentMediaType, t as SURVEY_ASSISTANT_ATTACHMENT_MEDIA_TYPES } from "./attachments-BuNni5vB.mjs";
+import { E as isSurveyAssistantTurnActive, S as parseSurveyChangeSet, T as unwrapSurveyAssistantToolOutput, _ as createSurveyAssistantThreadClient, a as createSurveyAssistantSupportDetails, c as estimateSurveyAssistantSupportBundleBytes, d as prepareSurveyAssistantSupportBundle, i as SURVEY_ASSISTANT_DEFAULT_SUPPORT_BUNDLE_SELECTION, l as generateSurveyAssistantSupportBundle, m as createSurveyAssistantDiagnosticStore, o as createSurveyAssistantSupportMailto, r as useSurveyAssistantModelCatalog, s as downloadSurveyAssistantSupportBundle, t as useSurveyAssistantSession, u as isSurveyAssistantSupportBundleEnabled } from "./react-C_GY-Fsc.mjs";
+import { a as connectSurveyAssistantThreadLauncher } from "./controller-proxy-DEeFl9IA.mjs";
 import { getToolName, isFileUIPart, isReasoningUIPart, isToolUIPart } from "ai";
 import { createContext, createElement, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { Checkbox, Collapsible, Dialog, Select, Slot, Tooltip } from "radix-ui";
+import { Collapsible } from "@base-ui/react/collapsible";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
 import { ArrowDownIcon, ArrowUpIcon, BotIcon, BrainIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, CopyIcon, DotIcon, DownloadIcon, FileIcon, HistoryIcon, ListChecksIcon, LoaderCircleIcon, MailIcon, MessageSquarePlusIcon, PackageOpenIcon, PaperclipIcon, PencilIcon, PlusIcon, SearchIcon, SparklesIcon, SquareIcon, Trash2Icon, WandSparklesIcon, WrenchIcon, XCircleIcon, XIcon } from "lucide-react";
 import { motion } from "motion/react";
 import { createLocalizationTranslator, mergeLocalizationCatalogs } from "@case-framework/ui-localization";
 import { cva } from "class-variance-authority";
+import { Button } from "@base-ui/react/button";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
+import { Tooltip } from "@base-ui/react/tooltip";
+import { Select } from "@base-ui/react/select";
 import { Streamdown } from "streamdown";
 import { bundledLanguages } from "shiki/langs";
+import { Checkbox } from "@base-ui/react/checkbox";
+import { Dialog } from "@base-ui/react/dialog";
 //#region src/ui/internal/collapsible.tsx
 function Collapsible$1({ ...props }) {
 	return /* @__PURE__ */ jsx(Collapsible.Root, {
@@ -25,13 +29,13 @@ function Collapsible$1({ ...props }) {
 	});
 }
 function CollapsibleTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(Collapsible.CollapsibleTrigger, {
+	return /* @__PURE__ */ jsx(Collapsible.Trigger, {
 		"data-slot": "collapsible-trigger",
 		...props
 	});
 }
 function CollapsibleContent({ ...props }) {
-	return /* @__PURE__ */ jsx(Collapsible.CollapsibleContent, {
+	return /* @__PURE__ */ jsx(Collapsible.Panel, {
 		"data-slot": "collapsible-content",
 		...props
 	});
@@ -645,15 +649,18 @@ const formatDuration = (durationSeconds) => {
 const ChainOfThought = memo(({ className, isStreaming = false, open, defaultOpen, defaultDuration, onOpenChange, duration: durationProp, autoClose = true, children, ...props }) => {
 	const resolvedDefaultOpen = defaultOpen ?? isStreaming;
 	const isExplicitlyClosed = defaultOpen === false;
-	const [isOpen, setIsOpen] = useControllableState({
-		defaultProp: resolvedDefaultOpen,
-		onChange: onOpenChange,
-		prop: open
-	});
-	const [duration, setDuration] = useControllableState({
-		defaultProp: defaultDuration,
-		prop: durationProp
-	});
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(resolvedDefaultOpen);
+	const isOpen = open ?? uncontrolledOpen;
+	const setIsOpen = useCallback((nextOpen) => {
+		if (open === void 0) setUncontrolledOpen(nextOpen);
+		if (nextOpen !== isOpen) onOpenChange?.(nextOpen);
+	}, [
+		open,
+		isOpen,
+		onOpenChange
+	]);
+	const [measuredDuration, setDuration] = useState(defaultDuration);
+	const duration = durationProp ?? measuredDuration;
 	const hasEverStreamedRef = useRef(isStreaming);
 	const [hasAutoClosed, setHasAutoClosed] = useState(false);
 	const startTimeRef = useRef(null);
@@ -735,7 +742,7 @@ const ChainOfThoughtHeader = memo(({ className, children, getThinkingMessage, ..
 	});
 });
 const ChainOfThoughtContent = memo(({ className, ...props }) => /* @__PURE__ */ jsx(CollapsibleContent, {
-	className: cn("mt-2", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", className),
+	className: cn("mt-2", "data-ending-style:opacity-0 data-ending-style:-translate-y-2 data-starting-style:-translate-y-2 outline-none  transition-[opacity,transform,scale] ease-out motion-reduce:transition-none", className),
 	...props
 }));
 const stepStatusStyles = {
@@ -797,8 +804,8 @@ const buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap
 		size: "default"
 	}
 });
-const Button = ({ className, variant = "default", size = "default", asChild = false, ...props }) => {
-	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "button", {
+const Button$1 = ({ className, variant = "default", size = "default", ...props }) => {
+	return /* @__PURE__ */ jsx(Button, {
 		className: cn(buttonVariants({
 			variant,
 			size,
@@ -848,7 +855,7 @@ const ConversationScrollButton = ({ className, ...props }) => {
 	const handleScrollToBottom = useCallback(() => {
 		scrollToBottom();
 	}, [scrollToBottom]);
-	return !isAtBottom && /* @__PURE__ */ jsx(Button, {
+	return !isAtBottom && /* @__PURE__ */ jsx(Button$1, {
 		className: cn("absolute left-1/2 z-10 size-8 -translate-x-1/2 rounded-full border border-background/60 bg-foreground text-background shadow-lg ring-1 ring-border/50 hover:bg-foreground/85 hover:text-background", className),
 		"aria-label": t("conversation.scrollToLatest"),
 		onClick: handleScrollToBottom,
@@ -873,17 +880,43 @@ const MessageContent = ({ children, className, ...props }) => /* @__PURE__ */ js
 });
 //#endregion
 //#region src/ui/internal/tooltip.tsx
-const TooltipProvider = Tooltip.Provider;
-const Tooltip$1 = Tooltip.Root;
-const TooltipTrigger = Tooltip.Trigger;
-const TooltipContent = ({ className, sideOffset = 6, ...props }) => /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx("div", {
-	className: "case-survey-assistant case-survey-assistant-portal",
-	children: /* @__PURE__ */ jsx(Tooltip.Content, {
-		className: cn("z-50 max-w-64 rounded-md bg-foreground px-3 py-1.5 text-center text-background text-xs shadow-md data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", className),
-		sideOffset,
+function TooltipProvider({ delay = 700, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Provider, {
+		"data-slot": "tooltip-provider",
+		delay,
 		...props
-	})
-}) });
+	});
+}
+function Tooltip$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Root, {
+		"data-slot": "tooltip",
+		...props
+	});
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, side = "top", sideOffset = 6, align = "center", alignOffset = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx("div", {
+		className: "case-survey-assistant case-survey-assistant-portal",
+		children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+			align,
+			alignOffset,
+			side,
+			sideOffset,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ jsx(Tooltip.Popup, {
+				"data-slot": "tooltip-content",
+				className: cn("z-50 max-w-64 rounded-md bg-foreground px-3 py-1.5 text-center text-background text-xs shadow-md  data-ending-style:opacity-0 transition-[opacity,transform,scale] ease-out motion-reduce:transition-none data-starting-style:opacity-0", className),
+				...props,
+				children
+			})
+		})
+	}) });
+}
 //#endregion
 //#region src/ui/internal/prompt-input.tsx
 const SUPPORTED_FILE_ACCEPT = [
@@ -893,7 +926,7 @@ const SUPPORTED_FILE_ACCEPT = [
 	".jpeg",
 	...SURVEY_ASSISTANT_ATTACHMENT_MEDIA_TYPES
 ].join(",");
-const WORD_DOCUMENT_MEDIA_TYPES = new Set([
+const WORD_DOCUMENT_MEDIA_TYPES = /* @__PURE__ */ new Set([
 	"application/msword",
 	"application/vnd.ms-word",
 	"application/vnd.ms-word.document.macroenabled.12",
@@ -906,8 +939,8 @@ const getUnsupportedAttachmentKind = ({ name, type }) => {
 	return "other";
 };
 const formatFileSize = (size) => {
-	if (size < 1024 * 1024) return `${Math.max(1, Math.round(size / 1024))} KB`;
-	return `${(size / (1024 * 1024)).toFixed(size < 10 * 1024 * 1024 ? 1 : 0)} MB`;
+	if (size < 1048576) return `${Math.max(1, Math.round(size / 1024))} KB`;
+	return `${(size / 1048576).toFixed(size < 10485760 ? 1 : 0)} MB`;
 };
 const fileToUIPart = async (file) => {
 	const mediaType = file.type || "application/octet-stream";
@@ -1111,32 +1144,29 @@ const PromptInputAttachmentButton = ({ accept = SUPPORTED_FILE_ACCEPT, className
 	const { addFiles } = usePromptInput();
 	const t = useSurveyAssistantTranslation();
 	return /* @__PURE__ */ jsx(TooltipProvider, {
-		delayDuration: 300,
-		children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsxs("label", {
-				className: cn("inline-flex size-8 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", disabled && "pointer-events-none cursor-default opacity-50", className),
-				children: [
-					/* @__PURE__ */ jsx(PaperclipIcon, { className: "size-4" }),
-					/* @__PURE__ */ jsx("span", {
-						className: "sr-only",
-						children: t("input.attachFiles")
-					}),
-					/* @__PURE__ */ jsx("input", {
-						accept,
-						className: "sr-only",
-						disabled,
-						multiple: true,
-						onChange: (event) => {
-							addFiles(event.currentTarget.files);
-							onChange?.(event);
-							event.currentTarget.value = "";
-						},
-						type: "file",
-						...props
-					})
-				]
-			})
+		delay: 300,
+		children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [/* @__PURE__ */ jsxs(TooltipTrigger, {
+			render: /* @__PURE__ */ jsx("label", { className: cn("inline-flex size-8 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", disabled && "pointer-events-none cursor-default opacity-50", className) }),
+			children: [
+				/* @__PURE__ */ jsx(PaperclipIcon, { className: "size-4" }),
+				/* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: t("input.attachFiles")
+				}),
+				/* @__PURE__ */ jsx("input", {
+					accept,
+					className: "sr-only",
+					disabled,
+					multiple: true,
+					onChange: (event) => {
+						addFiles(event.currentTarget.files);
+						onChange?.(event);
+						event.currentTarget.value = "";
+					},
+					type: "file",
+					...props
+				})
+			]
 		}), /* @__PURE__ */ jsx(TooltipContent, {
 			align: "start",
 			side: "top",
@@ -1167,15 +1197,18 @@ const PromptInputSubmit = ({ className, status, onStop, onClick, ...props }) =>
 };
 //#endregion
 //#region src/ui/internal/select.tsx
-function Select$1({ ...props }) {
-	return /* @__PURE__ */ jsx(Select.Root, {
-		"data-slot": "select",
+const Select$1 = Select.Root;
+function SelectGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Group, {
+		"data-slot": "select-group",
+		className: cn("scroll-my-1 p-1", className),
 		...props
 	});
 }
-function SelectValue({ ...props }) {
+function SelectValue({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Select.Value, {
 		"data-slot": "select-value",
+		className: cn("flex flex-1 text-left", className),
 		...props
 	});
 }
@@ -1185,29 +1218,30 @@ function SelectTrigger({ className, size = "default", children, ...props }) {
 		"data-size": size,
 		className: cn("flex w-fit items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className),
 		...props,
-		children: [children, /* @__PURE__ */ jsx(Select.Icon, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" })
-		})]
+		children: [children, /* @__PURE__ */ jsx(Select.Icon, { render: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" }) })]
 	});
 }
-function SelectContent({ className, children, position = "item-aligned", align = "center", ...props }) {
+function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = true, ...props }) {
 	return /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx("div", {
 		className: "case-survey-assistant case-survey-assistant-portal",
-		children: /* @__PURE__ */ jsxs(Select.Content, {
-			"data-slot": "select-content",
-			className: cn("relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
-			position,
+		children: /* @__PURE__ */ jsx(Select.Positioner, {
+			side,
+			sideOffset,
 			align,
-			...props,
-			children: [
-				/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-				/* @__PURE__ */ jsx(Select.Viewport, {
-					className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
-					children
-				}),
-				/* @__PURE__ */ jsx(SelectScrollDownButton, {})
-			]
+			alignOffset,
+			alignItemWithTrigger,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ jsxs(Select.Popup, {
+				"data-slot": "select-content",
+				"data-align-trigger": alignItemWithTrigger,
+				className: cn("relative z-50 max-h-(--available-height) min-w-[8rem] origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover text-popover-foreground shadow-md data-ending-style:opacity-0 data-ending-style:scale-95 transition-[opacity,transform,scale] ease-out motion-reduce:transition-none data-starting-style:opacity-0 data-starting-style:scale-95", className),
+				...props,
+				children: [
+					/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+					/* @__PURE__ */ jsx(Select.List, { children }),
+					/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+				]
+			})
 		})
 	}) });
 }
@@ -1216,27 +1250,29 @@ function SelectItem({ className, children, ...props }) {
 		"data-slot": "select-item",
 		className: cn("relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
 		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			"data-slot": "select-item-indicator",
-			className: "absolute right-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ jsx(Select.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
-		}), /* @__PURE__ */ jsx(Select.ItemText, { children })]
+		children: [/* @__PURE__ */ jsx(Select.ItemText, {
+			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+			children
+		}), /* @__PURE__ */ jsx(Select.ItemIndicator, {
+			render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+			children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" })
+		})]
 	});
 }
 function SelectScrollUpButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select.ScrollUpButton, {
+	return /* @__PURE__ */ jsx(Select.ScrollUpArrow, {
 		"data-slot": "select-scroll-up-button",
 		className: cn("flex cursor-default items-center justify-center py-1", className),
 		...props,
-		children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
 	});
 }
 function SelectScrollDownButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select.ScrollDownButton, {
+	return /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
 		"data-slot": "select-scroll-down-button",
 		className: cn("flex cursor-default items-center justify-center py-1", className),
 		...props,
-		children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
 	});
 }
 //#endregion
@@ -1246,8 +1282,14 @@ const SurveyAssistantModelSelect = ({ disabled = false, modelId, models, onModel
 	const selectedModelLabel = models.find((model) => model.id === modelId)?.label ?? modelId ?? t("input.defaultModel");
 	if (models.length > 1) return /* @__PURE__ */ jsxs(Select$1, {
 		disabled,
-		onValueChange: onModelChange,
+		onValueChange: (value) => {
+			if (value !== null) onModelChange(value);
+		},
 		value: modelId ?? "",
+		items: [...models.map((model) => ({
+			value: model.id,
+			label: model.label
+		}))],
 		children: [/* @__PURE__ */ jsxs(SelectTrigger, {
 			"aria-label": t("input.model"),
 			className: "h-8 min-w-0 max-w-48 gap-1.5 border-0 bg-transparent px-2 text-xs shadow-none hover:bg-muted hover:text-foreground focus-visible:ring-1",
@@ -1257,13 +1299,13 @@ const SurveyAssistantModelSelect = ({ disabled = false, modelId, models, onModel
 		}), /* @__PURE__ */ jsx(SelectContent, {
 			align: "end",
 			className: "min-w-52 rounded-lg border-border p-0 shadow-lg",
-			position: "popper",
-			children: models.map((model) => /* @__PURE__ */ jsx(SelectItem, {
+			alignItemWithTrigger: false,
+			children: /* @__PURE__ */ jsx(SelectGroup, { children: models.map((model) => /* @__PURE__ */ jsx(SelectItem, {
 				className: "min-h-9 rounded-md px-2 py-2 text-xs focus:bg-muted",
 				title: model.id,
 				value: model.id,
 				children: model.label
-			}, model.id))
+			}, model.id)) })
 		})]
 	});
 	return /* @__PURE__ */ jsxs("div", {
@@ -1316,7 +1358,8 @@ 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 marker = getSurveyAssistantEmbeddedBinaryMarker(currentValue, this && typeof this === "object" ? this : void 0, key);
+	const parent = this && typeof this === "object" ? this : void 0;
+	const marker = getSurveyAssistantEmbeddedBinaryMarker(currentValue, parent, key);
 	if (marker?.redacted === "base64") return `[embedded base64 omitted: ${formatOmittedLength(marker.characters)} characters]`;
 	if (marker?.redacted === "data-url") return `[base64 data URL omitted: ${formatOmittedLength(marker.characters)} characters]`;
 	return currentValue;
@@ -1355,9 +1398,7 @@ const highlighterCache = /* @__PURE__ */ new Map();
 const tokensCache = /* @__PURE__ */ new Map();
 const subscribers = /* @__PURE__ */ new Map();
 const getTokensCacheKey = (code, language) => {
-	const start = code.slice(0, 100);
-	const end = code.length > 100 ? code.slice(-100) : "";
-	return `${language}:${code.length}:${start}:${end}`;
+	return JSON.stringify([language, code]);
 };
 const getHighlighter = (language) => {
 	const cached = highlighterCache.get(language);
@@ -1592,7 +1633,7 @@ const getAssistantErrorPresentation = ({ authorizationError, error, t }) => {
 //#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),
+	className: cn("relative flex size-4 shrink-0 items-center justify-center rounded border border-input outline-none transition-colors focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/40 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground", className),
 	...props,
 	children: /* @__PURE__ */ jsx(Checkbox.Indicator, {
 		className: "grid place-content-center text-current",
@@ -1606,8 +1647,8 @@ 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),
+	children: [/* @__PURE__ */ jsx(Dialog.Backdrop, { className: "fixed inset-0 z-50 bg-black/20 backdrop-blur-[1px]  transition-[opacity,transform,scale] ease-out motion-reduce:transition-none data-ending-style:opacity-0 data-starting-style:opacity-0" }), /* @__PURE__ */ jsxs(Dialog.Popup, {
+		className: cn("fixed top-1/2 left-1/2 z-50 grid max-h-[min(42rem,calc(100vh-2rem))] w-[min(30rem,calc(100vw-2rem))] -translate-x-1/2 -translate-y-1/2 gap-4 overflow-y-auto rounded-xl border border-border bg-background p-4 text-foreground shadow-xl outline-none  transition-[opacity,transform,scale] ease-out motion-reduce:transition-none data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:scale-95 data-starting-style:scale-95", className),
 		...props,
 		children: [children, /* @__PURE__ */ jsx(Dialog.Close, {
 			"aria-label": closeLabel,
@@ -1626,8 +1667,8 @@ const CATEGORIES = [
 ];
 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`;
+	if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} KiB`;
+	return `${(bytes / 1048576).toFixed(1)} MiB`;
 };
 const SurveyAssistantSupportBundleDialog = ({ config, error, fallbackFocusReturnRef, focusReturnRef, loading, onOpenChange, open, prepared }) => {
 	const t = useSurveyAssistantTranslation();
@@ -1725,11 +1766,11 @@ const SurveyAssistantSupportBundleDialog = ({ config, error, fallbackFocusReturn
 		children: /* @__PURE__ */ jsxs(DialogContent, {
 			"aria-describedby": "survey-assistant-support-bundle-description",
 			closeLabel: t("supportBundle.close"),
-			onCloseAutoFocus: (event) => {
+			finalFocus: () => {
 				const target = focusReturnRef?.current?.isConnected ? focusReturnRef.current : fallbackFocusReturnRef?.current?.isConnected ? fallbackFocusReturnRef.current : null;
 				if (!target) return;
-				event.preventDefault();
 				target.focus();
+				return false;
 			},
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "pr-8",
@@ -1804,30 +1845,27 @@ const SurveyAssistantSupportBundleDialog = ({ config, error, fallbackFocusReturn
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					"aria-live": "polite",
-					className: "rounded-md bg-muted/40 px-3 py-2 text-xs",
+					className: "rounded-md bg-muted px-3 py-2 text-xs text-foreground",
 					role: "status",
 					children: [
 						/* @__PURE__ */ jsxs("div", {
-							className: "flex justify-between gap-3",
-							children: [/* @__PURE__ */ jsx("span", { children: t("supportBundle.estimatedSize") }), /* @__PURE__ */ jsx("span", {
-								className: "font-medium",
-								children: formatBytes(selectedBytes)
-							})]
+							className: "flex justify-between gap-3 font-semibold",
+							children: [/* @__PURE__ */ jsx("span", { children: t("supportBundle.estimatedSize") }), /* @__PURE__ */ jsx("span", { children: formatBytes(selectedBytes) })]
 						}),
 						warning && !blocked && /* @__PURE__ */ jsx("div", {
-							className: "mt-1 text-amber-700",
+							className: "mt-1 text-amber-800 dark:text-amber-400",
 							children: t("supportBundle.emailWarning")
 						}),
 						blocked && /* @__PURE__ */ jsx("div", {
-							className: "mt-1 text-destructive",
+							className: "mt-1 text-red-700 dark:text-red-400",
 							children: t("supportBundle.tooLarge")
 						}),
 						prepared.unavailable.length > 0 && /* @__PURE__ */ jsx("div", {
-							className: "mt-1 text-muted-foreground",
+							className: "mt-1",
 							children: t(prepared.unavailable.length === 1 ? "supportBundle.unavailable" : "supportBundle.unavailablePlural", { count: prepared.unavailable.length })
 						}),
 						(generationError ?? error) && /* @__PURE__ */ jsx("div", {
-							className: "mt-1 text-destructive",
+							className: "mt-1 text-red-700 dark:text-red-400",
 							children: generationError ?? error
 						})
 					]
@@ -1849,7 +1887,7 @@ const SurveyAssistantSupportBundleDialog = ({ config, error, fallbackFocusReturn
 						}),
 						/* @__PURE__ */ jsx("div", {
 							className: "flex justify-end",
-							children: /* @__PURE__ */ jsxs(Button, {
+							children: /* @__PURE__ */ jsxs(Button$1, {
 								disabled: generating,
 								onClick: () => void copySupportDetails(),
 								type: "button",
@@ -1866,14 +1904,12 @@ const SurveyAssistantSupportBundleDialog = ({ config, error, fallbackFocusReturn
 					]
 				}), /* @__PURE__ */ jsxs("div", {
 					className: "flex flex-wrap justify-end gap-2",
-					children: [mailto && /* @__PURE__ */ jsx(Button, {
-						asChild: true,
+					children: [mailto && /* @__PURE__ */ jsxs(Button$1, {
+						render: /* @__PURE__ */ jsx("a", { href: mailto }),
 						variant: "secondary",
-						children: /* @__PURE__ */ jsxs("a", {
-							href: mailto,
-							children: [/* @__PURE__ */ jsx(MailIcon, {}), t("supportBundle.openEmail")]
-						})
-					}), /* @__PURE__ */ jsxs(Button, {
+						nativeButton: false,
+						children: [/* @__PURE__ */ jsx(MailIcon, {}), t("supportBundle.openEmail")]
+					}), /* @__PURE__ */ jsxs(Button$1, {
 						disabled: generating,
 						onClick: () => void generate(),
 						type: "button",
@@ -1881,7 +1917,7 @@ const SurveyAssistantSupportBundleDialog = ({ config, error, fallbackFocusReturn
 					})]
 				})] }) : /* @__PURE__ */ jsx("div", {
 					className: "flex justify-end",
-					children: /* @__PURE__ */ jsxs(Button, {
+					children: /* @__PURE__ */ jsxs(Button$1, {
 						disabled: blocked || generating,
 						onClick: () => void generate(),
 						type: "button",
@@ -1964,7 +2000,7 @@ const hasRenderableParts = (message) => {
 const getFilePartLabel = (part) => part.filename ?? part.mediaType;
 const getToolOutput = (part) => part.state === "output-available" ? part.output : void 0;
 const getToolErrorText = (part) => part.state === "output-error" ? part.errorText : void 0;
-const localizedToolNames = new Set([
+const localizedToolNames = /* @__PURE__ */ new Set([
 	"survey_inspect",
 	"survey_change",
 	"survey_expression",
@@ -2720,11 +2756,8 @@ const mergeThreads = (current, incoming) => {
 const mergeRecentThreadPage = (current, recent) => {
 	if (recent.length === 0) return [];
 	const oldestRecentUpdate = Math.min(...recent.map((thread) => Date.parse(thread.updatedAt)));
-	return mergeThreads(Number.isFinite(oldestRecentUpdate) ? current.filter((thread) => Date.parse(thread.updatedAt) <= oldestRecentUpdate) : current, recent);
-};
-const listThreadPage = async (client, cursor) => {
-	if (client.listPage) return client.listPage(cursor ? { cursor } : void 0);
-	return cursor ? { threads: [] } : { threads: await client.list() };
+	const olderThreads = Number.isFinite(oldestRecentUpdate) ? current.filter((thread) => Date.parse(thread.updatedAt) <= oldestRecentUpdate) : current;
+	return mergeThreads(olderThreads, recent);
 };
 const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], onConfirmDeleteThread, onModelChange = () => {}, onTurnActiveChange: onAssistantTurnActiveChange, resourceId, selectedThreadStorageKey, supportBundle, surveyId, threadApi, threadClient: providedThreadClient, threadLauncher, ...sessionProps }) => {
 	const t = useSurveyAssistantTranslation();
@@ -2818,7 +2851,7 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 	]);
 	useEffect(() => {
 		let cancelled = false;
-		listThreadPage(threadClient).then(async (page) => {
+		Promise.resolve().then(() => threadClient.listPage()).then(async (page) => {
 			if (cancelled) return;
 			const availableThreads = page.threads;
 			setThreads(availableThreads);
@@ -2861,7 +2894,7 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 		if (!nextThreadCursor || loadingOlderThreads) return;
 		setLoadingOlderThreads(true);
 		try {
-			const page = await listThreadPage(threadClient, nextThreadCursor);
+			const page = await threadClient.listPage({ cursor: nextThreadCursor });
 			setThreads((current) => mergeThreads(current, page.threads));
 			setNextThreadCursor(page.nextCursor);
 		} catch (error) {
@@ -2898,7 +2931,7 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 		try {
 			let cursor = nextThreadCursor;
 			while (cursor) {
-				const page = await listThreadPage(threadClient, cursor);
+				const page = await threadClient.listPage({ cursor });
 				setThreads((current) => mergeThreads(current, page.threads));
 				cursor = page.nextCursor;
 				setNextThreadCursor(cursor);
@@ -3052,8 +3085,10 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 			diagnosticStore.deleteThread(thread.id);
 			const remaining = threads.filter((item) => item.id !== thread.id);
 			setThreads(remaining);
-			if (selectedThread?.id === thread.id) if (remaining[0]) await selectThread(remaining[0]);
-			else await createThread();
+			if (selectedThread?.id === thread.id) {
+				if (remaining[0]) await selectThread(remaining[0]);
+				else await createThread();
+			}
 		} catch (error) {
 			setThreadError(parseSurveyAssistantError(error).detail ?? t("errors.fallbackDetail"));
 		}
@@ -3082,7 +3117,7 @@ const SurveyAssistantPanelContent = ({ embedded = false, modelId, models = [], o
 	}, [initialLaunch]);
 	const refreshThreadList = useCallback(async (reportError) => {
 		try {
-			const page = await listThreadPage(threadClient);
+			const page = await threadClient.listPage();
 			setThreads((current) => mergeRecentThreadPage(current, page.threads));
 			const current = page.threads.find((thread) => thread.id === selectedThread?.id);
 			if (current && !editingThreadId) setSelectedThread((selected) => {