@webskill/chatbot 0.24.3 → 0.26.0

package/dist/index.js

@@ -23,7 +23,7 @@ import { ActionBarPrimitive, AttachmentPrimitive, AuiProvider, ComposerPrimitive
 import { BrowserWorkerScriptExecutor, WebOfficePolicy, capturePhoto, checkCameraAvailability, checkDictationAvailability, compressImageToBudget, createEncryptedMemoryStore, createLlmClient, createWebOfficeToolSource, deleteMemoryEncryptionKey, openCamera, openMemoryEncryptionKey, probeChromeBuiltinAvailability, startDictation, toDocumentImage } from "@webskill/sdk/browser";
 import { JsonRenderSpecSurface, NativeSpecSurface, OpenUiSpecSurface, ReactBridgeState, SpecInteractionChannel, SurfaceFormTextsProvider, UiSurfaceSnapshotList, probeJsonRenderAvailability } from "@webskill/sdk/ui-react";
 import { A2UI_SPEC_FORM_PATH, collectFormScopes, createUiCatalogToolSource, fromA2uiSpecAction, fromA2uiSurfaceAction, interactionToFormModel, interactionToUiSpec, loadOpenUiPeers, loadWebSkillLitCatalog, renderMiniChart, shapeInteractionValue, toA2uiSpecMessages, toA2uiSurfaceAction, toVercelToolInvocation, uiCatalog } from "@webskill/sdk/ui";
-import { DownloadedFilePolicy, PAGE_ACTION_KINDS, SCROLL_DIRECTIONS, TodoStore, createDelegationToolSource, createDocumentToolSource, createDownloadedFileToolSource, createDwgToolSource, createPageActionToolSource, createPageImageToolSource, createPagePerceptionToolSource, createRemoteImageToolSource, createSkillGenerationToolSource, createSpreadsheetToolSource, createTabWorksetToolSource, createTableQueryToolSource, createTemplateToolSource, createTodoToolSource, profileTable, sniffDocumentFormat, withDelegationOrigin } from "@webskill/sdk/agent";
+import { DownloadedFilePolicy, PAGE_ACTION_KINDS, SCROLL_DIRECTIONS, TodoStore, createDelegationToolSource, createDocumentToolSource, createDownloadedFileToolSource, createDwgToolSource, createPageActionToolSource, createPageImageToolSource, createPagePerceptionToolSource, createRemoteImageToolSource, createSkillGenerationToolSource, createSpreadsheetToolSource, createTabWorksetToolSource, createTableQueryToolSource, createTemplateToolSource, createTodoToolSource, isStreamingTableWorkbook, profileStreamingTable, profileTable, sniffDocumentFormat, summarizeStreamingWorkbook, withDelegationOrigin } from "@webskill/sdk/agent";
 import { DataRenderers, Tools } from "@assistant-ui/core/react";
 import { ModelContext, Suggestions } from "@assistant-ui/core/store";
 import { Derived, attachTransformScopes, useClientLookup, useClientResource } from "@assistant-ui/store";
@@ -1572,8 +1572,8 @@ function CopyButton({ value, label, copiedLabel, className = "" }) {
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.5_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-var __defProp$28 = Object.defineProperty;
-var __name$28 = (target, value) => __defProp$28(target, "name", {
+var __defProp$30 = Object.defineProperty;
+var __name$30 = (target, value) => __defProp$30(target, "name", {
 	value,
 	configurable: true
 });
@@ -1581,7 +1581,7 @@ function setRef$2(ref, value) {
 	if (typeof ref === "function") return ref(value);
 	else if (ref !== null && ref !== void 0) ref.current = value;
 }
-__name$28(setRef$2, "setRef");
+__name$30(setRef$2, "setRef");
 function composeRefs$1(...refs) {
 	return (node) => {
 		let hasCleanup = false;
@@ -1599,16 +1599,16 @@ function composeRefs$1(...refs) {
 		};
 	};
 }
-__name$28(composeRefs$1, "composeRefs");
+__name$30(composeRefs$1, "composeRefs");
 function useComposedRefs$1(...refs) {
 	return React$1.useCallback(composeRefs$1(...refs), refs);
 }
-__name$28(useComposedRefs$1, "useComposedRefs");
+__name$30(useComposedRefs$1, "useComposedRefs");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-context@1.2.2_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-context/dist/index.mjs
-var __defProp$27 = Object.defineProperty;
-var __name$27 = (target, value) => __defProp$27(target, "name", {
+var __defProp$29 = Object.defineProperty;
+var __name$29 = (target, value) => __defProp$29(target, "name", {
 	value,
 	configurable: true
 });
@@ -1616,7 +1616,7 @@ var __name$27 = (target, value) => __defProp$27(target, "name", {
 function createContext2(rootComponentName, defaultContext) {
 	const Context = React$1.createContext(defaultContext);
 	Context.displayName = rootComponentName + "Context";
-	const Provider = /* @__PURE__ */ __name$27((props) => {
+	const Provider = /* @__PURE__ */ __name$29((props) => {
 		const { children, ...context } = props;
 		const value = React$1.useMemo(() => context, Object.values(context));
 		return /* @__PURE__ */ jsx(Context.Provider, {
@@ -1633,10 +1633,10 @@ function createContext2(rootComponentName, defaultContext) {
 		if (optional) return void 0;
 		throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
 	}
-	__name$27(useContext2, "useContext");
+	__name$29(useContext2, "useContext");
 	return [Provider, useContext2];
 }
-__name$27(createContext2, "createContext");
+__name$29(createContext2, "createContext");
 // @__NO_SIDE_EFFECTS__
 function createContextScope(scopeName, createContextScopeDeps = []) {
 	let defaultContexts = [];
@@ -1645,7 +1645,7 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 		BaseContext.displayName = rootComponentName + "Context";
 		const index = defaultContexts.length;
 		defaultContexts = [...defaultContexts, defaultContext];
-		const Provider = /* @__PURE__ */ __name$27((props) => {
+		const Provider = /* @__PURE__ */ __name$29((props) => {
 			const { scope, children, ...context } = props;
 			const Context = scope?.[scopeName]?.[index] || BaseContext;
 			const value = React$1.useMemo(() => context, Object.values(context));
@@ -1664,15 +1664,15 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 			if (optional) return void 0;
 			throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
 		}
-		__name$27(useContext2, "useContext");
+		__name$29(useContext2, "useContext");
 		return [Provider, useContext2];
 	}
-	__name$27(createContext3, "createContext");
-	const createScope = /* @__PURE__ */ __name$27(() => {
+	__name$29(createContext3, "createContext");
+	const createScope = /* @__PURE__ */ __name$29(() => {
 		const scopeContexts = defaultContexts.map((defaultContext) => {
 			return React$1.createContext(defaultContext);
 		});
-		return /* @__PURE__ */ __name$27(function useScope(scope) {
+		return /* @__PURE__ */ __name$29(function useScope(scope) {
 			const contexts = scope?.[scopeName] || scopeContexts;
 			return React$1.useMemo(() => ({ [`__scope${scopeName}`]: {
 				...scope,
@@ -1683,16 +1683,16 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 	createScope.scopeName = scopeName;
 	return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
 }
-__name$27(createContextScope, "createContextScope");
+__name$29(createContextScope, "createContextScope");
 function composeContextScopes(...scopes) {
 	const baseScope = scopes[0];
 	if (scopes.length === 1) return baseScope;
-	const createScope = /* @__PURE__ */ __name$27(() => {
+	const createScope = /* @__PURE__ */ __name$29(() => {
 		const scopeHooks = scopes.map((createScope2) => ({
 			useScope: createScope2(),
 			scopeName: createScope2.scopeName
 		}));
-		return /* @__PURE__ */ __name$27(function useComposedScopes(overrideScopes) {
+		return /* @__PURE__ */ __name$29(function useComposedScopes(overrideScopes) {
 			const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
 				const currentScope = useScope(overrideScopes)[`__scope${scopeName}`];
 				return {
@@ -1706,33 +1706,33 @@ function composeContextScopes(...scopes) {
 	createScope.scopeName = baseScope.scopeName;
 	return createScope;
 }
-__name$27(composeContextScopes, "composeContextScopes");
+__name$29(composeContextScopes, "composeContextScopes");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+primitive@1.1.7/node_modules/@radix-ui/primitive/dist/index.mjs
-var __defProp$26 = Object.defineProperty;
-var __name$26 = (target, value) => __defProp$26(target, "name", {
+var __defProp$28 = Object.defineProperty;
+var __name$28 = (target, value) => __defProp$28(target, "name", {
 	value,
 	configurable: true
 });
 var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
-	return /* @__PURE__ */ __name$26(function handleEvent(event) {
+	return /* @__PURE__ */ __name$28(function handleEvent(event) {
 		originalEventHandler?.(event);
 		if (checkForDefaultPrevented === false || !event || !event.defaultPrevented) return ourEventHandler?.(event);
 	}, "handleEvent");
 }
-__name$26(composeEventHandlers, "composeEventHandlers");
+__name$28(composeEventHandlers, "composeEventHandlers");
 function getOwnerWindow(element) {
 	if (!canUseDOM) throw new Error("Cannot access window outside of the DOM");
 	return element?.ownerDocument?.defaultView ?? window;
 }
-__name$26(getOwnerWindow, "getOwnerWindow");
+__name$28(getOwnerWindow, "getOwnerWindow");
 function getOwnerDocument(element) {
 	if (!canUseDOM) throw new Error("Cannot access document outside of the DOM");
 	return element?.ownerDocument ?? document;
 }
-__name$26(getOwnerDocument, "getOwnerDocument");
+__name$28(getOwnerDocument, "getOwnerDocument");
 function getActiveElement(node, activeDescendant = false) {
 	const { activeElement } = getOwnerDocument(node);
 	if (!activeElement?.nodeName) return null;
@@ -1746,11 +1746,11 @@ function getActiveElement(node, activeDescendant = false) {
 	}
 	return activeElement;
 }
-__name$26(getActiveElement, "getActiveElement");
+__name$28(getActiveElement, "getActiveElement");
 function isFrame(element) {
 	return element.tagName === "IFRAME";
 }
-__name$26(isFrame, "isFrame");
+__name$28(isFrame, "isFrame");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
@@ -1758,8 +1758,8 @@ var useLayoutEffect2 = globalThis?.document ? React$1.useLayoutEffect : () => {}
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-effect-event@0.0.5_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-effect-event/dist/index.mjs
-var __defProp$25 = Object.defineProperty;
-var __name$25 = (target, value) => __defProp$25(target, "name", {
+var __defProp$27 = Object.defineProperty;
+var __name$27 = (target, value) => __defProp$27(target, "name", {
 	value,
 	configurable: true
 });
@@ -1778,17 +1778,17 @@ function useEffectEvent$1(callback) {
 	});
 	return React$1.useMemo(() => ((...args) => ref.current?.(...args)), []);
 }
-__name$25(useEffectEvent$1, "useEffectEvent");
+__name$27(useEffectEvent$1, "useEffectEvent");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.6_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-var __defProp$24 = Object.defineProperty;
-var __name$24 = (target, value) => __defProp$24(target, "name", {
+var __defProp$26 = Object.defineProperty;
+var __name$26 = (target, value) => __defProp$26(target, "name", {
 	value,
 	configurable: true
 });
 var useInsertionEffect$1 = React$1[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
-function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __name$24(() => {}, "onChange"), caller }) {
+function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __name$26(() => {}, "onChange"), caller }) {
 	const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({
 		defaultProp,
 		onChange
@@ -1815,7 +1815,7 @@ function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __
 		onChangeRef
 	])];
 }
-__name$24(useControllableState, "useControllableState");
+__name$26(useControllableState, "useControllableState");
 function useUncontrolledState({ defaultProp, onChange }) {
 	const [value, setValue] = React$1.useState(defaultProp);
 	const prevValueRef = React$1.useRef(value);
@@ -1835,11 +1835,11 @@ function useUncontrolledState({ defaultProp, onChange }) {
 		onChangeRef
 	];
 }
-__name$24(useUncontrolledState, "useUncontrolledState");
+__name$26(useUncontrolledState, "useUncontrolledState");
 function isFunction(value) {
 	return typeof value === "function";
 }
-__name$24(isFunction, "isFunction");
+__name$26(isFunction, "isFunction");
 var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
 function useControllableStateReducer(reducer, userArgs, initialArg, init) {
 	const { prop: controlledState, defaultProp, onChange: onChangeProp, caller } = userArgs;
@@ -1898,12 +1898,12 @@ function useControllableStateReducer(reducer, userArgs, initialArg, init) {
 	]);
 	return [state, dispatch];
 }
-__name$24(useControllableStateReducer, "useControllableStateReducer");
+__name$26(useControllableStateReducer, "useControllableStateReducer");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-size@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-size/dist/index.mjs
-var __defProp$23 = Object.defineProperty;
-var __name$23 = (target, value) => __defProp$23(target, "name", {
+var __defProp$25 = Object.defineProperty;
+var __name$25 = (target, value) => __defProp$25(target, "name", {
 	value,
 	configurable: true
 });
@@ -1941,22 +1941,22 @@ function useSize(element) {
 	}, [element]);
 	return size;
 }
-__name$23(useSize, "useSize");
+__name$25(useSize, "useSize");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-presence@1.1.10_@types+react-dom@19.2.3_@types+react@19.2.17__@types+re_138587ba593102bdcf335a5673d92068/node_modules/@radix-ui/react-presence/dist/index.mjs
-var __defProp$22 = Object.defineProperty;
-var __name$22 = (target, value) => __defProp$22(target, "name", {
+var __defProp$24 = Object.defineProperty;
+var __name$24 = (target, value) => __defProp$24(target, "name", {
 	value,
 	configurable: true
 });
-function useStateMachine(initialState, machine) {
+function useStateMachine$1(initialState, machine) {
 	return React$1.useReducer((state, event) => {
 		return machine[state][event] ?? state;
 	}, initialState);
 }
-__name$22(useStateMachine, "useStateMachine");
-var Presence = /* @__PURE__ */ __name$22((props) => {
+__name$24(useStateMachine$1, "useStateMachine");
+var Presence = /* @__PURE__ */ __name$24((props) => {
 	const { present, children } = props;
 	const presence = usePresence$1(present);
 	const child = typeof children === "function" ? children({ present: presence.isPresent }) : React$1.Children.only(children);
@@ -1969,7 +1969,7 @@ function usePresence$1(present) {
 	const prevPresentRef = React$1.useRef(present);
 	const prevAnimationNameRef = React$1.useRef("none");
 	const mountAnimationNameRef = React$1.useRef(void 0);
-	const [state, send] = useStateMachine(present ? "mounted" : "unmounted", {
+	const [state, send] = useStateMachine$1(present ? "mounted" : "unmounted", {
 		mounted: {
 			UNMOUNT: "unmounted",
 			ANIMATION_OUT: "unmountSuspended"
@@ -2005,7 +2005,7 @@ function usePresence$1(present) {
 		if (node) {
 			let timeoutId;
 			const ownerWindow = node.ownerDocument.defaultView ?? window;
-			const handleAnimationEnd = /* @__PURE__ */ __name$22((event) => {
+			const handleAnimationEnd = /* @__PURE__ */ __name$24((event) => {
 				const isCurrentAnimation = getAnimationName(stylesRef.current).includes(CSS.escape(event.animationName));
 				if (event.target === node && isCurrentAnimation) {
 					send("ANIMATION_END");
@@ -2018,7 +2018,7 @@ function usePresence$1(present) {
 					}
 				}
 			}, "handleAnimationEnd");
-			const handleAnimationStart = /* @__PURE__ */ __name$22((event) => {
+			const handleAnimationStart = /* @__PURE__ */ __name$24((event) => {
 				if (event.target === node) prevAnimationNameRef.current = getAnimationName(stylesRef.current);
 			}, "handleAnimationStart");
 			node.addEventListener("animationstart", handleAnimationStart);
@@ -2044,12 +2044,12 @@ function usePresence$1(present) {
 		}, [])
 	};
 }
-__name$22(usePresence$1, "usePresence");
+__name$24(usePresence$1, "usePresence");
 function setRef$1(ref, value) {
 	if (typeof ref === "function") return ref(value);
 	else if (ref !== null && ref !== void 0) ref.current = value;
 }
-__name$22(setRef$1, "setRef");
+__name$24(setRef$1, "setRef");
 function useStableComposedRefs(...refs) {
 	const refsRef = React$1.useRef(refs);
 	refsRef.current = refs;
@@ -2070,11 +2070,11 @@ function useStableComposedRefs(...refs) {
 		};
 	}, []);
 }
-__name$22(useStableComposedRefs, "useStableComposedRefs");
+__name$24(useStableComposedRefs, "useStableComposedRefs");
 function getAnimationName(styles) {
 	return styles?.animationName || "none";
 }
-__name$22(getAnimationName, "getAnimationName");
+__name$24(getAnimationName, "getAnimationName");
 function getElementRef$1(element) {
 	let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
 	let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -2084,12 +2084,12 @@ function getElementRef$1(element) {
 	if (mayWarn) return element.props.ref;
 	return element.props.ref || element.ref;
 }
-__name$22(getElementRef$1, "getElementRef");
+__name$24(getElementRef$1, "getElementRef");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-slot@1.3.3_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-slot/dist/index.mjs
-var __defProp$21 = Object.defineProperty;
-var __name$21 = (target, value) => __defProp$21(target, "name", {
+var __defProp$23 = Object.defineProperty;
+var __name$23 = (target, value) => __defProp$23(target, "name", {
 	value,
 	configurable: true
 });
@@ -2126,17 +2126,17 @@ function createSlot(ownerName) {
 	Slot2.displayName = `${ownerName}.Slot`;
 	return Slot2;
 }
-__name$21(createSlot, "createSlot");
+__name$23(createSlot, "createSlot");
 var SLOTTABLE_IDENTIFIER = Symbol.for("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function createSlottable(ownerName) {
-	const Slottable2 = /* @__PURE__ */ __name$21((props) => "child" in props ? props.children(props.child) : props.children, "Slottable");
+	const Slottable2 = /* @__PURE__ */ __name$23((props) => "child" in props ? props.children(props.child) : props.children, "Slottable");
 	Slottable2.displayName = `${ownerName}.Slottable`;
 	Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
 	return Slottable2;
 }
-__name$21(createSlottable, "createSlottable");
-var getSlottableElementFromSlottable = /* @__PURE__ */ __name$21((slottable, child) => {
+__name$23(createSlottable, "createSlottable");
+var getSlottableElementFromSlottable = /* @__PURE__ */ __name$23((slottable, child) => {
 	if ("child" in slottable.props) {
 		const child2 = slottable.props.child;
 		if (!React$1.isValidElement(child2)) return null;
@@ -2167,7 +2167,7 @@ function mergeProps(slotProps, childProps) {
 		...overrideProps
 	};
 }
-__name$21(mergeProps, "mergeProps");
+__name$23(mergeProps, "mergeProps");
 function getElementRef(element) {
 	let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
 	let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -2177,32 +2177,32 @@ function getElementRef(element) {
 	if (mayWarn) return element.props.ref;
 	return element.props.ref || element.ref;
 }
-__name$21(getElementRef, "getElementRef");
+__name$23(getElementRef, "getElementRef");
 function isSlottable(child) {
 	return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
-__name$21(isSlottable, "isSlottable");
+__name$23(isSlottable, "isSlottable");
 var REACT_LAZY_TYPE = Symbol.for("react.lazy");
 function isLazyComponent(element) {
 	return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
 }
-__name$21(isLazyComponent, "isLazyComponent");
+__name$23(isLazyComponent, "isLazyComponent");
 function isPromiseLike(value) {
 	return typeof value === "object" && value !== null && "then" in value;
 }
-__name$21(isPromiseLike, "isPromiseLike");
-var createSlotError = /* @__PURE__ */ __name$21((ownerName) => {
+__name$23(isPromiseLike, "isPromiseLike");
+var createSlotError = /* @__PURE__ */ __name$23((ownerName) => {
 	return `${ownerName} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`;
 }, "createSlotError");
-var createSlottableError = /* @__PURE__ */ __name$21((ownerName) => {
+var createSlottableError = /* @__PURE__ */ __name$23((ownerName) => {
 	return `${ownerName} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`;
 }, "createSlottableError");
 var use = React$1[" use ".trim().toString()];
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.10_@types+react-dom@19.2.3_@types+react@19.2.17__@types+r_be17283a23f513d7b972453cc36e2a96/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var __defProp$20 = Object.defineProperty;
-var __name$20 = (target, value) => __defProp$20(target, "name", {
+var __defProp$22 = Object.defineProperty;
+var __name$22 = (target, value) => __defProp$22(target, "name", {
 	value,
 	configurable: true
 });
@@ -2244,12 +2244,12 @@ var Primitive = [
 function dispatchDiscreteCustomEvent(target, event) {
 	if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));
 }
-__name$20(dispatchDiscreteCustomEvent, "dispatchDiscreteCustomEvent");
+__name$22(dispatchDiscreteCustomEvent, "dispatchDiscreteCustomEvent");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-collection@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.17__@types+_e3b314e214d3788bd2a3a0fbdfeba189/node_modules/@radix-ui/react-collection/dist/index.mjs
-var __defProp$19 = Object.defineProperty;
-var __name$19 = (target, value) => __defProp$19(target, "name", {
+var __defProp$21 = Object.defineProperty;
+var __name$21 = (target, value) => __defProp$21(target, "name", {
 	value,
 	configurable: true
 });
@@ -2261,7 +2261,7 @@ function createCollection(name) {
 		collectionRef: { current: null },
 		itemMap: /* @__PURE__ */ new Map()
 	});
-	const CollectionProvider = /* @__PURE__ */ __name$19((props) => {
+	const CollectionProvider = /* @__PURE__ */ __name$21((props) => {
 		const { scope, children } = props;
 		const ref = React$1.useRef(null);
 		const itemMap = React$1.useRef(/* @__PURE__ */ new Map()).current;
@@ -2315,7 +2315,7 @@ function createCollection(name) {
 			return Array.from(context.itemMap.values()).sort((a, b) => orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current));
 		}, [context.collectionRef, context.itemMap]);
 	}
-	__name$19(useCollection, "useCollection");
+	__name$21(useCollection, "useCollection");
 	return [
 		{
 			Provider: CollectionProvider,
@@ -2326,11 +2326,11 @@ function createCollection(name) {
 		createCollectionScope
 	];
 }
-__name$19(createCollection, "createCollection");
+__name$21(createCollection, "createCollection");
 var __instanciated = /* @__PURE__ */ new WeakMap();
 var OrderedDict = class _OrderedDict extends Map {
 	static {
-		__name$19(this, "OrderedDict");
+		__name$21(this, "OrderedDict");
 	}
 	#keys;
 	constructor(entries) {
@@ -2598,18 +2598,18 @@ function at(array, index) {
 	const actualIndex = toSafeIndex(array, index);
 	return actualIndex === -1 ? void 0 : array[actualIndex];
 }
-__name$19(at, "at");
+__name$21(at, "at");
 function toSafeIndex(array, index) {
 	const length = array.length;
 	const relativeIndex = toSafeInteger(index);
 	const actualIndex = relativeIndex >= 0 ? relativeIndex : length + relativeIndex;
 	return actualIndex < 0 || actualIndex >= length ? -1 : actualIndex;
 }
-__name$19(toSafeIndex, "toSafeIndex");
+__name$21(toSafeIndex, "toSafeIndex");
 function toSafeInteger(number) {
 	return number !== number || number === 0 ? 0 : Math.trunc(number);
 }
-__name$19(toSafeInteger, "toSafeInteger");
+__name$21(toSafeInteger, "toSafeInteger");
 // @__NO_SIDE_EFFECTS__
 function createCollection2(name) {
 	const PROVIDER_NAME = name + "CollectionProvider";
@@ -2619,16 +2619,16 @@ function createCollection2(name) {
 		collectionRef: { current: null },
 		collectionRefObject: { current: null },
 		itemMap: new OrderedDict(),
-		setItemMap: /* @__PURE__ */ __name$19(() => void 0, "setItemMap")
+		setItemMap: /* @__PURE__ */ __name$21(() => void 0, "setItemMap")
 	});
-	const CollectionProvider = /* @__PURE__ */ __name$19(({ state, ...props }) => {
+	const CollectionProvider = /* @__PURE__ */ __name$21(({ state, ...props }) => {
 		return state ? /* @__PURE__ */ jsx(CollectionProviderImpl, {
 			...props,
 			state
 		}) : /* @__PURE__ */ jsx(CollectionInit, { ...props });
 	}, "CollectionProvider");
 	CollectionProvider.displayName = PROVIDER_NAME;
-	const CollectionInit = /* @__PURE__ */ __name$19((props) => {
+	const CollectionInit = /* @__PURE__ */ __name$21((props) => {
 		const state = useInitCollection();
 		return /* @__PURE__ */ jsx(CollectionProviderImpl, {
 			...props,
@@ -2636,7 +2636,7 @@ function createCollection2(name) {
 		});
 	}, "CollectionInit");
 	CollectionInit.displayName = PROVIDER_NAME + "Init";
-	const CollectionProviderImpl = /* @__PURE__ */ __name$19((props) => {
+	const CollectionProviderImpl = /* @__PURE__ */ __name$21((props) => {
 		const { scope, children, state } = props;
 		const ref = React$1.useRef(null);
 		const [collectionElement, setCollectionElement] = React$1.useState(null);
@@ -2725,12 +2725,12 @@ function createCollection2(name) {
 	function useInitCollection() {
 		return React$1.useState(new OrderedDict());
 	}
-	__name$19(useInitCollection, "useInitCollection");
+	__name$21(useInitCollection, "useInitCollection");
 	function useCollection(scope) {
 		const { itemMap } = useCollectionContext(name + "CollectionConsumer", scope);
 		return itemMap;
 	}
-	__name$19(useCollection, "useCollection");
+	__name$21(useCollection, "useCollection");
 	return [{
 		Provider: CollectionProvider,
 		Slot: CollectionSlot,
@@ -2741,7 +2741,7 @@ function createCollection2(name) {
 		useInitCollection
 	}];
 }
-__name$19(createCollection2, "createCollection");
+__name$21(createCollection2, "createCollection");
 function shallowEqual$1(a, b) {
 	if (a === b) return true;
 	if (typeof a !== "object" || typeof b !== "object") return false;
@@ -2755,15 +2755,15 @@ function shallowEqual$1(a, b) {
 	}
 	return true;
 }
-__name$19(shallowEqual$1, "shallowEqual");
+__name$21(shallowEqual$1, "shallowEqual");
 function isElementPreceding(a, b) {
 	return !!(b.compareDocumentPosition(a) & Node.DOCUMENT_POSITION_PRECEDING);
 }
-__name$19(isElementPreceding, "isElementPreceding");
+__name$21(isElementPreceding, "isElementPreceding");
 function sortByDocumentPosition(a, b) {
 	return !a[1].element || !b[1].element ? 0 : isElementPreceding(a[1].element, b[1].element) ? -1 : 1;
 }
-__name$19(sortByDocumentPosition, "sortByDocumentPosition");
+__name$21(sortByDocumentPosition, "sortByDocumentPosition");
 function getChildListObserver(callback) {
 	return new MutationObserver((mutationsList) => {
 		for (const mutation of mutationsList) if (mutation.type === "childList") {
@@ -2772,12 +2772,12 @@ function getChildListObserver(callback) {
 		}
 	});
 }
-__name$19(getChildListObserver, "getChildListObserver");
+__name$21(getChildListObserver, "getChildListObserver");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-direction@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-direction/dist/index.mjs
-var __defProp$18 = Object.defineProperty;
-var __name$18 = (target, value) => __defProp$18(target, "name", {
+var __defProp$20 = Object.defineProperty;
+var __name$20 = (target, value) => __defProp$20(target, "name", {
 	value,
 	configurable: true
 });
@@ -2786,12 +2786,12 @@ function useDirection(localDir) {
 	const globalDir = React$1.useContext(DirectionContext);
 	return localDir || globalDir || "ltr";
 }
-__name$18(useDirection, "useDirection");
+__name$20(useDirection, "useDirection");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
-var __defProp$17 = Object.defineProperty;
-var __name$17 = (target, value) => __defProp$17(target, "name", {
+var __defProp$19 = Object.defineProperty;
+var __name$19 = (target, value) => __defProp$19(target, "name", {
 	value,
 	configurable: true
 });
@@ -2802,12 +2802,12 @@ function useCallbackRef$1(callback) {
 	});
 	return React$1.useMemo(() => ((...args) => callbackRef.current?.(...args)), []);
 }
-__name$17(useCallbackRef$1, "useCallbackRef");
+__name$19(useCallbackRef$1, "useCallbackRef");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.19_@types+react-dom@19.2.3_@types+react@19.2.17___1726272c044b69ad8799cdb51c1704df/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-var __defProp$16 = Object.defineProperty;
-var __name$16 = (target, value) => __defProp$16(target, "name", {
+var __defProp$18 = Object.defineProperty;
+var __name$18 = (target, value) => __defProp$18(target, "name", {
 	value,
 	configurable: true
 });
@@ -2821,7 +2821,7 @@ var DismissableLayerContext = React$1.createContext({
 	branches: /* @__PURE__ */ new Set(),
 	dismissableSurfaces: /* @__PURE__ */ new Set()
 });
-var DismissableLayer = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$16(function DismissableLayer2(props, forwardedRef) {
+var DismissableLayer = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$18(function DismissableLayer2(props, forwardedRef) {
 	const { disableOutsidePointerEvents = false, deferPointerDownOutside = false, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onDismiss, ...layerProps } = props;
 	const context = React$1.useContext(DismissableLayerContext);
 	const [node, setNode] = React$1.useState(null);
@@ -2908,7 +2908,7 @@ var DismissableLayer = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name
 		};
 	}, [node, context]);
 	React$1.useEffect(() => {
-		const handleUpdate = /* @__PURE__ */ __name$16(() => force({}), "handleUpdate");
+		const handleUpdate = /* @__PURE__ */ __name$18(() => force({}), "handleUpdate");
 		document.addEventListener(CONTEXT_UPDATE, handleUpdate);
 		return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
 	}, []);
@@ -2924,7 +2924,7 @@ var DismissableLayer = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name
 		onPointerDownCapture: composeEventHandlers(props.onPointerDownCapture, pointerDownOutside.onPointerDownCapture)
 	});
 }, "DismissableLayer"));
-var DismissableLayerBranch = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$16(function DismissableLayerBranch2(props, forwardedRef) {
+var DismissableLayerBranch = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$18(function DismissableLayerBranch2(props, forwardedRef) {
 	const context = React$1.useContext(DismissableLayerContext);
 	const ref = React$1.useRef(null);
 	const composedRefs = useComposedRefs$1(forwardedRef, ref);
@@ -2954,8 +2954,8 @@ function useDismissableLayerSurface() {
 	}, [node, context.dismissableSurfaces]);
 	return setNode;
 }
-__name$16(useDismissableLayerSurface, "useDismissableLayerSurface");
-var IS_TRUE = /* @__PURE__ */ __name$16(() => true, "IS_TRUE");
+__name$18(useDismissableLayerSurface, "useDismissableLayerSurface");
+var IS_TRUE = /* @__PURE__ */ __name$18(() => true, "IS_TRUE");
 function usePointerDownOutside(onPointerDownOutside, args) {
 	const { ownerDocument = globalThis?.document, deferPointerDownOutside = false, isDeferredPointerDownOutsideRef, dismissableSurfaces, shouldHandlePointerDownOutside = IS_TRUE } = args;
 	const handlePointerDownOutside = useCallbackRef$1(onPointerDownOutside);
@@ -2969,11 +2969,11 @@ function usePointerDownOutside(onPointerDownOutside, args) {
 			isDeferredPointerDownOutsideRef.current = false;
 			interceptedOutsideInteractionEventsRef.current.clear();
 		}
-		__name$16(resetOutsideInteraction, "resetOutsideInteraction");
+		__name$18(resetOutsideInteraction, "resetOutsideInteraction");
 		function isOutsideInteractionIntercepted() {
 			return Array.from(interceptedOutsideInteractionEventsRef.current.values()).some(Boolean);
 		}
-		__name$16(isOutsideInteractionIntercepted, "isOutsideInteractionIntercepted");
+		__name$18(isOutsideInteractionIntercepted, "isOutsideInteractionIntercepted");
 		function handleInteractionCapture(event) {
 			if (!isPointerDownOutsideRef.current) return;
 			const target = event.target;
@@ -2982,12 +2982,12 @@ function usePointerDownOutside(onPointerDownOutside, args) {
 				if (isPointerDownOutsideRef.current) handleClickRef.current();
 			}, 0);
 		}
-		__name$16(handleInteractionCapture, "handleInteractionCapture");
+		__name$18(handleInteractionCapture, "handleInteractionCapture");
 		function handleInteractionBubble(event) {
 			if (isPointerDownOutsideRef.current) interceptedOutsideInteractionEventsRef.current.set(event.type, false);
 		}
-		__name$16(handleInteractionBubble, "handleInteractionBubble");
-		const handlePointerDown = /* @__PURE__ */ __name$16((event) => {
+		__name$18(handleInteractionBubble, "handleInteractionBubble");
+		const handlePointerDown = /* @__PURE__ */ __name$18((event) => {
 			if (event.target && !isPointerInsideReactTreeRef.current) {
 				let handleAndDispatchPointerDownOutsideEvent2 = function() {
 					ownerDocument.removeEventListener("click", handleClickRef.current);
@@ -2995,7 +2995,7 @@ function usePointerDownOutside(onPointerDownOutside, args) {
 					resetOutsideInteraction();
 					if (!wasOutsideInteractionIntercepted) handleAndDispatchCustomEvent$1(POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, { discrete: true });
 				};
-				__name$16(handleAndDispatchPointerDownOutsideEvent2, "handleAndDispatchPointerDownOutsideEvent");
+				__name$18(handleAndDispatchPointerDownOutsideEvent2, "handleAndDispatchPointerDownOutsideEvent");
 				if (!shouldHandlePointerDownOutside(event.target)) {
 					ownerDocument.removeEventListener("click", handleClickRef.current);
 					resetOutsideInteraction();
@@ -3050,30 +3050,30 @@ function usePointerDownOutside(onPointerDownOutside, args) {
 		dismissableSurfaces,
 		shouldHandlePointerDownOutside
 	]);
-	return { onPointerDownCapture: /* @__PURE__ */ __name$16(() => isPointerInsideReactTreeRef.current = true, "onPointerDownCapture") };
+	return { onPointerDownCapture: /* @__PURE__ */ __name$18(() => isPointerInsideReactTreeRef.current = true, "onPointerDownCapture") };
 }
-__name$16(usePointerDownOutside, "usePointerDownOutside");
+__name$18(usePointerDownOutside, "usePointerDownOutside");
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
 	const handleFocusOutside = useCallbackRef$1(onFocusOutside);
 	const isFocusInsideReactTreeRef = React$1.useRef(false);
 	React$1.useEffect(() => {
-		const handleFocus = /* @__PURE__ */ __name$16((event) => {
+		const handleFocus = /* @__PURE__ */ __name$18((event) => {
 			if (event.target && !isFocusInsideReactTreeRef.current) handleAndDispatchCustomEvent$1(FOCUS_OUTSIDE, handleFocusOutside, { originalEvent: event }, { discrete: false });
 		}, "handleFocus");
 		ownerDocument.addEventListener("focusin", handleFocus);
 		return () => ownerDocument.removeEventListener("focusin", handleFocus);
 	}, [ownerDocument, handleFocusOutside]);
 	return {
-		onFocusCapture: /* @__PURE__ */ __name$16(() => isFocusInsideReactTreeRef.current = true, "onFocusCapture"),
-		onBlurCapture: /* @__PURE__ */ __name$16(() => isFocusInsideReactTreeRef.current = false, "onBlurCapture")
+		onFocusCapture: /* @__PURE__ */ __name$18(() => isFocusInsideReactTreeRef.current = true, "onFocusCapture"),
+		onBlurCapture: /* @__PURE__ */ __name$18(() => isFocusInsideReactTreeRef.current = false, "onBlurCapture")
 	};
 }
-__name$16(useFocusOutside, "useFocusOutside");
+__name$18(useFocusOutside, "useFocusOutside");
 function dispatchUpdate() {
 	const event = new CustomEvent(CONTEXT_UPDATE);
 	document.dispatchEvent(event);
 }
-__name$16(dispatchUpdate, "dispatchUpdate");
+__name$18(dispatchUpdate, "dispatchUpdate");
 function handleAndDispatchCustomEvent$1(name, handler, detail, { discrete }) {
 	const target = detail.originalEvent.target;
 	const event = new CustomEvent(name, {
@@ -3085,14 +3085,14 @@ function handleAndDispatchCustomEvent$1(name, handler, detail, { discrete }) {
 	if (discrete) dispatchDiscreteCustomEvent(target, event);
 	else target.dispatchEvent(event);
 }
-__name$16(handleAndDispatchCustomEvent$1, "handleAndDispatchCustomEvent");
-var Root$4 = DismissableLayer;
+__name$18(handleAndDispatchCustomEvent$1, "handleAndDispatchCustomEvent");
+var Root$5 = DismissableLayer;
 var Branch = DismissableLayerBranch;
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-focus-guards@1.1.6_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
-var __defProp$15 = Object.defineProperty;
-var __name$15 = (target, value) => __defProp$15(target, "name", {
+var __defProp$17 = Object.defineProperty;
+var __name$17 = (target, value) => __defProp$17(target, "name", {
 	value,
 	configurable: true
 });
@@ -3102,7 +3102,7 @@ function FocusGuards(props) {
 	useFocusGuards();
 	return props.children;
 }
-__name$15(FocusGuards, "FocusGuards");
+__name$17(FocusGuards, "FocusGuards");
 function useFocusGuards() {
 	React$1.useEffect(() => {
 		if (!guards) guards = {
@@ -3123,7 +3123,7 @@ function useFocusGuards() {
 		};
 	}, []);
 }
-__name$15(useFocusGuards, "useFocusGuards");
+__name$17(useFocusGuards, "useFocusGuards");
 function createFocusGuard() {
 	const element = document.createElement("span");
 	element.setAttribute("data-radix-focus-guard", "");
@@ -3134,12 +3134,12 @@ function createFocusGuard() {
 	element.style.pointerEvents = "none";
 	return element;
 }
-__name$15(createFocusGuard, "createFocusGuard");
+__name$17(createFocusGuard, "createFocusGuard");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.16_@types+react-dom@19.2.3_@types+react@19.2.17__@types_688a7092b7a27f27c45d3c59450c400f/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
-var __defProp$14 = Object.defineProperty;
-var __name$14 = (target, value) => __defProp$14(target, "name", {
+var __defProp$16 = Object.defineProperty;
+var __name$16 = (target, value) => __defProp$16(target, "name", {
 	value,
 	configurable: true
 });
@@ -3149,7 +3149,7 @@ var EVENT_OPTIONS$1 = {
 	bubbles: false,
 	cancelable: true
 };
-var FocusScope = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$14(function FocusScope2(props, forwardedRef) {
+var FocusScope = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$16(function FocusScope2(props, forwardedRef) {
 	const { loop = false, trapped = false, onMountAutoFocus: onMountAutoFocusProp, onUnmountAutoFocus: onUnmountAutoFocusProp, ...scopeProps } = props;
 	const [container, setContainer] = React$1.useState(null);
 	const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
@@ -3181,9 +3181,9 @@ var FocusScope = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$14(fu
 				if (document.activeElement !== document.body) return;
 				for (const mutation of mutations) if (mutation.removedNodes.length > 0) focus(container);
 			};
-			__name$14(handleFocusIn2, "handleFocusIn");
-			__name$14(handleFocusOut2, "handleFocusOut");
-			__name$14(handleMutations2, "handleMutations");
+			__name$16(handleFocusIn2, "handleFocusIn");
+			__name$16(handleFocusOut2, "handleFocusOut");
+			__name$16(handleMutations2, "handleMutations");
 			document.addEventListener("focusin", handleFocusIn2);
 			document.addEventListener("focusout", handleFocusOut2);
 			const mutationObserver = new MutationObserver(handleMutations2);
@@ -3270,15 +3270,15 @@ function focusFirst$3(candidates, { select = false } = {}) {
 		if (document.activeElement !== previouslyFocusedElement) return;
 	}
 }
-__name$14(focusFirst$3, "focusFirst");
+__name$16(focusFirst$3, "focusFirst");
 function getTabbableEdges(container) {
 	const candidates = getTabbableCandidates$1(container);
 	return [findVisible(candidates, container), findVisible(candidates.reverse(), container)];
 }
-__name$14(getTabbableEdges, "getTabbableEdges");
+__name$16(getTabbableEdges, "getTabbableEdges");
 function getTabbableCandidates$1(container) {
 	const nodes = [];
-	const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, { acceptNode: /* @__PURE__ */ __name$14((node) => {
+	const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, { acceptNode: /* @__PURE__ */ __name$16((node) => {
 		const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
 		if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
 		return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
@@ -3286,12 +3286,12 @@ function getTabbableCandidates$1(container) {
 	while (walker.nextNode()) nodes.push(walker.currentNode);
 	return nodes;
 }
-__name$14(getTabbableCandidates$1, "getTabbableCandidates");
+__name$16(getTabbableCandidates$1, "getTabbableCandidates");
 function findVisible(elements, container) {
 	const canUseCheckVisibility = typeof container.checkVisibility === "function" && container.checkVisibility({ checkVisibilityCSS: true });
 	for (const element of elements) if (!(canUseCheckVisibility ? !element.checkVisibility({ checkVisibilityCSS: true }) : isHidden(element, { upTo: container }))) return element;
 }
-__name$14(findVisible, "findVisible");
+__name$16(findVisible, "findVisible");
 function isHidden(node, { upTo }) {
 	if (getComputedStyle(node).visibility === "hidden") return true;
 	while (node) {
@@ -3301,11 +3301,11 @@ function isHidden(node, { upTo }) {
 	}
 	return false;
 }
-__name$14(isHidden, "isHidden");
+__name$16(isHidden, "isHidden");
 function isSelectableInput(element) {
 	return element instanceof HTMLInputElement && "select" in element;
 }
-__name$14(isSelectableInput, "isSelectableInput");
+__name$16(isSelectableInput, "isSelectableInput");
 function focus(element, { select = false } = {}) {
 	if (element && element.focus) {
 		const previouslyFocusedElement = document.activeElement;
@@ -3313,7 +3313,7 @@ function focus(element, { select = false } = {}) {
 		if (element !== previouslyFocusedElement && isSelectableInput(element) && select) element.select();
 	}
 }
-__name$14(focus, "focus");
+__name$16(focus, "focus");
 var focusScopesStack = createFocusScopesStack();
 function createFocusScopesStack() {
 	let stack = [];
@@ -3330,23 +3330,23 @@ function createFocusScopesStack() {
 		}
 	};
 }
-__name$14(createFocusScopesStack, "createFocusScopesStack");
+__name$16(createFocusScopesStack, "createFocusScopesStack");
 function arrayRemove(array, item) {
 	const updatedArray = [...array];
 	const index = updatedArray.indexOf(item);
 	if (index !== -1) updatedArray.splice(index, 1);
 	return updatedArray;
 }
-__name$14(arrayRemove, "arrayRemove");
+__name$16(arrayRemove, "arrayRemove");
 function removeLinks(items) {
 	return items.filter((item) => item.tagName !== "A");
 }
-__name$14(removeLinks, "removeLinks");
+__name$16(removeLinks, "removeLinks");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-id@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-id/dist/index.mjs
-var __defProp$13 = Object.defineProperty;
-var __name$13 = (target, value) => __defProp$13(target, "name", {
+var __defProp$15 = Object.defineProperty;
+var __name$15 = (target, value) => __defProp$15(target, "name", {
 	value,
 	configurable: true
 });
@@ -3359,7 +3359,7 @@ function useId$1(deterministicId) {
 	}, [deterministicId]);
 	return deterministicId || (id ? `radix-${id}` : "");
 }
-__name$13(useId$1, "useId");
+__name$15(useId$1, "useId");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
@@ -3387,7 +3387,7 @@ const oppositeSideMap = {
 	bottom: "top",
 	top: "bottom"
 };
-function clamp$1(start, value, end) {
+function clamp$2(start, value, end) {
 	return max(start, min(value, end));
 }
 function evaluate(value, param) {
@@ -3688,7 +3688,7 @@ const arrow$3 = (options) => ({
 		const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);
 		const max = clientSize - arrowDimensions[length] - maxPadding;
 		const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-		const offset = clamp$1(minPadding, center, max);
+		const offset = clamp$2(minPadding, center, max);
 		const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < minPadding ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
 		const alignmentOffset = shouldAddOffset ? center < minPadding ? center - minPadding : center - max : 0;
 		return {
@@ -3909,7 +3909,7 @@ const shift$2 = function(options) {
 			const mainAxis = getOppositeAxis(crossAxis);
 			let mainAxisCoord = coords[mainAxis];
 			let crossAxisCoord = coords[crossAxis];
-			const clampCoord = (axis, coord) => clamp$1(coord + overflow[axis === "y" ? "top" : "left"], coord, coord - overflow[axis === "y" ? "bottom" : "right"]);
+			const clampCoord = (axis, coord) => clamp$2(coord + overflow[axis === "y" ? "top" : "left"], coord, coord - overflow[axis === "y" ? "bottom" : "right"]);
 			if (checkMainAxis) mainAxisCoord = clampCoord(mainAxis, mainAxisCoord);
 			if (checkCrossAxis) crossAxisCoord = clampCoord(crossAxis, crossAxisCoord);
 			const limitedCoords = limiter.fn({
@@ -4997,12 +4997,12 @@ const arrow = (options, deps) => {
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-arrow@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react_4d0c091b4d3d78b3d38bb97d37c10718/node_modules/@radix-ui/react-arrow/dist/index.mjs
-var __defProp$12 = Object.defineProperty;
-var __name$12 = (target, value) => __defProp$12(target, "name", {
+var __defProp$14 = Object.defineProperty;
+var __name$14 = (target, value) => __defProp$14(target, "name", {
 	value,
 	configurable: true
 });
-var Arrow$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$12(function Arrow2(props, forwardedRef) {
+var Arrow$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$14(function Arrow2(props, forwardedRef) {
 	const { children, width = 10, height = 5, ...arrowProps } = props;
 	return /* @__PURE__ */ jsx(Primitive.svg, {
 		...arrowProps,
@@ -5014,19 +5014,19 @@ var Arrow$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$12(funct
 		children: props.asChild ? children : /* @__PURE__ */ jsx("polygon", { points: "0,0 30,0 15,10" })
 	});
 }, "Arrow"));
-var Root$3 = Arrow$1;
+var Root$4 = Arrow$1;
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-popper@1.3.7_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react_4e5bda27561956783247cbf95bf4739f/node_modules/@radix-ui/react-popper/dist/index.mjs
-var __defProp$11 = Object.defineProperty;
-var __name$11 = (target, value) => __defProp$11(target, "name", {
+var __defProp$13 = Object.defineProperty;
+var __name$13 = (target, value) => __defProp$13(target, "name", {
 	value,
 	configurable: true
 });
 var POPPER_NAME = "Popper";
 var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
-var Popper = /* @__PURE__ */ __name$11((props) => {
+var Popper = /* @__PURE__ */ __name$13((props) => {
 	const { __scopePopper, children } = props;
 	const [anchor, setAnchor] = React$1.useState(null);
 	const [placementState, setPlacementState] = React$1.useState(void 0);
@@ -5040,7 +5040,7 @@ var Popper = /* @__PURE__ */ __name$11((props) => {
 	});
 }, "Popper");
 var ANCHOR_NAME = "PopperAnchor";
-var PopperAnchor = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$11(function PopperAnchor2(props, forwardedRef) {
+var PopperAnchor = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$13(function PopperAnchor2(props, forwardedRef) {
 	const { __scopePopper, virtualRef, ...anchorProps } = props;
 	const context = usePopperContext(ANCHOR_NAME, __scopePopper);
 	const ref = React$1.useRef(null);
@@ -5068,7 +5068,7 @@ var PopperAnchor = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$11(
 }, "PopperAnchor"));
 var CONTENT_NAME$5 = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$5);
-var PopperContent = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$11(function PopperContent2(props, forwardedRef) {
+var PopperContent = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$13(function PopperContent2(props, forwardedRef) {
 	const { __scopePopper, side = "bottom", sideOffset = 0, align = "center", alignOffset = 0, arrowPadding = 0, avoidCollisions = true, collisionBoundary = [], collisionPadding: collisionPaddingProp = 0, sticky = "partial", hideWhenDetached = false, updatePositionStrategy = "optimized", onPlaced, ...contentProps } = props;
 	const context = usePopperContext(CONTENT_NAME$5, __scopePopper);
 	const [content, setContent] = React$1.useState(null);
@@ -5095,7 +5095,7 @@ var PopperContent = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$11
 	const { refs, floatingStyles, placement, isPositioned, middlewareData } = useFloating({
 		strategy: "fixed",
 		placement: desiredPlacement,
-		whileElementsMounted: /* @__PURE__ */ __name$11((...args) => {
+		whileElementsMounted: /* @__PURE__ */ __name$13((...args) => {
 			return autoUpdate(...args, { animationFrame: updatePositionStrategy === "always" });
 		}, "whileElementsMounted"),
 		elements: { reference: context.anchor },
@@ -5113,7 +5113,7 @@ var PopperContent = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$11
 			avoidCollisions && flip({ ...detectOverflowOptions }),
 			size({
 				...detectOverflowOptions,
-				apply: /* @__PURE__ */ __name$11(({ elements, rects, availableWidth, availableHeight }) => {
+				apply: /* @__PURE__ */ __name$13(({ elements, rects, availableWidth, availableHeight }) => {
 					const { width: anchorWidth, height: anchorHeight } = rects.reference;
 					const contentStyle = elements.floating.style;
 					contentStyle.setProperty("--radix-popper-available-width", `${availableWidth}px`);
@@ -5199,7 +5199,7 @@ var OPPOSITE_SIDE = {
 	bottom: "top",
 	left: "right"
 };
-var PopperArrow = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$11(function PopperArrow2(props, forwardedRef) {
+var PopperArrow = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$13(function PopperArrow2(props, forwardedRef) {
 	const { __scopePopper, ...arrowProps } = props;
 	const contentContext = useContentContext(ARROW_NAME, __scopePopper);
 	const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
@@ -5224,7 +5224,7 @@ var PopperArrow = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$11(f
 			}[contentContext.placedSide],
 			visibility: contentContext.shouldHideArrow ? "hidden" : void 0
 		},
-		children: /* @__PURE__ */ jsx(Root$3, {
+		children: /* @__PURE__ */ jsx(Root$4, {
 			...arrowProps,
 			ref: forwardedRef,
 			style: {
@@ -5237,8 +5237,8 @@ var PopperArrow = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$11(f
 function isNotNull$1(value) {
 	return value !== null;
 }
-__name$11(isNotNull$1, "isNotNull");
-var transformOrigin = /* @__PURE__ */ __name$11((options) => ({
+__name$13(isNotNull$1, "isNotNull");
+var transformOrigin = /* @__PURE__ */ __name$13((options) => ({
 	name: "transformOrigin",
 	options,
 	fn(data) {
@@ -5279,7 +5279,7 @@ function getSideAndAlignFromPlacement(placement) {
 	const [side, align = "center"] = placement.split("-");
 	return [side, align];
 }
-__name$11(getSideAndAlignFromPlacement, "getSideAndAlignFromPlacement");
+__name$13(getSideAndAlignFromPlacement, "getSideAndAlignFromPlacement");
 var Root2$3 = Popper;
 var Anchor = PopperAnchor;
 var Content = PopperContent;
@@ -5287,12 +5287,12 @@ var Arrow = PopperArrow;
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-portal@1.1.17_@types+react-dom@19.2.3_@types+react@19.2.17__@types+reac_17de5f572cef13944a3e44b7d1e8f104/node_modules/@radix-ui/react-portal/dist/index.mjs
-var __defProp$10 = Object.defineProperty;
-var __name$10 = (target, value) => __defProp$10(target, "name", {
+var __defProp$12 = Object.defineProperty;
+var __name$12 = (target, value) => __defProp$12(target, "name", {
 	value,
 	configurable: true
 });
-var Portal$2 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$10(function Portal2(props, forwardedRef) {
+var Portal$2 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$12(function Portal2(props, forwardedRef) {
 	const { container: containerProp, ...portalProps } = props;
 	const [mounted, setMounted] = React$1.useState(false);
 	useLayoutEffect2(() => setMounted(true), []);
@@ -5305,8 +5305,8 @@ var Portal$2 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$10(func
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-is-hydrated@0.1.3_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-is-hydrated/dist/index.mjs
-var __defProp$9 = Object.defineProperty;
-var __name$9 = (target, value) => __defProp$9(target, "name", {
+var __defProp$11 = Object.defineProperty;
+var __name$11 = (target, value) => __defProp$11(target, "name", {
 	value,
 	configurable: true
 });
@@ -5321,22 +5321,22 @@ function useIsHydrated() {
 	}, []);
 	return isHydrated;
 }
-__name$9(useIsHydrated, "useIsHydrated");
+__name$11(useIsHydrated, "useIsHydrated");
 var useReactSyncExternalStore = React$1[" useSyncExternalStore ".trim().toString()];
 function subscribe() {
 	return () => {};
 }
-__name$9(subscribe, "subscribe");
+__name$11(subscribe, "subscribe");
 function useIsHydratedModern() {
 	return useReactSyncExternalStore(subscribe, () => true, () => false);
 }
-__name$9(useIsHydratedModern, "useIsHydratedModern");
+__name$11(useIsHydratedModern, "useIsHydratedModern");
 var useIsHydrated2 = typeof useReactSyncExternalStore === "function" ? useIsHydratedModern : useIsHydrated;
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-roving-focus@1.1.19_@types+react-dom@19.2.3_@types+react@19.2.17__@type_1ba36d19799ef89b87b035255f196a64/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
-var __defProp$8 = Object.defineProperty;
-var __name$8 = (target, value) => __defProp$8(target, "name", {
+var __defProp$10 = Object.defineProperty;
+var __name$10 = (target, value) => __defProp$10(target, "name", {
 	value,
 	configurable: true
 });
@@ -5349,7 +5349,7 @@ var GROUP_NAME = "RovingFocusGroup";
 var [Collection$2, useCollection$2, createCollectionScope$2] = createCollection(GROUP_NAME);
 var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(GROUP_NAME, [createCollectionScope$2]);
 var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
-var RovingFocusGroup = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$8(function RovingFocusGroup2(props, forwardedRef) {
+var RovingFocusGroup = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$10(function RovingFocusGroup2(props, forwardedRef) {
 	return /* @__PURE__ */ jsx(Collection$2.Provider, {
 		scope: props.__scopeRovingFocusGroup,
 		children: /* @__PURE__ */ jsx(Collection$2.Slot, {
@@ -5361,7 +5361,7 @@ var RovingFocusGroup = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name
 		})
 	});
 }, "RovingFocusGroup"));
-var RovingFocusGroupImpl = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$8(function RovingFocusGroupImpl2(props, forwardedRef) {
+var RovingFocusGroupImpl = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$10(function RovingFocusGroupImpl2(props, forwardedRef) {
 	const { __scopeRovingFocusGroup, orientation, loop = false, dir, currentTabStopId: currentTabStopIdProp, defaultCurrentTabStopId, onCurrentTabStopIdChange, onEntryFocus, preventScrollOnEntryFocus = false, ...groupProps } = props;
 	const ref = React$1.useRef(null);
 	const composedRefs = useComposedRefs$1(forwardedRef, ref);
@@ -5427,7 +5427,7 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __
 	});
 }, "RovingFocusGroupImpl"));
 var ITEM_NAME$1 = "RovingFocusGroupItem";
-var RovingFocusGroupItem = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$8(function RovingFocusGroupItem2(props, forwardedRef) {
+var RovingFocusGroupItem = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$10(function RovingFocusGroupItem2(props, forwardedRef) {
 	const { __scopeRovingFocusGroup, focusable = true, active = false, tabStopId, children, ...itemProps } = props;
 	const autoId = useId$1();
 	const id = tabStopId || autoId;
@@ -5512,14 +5512,14 @@ function getDirectionAwareKey(key, dir) {
 	if (dir !== "rtl") return key;
 	return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
 }
-__name$8(getDirectionAwareKey, "getDirectionAwareKey");
+__name$10(getDirectionAwareKey, "getDirectionAwareKey");
 function getFocusIntent(event, orientation, dir) {
 	const key = getDirectionAwareKey(event.key, dir);
 	if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
 	if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
 	return MAP_KEY_TO_FOCUS_INTENT[key];
 }
-__name$8(getFocusIntent, "getFocusIntent");
+__name$10(getFocusIntent, "getFocusIntent");
 function focusFirst$2(candidates, preventScroll = false) {
 	const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
 	for (const candidate of candidates) {
@@ -5528,12 +5528,12 @@ function focusFirst$2(candidates, preventScroll = false) {
 		if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
 	}
 }
-__name$8(focusFirst$2, "focusFirst");
+__name$10(focusFirst$2, "focusFirst");
 function wrapArray$1(array, startIndex) {
 	return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
-__name$8(wrapArray$1, "wrapArray");
-var Root$2 = RovingFocusGroup;
+__name$10(wrapArray$1, "wrapArray");
+var Root$3 = RovingFocusGroup;
 var Item = RovingFocusGroupItem;
 
 //#endregion
@@ -6378,8 +6378,8 @@ ReactRemoveScroll.classNames = RemoveScroll.classNames;
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-menu@2.1.24_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@_b4abbb2a563651316651d75e08bb1ff0/node_modules/@radix-ui/react-menu/dist/index.mjs
-var __defProp$7 = Object.defineProperty;
-var __name$7 = (target, value) => __defProp$7(target, "name", {
+var __defProp$9 = Object.defineProperty;
+var __name$9 = (target, value) => __defProp$9(target, "name", {
 	value,
 	configurable: true
 });
@@ -6410,7 +6410,7 @@ var usePopperScope$1 = createPopperScope();
 var useRovingFocusGroupScope = createRovingFocusGroupScope();
 var [MenuProvider, useMenuContext] = createMenuContext(MENU_NAME);
 var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
-var Menu = /* @__PURE__ */ __name$7((props) => {
+var Menu = /* @__PURE__ */ __name$9((props) => {
 	const { __scopeMenu, open = false, children, dir, onOpenChange, modal = true } = props;
 	const popperScope = usePopperScope$1(__scopeMenu);
 	const [content, setContent] = React$1.useState(null);
@@ -6418,7 +6418,7 @@ var Menu = /* @__PURE__ */ __name$7((props) => {
 	const handleOpenChange = useCallbackRef$1(onOpenChange);
 	const direction = useDirection(dir);
 	React$1.useEffect(() => {
-		const handleKeyDown = /* @__PURE__ */ __name$7(() => {
+		const handleKeyDown = /* @__PURE__ */ __name$9(() => {
 			isUsingKeyboardRef.current = true;
 			document.addEventListener("pointerdown", handlePointer, {
 				capture: true,
@@ -6429,7 +6429,7 @@ var Menu = /* @__PURE__ */ __name$7((props) => {
 				once: true
 			});
 		}, "handleKeyDown");
-		const handlePointer = /* @__PURE__ */ __name$7(() => isUsingKeyboardRef.current = false, "handlePointer");
+		const handlePointer = /* @__PURE__ */ __name$9(() => isUsingKeyboardRef.current = false, "handlePointer");
 		document.addEventListener("keydown", handleKeyDown, { capture: true });
 		return () => {
 			document.removeEventListener("keydown", handleKeyDown, { capture: true });
@@ -6439,7 +6439,7 @@ var Menu = /* @__PURE__ */ __name$7((props) => {
 	}, []);
 	React$1.useEffect(() => {
 		if (!open) return;
-		const handleBlur = /* @__PURE__ */ __name$7(() => handleOpenChange(false), "handleBlur");
+		const handleBlur = /* @__PURE__ */ __name$9(() => handleOpenChange(false), "handleBlur");
 		window.addEventListener("blur", handleBlur);
 		return () => window.removeEventListener("blur", handleBlur);
 	}, [open, handleOpenChange]);
@@ -6462,7 +6462,7 @@ var Menu = /* @__PURE__ */ __name$7((props) => {
 		})
 	});
 }, "Menu");
-var MenuAnchor = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$7(function MenuAnchor2(props, forwardedRef) {
+var MenuAnchor = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$9(function MenuAnchor2(props, forwardedRef) {
 	const { __scopeMenu, ...anchorProps } = props;
 	const popperScope = usePopperScope$1(__scopeMenu);
 	return /* @__PURE__ */ jsx(Anchor, {
@@ -6473,7 +6473,7 @@ var MenuAnchor = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$7(fun
 }, "MenuAnchor"));
 var PORTAL_NAME$2 = "MenuPortal";
 var [PortalProvider$2, usePortalContext$2] = createMenuContext(PORTAL_NAME$2, { forceMount: void 0 });
-var MenuPortal = /* @__PURE__ */ __name$7((props) => {
+var MenuPortal = /* @__PURE__ */ __name$9((props) => {
 	const { __scopeMenu, forceMount, children, container } = props;
 	const context = useMenuContext(PORTAL_NAME$2, __scopeMenu);
 	return /* @__PURE__ */ jsx(PortalProvider$2, {
@@ -6491,7 +6491,7 @@ var MenuPortal = /* @__PURE__ */ __name$7((props) => {
 }, "MenuPortal");
 var CONTENT_NAME$4 = "MenuContent";
 var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$4);
-var MenuContent = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$7(function MenuContent2(props, forwardedRef) {
+var MenuContent = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$9(function MenuContent2(props, forwardedRef) {
 	const portalContext = usePortalContext$2(CONTENT_NAME$4, props.__scopeMenu);
 	const { forceMount = portalContext.forceMount, ...contentProps } = props;
 	const context = useMenuContext(CONTENT_NAME$4, props.__scopeMenu);
@@ -6513,7 +6513,7 @@ var MenuContent = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$7(fu
 		})
 	});
 }, "MenuContent"));
-var MenuRootContentModal = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$7(function MenuRootContentModal2(props, forwardedRef) {
+var MenuRootContentModal = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$9(function MenuRootContentModal2(props, forwardedRef) {
 	const context = useMenuContext(CONTENT_NAME$4, props.__scopeMenu);
 	const ref = React$1.useRef(null);
 	const composedRefs = useComposedRefs$1(forwardedRef, ref);
@@ -6531,7 +6531,7 @@ var MenuRootContentModal = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __
 		onDismiss: () => context.onOpenChange(false)
 	});
 }, "MenuRootContentModal"));
-var MenuRootContentNonModal = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$7(function MenuRootContentNonModal2(props, forwardedRef) {
+var MenuRootContentNonModal = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$9(function MenuRootContentNonModal2(props, forwardedRef) {
 	const context = useMenuContext(CONTENT_NAME$4, props.__scopeMenu);
 	return /* @__PURE__ */ jsx(MenuContentImpl, {
 		...props,
@@ -6543,7 +6543,7 @@ var MenuRootContentNonModal = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */
 	});
 }, "MenuRootContentNonModal"));
 var Slot$1 = createSlot("MenuContent.ScrollLock");
-var MenuContentImpl = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$7(function MenuContentImpl2(props, forwardedRef) {
+var MenuContentImpl = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$9(function MenuContentImpl2(props, forwardedRef) {
 	const { __scopeMenu, loop = false, trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEntryFocus, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onDismiss, disableOutsideScroll, ...contentProps } = props;
 	const context = useMenuContext(CONTENT_NAME$4, __scopeMenu);
 	const rootContext = useMenuRootContext(CONTENT_NAME$4, __scopeMenu);
@@ -6564,14 +6564,14 @@ var MenuContentImpl = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$
 		as: Slot$1,
 		allowPinchZoom: true
 	} : void 0;
-	const handleTypeaheadSearch = /* @__PURE__ */ __name$7((key) => {
+	const handleTypeaheadSearch = /* @__PURE__ */ __name$9((key) => {
 		const search = searchRef.current + key;
 		const items = getItems().filter((item) => !item.disabled);
 		const currentItem = document.activeElement;
 		const currentMatch = items.find((item) => item.ref.current === currentItem)?.textValue;
 		const nextMatch = getNextMatch(items.map((item) => item.textValue), search, currentMatch);
 		const newItem = items.find((item) => item.textValue === nextMatch)?.ref.current;
-		(/* @__PURE__ */ __name$7((function updateSearch(value) {
+		(/* @__PURE__ */ __name$9((function updateSearch(value) {
 			searchRef.current = value;
 			window.clearTimeout(timerRef.current);
 			if (value !== "") timerRef.current = window.setTimeout(() => updateSearch(""), 1e3);
@@ -6621,7 +6621,7 @@ var MenuContentImpl = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$
 					onFocusOutside,
 					onInteractOutside,
 					onDismiss,
-					children: /* @__PURE__ */ jsx(Root$2, {
+					children: /* @__PURE__ */ jsx(Root$3, {
 						asChild: true,
 						...rovingFocusGroupScope,
 						dir: rootContext.dir,
@@ -6686,14 +6686,14 @@ var MenuContentImpl = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$
 }, "MenuContentImpl"));
 var ITEM_NAME = "MenuItem";
 var ITEM_SELECT = "menu.itemSelect";
-var MenuItem = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$7(function MenuItem2(props, forwardedRef) {
+var MenuItem = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$9(function MenuItem2(props, forwardedRef) {
 	const { disabled = false, onSelect, ...itemProps } = props;
 	const ref = React$1.useRef(null);
 	const rootContext = useMenuRootContext(ITEM_NAME, props.__scopeMenu);
 	const contentContext = useMenuContentContext(ITEM_NAME, props.__scopeMenu);
 	const composedRefs = useComposedRefs$1(forwardedRef, ref);
 	const isPointerDownRef = React$1.useRef(false);
-	const handleSelect = /* @__PURE__ */ __name$7(() => {
+	const handleSelect = /* @__PURE__ */ __name$9(() => {
 		const menuItem = ref.current;
 		if (!disabled && menuItem) {
 			const itemSelectEvent = new CustomEvent(ITEM_SELECT, {
@@ -6728,7 +6728,7 @@ var MenuItem = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$7(funct
 		})
 	});
 }, "MenuItem"));
-var MenuItemImpl = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$7(function MenuItemImpl2(props, forwardedRef) {
+var MenuItemImpl = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$9(function MenuItemImpl2(props, forwardedRef) {
 	const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
 	const contentContext = useMenuContentContext(ITEM_NAME, __scopeMenu);
 	const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
@@ -6769,7 +6769,7 @@ var MenuItemImpl = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$7(f
 		})
 	});
 }, "MenuItemImpl"));
-var MenuCheckboxItem = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$7(function MenuCheckboxItem2(props, forwardedRef) {
+var MenuCheckboxItem = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$9(function MenuCheckboxItem2(props, forwardedRef) {
 	const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
 	return /* @__PURE__ */ jsx(ItemIndicatorProvider, {
 		scope: props.__scopeMenu,
@@ -6786,11 +6786,11 @@ var MenuCheckboxItem = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name
 }, "MenuCheckboxItem"));
 var [RadioGroupProvider, useRadioGroupContext] = createMenuContext("MenuRadioGroup", {
 	value: void 0,
-	onValueChange: /* @__PURE__ */ __name$7(() => {}, "onValueChange")
+	onValueChange: /* @__PURE__ */ __name$9(() => {}, "onValueChange")
 });
 var ITEM_INDICATOR_NAME = "MenuItemIndicator";
 var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(ITEM_INDICATOR_NAME, { checked: false });
-var MenuItemIndicator = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$7(function MenuItemIndicator2(props, forwardedRef) {
+var MenuItemIndicator = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$9(function MenuItemIndicator2(props, forwardedRef) {
 	const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
 	const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
 	return /* @__PURE__ */ jsx(Presence, {
@@ -6807,15 +6807,15 @@ var [MenuSubProvider, useMenuSubContext] = createMenuContext(SUB_NAME);
 function getOpenState(open) {
 	return open ? "open" : "closed";
 }
-__name$7(getOpenState, "getOpenState");
+__name$9(getOpenState, "getOpenState");
 function isIndeterminate(checked) {
 	return checked === "indeterminate";
 }
-__name$7(isIndeterminate, "isIndeterminate");
+__name$9(isIndeterminate, "isIndeterminate");
 function getCheckedState(checked) {
 	return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
 }
-__name$7(getCheckedState, "getCheckedState");
+__name$9(getCheckedState, "getCheckedState");
 function focusFirst$1(candidates) {
 	const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
 	for (const candidate of candidates) {
@@ -6824,11 +6824,11 @@ function focusFirst$1(candidates) {
 		if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
 	}
 }
-__name$7(focusFirst$1, "focusFirst");
+__name$9(focusFirst$1, "focusFirst");
 function wrapArray(array, startIndex) {
 	return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
-__name$7(wrapArray, "wrapArray");
+__name$9(wrapArray, "wrapArray");
 function getNextMatch(values, search, currentMatch) {
 	const normalizedSearch = search.length > 1 && Array.from(search).every((char) => char === search[0]) ? search[0] : search;
 	const currentMatchIndex = currentMatch ? values.indexOf(currentMatch) : -1;
@@ -6837,7 +6837,7 @@ function getNextMatch(values, search, currentMatch) {
 	const nextMatch = wrappedValues.find((value) => value.toLowerCase().startsWith(normalizedSearch.toLowerCase()));
 	return nextMatch !== currentMatch ? nextMatch : void 0;
 }
-__name$7(getNextMatch, "getNextMatch");
+__name$9(getNextMatch, "getNextMatch");
 function isPointInPolygon$1(point, polygon) {
 	const { x, y } = point;
 	let inside = false;
@@ -6852,7 +6852,7 @@ function isPointInPolygon$1(point, polygon) {
 	}
 	return inside;
 }
-__name$7(isPointInPolygon$1, "isPointInPolygon");
+__name$9(isPointInPolygon$1, "isPointInPolygon");
 function isPointerInGraceArea(event, area) {
 	if (!area) return false;
 	return isPointInPolygon$1({
@@ -6860,11 +6860,11 @@ function isPointerInGraceArea(event, area) {
 		y: event.clientY
 	}, area);
 }
-__name$7(isPointerInGraceArea, "isPointerInGraceArea");
+__name$9(isPointerInGraceArea, "isPointerInGraceArea");
 function whenMouse(handler) {
 	return (event) => event.pointerType === "mouse" ? handler(event) : void 0;
 }
-__name$7(whenMouse, "whenMouse");
+__name$9(whenMouse, "whenMouse");
 var Root3$1 = Menu;
 var Anchor2 = MenuAnchor;
 var Portal$1 = MenuPortal;
@@ -6875,8 +6875,8 @@ var ItemIndicator = MenuItemIndicator;
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-dropdown-menu@2.1.24_@types+react-dom@19.2.3_@types+react@19.2.17__@typ_cea3081213c77aa7bdcc6d13e3bb1673/node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
-var __defProp$6 = Object.defineProperty;
-var __name$6 = (target, value) => __defProp$6(target, "name", {
+var __defProp$8 = Object.defineProperty;
+var __name$8 = (target, value) => __defProp$8(target, "name", {
 	value,
 	configurable: true
 });
@@ -6884,7 +6884,7 @@ var DROPDOWN_MENU_NAME = "DropdownMenu";
 var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(DROPDOWN_MENU_NAME, [createMenuScope]);
 var useMenuScope = createMenuScope();
 var [DropdownMenuProvider, useDropdownMenuContext] = createDropdownMenuContext(DROPDOWN_MENU_NAME);
-var DropdownMenu$1 = /* @__PURE__ */ __name$6((props) => {
+var DropdownMenu$1 = /* @__PURE__ */ __name$8((props) => {
 	const { __scopeDropdownMenu, children, dir, open: openProp, defaultOpen, onOpenChange, modal = true } = props;
 	const menuScope = useMenuScope(__scopeDropdownMenu);
 	const triggerRef = React$1.useRef(null);
@@ -6914,7 +6914,7 @@ var DropdownMenu$1 = /* @__PURE__ */ __name$6((props) => {
 	});
 }, "DropdownMenu");
 var TRIGGER_NAME$3 = "DropdownMenuTrigger";
-var DropdownMenuTrigger$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function DropdownMenuTrigger2(props, forwardedRef) {
+var DropdownMenuTrigger$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$8(function DropdownMenuTrigger2(props, forwardedRef) {
 	const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
 	const context = useDropdownMenuContext(TRIGGER_NAME$3, __scopeDropdownMenu);
 	const menuScope = useMenuScope(__scopeDropdownMenu);
@@ -6952,7 +6952,7 @@ var DropdownMenuTrigger$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ _
 		})
 	});
 }, "DropdownMenuTrigger"));
-var DropdownMenuPortal = /* @__PURE__ */ __name$6((props) => {
+var DropdownMenuPortal = /* @__PURE__ */ __name$8((props) => {
 	const { __scopeDropdownMenu, ...portalProps } = props;
 	const menuScope = useMenuScope(__scopeDropdownMenu);
 	return /* @__PURE__ */ jsx(Portal$1, {
@@ -6961,7 +6961,7 @@ var DropdownMenuPortal = /* @__PURE__ */ __name$6((props) => {
 	});
 }, "DropdownMenuPortal");
 var CONTENT_NAME$3 = "DropdownMenuContent";
-var DropdownMenuContent$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function DropdownMenuContent2(props, forwardedRef) {
+var DropdownMenuContent$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$8(function DropdownMenuContent2(props, forwardedRef) {
 	const { __scopeDropdownMenu, ...contentProps } = props;
 	const context = useDropdownMenuContext(CONTENT_NAME$3, __scopeDropdownMenu);
 	const menuScope = useMenuScope(__scopeDropdownMenu);
@@ -6993,7 +6993,7 @@ var DropdownMenuContent$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ _
 		}
 	});
 }, "DropdownMenuContent"));
-var DropdownMenuItem$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function DropdownMenuItem2(props, forwardedRef) {
+var DropdownMenuItem$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$8(function DropdownMenuItem2(props, forwardedRef) {
 	const { __scopeDropdownMenu, ...itemProps } = props;
 	const menuScope = useMenuScope(__scopeDropdownMenu);
 	return /* @__PURE__ */ jsx(Item2$1, {
@@ -7002,7 +7002,7 @@ var DropdownMenuItem$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __na
 		ref: forwardedRef
 	});
 }, "DropdownMenuItem"));
-var DropdownMenuCheckboxItem$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function DropdownMenuCheckboxItem2(props, forwardedRef) {
+var DropdownMenuCheckboxItem$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$8(function DropdownMenuCheckboxItem2(props, forwardedRef) {
 	const { __scopeDropdownMenu, ...checkboxItemProps } = props;
 	const menuScope = useMenuScope(__scopeDropdownMenu);
 	return /* @__PURE__ */ jsx(CheckboxItem, {
@@ -7011,7 +7011,7 @@ var DropdownMenuCheckboxItem$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__
 		ref: forwardedRef
 	});
 }, "DropdownMenuCheckboxItem"));
-var DropdownMenuItemIndicator = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function DropdownMenuItemIndicator2(props, forwardedRef) {
+var DropdownMenuItemIndicator = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$8(function DropdownMenuItemIndicator2(props, forwardedRef) {
 	const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
 	const menuScope = useMenuScope(__scopeDropdownMenu);
 	return /* @__PURE__ */ jsx(ItemIndicator, {
@@ -7138,6 +7138,744 @@ function DropdownMenuCheckboxItem({ children, className = "", ...props }) {
 	});
 }
 
+//#endregion
+//#region ../../node_modules/.pnpm/@radix-ui+number@1.1.3/node_modules/@radix-ui/number/dist/index.mjs
+var __defProp$7 = Object.defineProperty;
+var __name$7 = (target, value) => __defProp$7(target, "name", {
+	value,
+	configurable: true
+});
+function clamp$1(value, [min, max]) {
+	return Math.min(max, Math.max(min, value));
+}
+__name$7(clamp$1, "clamp");
+
+//#endregion
+//#region ../../node_modules/.pnpm/@radix-ui+react-scroll-area@1.2.18_@types+react-dom@19.2.3_@types+react@19.2.17__@types_47fa784ca1dbd5b454eeb26b59d20014/node_modules/@radix-ui/react-scroll-area/dist/index.mjs
+var __defProp$6 = Object.defineProperty;
+var __name$6 = (target, value) => __defProp$6(target, "name", {
+	value,
+	configurable: true
+});
+function useStateMachine(initialState, machine) {
+	return React$1.useReducer((state, event) => {
+		return machine[state][event] ?? state;
+	}, initialState);
+}
+__name$6(useStateMachine, "useStateMachine");
+var SCROLL_AREA_NAME = "ScrollArea";
+var [createScrollAreaContext, createScrollAreaScope] = createContextScope(SCROLL_AREA_NAME);
+var [ScrollAreaProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);
+var ScrollArea$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function ScrollArea2(props, forwardedRef) {
+	const { __scopeScrollArea, type = "hover", dir, scrollHideDelay = 600, ...scrollAreaProps } = props;
+	const [scrollArea, setScrollArea] = React$1.useState(null);
+	const [viewport, setViewport] = React$1.useState(null);
+	const [content, setContent] = React$1.useState(null);
+	const [scrollbarX, setScrollbarX] = React$1.useState(null);
+	const [scrollbarY, setScrollbarY] = React$1.useState(null);
+	const [cornerWidth, setCornerWidth] = React$1.useState(0);
+	const [cornerHeight, setCornerHeight] = React$1.useState(0);
+	const [scrollbarXEnabled, setScrollbarXEnabled] = React$1.useState(false);
+	const [scrollbarYEnabled, setScrollbarYEnabled] = React$1.useState(false);
+	const composedRefs = useComposedRefs$1(forwardedRef, setScrollArea);
+	const direction = useDirection(dir);
+	return /* @__PURE__ */ jsx(ScrollAreaProvider, {
+		scope: __scopeScrollArea,
+		type,
+		dir: direction,
+		scrollHideDelay,
+		scrollArea,
+		viewport,
+		onViewportChange: setViewport,
+		content,
+		onContentChange: setContent,
+		scrollbarX,
+		onScrollbarXChange: setScrollbarX,
+		scrollbarXEnabled,
+		onScrollbarXEnabledChange: setScrollbarXEnabled,
+		scrollbarY,
+		onScrollbarYChange: setScrollbarY,
+		scrollbarYEnabled,
+		onScrollbarYEnabledChange: setScrollbarYEnabled,
+		onCornerWidthChange: setCornerWidth,
+		onCornerHeightChange: setCornerHeight,
+		children: /* @__PURE__ */ jsx(Primitive.div, {
+			dir: direction,
+			...scrollAreaProps,
+			ref: composedRefs,
+			style: {
+				position: "relative",
+				"--radix-scroll-area-corner-width": cornerWidth + "px",
+				"--radix-scroll-area-corner-height": cornerHeight + "px",
+				...props.style
+			}
+		})
+	});
+}, "ScrollArea"));
+var VIEWPORT_NAME$1 = "ScrollAreaViewport";
+var ScrollAreaViewport = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function ScrollAreaViewport2(props, forwardedRef) {
+	const { __scopeScrollArea, children, nonce, ...viewportProps } = props;
+	const context = useScrollAreaContext(VIEWPORT_NAME$1, __scopeScrollArea);
+	const composedRefs = useComposedRefs$1(forwardedRef, React$1.useRef(null), context.onViewportChange);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ScrollAreaViewportStyle, { nonce }), /* @__PURE__ */ jsx(Primitive.div, {
+		"data-radix-scroll-area-viewport": "",
+		...viewportProps,
+		ref: composedRefs,
+		style: {
+			/**
+			* We don't support `visible` because the intention is to have at least one scrollbar
+			* if this component is used and `visible` will behave like `auto` in that case
+			* https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#description
+			*
+			* We don't handle `auto` because the intention is for the native implementation
+			* to be hidden if using this component. We just want to ensure the node is scrollable
+			* so could have used either `scroll` or `auto` here. We picked `scroll` to prevent
+			* the browser from having to work out whether to render native scrollbars or not,
+			* we tell it to with the intention of hiding them in CSS.
+			*/
+			overflowX: context.scrollbarXEnabled ? "scroll" : "hidden",
+			overflowY: context.scrollbarYEnabled ? "scroll" : "hidden",
+			...props.style
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			ref: context.onContentChange,
+			style: {
+				minWidth: "100%",
+				display: "table"
+			},
+			children
+		})
+	})] });
+}, "ScrollAreaViewport"));
+var ScrollAreaViewportStyle = /* @__PURE__ */ React$1.memo(/* @__PURE__ */ __name$6(function ScrollAreaViewportStyle2({ nonce }) {
+	return /* @__PURE__ */ jsx("style", {
+		dangerouslySetInnerHTML: { __html: `[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}` },
+		nonce
+	});
+}, "ScrollAreaViewportStyle"), (prevProps, nextProps) => prevProps.nonce === nextProps.nonce);
+var SCROLLBAR_NAME = "ScrollAreaScrollbar";
+var ScrollAreaScrollbar = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function ScrollAreaScrollbar2(props, forwardedRef) {
+	const { forceMount, ...scrollbarProps } = props;
+	const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
+	const { onScrollbarXEnabledChange, onScrollbarYEnabledChange } = context;
+	const isHorizontal = props.orientation === "horizontal";
+	React$1.useEffect(() => {
+		isHorizontal ? onScrollbarXEnabledChange(true) : onScrollbarYEnabledChange(true);
+		return () => {
+			isHorizontal ? onScrollbarXEnabledChange(false) : onScrollbarYEnabledChange(false);
+		};
+	}, [
+		isHorizontal,
+		onScrollbarXEnabledChange,
+		onScrollbarYEnabledChange
+	]);
+	return context.type === "hover" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarHover, {
+		...scrollbarProps,
+		ref: forwardedRef,
+		forceMount
+	}) : context.type === "scroll" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarScroll, {
+		...scrollbarProps,
+		ref: forwardedRef,
+		forceMount
+	}) : context.type === "auto" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarAuto, {
+		...scrollbarProps,
+		ref: forwardedRef,
+		forceMount
+	}) : context.type === "always" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarVisible, {
+		...scrollbarProps,
+		ref: forwardedRef,
+		"data-state": "visible"
+	}) : null;
+}, "ScrollAreaScrollbar"));
+var ScrollAreaScrollbarHover = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function ScrollAreaScrollbarHover2(props, forwardedRef) {
+	const { forceMount, ...scrollbarProps } = props;
+	const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
+	const [visible, setVisible] = React$1.useState(false);
+	React$1.useEffect(() => {
+		const scrollArea = context.scrollArea;
+		let hideTimer = 0;
+		if (scrollArea) {
+			const handlePointerEnter = /* @__PURE__ */ __name$6(() => {
+				window.clearTimeout(hideTimer);
+				setVisible(true);
+			}, "handlePointerEnter");
+			const handlePointerLeave = /* @__PURE__ */ __name$6(() => {
+				hideTimer = window.setTimeout(() => setVisible(false), context.scrollHideDelay);
+			}, "handlePointerLeave");
+			scrollArea.addEventListener("pointerenter", handlePointerEnter);
+			scrollArea.addEventListener("pointerleave", handlePointerLeave);
+			return () => {
+				window.clearTimeout(hideTimer);
+				scrollArea.removeEventListener("pointerenter", handlePointerEnter);
+				scrollArea.removeEventListener("pointerleave", handlePointerLeave);
+			};
+		}
+	}, [context.scrollArea, context.scrollHideDelay]);
+	return /* @__PURE__ */ jsx(Presence, {
+		present: forceMount || visible,
+		children: /* @__PURE__ */ jsx(ScrollAreaScrollbarAuto, {
+			"data-state": visible ? "visible" : "hidden",
+			...scrollbarProps,
+			ref: forwardedRef
+		})
+	});
+}, "ScrollAreaScrollbarHover"));
+var ScrollAreaScrollbarScroll = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function ScrollAreaScrollbarScroll2(props, forwardedRef) {
+	const { forceMount, ...scrollbarProps } = props;
+	const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
+	const isHorizontal = props.orientation === "horizontal";
+	const debounceScrollEnd = useDebounceCallback(() => send("SCROLL_END"), 100);
+	const [state, send] = useStateMachine("hidden", {
+		hidden: { SCROLL: "scrolling" },
+		scrolling: {
+			SCROLL_END: "idle",
+			POINTER_ENTER: "interacting"
+		},
+		interacting: {
+			SCROLL: "interacting",
+			POINTER_LEAVE: "idle"
+		},
+		idle: {
+			HIDE: "hidden",
+			SCROLL: "scrolling",
+			POINTER_ENTER: "interacting"
+		}
+	});
+	React$1.useEffect(() => {
+		if (state === "idle") {
+			const hideTimer = window.setTimeout(() => send("HIDE"), context.scrollHideDelay);
+			return () => window.clearTimeout(hideTimer);
+		}
+	}, [
+		state,
+		context.scrollHideDelay,
+		send
+	]);
+	React$1.useEffect(() => {
+		const viewport = context.viewport;
+		const scrollDirection = isHorizontal ? "scrollLeft" : "scrollTop";
+		if (viewport) {
+			let prevScrollPos = viewport[scrollDirection];
+			const handleScroll = /* @__PURE__ */ __name$6(() => {
+				const scrollPos = viewport[scrollDirection];
+				if (prevScrollPos !== scrollPos) {
+					send("SCROLL");
+					debounceScrollEnd();
+				}
+				prevScrollPos = scrollPos;
+			}, "handleScroll");
+			viewport.addEventListener("scroll", handleScroll);
+			return () => viewport.removeEventListener("scroll", handleScroll);
+		}
+	}, [
+		context.viewport,
+		isHorizontal,
+		send,
+		debounceScrollEnd
+	]);
+	return /* @__PURE__ */ jsx(Presence, {
+		present: forceMount || state !== "hidden",
+		children: /* @__PURE__ */ jsx(ScrollAreaScrollbarVisible, {
+			"data-state": state === "hidden" ? "hidden" : "visible",
+			...scrollbarProps,
+			ref: forwardedRef,
+			onPointerEnter: composeEventHandlers(props.onPointerEnter, () => send("POINTER_ENTER")),
+			onPointerLeave: composeEventHandlers(props.onPointerLeave, () => send("POINTER_LEAVE"))
+		})
+	});
+}, "ScrollAreaScrollbarScroll"));
+var ScrollAreaScrollbarAuto = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function ScrollAreaScrollbarAuto2(props, forwardedRef) {
+	const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
+	const { forceMount, ...scrollbarProps } = props;
+	const [visible, setVisible] = React$1.useState(false);
+	const isHorizontal = props.orientation === "horizontal";
+	const handleResize = useDebounceCallback(() => {
+		if (context.viewport) {
+			const isOverflowX = context.viewport.offsetWidth < context.viewport.scrollWidth;
+			const isOverflowY = context.viewport.offsetHeight < context.viewport.scrollHeight;
+			setVisible(isHorizontal ? isOverflowX : isOverflowY);
+		}
+	}, 10);
+	useResizeObserver(context.viewport, handleResize);
+	useResizeObserver(context.content, handleResize);
+	return /* @__PURE__ */ jsx(Presence, {
+		present: forceMount || visible,
+		children: /* @__PURE__ */ jsx(ScrollAreaScrollbarVisible, {
+			"data-state": visible ? "visible" : "hidden",
+			...scrollbarProps,
+			ref: forwardedRef
+		})
+	});
+}, "ScrollAreaScrollbarAuto"));
+var ScrollAreaScrollbarVisible = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function ScrollAreaScrollbarVisible2(props, forwardedRef) {
+	const { orientation = "vertical", ...scrollbarProps } = props;
+	const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
+	const thumbRef = React$1.useRef(null);
+	const pointerOffsetRef = React$1.useRef(0);
+	const [sizes, setSizes] = React$1.useState({
+		content: 0,
+		viewport: 0,
+		scrollbar: {
+			size: 0,
+			paddingStart: 0,
+			paddingEnd: 0
+		}
+	});
+	const thumbRatio = getThumbRatio(sizes.viewport, sizes.content);
+	const commonProps = {
+		...scrollbarProps,
+		sizes,
+		onSizesChange: setSizes,
+		hasThumb: Boolean(thumbRatio > 0 && thumbRatio < 1),
+		onThumbChange: /* @__PURE__ */ __name$6((thumb) => thumbRef.current = thumb, "onThumbChange"),
+		onThumbPointerUp: /* @__PURE__ */ __name$6(() => pointerOffsetRef.current = 0, "onThumbPointerUp"),
+		onThumbPointerDown: /* @__PURE__ */ __name$6((pointerPos) => pointerOffsetRef.current = pointerPos, "onThumbPointerDown")
+	};
+	function getScrollPosition(pointerPos, dir) {
+		return getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes, dir);
+	}
+	__name$6(getScrollPosition, "getScrollPosition");
+	if (orientation === "horizontal") return /* @__PURE__ */ jsx(ScrollAreaScrollbarX, {
+		...commonProps,
+		ref: forwardedRef,
+		onThumbPositionChange: () => {
+			if (context.viewport && thumbRef.current) {
+				const scrollPos = context.viewport.scrollLeft;
+				const offset = getThumbOffsetFromScroll(scrollPos, sizes, context.dir);
+				thumbRef.current.style.transform = `translate3d(${offset}px, 0, 0)`;
+			}
+		},
+		onWheelScroll: (scrollPos) => {
+			if (context.viewport) context.viewport.scrollLeft = scrollPos;
+		},
+		onDragScroll: (pointerPos) => {
+			if (context.viewport) context.viewport.scrollLeft = getScrollPosition(pointerPos, context.dir);
+		}
+	});
+	if (orientation === "vertical") return /* @__PURE__ */ jsx(ScrollAreaScrollbarY, {
+		...commonProps,
+		ref: forwardedRef,
+		onThumbPositionChange: () => {
+			if (context.viewport && thumbRef.current) {
+				const scrollPos = context.viewport.scrollTop;
+				const offset = getThumbOffsetFromScroll(scrollPos, sizes);
+				thumbRef.current.style.transform = `translate3d(0, ${offset}px, 0)`;
+			}
+		},
+		onWheelScroll: (scrollPos) => {
+			if (context.viewport) context.viewport.scrollTop = scrollPos;
+		},
+		onDragScroll: (pointerPos) => {
+			if (context.viewport) context.viewport.scrollTop = getScrollPosition(pointerPos);
+		}
+	});
+	return null;
+}, "ScrollAreaScrollbarVisible"));
+var ScrollAreaScrollbarX = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function ScrollAreaScrollbarX2(props, forwardedRef) {
+	const { sizes, onSizesChange, ...scrollbarProps } = props;
+	const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
+	const [computedStyle, setComputedStyle] = React$1.useState();
+	const ref = React$1.useRef(null);
+	const composeRefs = useComposedRefs$1(forwardedRef, ref, context.onScrollbarXChange);
+	React$1.useEffect(() => {
+		if (ref.current) setComputedStyle(getComputedStyle(ref.current));
+	}, [ref]);
+	return /* @__PURE__ */ jsx(ScrollAreaScrollbarImpl, {
+		"data-orientation": "horizontal",
+		...scrollbarProps,
+		ref: composeRefs,
+		sizes,
+		style: {
+			bottom: 0,
+			left: context.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
+			right: context.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
+			"--radix-scroll-area-thumb-width": getThumbSize(sizes) + "px",
+			...props.style
+		},
+		onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.x),
+		onDragScroll: (pointerPos) => props.onDragScroll(pointerPos.x),
+		onWheelScroll: (event, maxScrollPos) => {
+			if (context.viewport) {
+				const scrollPos = context.viewport.scrollLeft + event.deltaX;
+				props.onWheelScroll(scrollPos);
+				if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) event.preventDefault();
+			}
+		},
+		onResize: () => {
+			if (ref.current && context.viewport && computedStyle) onSizesChange({
+				content: context.viewport.scrollWidth,
+				viewport: context.viewport.offsetWidth,
+				scrollbar: {
+					size: ref.current.clientWidth,
+					paddingStart: toInt(computedStyle.paddingLeft),
+					paddingEnd: toInt(computedStyle.paddingRight)
+				}
+			});
+		}
+	});
+}, "ScrollAreaScrollbarX"));
+var ScrollAreaScrollbarY = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function ScrollAreaScrollbarY2(props, forwardedRef) {
+	const { sizes, onSizesChange, ...scrollbarProps } = props;
+	const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
+	const [computedStyle, setComputedStyle] = React$1.useState();
+	const ref = React$1.useRef(null);
+	const composeRefs = useComposedRefs$1(forwardedRef, ref, context.onScrollbarYChange);
+	React$1.useEffect(() => {
+		if (ref.current) setComputedStyle(getComputedStyle(ref.current));
+	}, [ref]);
+	return /* @__PURE__ */ jsx(ScrollAreaScrollbarImpl, {
+		"data-orientation": "vertical",
+		...scrollbarProps,
+		ref: composeRefs,
+		sizes,
+		style: {
+			top: 0,
+			right: context.dir === "ltr" ? 0 : void 0,
+			left: context.dir === "rtl" ? 0 : void 0,
+			bottom: "var(--radix-scroll-area-corner-height)",
+			"--radix-scroll-area-thumb-height": getThumbSize(sizes) + "px",
+			...props.style
+		},
+		onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.y),
+		onDragScroll: (pointerPos) => props.onDragScroll(pointerPos.y),
+		onWheelScroll: (event, maxScrollPos) => {
+			if (context.viewport) {
+				const scrollPos = context.viewport.scrollTop + event.deltaY;
+				props.onWheelScroll(scrollPos);
+				if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) event.preventDefault();
+			}
+		},
+		onResize: () => {
+			if (ref.current && context.viewport && computedStyle) onSizesChange({
+				content: context.viewport.scrollHeight,
+				viewport: context.viewport.offsetHeight,
+				scrollbar: {
+					size: ref.current.clientHeight,
+					paddingStart: toInt(computedStyle.paddingTop),
+					paddingEnd: toInt(computedStyle.paddingBottom)
+				}
+			});
+		}
+	});
+}, "ScrollAreaScrollbarY"));
+var [ScrollbarProvider, useScrollbarContext] = createScrollAreaContext(SCROLLBAR_NAME);
+var ScrollAreaScrollbarImpl = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function ScrollAreaScrollbarImpl2(props, forwardedRef) {
+	const { __scopeScrollArea, sizes, hasThumb, onThumbChange, onThumbPointerUp, onThumbPointerDown, onThumbPositionChange, onDragScroll, onWheelScroll, onResize, ...scrollbarProps } = props;
+	const context = useScrollAreaContext(SCROLLBAR_NAME, __scopeScrollArea);
+	const [scrollbar, setScrollbar] = React$1.useState(null);
+	const composeRefs = useComposedRefs$1(forwardedRef, setScrollbar);
+	const rectRef = React$1.useRef(null);
+	const prevWebkitUserSelectRef = React$1.useRef("");
+	const viewport = context.viewport;
+	const maxScrollPos = sizes.content - sizes.viewport;
+	const handleWheelScroll = useCallbackRef$1(onWheelScroll);
+	const handleThumbPositionChange = useCallbackRef$1(onThumbPositionChange);
+	const handleResize = useDebounceCallback(onResize, 10);
+	function handleDragScroll(event) {
+		if (rectRef.current) {
+			const x = event.clientX - rectRef.current.left;
+			const y = event.clientY - rectRef.current.top;
+			onDragScroll({
+				x,
+				y
+			});
+		}
+	}
+	__name$6(handleDragScroll, "handleDragScroll");
+	React$1.useEffect(() => {
+		const handleWheel = /* @__PURE__ */ __name$6((event) => {
+			const element = event.target;
+			if (scrollbar?.contains(element)) handleWheelScroll(event, maxScrollPos);
+		}, "handleWheel");
+		document.addEventListener("wheel", handleWheel, { passive: false });
+		return () => document.removeEventListener("wheel", handleWheel, { passive: false });
+	}, [
+		viewport,
+		scrollbar,
+		maxScrollPos,
+		handleWheelScroll
+	]);
+	React$1.useEffect(handleThumbPositionChange, [sizes, handleThumbPositionChange]);
+	useResizeObserver(scrollbar, handleResize);
+	useResizeObserver(context.content, handleResize);
+	return /* @__PURE__ */ jsx(ScrollbarProvider, {
+		scope: __scopeScrollArea,
+		scrollbar,
+		hasThumb,
+		onThumbChange: useCallbackRef$1(onThumbChange),
+		onThumbPointerUp: useCallbackRef$1(onThumbPointerUp),
+		onThumbPositionChange: handleThumbPositionChange,
+		onThumbPointerDown: useCallbackRef$1(onThumbPointerDown),
+		children: /* @__PURE__ */ jsx(Primitive.div, {
+			...scrollbarProps,
+			ref: composeRefs,
+			style: {
+				position: "absolute",
+				...scrollbarProps.style
+			},
+			onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {
+				if (event.button === 0) {
+					event.target.setPointerCapture(event.pointerId);
+					rectRef.current = scrollbar.getBoundingClientRect();
+					prevWebkitUserSelectRef.current = document.body.style.webkitUserSelect;
+					document.body.style.webkitUserSelect = "none";
+					if (context.viewport) context.viewport.style.scrollBehavior = "auto";
+					handleDragScroll(event);
+				}
+			}),
+			onPointerMove: composeEventHandlers(props.onPointerMove, handleDragScroll),
+			onPointerUp: composeEventHandlers(props.onPointerUp, (event) => {
+				const element = event.target;
+				if (element.hasPointerCapture(event.pointerId)) element.releasePointerCapture(event.pointerId);
+				document.body.style.webkitUserSelect = prevWebkitUserSelectRef.current;
+				if (context.viewport) context.viewport.style.scrollBehavior = "";
+				rectRef.current = null;
+			})
+		})
+	});
+}, "ScrollAreaScrollbarImpl"));
+var THUMB_NAME = "ScrollAreaThumb";
+var ScrollAreaThumb = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function ScrollAreaThumb2(props, forwardedRef) {
+	const { forceMount, ...thumbProps } = props;
+	const scrollbarContext = useScrollbarContext(THUMB_NAME, props.__scopeScrollArea);
+	return /* @__PURE__ */ jsx(Presence, {
+		present: forceMount || scrollbarContext.hasThumb,
+		children: /* @__PURE__ */ jsx(ScrollAreaThumbImpl, {
+			ref: forwardedRef,
+			...thumbProps
+		})
+	});
+}, "ScrollAreaThumb"));
+var ScrollAreaThumbImpl = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function ScrollAreaThumbImpl2(props, forwardedRef) {
+	const { __scopeScrollArea, style, ...thumbProps } = props;
+	const scrollAreaContext = useScrollAreaContext(THUMB_NAME, __scopeScrollArea);
+	const scrollbarContext = useScrollbarContext(THUMB_NAME, __scopeScrollArea);
+	const { onThumbPositionChange } = scrollbarContext;
+	const composedRef = useComposedRefs$1(forwardedRef, scrollbarContext.onThumbChange);
+	const removeUnlinkedScrollListenerRef = React$1.useRef(void 0);
+	const debounceScrollEnd = useDebounceCallback(() => {
+		if (removeUnlinkedScrollListenerRef.current) {
+			removeUnlinkedScrollListenerRef.current();
+			removeUnlinkedScrollListenerRef.current = void 0;
+		}
+	}, 100);
+	React$1.useEffect(() => {
+		const viewport = scrollAreaContext.viewport;
+		if (viewport) {
+			const handleScroll = /* @__PURE__ */ __name$6(() => {
+				debounceScrollEnd();
+				if (!removeUnlinkedScrollListenerRef.current) {
+					const listener = addUnlinkedScrollListener(viewport, onThumbPositionChange);
+					removeUnlinkedScrollListenerRef.current = listener;
+					onThumbPositionChange();
+				}
+			}, "handleScroll");
+			onThumbPositionChange();
+			viewport.addEventListener("scroll", handleScroll);
+			return () => viewport.removeEventListener("scroll", handleScroll);
+		}
+	}, [
+		scrollAreaContext.viewport,
+		debounceScrollEnd,
+		onThumbPositionChange
+	]);
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		"data-state": scrollbarContext.hasThumb ? "visible" : "hidden",
+		...thumbProps,
+		ref: composedRef,
+		style: {
+			width: "var(--radix-scroll-area-thumb-width)",
+			height: "var(--radix-scroll-area-thumb-height)",
+			...style
+		},
+		onPointerDownCapture: composeEventHandlers(props.onPointerDownCapture, (event) => {
+			const thumbRect = event.target.getBoundingClientRect();
+			const x = event.clientX - thumbRect.left;
+			const y = event.clientY - thumbRect.top;
+			scrollbarContext.onThumbPointerDown({
+				x,
+				y
+			});
+		}),
+		onPointerUp: composeEventHandlers(props.onPointerUp, scrollbarContext.onThumbPointerUp)
+	});
+}, "ScrollAreaThumbImpl"));
+var CORNER_NAME = "ScrollAreaCorner";
+var ScrollAreaCorner = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function ScrollAreaCorner2(props, forwardedRef) {
+	const context = useScrollAreaContext(CORNER_NAME, props.__scopeScrollArea);
+	const hasBothScrollbarsVisible = Boolean(context.scrollbarX && context.scrollbarY);
+	return context.type !== "scroll" && hasBothScrollbarsVisible ? /* @__PURE__ */ jsx(ScrollAreaCornerImpl, {
+		...props,
+		ref: forwardedRef
+	}) : null;
+}, "ScrollAreaCorner"));
+var ScrollAreaCornerImpl = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$6(function ScrollAreaCornerImpl2(props, forwardedRef) {
+	const { __scopeScrollArea, ...cornerProps } = props;
+	const context = useScrollAreaContext(CORNER_NAME, __scopeScrollArea);
+	const [width, setWidth] = React$1.useState(0);
+	const [height, setHeight] = React$1.useState(0);
+	const hasSize = Boolean(width && height);
+	const { onCornerWidthChange, onCornerHeightChange } = context;
+	useResizeObserver(context.scrollbarX, () => {
+		const height2 = context.scrollbarX?.offsetHeight || 0;
+		context.onCornerHeightChange(height2);
+		setHeight(height2);
+	});
+	useResizeObserver(context.scrollbarY, () => {
+		const width2 = context.scrollbarY?.offsetWidth || 0;
+		context.onCornerWidthChange(width2);
+		setWidth(width2);
+	});
+	React$1.useEffect(() => {
+		return () => {
+			onCornerWidthChange(0);
+			onCornerHeightChange(0);
+		};
+	}, [onCornerWidthChange, onCornerHeightChange]);
+	return hasSize ? /* @__PURE__ */ jsx(Primitive.div, {
+		...cornerProps,
+		ref: forwardedRef,
+		style: {
+			width,
+			height,
+			position: "absolute",
+			right: context.dir === "ltr" ? 0 : void 0,
+			left: context.dir === "rtl" ? 0 : void 0,
+			bottom: 0,
+			...props.style
+		}
+	}) : null;
+}, "ScrollAreaCornerImpl"));
+function toInt(value) {
+	return value ? parseInt(value, 10) : 0;
+}
+__name$6(toInt, "toInt");
+function getThumbRatio(viewportSize, contentSize) {
+	const ratio = viewportSize / contentSize;
+	return isNaN(ratio) ? 0 : ratio;
+}
+__name$6(getThumbRatio, "getThumbRatio");
+function getThumbSize(sizes) {
+	const ratio = getThumbRatio(sizes.viewport, sizes.content);
+	const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
+	const thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio;
+	return Math.max(thumbSize, 18);
+}
+__name$6(getThumbSize, "getThumbSize");
+function getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = "ltr") {
+	const thumbSizePx = getThumbSize(sizes);
+	const thumbCenter = thumbSizePx / 2;
+	const offset = pointerOffset || thumbCenter;
+	const thumbOffsetFromEnd = thumbSizePx - offset;
+	const minPointerPos = sizes.scrollbar.paddingStart + offset;
+	const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;
+	const maxScrollPos = sizes.content - sizes.viewport;
+	const scrollRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
+	return linearScale([minPointerPos, maxPointerPos], scrollRange)(pointerPos);
+}
+__name$6(getScrollPositionFromPointer, "getScrollPositionFromPointer");
+function getThumbOffsetFromScroll(scrollPos, sizes, dir = "ltr") {
+	const thumbSizePx = getThumbSize(sizes);
+	const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
+	const scrollbar = sizes.scrollbar.size - scrollbarPadding;
+	const maxScrollPos = sizes.content - sizes.viewport;
+	const maxThumbPos = scrollbar - thumbSizePx;
+	const scrollWithoutMomentum = clamp$1(scrollPos, dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0]);
+	return linearScale([0, maxScrollPos], [0, maxThumbPos])(scrollWithoutMomentum);
+}
+__name$6(getThumbOffsetFromScroll, "getThumbOffsetFromScroll");
+function linearScale(input, output) {
+	return (value) => {
+		if (input[0] === input[1] || output[0] === output[1]) return output[0];
+		const ratio = (output[1] - output[0]) / (input[1] - input[0]);
+		return output[0] + ratio * (value - input[0]);
+	};
+}
+__name$6(linearScale, "linearScale");
+function isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos) {
+	return scrollPos > 0 && scrollPos < maxScrollPos;
+}
+__name$6(isScrollingWithinScrollbarBounds, "isScrollingWithinScrollbarBounds");
+var addUnlinkedScrollListener = /* @__PURE__ */ __name$6((node, handler = () => {}) => {
+	let prevPosition = {
+		left: node.scrollLeft,
+		top: node.scrollTop
+	};
+	let rAF = 0;
+	(/* @__PURE__ */ __name$6((function loop() {
+		const position = {
+			left: node.scrollLeft,
+			top: node.scrollTop
+		};
+		const isHorizontalScroll = prevPosition.left !== position.left;
+		const isVerticalScroll = prevPosition.top !== position.top;
+		if (isHorizontalScroll || isVerticalScroll) handler();
+		prevPosition = position;
+		rAF = window.requestAnimationFrame(loop);
+	}), "loop"))();
+	return () => window.cancelAnimationFrame(rAF);
+}, "addUnlinkedScrollListener");
+function useDebounceCallback(callback, delay) {
+	const handleCallback = useCallbackRef$1(callback);
+	const debounceTimerRef = React$1.useRef(0);
+	React$1.useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);
+	return React$1.useCallback(() => {
+		window.clearTimeout(debounceTimerRef.current);
+		debounceTimerRef.current = window.setTimeout(handleCallback, delay);
+	}, [handleCallback, delay]);
+}
+__name$6(useDebounceCallback, "useDebounceCallback");
+function useResizeObserver(element, onResize) {
+	const handleResize = useCallbackRef$1(onResize);
+	useLayoutEffect2(() => {
+		let rAF = 0;
+		if (element) {
+			const resizeObserver = new ResizeObserver(() => {
+				cancelAnimationFrame(rAF);
+				rAF = window.requestAnimationFrame(handleResize);
+			});
+			resizeObserver.observe(element);
+			return () => {
+				window.cancelAnimationFrame(rAF);
+				resizeObserver.unobserve(element);
+			};
+		}
+	}, [element, handleResize]);
+}
+__name$6(useResizeObserver, "useResizeObserver");
+var Root$2 = ScrollArea$1;
+var Viewport$1 = ScrollAreaViewport;
+var Scrollbar = ScrollAreaScrollbar;
+var Thumb = ScrollAreaThumb;
+var Corner = ScrollAreaCorner;
+
+//#endregion
+//#region ../ui-kit/src/components/ScrollArea.tsx
+/** Source-owned scroll container with accessible Radix viewport semantics. */
+function ScrollArea({ children, className = "", ...props }) {
+	return /* @__PURE__ */ jsxs(Root$2, {
+		className: `relative overflow-hidden ${className}`,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(Viewport$1, {
+				className: "h-full w-full rounded-[inherit]",
+				children
+			}),
+			/* @__PURE__ */ jsx(Scrollbar, {
+				orientation: "vertical",
+				className: "flex w-2.5 touch-none select-none p-0.5 transition-colors",
+				children: /* @__PURE__ */ jsx(Thumb, { className: "relative flex-1 rounded-full bg-border" })
+			}),
+			/* @__PURE__ */ jsx(Scrollbar, {
+				orientation: "horizontal",
+				className: "flex h-2.5 touch-none select-none p-0.5 transition-colors",
+				children: /* @__PURE__ */ jsx(Thumb, { className: "relative flex-1 rounded-full bg-border" })
+			}),
+			/* @__PURE__ */ jsx(Corner, { className: "bg-surface" })
+		]
+	});
+}
+
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-dialog@1.1.23_@types+react-dom@19.2.3_@types+react@19.2.17__@types+reac_ebeaa069aac513f5f318f7d1d5f561bf/node_modules/@radix-ui/react-dialog/dist/index.mjs
 var __defProp$5 = Object.defineProperty;
@@ -7721,7 +8459,7 @@ var ToastImpl = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$3(func
 		onClose: handleClose,
 		children: ReactDOM.createPortal(/* @__PURE__ */ jsx(Collection.ItemSlot, {
 			scope: __scopeToast,
-			children: /* @__PURE__ */ jsx(Root$4, {
+			children: /* @__PURE__ */ jsx(Root$5, {
 				asChild: true,
 				onEscapeKeyDown: composeEventHandlers(onEscapeKeyDown, (event) => {
 					if (!getItems().some((item) => item.ref.current?.contains(event.target))) handleClose();
@@ -7993,6 +8731,42 @@ function ToastClose({ className = "", children, asChild, ...props }) {
 	});
 }
 
+//#endregion
+//#region ../ui-kit/src/components/Table.tsx
+/**
+* Semantic table primitive for compact operational data.
+*
+* 基类锁定 `w`（className 覆盖不生效）：`w-full` 是表格约定。
+*/
+function Table({ className = "", ...props }) {
+	return /* @__PURE__ */ jsx("table", {
+		className: `w-full caption-bottom text-sm ${className}`,
+		...props
+	});
+}
+
+//#endregion
+//#region ../ui-kit/src/components/DataTable.tsx
+/**
+* Source-owned shadcn-style table foundation.
+* The wrapper owns the visible frame and horizontal overflow; consumers own data behavior.
+*
+* 基类锁定 `min-w`（className 覆盖不生效）：`min-w-max` 是横向滚动的前提。
+* `select-text`（0.10.0 UI-UX5 #40.12）：单元格文本必须能用鼠标选中复制（如 run id），
+* 不被上层容器或控件壳的 user-select 设置截断。
+*/
+function DataTable({ children, className = "", containerClassName = "", ...props }) {
+	return /* @__PURE__ */ jsx(ScrollArea, {
+		className: `rounded-md border border-border bg-surface ${containerClassName}`,
+		"data-webskill-data-table": "",
+		children: /* @__PURE__ */ jsx(Table, {
+			className: `min-w-max border-collapse text-sm text-ink select-text ${className}`,
+			...props,
+			children
+		})
+	});
+}
+
 //#endregion
 //#region ../ui-kit/src/components/Dialog.tsx
 /** 宽度阶梯由 Dialog 持有，AlertDialog 复用同一份——两套定义会让弹层宽度悄悄分叉 */
@@ -19638,6 +20412,38 @@ function defaultUrlTransform(value) {
 	return "";
 }
 
+//#endregion
+//#region ../../node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.js
+/**
+* @import {Root} from 'mdast'
+* @import {Options} from 'remark-gfm'
+* @import {} from 'remark-parse'
+* @import {} from 'remark-stringify'
+* @import {Processor} from 'unified'
+*/
+/** @type {Options} */
+const emptyOptions = {};
+/**
+* Add support GFM (autolink literals, footnotes, strikethrough, tables,
+* tasklists).
+*
+* @param {Options | null | undefined} [options]
+*   Configuration (optional).
+* @returns {undefined}
+*   Nothing.
+*/
+function remarkGfm(options) {
+	const self = this;
+	const settings = options || emptyOptions;
+	const data = self.data();
+	const micromarkExtensions = data.micromarkExtensions || (data.micromarkExtensions = []);
+	const fromMarkdownExtensions = data.fromMarkdownExtensions || (data.fromMarkdownExtensions = []);
+	const toMarkdownExtensions = data.toMarkdownExtensions || (data.toMarkdownExtensions = []);
+	micromarkExtensions.push(gfm(settings));
+	fromMarkdownExtensions.push(gfmFromMarkdown());
+	toMarkdownExtensions.push(gfmToMarkdown(settings));
+}
+
 //#endregion
 //#region ../ui-kit/src/markdown/image.tsx
 /** `<img>` 里的 data URL 不会执行脚本，SVG 同理——放行的前提就是这个上下文 */
@@ -24785,9 +25591,31 @@ function CodeBlock({ node: _node, className, children, ...rest }) {
 * 模块级常量，**不可内联进 JSX**：react-markdown 按 `components` 的引用决定是否重建子树，
 * 每次渲染换新对象会让图片组件卸载重挂，于是流式输出期间同一张图被反复解析。
 */
+const MARKDOWN_REMARK_PLUGINS = [remarkGfm];
 const MARKDOWN_COMPONENTS = {
 	code: CodeBlock,
 	img: MarkdownImage,
+	table: ({ node: _node, children, ...props }) => /* @__PURE__ */ jsx(DataTable, {
+		containerClassName: "my-3",
+		...props,
+		children
+	}),
+	thead: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("thead", {
+		className: "bg-subtle text-ink",
+		...props
+	}),
+	tr: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("tr", {
+		className: "border-b border-border/60 last:border-0",
+		...props
+	}),
+	th: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("th", {
+		className: "border-r border-border/60 px-3 py-2 align-top font-semibold break-words last:border-r-0",
+		...props
+	}),
+	td: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("td", {
+		className: "border-r border-border/60 px-3 py-2 align-top break-words last:border-r-0",
+		...props
+	}),
 	p: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("p", {
 		className: "my-2",
 		...props
@@ -24815,6 +25643,7 @@ function Markdown({ children, className = "" }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: `text-sm leading-6 text-ink ${className}`,
 		children: /* @__PURE__ */ jsx(Markdown$1, {
+			remarkPlugins: MARKDOWN_REMARK_PLUGINS,
 			urlTransform: markdownUrlTransform,
 			components: MARKDOWN_COMPONENTS,
 			children
@@ -24822,38 +25651,6 @@ function Markdown({ children, className = "" }) {
 	});
 }
 
-//#endregion
-//#region ../../node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.js
-/**
-* @import {Root} from 'mdast'
-* @import {Options} from 'remark-gfm'
-* @import {} from 'remark-parse'
-* @import {} from 'remark-stringify'
-* @import {Processor} from 'unified'
-*/
-/** @type {Options} */
-const emptyOptions = {};
-/**
-* Add support GFM (autolink literals, footnotes, strikethrough, tables,
-* tasklists).
-*
-* @param {Options | null | undefined} [options]
-*   Configuration (optional).
-* @returns {undefined}
-*   Nothing.
-*/
-function remarkGfm(options) {
-	const self = this;
-	const settings = options || emptyOptions;
-	const data = self.data();
-	const micromarkExtensions = data.micromarkExtensions || (data.micromarkExtensions = []);
-	const fromMarkdownExtensions = data.fromMarkdownExtensions || (data.fromMarkdownExtensions = []);
-	const toMarkdownExtensions = data.toMarkdownExtensions || (data.toMarkdownExtensions = []);
-	micromarkExtensions.push(gfm(settings));
-	fromMarkdownExtensions.push(gfmFromMarkdown());
-	toMarkdownExtensions.push(gfmToMarkdown(settings));
-}
-
 //#endregion
 //#region ../../node_modules/.pnpm/@assistant-ui+react-markdown@0.14.8_@assistant-ui+react@0.15.1_@types+react-dom@19.2.3__49324ceaef79b2a6657cae4ac6d15169/node_modules/@assistant-ui/react-markdown/dist/memoization.js
 const areChildrenEqual = (prev, next) => {
@@ -25265,6 +26062,7 @@ const FILE_MIME_TYPES = ["application/pdf"];
 * 不走直通的 `file`：docx / xlsx / pptx 发给 provider 会被当成二进制垃圾。
 */
 const DOCX_MIME = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+const XLS_MIME = "application/vnd.ms-excel";
 const XLSX_MIME = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
 const PPTX_MIME = "application/vnd.openxmlformats-officedocument.presentationml.presentation";
 /**
@@ -25290,11 +26088,13 @@ const IMAGE_MIME_SET = new Set(IMAGE_MIME_TYPES);
 const FILE_MIME_SET = new Set(FILE_MIME_TYPES);
 const EXTRACTED_MIME_SET = /* @__PURE__ */ new Set([
 	DOCX_MIME,
+	XLS_MIME,
 	XLSX_MIME,
 	PPTX_MIME
 ]);
 const EXTRACTED_EXTENSION_SET = /* @__PURE__ */ new Set([
 	"docx",
+	"xls",
 	"xlsx",
 	"pptx"
 ]);
@@ -25313,7 +26113,7 @@ function extensionOf(fileName) {
 	if (FILE_MIME_SET.has(type)) return "file";
 	if (type.startsWith("text/") || type === "application/json") return "text";
 	if (type === "" && TEXT_EXTENSION_SET.has(extensionOf(fileName))) return "text";
-	if (type === "" && EXTRACTED_EXTENSION_SET.has(extensionOf(fileName))) return "document-text";
+	if ((type === "" || type === OPAQUE_MIME) && EXTRACTED_EXTENSION_SET.has(extensionOf(fileName))) return "document-text";
 	if ((type === "" || type === OPAQUE_MIME) && BINARY_EXTENSION_SET.has(extensionOf(fileName))) return "binary";
 }
 
@@ -25916,6 +26716,7 @@ const chatbotDictionary = defineDictionary({
 		"composer.inputLabel": "Message input",
 		"composer.send": "Send",
 		"composer.stop": "Stop",
+		"composer.processingAttachments": "Processing attachments on this device. Large files may take a while; please keep this chat open…",
 		"composer.attachments": "Attachments",
 		"composer.addAttachment": "Attach a file",
 		"composer.removeAttachment": "Remove attachment: {name}",
@@ -26376,6 +27177,7 @@ const chatbotDictionary = defineDictionary({
 		"composer.inputLabel": "消息输入框",
 		"composer.send": "发送",
 		"composer.stop": "停止",
+		"composer.processingAttachments": "正在本机处理附件，大文件可能需要一些时间，请保持对话打开…",
 		"composer.attachments": "附件",
 		"composer.addAttachment": "添加附件",
 		"composer.removeAttachment": "移除附件：{name}",
@@ -27918,7 +28720,7 @@ function smallTableHint(id) {
 * 已解析的表按「会话 + 来源」缓存（FR-10.17）。
 *
 * 缓存的是进行中的 promise：分流时解析一次，紧接着的查询复用同一份；失败不留。
-* 容量 2、最近使用淘汰——一张 2 万 × 12 的网格在堆里是十余 MB，
+* 容量 2、最近使用淘汰——网格工作簿会占堆内存，流式工作簿只缓存元数据与取件出口，
 * 留两格是为「同一会话里先后传两份表做对比」。
 */
 var TableCache = class {
@@ -29453,8 +30255,10 @@ var ChatEngine = class {
 	* 而是给出一个调不到的工具（没 reader 却给 id），或者白白丢掉全文（有 reader 却当没有）。
 	*/
 	#hasDocumentReader(attachment) {
-		const mime = attachment.contentType.split(";")[0]?.trim().toLowerCase();
-		return (mime === SUPPORTED_DOCUMENT_MIME.pdf ? this.#adapter.pdfDocumentReader : mime === SUPPORTED_DOCUMENT_MIME.docx ? this.#adapter.docxDocumentReader : mime === SUPPORTED_DOCUMENT_MIME.xlsx ? this.#adapter.xlsxDocumentReader : mime === SUPPORTED_DOCUMENT_MIME.pptx ? this.#adapter.pptxDocumentReader : void 0) !== void 0;
+		if (attachment.contentType.split(";")[0]?.trim().toLowerCase() === SUPPORTED_DOCUMENT_MIME.pdf) return this.#adapter.pdfDocumentReader !== void 0;
+		if (attachment.kind !== "document-text") return false;
+		const format = extractedDocumentFormat(attachment.contentType, attachment.name);
+		return (format === "xlsx" ? this.#adapter.xlsxDocumentReader : format === "pptx" ? this.#adapter.pptxDocumentReader : this.#adapter.docxDocumentReader) !== void 0;
 	}
 	/**
 	* 文本类附件的正文。`text` 存的就是文本；`document-text` 存的是**原件**，文本在这里现抽。
@@ -29468,39 +30272,62 @@ var ChatEngine = class {
 	async #attachmentText(attachment, path) {
 		if (attachment.kind === "text") return await this.#adapter.storage.readText(path);
 		const bytes = await this.#adapter.storage.readBinary(path);
-		if (!(bytes[0] === 80 && bytes[1] === 75)) return new TextDecoder().decode(bytes);
+		if (sniffDocumentFormat(bytes, attachment.name) === void 0) return new TextDecoder().decode(bytes);
 		const format = extractedDocumentFormat(attachment.contentType, attachment.name);
 		const extract = format === "xlsx" ? this.#adapter.xlsxExtractor : format === "pptx" ? this.#adapter.pptxExtractor : this.#adapter.docxExtractor;
 		if (extract === void 0) return void 0;
 		return await extract(bytes);
 	}
+	async #readTable(reader, path) {
+		if (reader.readStreaming !== void 0) {
+			const storage = this.#adapter.storage;
+			if (storage.createReadStream !== void 0) return await reader.readStreaming(() => storage.createReadStream(path));
+			return await reader.readStreaming(await storage.readBinary(path));
+		}
+		return await reader.read(await this.#adapter.storage.readBinary(path));
+	}
 	/**
 	* xlsx 附件的发送形态分流（0.26.0 分册 10 · FR-10.1 / FR-10.5）。
 	*
 	* 返回 `undefined` = 不适用（没接端口、不是 xlsx、解析失败），调用方走 0.25.0 的原路径——
 	* 解析失败时同一份坏文件会在原路径里以既有的形态报错，这里不新增失败形态。
-	* 解析在这里先做一次、网格进缓存，随后的 `query_table` 复用同一份。
+	* 解析在这里先做一次、工作簿进缓存，随后的 `query_table` 复用同一份。
 	*/
 	async #tableRouting(attachment, path, sessionId) {
 		const reader = this.#adapter.xlsxTableReader;
 		if (reader === void 0 || attachment.kind !== "document-text") return void 0;
 		if (extractedDocumentFormat(attachment.contentType, attachment.name) !== "xlsx") return void 0;
-		const workbook = await this.#tables.get(sessionId, `att:${attachment.path}`, async () => reader.read(await this.#adapter.storage.readBinary(path))).catch(() => void 0);
+		const workbook = await this.#tables.get(sessionId, `att:${attachment.path}`, async () => this.#readTable(reader, path)).catch(() => void 0);
 		if (workbook === void 0) return void 0;
-		const tokens = estimateTableTokens(workbook);
+		let tokens;
+		let rows;
+		let profile;
+		if (isStreamingTableWorkbook(workbook)) {
+			const summary = await summarizeStreamingWorkbook(workbook);
+			tokens = summary.tokens;
+			rows = summary.dataRows;
+			profile = () => profileStreamingTable({
+				name: attachment.name,
+				id: attachment.id,
+				workbook
+			});
+		} else {
+			tokens = estimateTableTokens(workbook);
+			rows = countDataRows(workbook);
+			profile = () => Promise.resolve(profileTable({
+				name: attachment.name,
+				id: attachment.id,
+				workbook
+			}));
+		}
 		if (tokens <= 24e3) return {
 			kind: "inline",
 			hint: smallTableHint(attachment.id)
 		};
-		const rows = countDataRows(workbook);
 		const locale = this.#liveConfig?.appearance.locale ?? "en";
 		return {
 			kind: "profile",
-			profile: profileTable({
-				name: attachment.name,
-				id: attachment.id,
-				workbook
-			}),
+			profile: await profile(),
 			steering: tableQuerySteering({
 				id: attachment.id,
 				tokens,
@@ -29523,8 +30350,22 @@ var ChatEngine = class {
 	async #downloadSheetRouting(input) {
 		const reader = this.#adapter.xlsxTableReader;
 		if (reader === void 0) return void 0;
-		const workbook = await this.#tables.get(this.#currentSessionId ?? "", `dl:${input.entry.id}`, () => reader.read(input.bytes)).catch(() => void 0);
+		const workbook = await this.#tables.get(this.#currentSessionId ?? "", `dl:${input.entry.id}`, () => reader.readStreaming !== void 0 ? reader.readStreaming(input.bytes) : reader.read(input.bytes)).catch(() => void 0);
 		if (workbook === void 0) return void 0;
+		if (isStreamingTableWorkbook(workbook)) {
+			const summary = await summarizeStreamingWorkbook(workbook);
+			if (summary.tokens <= 24e3 && summary.textChars <= ATTACHMENT_TEXT_LIMIT) return void 0;
+			return `${await profileStreamingTable({
+				name: input.entry.name,
+				id: input.entry.id,
+				workbook
+			})}\n\n` + tableQuerySteering({
+				id: input.entry.id,
+				tokens: summary.tokens,
+				rows: summary.dataRows,
+				download: true
+			});
+		}
 		const tokens = estimateTableTokens(workbook);
 		if (tokens <= 24e3 && tableTextChars(workbook) <= ATTACHMENT_TEXT_LIMIT) return void 0;
 		return `${profileTable({
@@ -29551,10 +30392,10 @@ var ChatEngine = class {
 		const prefix = PREFIXED_TEMPLATE_IDS.find((p) => id.startsWith(p));
 		if (prefix) throw new WebSkillError("TOOL_UNSUPPORTED", `The id "${id}" names a ${prefix === "skill:" ? "file bundled with a skill" : "document open in an online viewer"}. It can only be used as a template (inspect_template / fill_template), not queried here.`);
 		const sessionId = (context?.runId !== void 0 ? await this.#sessionOfRun(context.runId) : void 0) ?? this.#currentSessionId ?? "";
-		const notXlsx = (name) => new WebSkillError("TOOL_UNSUPPORTED", `"${name}" is not an Excel (.xlsx) workbook; query_table reads .xlsx only.`);
+		const notXlsx = (name) => new WebSkillError("TOOL_UNSUPPORTED", `"${name}" is not an Excel (.xlsx/.xls) workbook; query_table reads .xlsx and .xls only.`);
 		const fromAttachment = async (a) => {
 			if (a.kind !== "document-text" || extractedDocumentFormat(a.contentType, a.name) !== "xlsx") throw notXlsx(a.name);
-			const workbook = await this.#tables.get(sessionId, `att:${a.path}`, async () => reader.read(await this.#adapter.storage.readBinary(`${this.attachmentsRoot}/${a.path}`)));
+			const workbook = await this.#tables.get(sessionId, `att:${a.path}`, async () => this.#readTable(reader, `${this.attachmentsRoot}/${a.path}`));
 			return {
 				name: a.name,
 				workbook
@@ -29575,7 +30416,7 @@ var ChatEngine = class {
 			if (sniffDocumentFormat(bytes, name) !== "xlsx") throw notXlsx(name);
 			return {
 				name,
-				workbook: await this.#tables.get(sessionId, source, () => reader.read(bytes))
+				workbook: await this.#tables.get(sessionId, source, () => reader.readStreaming !== void 0 ? reader.readStreaming(bytes) : reader.read(bytes))
 			};
 		};
 		const stored = context?.binaries?.get(id);
@@ -30266,7 +31107,16 @@ var ChatEngine = class {
 			}),
 			...this.#adapter.xlsxTableReader ? [createTableQueryToolSource({
 				tables: { load: (id, context) => this.#loadTable(id, context, downloadPolicy) },
-				downloadedFiles: () => downloadPolicy?.enabled === true
+				downloadedFiles: () => downloadPolicy?.enabled === true,
+				writeArtifact: (path, content, mimeType, context) => {
+					if (!context?.runId) throw new WebSkillError("TOOL_EXECUTION_FAILED", "Writing a query result requires an active run.");
+					return artifactStore.createBinaryArtifact({
+						runId: context.runId,
+						path,
+						content,
+						mimeType
+					});
+				}
 			})] : [],
 			...this.#adapter.xlsxTemplateEngine || this.#adapter.docxTemplateEngine ? [createTemplateToolSource({
 				files: { read: readTemplateBytes },
@@ -32442,7 +33292,7 @@ function ModelMenuButton({ models }) {
 		}, option.id))
 	})] });
 }
-function AssistantUiComposer({ running, disabled = false, waitTarget, placeholder, attachments = false, attachmentInfo, attachmentImages, centered = false, models, noModel, dictationLang, onDictationPermissionDenied, onCameraPermissionDenied, capabilities }) {
+function AssistantUiComposer({ running, disabled = false, processingAttachments = false, waitTarget, placeholder, attachments = false, attachmentInfo, attachmentImages, centered = false, models, noModel, dictationLang, onDictationPermissionDenied, onCameraPermissionDenied, capabilities }) {
 	const t = useT();
 	const locale = useLocale();
 	const dictation = useComposerDictation(dictationLang ?? DEFAULT_DICTATION_LANG[locale], onDictationPermissionDenied);
@@ -32459,11 +33309,20 @@ function AssistantUiComposer({ running, disabled = false, waitTarget, placeholde
 	const cameraReason = !attachments ? t("composer.camera.noStorage") : attachmentReason ?? (camera.availability.available ? void 0 : t(`composer.camera.${camera.availability.reason}`));
 	const cameraFailure = camera.failure === void 0 ? void 0 : camera.failure === "denied" && onCameraPermissionDenied !== void 0 ? t("composer.camera.denied.handoff") : t(`composer.camera.${camera.failure}`);
 	const plainChatHintId = useId();
-	return /* @__PURE__ */ jsx(ComposerPrimitive.Root, {
+	return /* @__PURE__ */ jsxs(ComposerPrimitive.Root, {
 		"data-testid": "assistant-ui-composer",
 		"data-centered": centered,
 		className: "webskill-aui-composer shrink-0 px-4 py-4",
-		children: /* @__PURE__ */ jsxs(ComposerPrimitive.AttachmentDropzone, {
+		children: [processingAttachments ? /* @__PURE__ */ jsxs("div", {
+			"data-testid": "attachment-processing",
+			role: "status",
+			"aria-live": "polite",
+			className: "webskill-chat-prose mx-auto flex w-full items-center gap-2 px-3 pb-2 text-xs text-muted",
+			children: [/* @__PURE__ */ jsx(LoaderCircle, {
+				className: "size-3.5 shrink-0 animate-spin motion-reduce:animate-none",
+				"aria-hidden": true
+			}), /* @__PURE__ */ jsx("span", { children: t("composer.processingAttachments") })]
+		}) : null, /* @__PURE__ */ jsxs(ComposerPrimitive.AttachmentDropzone, {
 			disabled: !attachments,
 			className: "webskill-aui-composer-shell webskill-chat-prose mx-auto flex w-full flex-col gap-2 px-3 py-2 transition-colors data-[dragging=true]:border-ring",
 			children: [
@@ -32689,7 +33548,7 @@ function AssistantUiComposer({ running, disabled = false, waitTarget, placeholde
 					onCancel: camera.cancel
 				})
 			]
-		})
+		})]
 	});
 }
 
@@ -42980,6 +43839,22 @@ function fallbackReason(error) {
 	const code = error?.code;
 	return typeof code === "string" && code !== "" ? code : "a2ui-render-failed";
 }
+function formControlValues(root) {
+	const values = {};
+	const visit = (node) => {
+		for (const child of node.children) {
+			if (child instanceof HTMLInputElement) {
+				if (child.id) values[child.id] = child.type === "checkbox" ? child.checked : child.type === "number" ? Number(child.value) : child.value;
+			} else if (child instanceof HTMLTextAreaElement || child instanceof HTMLSelectElement) {
+				if (child.id) values[child.id] = child instanceof HTMLSelectElement && child.multiple ? [...child.selectedOptions].map((option) => option.value) : child.value;
+			}
+			if (child.shadowRoot) visit(child.shadowRoot);
+			else visit(child);
+		}
+	};
+	if (root) visit(root.shadowRoot ?? root);
+	return values;
+}
 /**
 * `a2ui` 档：catalog 声明树经 BYOC catalog 的 Lit 元素渲染。
 * 元素与协议里公布的 `catalog_definition` 派生自同一份 shape，因此这里
@@ -42990,6 +43865,7 @@ function fallbackReason(error) {
 */
 function A2uiSpecSurface({ spec, surfaceId, actions, onAction, registry, runId, draft, onDraftChange }) {
 	const mountRef = useRef(null);
+	const formValuesRef = useRef({});
 	const [fallback, setFallback] = useState();
 	const emit = useEffectEvent((actionId, value) => {
 		const declared = (actions ?? []).find((action) => action.id === actionId);
@@ -43019,8 +43895,11 @@ function A2uiSpecSurface({ spec, surfaceId, actions, onAction, registry, runId,
 				const processor = new MessageProcessor([catalog, lit.basicCatalog], (action) => {
 					const decoded = fromA2uiSpecAction(action);
 					if (!decoded) return;
-					const values = processor.getClientDataModel("v0.9.1")?.surfaces?.[a2uiSurfaceId]?.[A2UI_SPEC_FORM_PATH.slice(1)];
-					emit(decoded.actionId, values ?? {});
+					const values = {
+						...processor.getClientDataModel("v0.9.1")?.surfaces?.[a2uiSurfaceId]?.[A2UI_SPEC_FORM_PATH.slice(1)],
+						...formControlValues(surfaceElement)
+					};
+					emit(decoded.actionId, values);
 				}, { version: "v0.9.1" });
 				processor.onSurfaceCreated((surface) => {
 					if (disposed) return;
@@ -43029,6 +43908,21 @@ function A2uiSpecSurface({ spec, surfaceId, actions, onAction, registry, runId,
 					mount.replaceChildren(surfaceElement);
 				});
 				processor.processMessages(toA2uiSpecMessages(uiCatalog, spec, { surfaceId: a2uiSurfaceId }));
+				const previousValues = formValuesRef.current;
+				if (Object.keys(previousValues).length > 0) {
+					const defaults = processor.getClientDataModel("v0.9.1")?.surfaces?.[a2uiSurfaceId]?.[A2UI_SPEC_FORM_PATH.slice(1)];
+					processor.processMessages([{
+						version: "v0.9.1",
+						updateDataModel: {
+							surfaceId: a2uiSurfaceId,
+							path: A2UI_SPEC_FORM_PATH,
+							value: {
+								...defaults,
+								...previousValues
+							}
+						}
+					}]);
+				}
 			} catch (error) {
 				reportA2uiFallback(surfaceId, "spec", error);
 				if (!disposed) setFallback(fallbackReason(error));
@@ -43036,6 +43930,8 @@ function A2uiSpecSurface({ spec, surfaceId, actions, onAction, registry, runId,
 		})();
 		return () => {
 			disposed = true;
+			const values = surfaceElement?.surface?.dataModel.get(A2UI_SPEC_FORM_PATH);
+			if (typeof values === "object" && values !== null && !Array.isArray(values)) formValuesRef.current = values;
 			surfaceElement?.remove();
 		};
 	}, [spec, surfaceId]);
@@ -44489,7 +45385,7 @@ function attachmentAccept(options) {
 	if (options.images) parts.push(...IMAGE_MIME_TYPES);
 	if (options.files) parts.push(...FILE_MIME_TYPES);
 	if (options.documents) parts.push(DOCX_MIME, ".docx");
-	if (options.spreadsheets) parts.push(XLSX_MIME, ".xlsx");
+	if (options.spreadsheets) parts.push(XLS_MIME, ".xls", XLSX_MIME, ".xlsx");
 	if (options.presentations) parts.push(PPTX_MIME, ".pptx");
 	if (options.drawings) parts.push(...DWG_MIME_TYPES, ...BINARY_EXTENSIONS.map((ext) => `.${ext}`));
 	return parts.join(",");
@@ -46053,6 +46949,7 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 	const [loadingEarlierMessages, setLoadingEarlierMessages] = useState(false);
 	const [currentSessionId, setCurrentSessionId] = useState();
 	const [sending, setSending] = useState(false);
+	const [processingAttachments, setProcessingAttachments] = useState(false);
 	/** 这一条排在同会话的上一条后面（FR-20.3）：排队本身保护历史顺序，要改的是它不可见 */
 	const [queuedSend, setQueuedSend] = useState(false);
 	/**
@@ -46323,6 +47220,7 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 				setError(void 0);
 				break;
 			case "message-complete":
+				if (event.message.role === "user") setProcessingAttachments(false);
 				setMessages((prev) => prev.some((message) => message.id === event.message.id) ? prev : [...prev, event.message]);
 				break;
 			case "interaction-requested":
@@ -46396,7 +47294,13 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 			setNoModelGuideOpen(true);
 			return;
 		}
+		const hasAttachments = attachments.length > 0;
+		if (hasAttachments) {
+			setProcessingAttachments(true);
+			setSending(true);
+		}
 		(async () => {
+			if (hasAttachments) await new Promise((resolve) => setTimeout(resolve, 0));
 			await flushPendingDeletes();
 			let sessionId = currentSessionId;
 			if (!sessionId) {
@@ -46408,7 +47312,13 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 			const needsTitle = sessionsRef.current.find((session) => session.id === sessionId)?.title === void 0;
 			await engine.send(text, attachments);
 			if (needsTitle) await refreshSessions();
-		})().catch((e) => setError({ message: toErrorMessage(e) }));
+		})().catch((e) => {
+			if (hasAttachments) {
+				setProcessingAttachments(false);
+				setSending(false);
+			}
+			setError({ message: toErrorMessage(e) });
+		});
 	}, [
 		engine,
 		currentSessionId,
@@ -46764,6 +47674,7 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 										} } : {},
 										running: busy,
 										disabled: interactionPending,
+										processingAttachments,
 										...interactionTarget !== void 0 ? { waitTarget: interactionTarget } : {},
 										centered: composerCentered,
 										attachments: attachmentsReady,
@@ -46852,7 +47763,7 @@ function VercelPayloadPreview({ bridge }) {
 * Version of the published `@webskill/chatbot` package, injected at build time.
 * @stable
 */
-const CHATBOT_VERSION = "0.24.3";
+const CHATBOT_VERSION = "0.26.0";
 
 //#endregion
 export { A2uiSurfaceHost, A2uiSurfaceSnapshotHost, CHATBOT_VERSION, ChatEngine, Chatbot, ChatbotVisionDelegate, CompositeUiBridge, DEFAULT_RENDERER_CAPABILITIES, DEFAULT_RUNTIME_CONFIG_STORAGE_KEY, ErrorCard, InteractionCard, InterruptedBanner, OpenUiSurfaceHost, OpenUiSurfaceSnapshotHost, ResultBlockList, ResultBlocksPro, SkillBadges, SpecInteraction, VercelPayloadPreview, VercelSurfaceHost, VercelSurfaceSnapshotHost, WEB_OFFICE_TEMPLATE_PREFIX, chatbotDictionary, configureA2uiMarkdown, createHttpMessageComponent, createLocalStorageRuntimeConfigStore, createMemoryRuntimeConfigStore, isLlmEntryUsable, pickUsableLlmEntry, probeA2uiAvailability, probeOpenUiAvailability, sandboxExecutorDeps, useT };