@theaiplatform/miniapp-sdk 0.0.1 → 0.0.2

package/dist/ui/wasm.js

@@ -0,0 +1,2714 @@
+import { flushSync } from "react-dom";
+import { createRoot } from "react-dom/client";
+import { Check, ChevronDown, ChevronUp, Circle, CircleHelp, Info, Plus, RefreshCw, Search, Settings, Trash2, X } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import { Slot as react_slot_Slot } from "@radix-ui/react-slot";
+import "prism-react-renderer";
+import { composeRefs } from "@radix-ui/react-compose-refs";
+import { useCallback as external_react_useCallback, useEffect, useRef } from "react";
+import "react-resizable-panels";
+import "@radix-ui/react-scroll-area";
+import { z } from "zod";
+import * as __rspack_external_react from "react";
+import * as __rspack_external__radix_ui_react_alert_dialog_df21c073 from "@radix-ui/react-alert-dialog";
+import * as __rspack_external__radix_ui_react_avatar_44cfeec7 from "@radix-ui/react-avatar";
+import * as __rspack_external__radix_ui_react_separator_c79cca86 from "@radix-ui/react-separator";
+import * as __rspack_external__radix_ui_react_checkbox_76182ac8 from "@radix-ui/react-checkbox";
+import * as __rspack_external__radix_ui_react_dialog_dabd8325 from "@radix-ui/react-dialog";
+import * as __rspack_external__radix_ui_react_label_73c6aeea from "@radix-ui/react-label";
+import * as __rspack_external__radix_ui_react_tooltip_b301f25d from "@radix-ui/react-tooltip";
+import * as __rspack_external__radix_ui_react_progress_67feda0a from "@radix-ui/react-progress";
+import * as __rspack_external__radix_ui_react_radio_group_295a43fb from "@radix-ui/react-radio-group";
+import * as __rspack_external__radix_ui_react_select_4606f4d3 from "@radix-ui/react-select";
+import * as __rspack_external__radix_ui_react_slider_302f41eb from "@radix-ui/react-slider";
+import * as __rspack_external__radix_ui_react_tabs_62268d7a from "@radix-ui/react-tabs";
+import * as __rspack_external__radix_ui_react_toggle_f6d72b6a from "@radix-ui/react-toggle";
+import * as __rspack_external__radix_ui_react_toggle_group_1cb63752 from "@radix-ui/react-toggle-group";
+function utils_cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const headingVariants = cva('font-semibold', {
+    defaultVariants: {
+        level: 'h1'
+    },
+    variants: {
+        level: {
+            h1: 'text-4xl leading-11 font-bold tracking-[-0.025em]',
+            h2: 'text-3xl leading-11 font-bold tracking-[-0.025em]',
+            h3: 'text-2xl leading-8 font-semibold tracking-[-0.025em]',
+            h4: 'text-xl leading-7 font-semibold tracking-[-0.025em]',
+            h5: 'text-lg leading-7 font-semibold',
+            h6: 'text-base leading-6 font-semibold'
+        }
+    }
+});
+const headingSizeOverrides = {
+    sm: 'text-sm leading-tight font-semibold tracking-normal'
+};
+function H1({ asChild = false, className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+        asChild: asChild,
+        className: className,
+        level: "h1",
+        ...props
+    });
+}
+function H2({ asChild = false, className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+        asChild: asChild,
+        className: className,
+        level: "h2",
+        ...props
+    });
+}
+function H3({ asChild = false, className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+        asChild: asChild,
+        className: className,
+        level: "h3",
+        ...props
+    });
+}
+function H4({ asChild = false, className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+        asChild: asChild,
+        className: className,
+        level: "h4",
+        ...props
+    });
+}
+const H5 = /*#__PURE__*/ __rspack_external_react.forwardRef(({ asChild = false, className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+        ref: ref,
+        asChild: asChild,
+        className: className,
+        level: "h5",
+        ...props
+    }));
+H5.displayName = 'H5';
+function H6({ asChild = false, className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+        asChild: asChild,
+        className: className,
+        level: "h6",
+        ...props
+    });
+}
+const Heading = /*#__PURE__*/ __rspack_external_react.forwardRef(({ asChild = false, className, level = 'h1', size, ...props }, ref)=>{
+    const Component = asChild ? react_slot_Slot : level ?? 'h1';
+    return /*#__PURE__*/ __rspack_external_react.createElement(Component, {
+        ref: ref,
+        className: utils_cn(headingVariants({
+            level
+        }), size && headingSizeOverrides[size], className),
+        ...props
+    });
+});
+Heading.displayName = 'Heading';
+const alertVariants = cva('relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground', {
+    variants: {
+        variant: {
+            default: 'bg-background text-foreground',
+            info: 'border-info/50 bg-info/10 text-info-accent-foreground [&>svg]:text-info',
+            destructive: 'border-destructive/50 bg-destructive/10 text-destructive [&>svg]:text-destructive',
+            warning: 'border-warning/50 bg-warning/10 text-warning-accent-foreground [&>svg]:text-warning',
+            success: 'border-success/50 bg-success/10 text-success-accent-foreground [&>svg]:text-success'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function Alert({ className, variant, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        role: "alert",
+        className: utils_cn(alertVariants({
+            variant
+        }), className),
+        ...props
+    });
+}
+Alert.displayName = 'Alert';
+const AlertTitle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+        ref: ref,
+        level: "h5",
+        className: utils_cn('mb-1 leading-none font-medium', className),
+        ...props
+    }));
+AlertTitle.displayName = 'AlertTitle';
+function AlertDescription({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: utils_cn('text-sm [&_p]:leading-relaxed', className),
+        ...props
+    });
+}
+AlertDescription.displayName = "AlertDescription";
+const NativeViewOcclusionContext = /*#__PURE__*/ __rspack_external_react.createContext(null);
+let nextClaimId = 0;
+function native_view_occlusion_useNativeViewOcclusion({ enabled = true } = {}) {
+    const adapter = __rspack_external_react.useContext(NativeViewOcclusionContext);
+    const [element, setElement] = __rspack_external_react.useState(null);
+    const [ready, setReady] = __rspack_external_react.useState(!enabled || null === adapter);
+    const claimIdRef = __rspack_external_react.useRef(null);
+    if (null === claimIdRef.current) {
+        nextClaimId += 1;
+        claimIdRef.current = `native-view-occlusion-${nextClaimId}`;
+    }
+    const ref = __rspack_external_react.useCallback((node)=>{
+        setElement(node);
+    }, []);
+    __rspack_external_react.useEffect(()=>{
+        if (!enabled || null === adapter) return void setReady(true);
+        if (null === element) return void setReady(false);
+        setReady(false);
+        let cancelled = false;
+        let release = null;
+        const claimId = claimIdRef.current;
+        if (null === claimId) return;
+        const rafId = requestAnimationFrame(()=>{
+            Promise.resolve(adapter.acquire(element, claimId)).then((acquiredRelease)=>{
+                if (cancelled) return void acquiredRelease();
+                release = acquiredRelease;
+                setReady(true);
+            }, ()=>void 0);
+        });
+        return ()=>{
+            cancelled = true;
+            cancelAnimationFrame(rafId);
+            release?.();
+        };
+    }, [
+        adapter,
+        element,
+        enabled
+    ]);
+    return {
+        ref,
+        ready
+    };
+}
+const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium outline-none transition-[box-shadow,background-color,border-color,color] duration-200 focus-visible:outline-none focus-visible:shadow-input-focus disabled:pointer-events-none disabled:opacity-50 cursor-pointer [&_svg]:pointer-events-none [&_svg:not([width])]:size-4 [&_svg]:shrink-0 [&_svg]:text-current', {
+    variants: {
+        variant: {
+            default: 'btn-primary-shine bg-primary text-primary-foreground shadow-(--shadow-button-primary) hover:bg-primary-hover active:bg-primary active:shadow-none',
+            destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive-hover shadow-sm hover:shadow-md active:bg-destructive/90',
+            outline: 'shadow-(--shadow-button-outline) bg-background hover:shadow-(--shadow-button-outline-hover) hover:bg-accent hover:text-accent-foreground active:bg-accent/90',
+            secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary-hover shadow-(--shadow-button-secondary) hover:shadow-(--shadow-button-secondary-hover) active:bg-secondary/90',
+            tertiary: 'bg-button-tertiary-default text-foreground hover:bg-button-tertiary-hover active:bg-button-tertiary-hover/90',
+            ghost: 'bg-button-borderless-default hover:bg-button-borderless-hover active:bg-button-borderless-hover',
+            link: 'text-primary underline-offset-4 hover:underline'
+        },
+        size: {
+            default: 'h-10 px-3 py-2.5 rounded-lg',
+            sm: 'h-9 px-3 rounded-lg',
+            compact: 'h-8 px-3 rounded-lg',
+            lg: 'h-11 px-8 rounded-lg',
+            icon: 'h-10 w-10 rounded-lg',
+            'icon-md': 'h-9 w-9 rounded-lg',
+            'icon-sm': 'h-8 w-8 rounded-lg',
+            'icon-xs': 'h-6 w-6 rounded-lg'
+        },
+        shape: {
+            default: '',
+            pill: 'rounded-full'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+        shape: 'default'
+    },
+    compoundVariants: [
+        {
+            variant: 'ghost',
+            size: [
+                'icon',
+                'icon-md'
+            ],
+            className: 'text-foreground opacity-65 hover:opacity-100'
+        }
+    ]
+});
+function button_Button({ className, variant, size, shape, asChild = false, ref, ...props }) {
+    const Comp = asChild ? react_slot_Slot : 'button';
+    return /*#__PURE__*/ __rspack_external_react.createElement(Comp, {
+        className: utils_cn(buttonVariants({
+            variant,
+            size,
+            shape
+        }), className),
+        ref: ref,
+        ...props
+    });
+}
+button_Button.displayName = 'Button';
+const DIALOG_FOOTER_ATTRIBUTE = 'data-dialog-footer';
+const DIALOG_PRIMARY_ACTION_ATTRIBUTE = 'data-dialog-primary-action';
+const DIALOG_CANCEL_ACTION_ATTRIBUTE = 'data-dialog-cancel-action';
+const DIALOG_FIELD_SELECTOR = 'input:not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea,[contenteditable="true"],[role="textbox"]';
+const DIALOG_PRIMARY_ACTION_SELECTOR = [
+    `[${DIALOG_PRIMARY_ACTION_ATTRIBUTE}]:not([${DIALOG_PRIMARY_ACTION_ATTRIBUTE}="false"])`
+].join(',');
+const DIALOG_SUBMIT_ACTION_SELECTOR = 'button[type="submit"],input[type="submit"]';
+const DIALOG_FOOTER_ACTION_SELECTOR = 'button,a[href],input:not([type="hidden"]),select,textarea,[role="button"],[tabindex]:not([tabindex="-1"])';
+function pickDialogDefaultFocusTarget({ footerActions, formFields, primaryActions, submitActions }) {
+    const firstFormField = formFields.find((candidate)=>!candidate.disabled);
+    if (firstFormField) return firstFormField.element;
+    if (primaryActions.length > 0) return primaryActions.find((candidate)=>!candidate.disabled)?.element ?? null;
+    if (submitActions.length > 0) return submitActions.find((candidate)=>!candidate.disabled)?.element ?? null;
+    const lastFooterAction = footerActions.at(-1);
+    if (!lastFooterAction || lastFooterAction.disabled || lastFooterAction.isCancel) return null;
+    return lastFooterAction.element;
+}
+function hasHiddenAncestor(element) {
+    let current = element;
+    while(current){
+        if (current.hidden || 'true' === current.getAttribute('aria-hidden')) return true;
+        current = current.parentElement;
+    }
+    return false;
+}
+function isElementVisible(element) {
+    if (hasHiddenAncestor(element)) return false;
+    const computedStyle = element.ownerDocument.defaultView?.getComputedStyle(element);
+    return computedStyle?.display !== 'none' && computedStyle?.visibility !== 'hidden' && computedStyle?.visibility !== 'collapse';
+}
+function isDisabledElement(element) {
+    return element.matches(':disabled') || 'true' === element.getAttribute('aria-disabled') || 'true' === element.getAttribute('data-disabled');
+}
+function toFocusCandidate(element) {
+    return {
+        disabled: isDisabledElement(element) || !isElementVisible(element),
+        element,
+        isCancel: element.matches(`[${DIALOG_CANCEL_ACTION_ATTRIBUTE}]`)
+    };
+}
+function queryFocusCandidates(root, selector) {
+    return Array.from(root.querySelectorAll(selector)).map(toFocusCandidate);
+}
+function isHtmlElement(value) {
+    return "u" > typeof HTMLElement && value instanceof HTMLElement;
+}
+function getDialogDefaultFocusTarget(content) {
+    const footers = Array.from(content.querySelectorAll(`[${DIALOG_FOOTER_ATTRIBUTE}]`));
+    const lastFooter = footers.at(-1);
+    return pickDialogDefaultFocusTarget({
+        footerActions: lastFooter ? queryFocusCandidates(lastFooter, DIALOG_FOOTER_ACTION_SELECTOR) : [],
+        formFields: queryFocusCandidates(content, DIALOG_FIELD_SELECTOR),
+        primaryActions: queryFocusCandidates(content, DIALOG_PRIMARY_ACTION_SELECTOR),
+        submitActions: queryFocusCandidates(content, DIALOG_SUBMIT_ACTION_SELECTOR)
+    });
+}
+function focusDialogDefaultTarget(content) {
+    const focusTarget = getDialogDefaultFocusTarget(content);
+    if (!focusTarget) return false;
+    requestAnimationFrame(()=>{
+        if (focusTarget.isConnected) focusTarget.focus({
+            preventScroll: true
+        });
+    });
+    return true;
+}
+function shouldFlushQueuedDialogDefaultFocus({ contentAvailable, ready, shouldFocus }) {
+    return ready && shouldFocus && contentAvailable;
+}
+function flushQueuedDialogDefaultFocus({ content, ready, shouldFocus }) {
+    if (!shouldFlushQueuedDialogDefaultFocus({
+        contentAvailable: null !== content,
+        ready,
+        shouldFocus
+    }) || !content) return false;
+    focusDialogDefaultTarget(content);
+    return true;
+}
+function shouldQueueDialogDefaultFocus(event, onOpenAutoFocus) {
+    onOpenAutoFocus?.(event);
+    if (event.defaultPrevented) return false;
+    event.preventDefault();
+    return true;
+}
+function handleDialogOpenAutoFocus(event, onOpenAutoFocus) {
+    if (!shouldQueueDialogDefaultFocus(event, onOpenAutoFocus)) return;
+    const content = event.currentTarget;
+    if (isHtmlElement(content)) focusDialogDefaultTarget(content);
+}
+const AlertDialog = __rspack_external__radix_ui_react_alert_dialog_df21c073.Root;
+__rspack_external__radix_ui_react_alert_dialog_df21c073.Trigger;
+const AlertDialogPortal = __rspack_external__radix_ui_react_alert_dialog_df21c073.Portal;
+function AlertDialogOverlay({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_alert_dialog_df21c073.Overlay, {
+        ref: ref,
+        className: utils_cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-(--z-modal) bg-black/50', className),
+        ...props
+    });
+}
+AlertDialogOverlay.displayName = __rspack_external__radix_ui_react_alert_dialog_df21c073.Overlay.displayName;
+function AlertDialogContent({ className, onOpenAutoFocus, ref, ...props }) {
+    const { ref: occlusionRef, ready } = native_view_occlusion_useNativeViewOcclusion();
+    const handleOpenAutoFocus = __rspack_external_react.useCallback((event)=>{
+        handleDialogOpenAutoFocus(event, onOpenAutoFocus);
+    }, [
+        onOpenAutoFocus
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(AlertDialogPortal, null, /*#__PURE__*/ __rspack_external_react.createElement(AlertDialogOverlay, {
+        ref: occlusionRef,
+        className: utils_cn(!ready && 'invisible')
+    }), /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_alert_dialog_df21c073.Content, {
+        ref: ref,
+        className: utils_cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed top-[50%] left-[50%] z-(--z-modal) grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg', !ready && 'invisible', className),
+        ...props,
+        onOpenAutoFocus: handleOpenAutoFocus
+    }));
+}
+AlertDialogContent.displayName = __rspack_external__radix_ui_react_alert_dialog_df21c073.Content.displayName;
+const AlertDialogHeader = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: utils_cn('flex flex-col space-y-2 text-center sm:text-left', className),
+        ...props
+    });
+AlertDialogHeader.displayName = 'AlertDialogHeader';
+const AlertDialogFooter = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: utils_cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className),
+        [DIALOG_FOOTER_ATTRIBUTE]: '',
+        ...props
+    });
+AlertDialogFooter.displayName = 'AlertDialogFooter';
+const AlertDialogTitle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_alert_dialog_df21c073.Title, {
+        ref: ref,
+        className: utils_cn('text-lg font-semibold', className),
+        ...props
+    }));
+AlertDialogTitle.displayName = __rspack_external__radix_ui_react_alert_dialog_df21c073.Title.displayName;
+const AlertDialogDescription = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_alert_dialog_df21c073.Description, {
+        ref: ref,
+        className: utils_cn('text-muted-foreground text-sm', className),
+        ...props
+    }));
+AlertDialogDescription.displayName = __rspack_external__radix_ui_react_alert_dialog_df21c073.Description.displayName;
+const AlertDialogAction = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_alert_dialog_df21c073.Action, {
+        ref: ref,
+        className: utils_cn(buttonVariants(), className),
+        [DIALOG_PRIMARY_ACTION_ATTRIBUTE]: '',
+        ...props
+    }));
+AlertDialogAction.displayName = __rspack_external__radix_ui_react_alert_dialog_df21c073.Action.displayName;
+const AlertDialogCancel = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_alert_dialog_df21c073.Cancel, {
+        ref: ref,
+        className: utils_cn(buttonVariants({
+            variant: 'outline'
+        }), 'mt-2 sm:mt-0', className),
+        [DIALOG_CANCEL_ACTION_ATTRIBUTE]: '',
+        ...props
+    }));
+AlertDialogCancel.displayName = __rspack_external__radix_ui_react_alert_dialog_df21c073.Cancel.displayName;
+const badgeVariants = cva('inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors duration-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', {
+    variants: {
+        variant: {
+            default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
+            secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
+            destructive: 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
+            success: 'border-transparent bg-success text-success-foreground hover:bg-success/80',
+            warning: 'border-transparent bg-warning text-warning-foreground hover:bg-warning/80',
+            info: 'border-transparent bg-info text-info-foreground hover:bg-info/80',
+            outline: 'text-foreground',
+            draft: 'border-surface-border-1 bg-muted text-foreground gap-2 h-8 px-3 py-2 font-medium'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function Badge({ className, variant, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: utils_cn(badgeVariants({
+            variant
+        }), className),
+        ...props
+    });
+}
+function Avatar({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_avatar_44cfeec7.Root, {
+        ref: ref,
+        ...props,
+        "data-component": "avatar",
+        className: utils_cn('relative flex size-10 shrink-0 overflow-hidden rounded-full', className)
+    });
+}
+Avatar.displayName = __rspack_external__radix_ui_react_avatar_44cfeec7.Root.displayName;
+function AvatarImage({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_avatar_44cfeec7.Image, {
+        ref: ref,
+        ...props,
+        "data-component": "avatar-image",
+        className: utils_cn('aspect-square size-full', className)
+    });
+}
+AvatarImage.displayName = __rspack_external__radix_ui_react_avatar_44cfeec7.Image.displayName;
+function AvatarFallback({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_avatar_44cfeec7.Fallback, {
+        ref: ref,
+        ...props,
+        "data-component": "avatar-fallback",
+        className: utils_cn('bg-muted flex size-full items-center justify-center rounded-full text-sm font-medium', className)
+    });
+}
+AvatarFallback.displayName = __rspack_external__radix_ui_react_avatar_44cfeec7.Fallback.displayName;
+function separator_Separator({ className, orientation = 'horizontal', decorative = true, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_separator_c79cca86.Root, {
+        ref: ref,
+        decorative: decorative,
+        orientation: orientation,
+        className: utils_cn('bg-border shrink-0', 'horizontal' === orientation ? 'h-[1px] w-full' : 'h-full w-[1px]', className),
+        ...props
+    });
+}
+separator_Separator.displayName = __rspack_external__radix_ui_react_separator_c79cca86.Root.displayName;
+const buttonGroupVariants = cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+    variants: {
+        orientation: {
+            horizontal: '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',
+            vertical: 'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none'
+        }
+    },
+    defaultVariants: {
+        orientation: 'horizontal'
+    }
+});
+function ButtonGroup({ className, orientation, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        role: "group",
+        "data-slot": "button-group",
+        "data-orientation": orientation,
+        className: utils_cn(buttonGroupVariants({
+            orientation
+        }), className),
+        ...props
+    });
+}
+const cardVariants = cva('text-card-foreground rounded-2xl', {
+    variants: {
+        variant: {
+            default: 'bg-card/40',
+            transparent: 'bg-transparent'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function Card({ className, variant, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: utils_cn(cardVariants({
+            variant
+        }), className),
+        ...props
+    });
+}
+Card.displayName = 'Card';
+function CardHeader({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: utils_cn('flex flex-col space-y-1.5 p-6', className),
+        ...props
+    });
+}
+CardHeader.displayName = 'CardHeader';
+function CardTitle({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: utils_cn('text-2xl leading-none font-semibold tracking-tight', className),
+        ...props
+    });
+}
+CardTitle.displayName = 'CardTitle';
+function CardDescription({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: utils_cn('text-muted-foreground text-sm', className),
+        ...props
+    });
+}
+CardDescription.displayName = "CardDescription";
+function CardContent({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: utils_cn('p-6 pt-0', className),
+        ...props
+    });
+}
+CardContent.displayName = 'CardContent';
+function CardFooter({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: utils_cn('flex items-center p-6 pt-0', className),
+        ...props
+    });
+}
+CardFooter.displayName = 'CardFooter';
+const Checkbox = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_checkbox_76182ac8.Root, {
+        ref: ref,
+        className: utils_cn('peer border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground h-4 w-4 shrink-0 rounded-sm border focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_checkbox_76182ac8.Indicator, {
+        className: utils_cn('flex items-center justify-center text-current')
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Check, {
+        className: "h-4 w-4"
+    }))));
+Checkbox.displayName = __rspack_external__radix_ui_react_checkbox_76182ac8.Root.displayName;
+const ICON_SIZES = {
+    xs: '0.75em',
+    sm: '1em',
+    default: '1em',
+    md: '1.25em',
+    lg: '1.5em',
+    xl: '2em'
+};
+const iconVariants = cva('', {
+    defaultVariants: {
+        size: 'default'
+    },
+    variants: {
+        color: {
+            default: 'text-foreground',
+            destructive: 'text-destructive',
+            inherit: 'text-current',
+            muted: 'text-muted-foreground',
+            primary: 'text-primary',
+            secondary: 'text-secondary-foreground',
+            success: 'text-green-500',
+            warning: 'text-yellow-500'
+        },
+        size: {
+            xs: '',
+            sm: '',
+            default: '',
+            md: '',
+            lg: '',
+            xl: ''
+        }
+    }
+});
+function icon_Icon({ className, color, icon: IconComponent, size, ...props }) {
+    const iconSize = ICON_SIZES[size ?? 'default'];
+    return /*#__PURE__*/ __rspack_external_react.createElement(IconComponent, {
+        "aria-hidden": "true",
+        size: iconSize,
+        className: utils_cn(iconVariants({
+            color: color ?? void 0,
+            size
+        }), className),
+        ...props
+    });
+}
+const Dialog = __rspack_external__radix_ui_react_dialog_dabd8325.Root;
+__rspack_external__radix_ui_react_dialog_dabd8325.Trigger;
+const DialogPortal = __rspack_external__radix_ui_react_dialog_dabd8325.Portal;
+__rspack_external__radix_ui_react_dialog_dabd8325.Close;
+function DialogOverlay({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Overlay, {
+        ref: ref,
+        className: utils_cn('fixed inset-0 z-(--z-modal) bg-black/50', className),
+        ...props
+    });
+}
+DialogOverlay.displayName = __rspack_external__radix_ui_react_dialog_dabd8325.Overlay.displayName;
+function DialogContentPrimitive({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Content, {
+        ref: ref,
+        className: utils_cn('focus-visible:border focus-visible:ring-0 focus-visible:outline-none', className),
+        ...props
+    });
+}
+DialogContentPrimitive.displayName = __rspack_external__radix_ui_react_dialog_dabd8325.Content.displayName;
+function DialogContent({ className, children, ref, container, hideCloseButton, onOpenAutoFocus, onEscapeKeyDown, ...props }) {
+    const { ref: occlusionRef, ready } = native_view_occlusion_useNativeViewOcclusion();
+    const contentRef = __rspack_external_react.useRef(null);
+    const closeButtonRef = __rspack_external_react.useRef(null);
+    const shouldFocusWhenReadyRef = __rspack_external_react.useRef(false);
+    const handleOpenAutoFocus = __rspack_external_react.useCallback((event)=>{
+        shouldFocusWhenReadyRef.current = shouldQueueDialogDefaultFocus(event, onOpenAutoFocus);
+        if (flushQueuedDialogDefaultFocus({
+            content: contentRef.current,
+            ready,
+            shouldFocus: shouldFocusWhenReadyRef.current
+        })) shouldFocusWhenReadyRef.current = false;
+    }, [
+        onOpenAutoFocus,
+        ready
+    ]);
+    __rspack_external_react.useEffect(()=>{
+        if (flushQueuedDialogDefaultFocus({
+            content: contentRef.current,
+            ready,
+            shouldFocus: shouldFocusWhenReadyRef.current
+        })) shouldFocusWhenReadyRef.current = false;
+    }, [
+        ready
+    ]);
+    const handleEscapeKeyDown = __rspack_external_react.useCallback((event)=>{
+        onEscapeKeyDown?.(event);
+        if (!event.defaultPrevented && void 0 !== container) closeButtonRef.current?.click();
+    }, [
+        container,
+        onEscapeKeyDown
+    ]);
+    const overlay = container ? /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: occlusionRef,
+        className: utils_cn('pointer-events-auto absolute inset-0 z-(--z-modal) bg-black/50', !ready && 'invisible')
+    }) : /*#__PURE__*/ __rspack_external_react.createElement(DialogOverlay, {
+        ref: occlusionRef,
+        className: utils_cn(!ready && 'invisible')
+    });
+    return /*#__PURE__*/ __rspack_external_react.createElement(DialogPortal, {
+        container: container
+    }, overlay, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: utils_cn('pointer-events-none z-(--z-modal) flex items-center justify-center', container ? 'absolute top-0 right-0 left-0 p-4 sm:p-6' : 'fixed inset-0 p-4 sm:p-10', !ready && 'invisible'),
+        style: container ? {
+            bottom: 'var(--chat-input-offset, 0px)'
+        } : void 0
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContentPrimitive, {
+        ref: composeRefs(ref, contentRef),
+        className: utils_cn('bg-surface-level-1 pointer-events-auto relative grid max-h-full w-full max-w-lg min-w-0 gap-4 overflow-auto rounded-3xl border p-8 break-words shadow-lg', className),
+        ...container ? {
+            onInteractOutside: (e)=>{
+                const target = e.detail.originalEvent.target;
+                if (!container.contains(target)) e.preventDefault();
+            }
+        } : {},
+        ...props,
+        onOpenAutoFocus: handleOpenAutoFocus,
+        onEscapeKeyDown: handleEscapeKeyDown
+    }, children, !hideCloseButton && /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Close, {
+        asChild: true,
+        "data-testid": "dialog-close-button"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(button_Button, {
+        ref: closeButtonRef,
+        variant: "ghost",
+        size: "icon-sm",
+        className: "absolute top-3 right-3"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(icon_Icon, {
+        icon: X,
+        size: "sm"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: "sr-only"
+    }, "Close"))), hideCloseButton && /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Close, {
+        ref: closeButtonRef,
+        className: "sr-only",
+        tabIndex: -1,
+        "aria-hidden": true
+    }))));
+}
+DialogContent.displayName = __rspack_external__radix_ui_react_dialog_dabd8325.Content.displayName;
+const DialogHeader = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: utils_cn('flex flex-col space-y-1.5 text-center sm:text-left', className),
+        ...props
+    });
+DialogHeader.displayName = 'DialogHeader';
+const DialogFooter = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: utils_cn('flex flex-wrap justify-end gap-2', className),
+        [DIALOG_FOOTER_ATTRIBUTE]: '',
+        ...props
+    });
+DialogFooter.displayName = 'DialogFooter';
+const DialogTitle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(H5, {
+        asChild: true,
+        className: utils_cn('leading-none', className)
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Title, {
+        ref: ref,
+        ...props
+    })));
+DialogTitle.displayName = __rspack_external__radix_ui_react_dialog_dabd8325.Title.displayName;
+function DialogDescription({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_dialog_dabd8325.Description, {
+        ref: ref,
+        className: utils_cn('text-muted-foreground text-sm', className),
+        ...props
+    });
+}
+DialogDescription.displayName = __rspack_external__radix_ui_react_dialog_dabd8325.Description.displayName;
+const emptyVariants = cva('flex flex-col items-center justify-center text-center', {
+    variants: {
+        size: {
+            default: 'gap-6 p-8',
+            compact: 'gap-4 p-6'
+        },
+        variant: {
+            default: '',
+            outline: 'rounded-lg border border-dashed'
+        }
+    },
+    defaultVariants: {
+        size: 'default',
+        variant: 'default'
+    }
+});
+function Empty({ className, ref, size, variant, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: utils_cn(emptyVariants({
+            size,
+            variant
+        }), className),
+        ...props
+    });
+}
+Empty.displayName = 'Empty';
+function EmptyHeader({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: utils_cn('flex flex-col items-center gap-2', className),
+        ...props
+    });
+}
+EmptyHeader.displayName = 'EmptyHeader';
+const emptyMediaVariants = cva('flex items-center justify-center', {
+    variants: {
+        variant: {
+            default: '',
+            icon: 'text-muted-foreground rounded-lg bg-muted p-3'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function EmptyMedia({ className, variant, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: utils_cn(emptyMediaVariants({
+            variant
+        }), className),
+        ...props
+    });
+}
+EmptyMedia.displayName = 'EmptyMedia';
+const EmptyTitle = (props)=>/*#__PURE__*/ __rspack_external_react.createElement(H3, props);
+EmptyTitle.displayName = 'EmptyTitle';
+function EmptyDescription({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        ref: ref,
+        className: utils_cn('text-muted-foreground text-sm', className),
+        ...props
+    });
+}
+EmptyDescription.displayName = "EmptyDescription";
+function EmptyContent({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ref: ref,
+        className: utils_cn('flex flex-col items-center gap-2', className),
+        ...props
+    });
+}
+EmptyContent.displayName = 'EmptyContent';
+function Label({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_label_73c6aeea.Root, {
+        "data-slot": "label",
+        className: utils_cn('flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50', className),
+        ...props
+    });
+}
+const fieldVariants = cva('group/field data-[invalid=true]:text-destructive flex w-full gap-3', {
+    variants: {
+        orientation: {
+            vertical: 'flex-col [&>*]:w-full [&>.sr-only]:w-auto',
+            horizontal: [
+                'flex-row items-center',
+                '[&>[data-slot=field-label]]:flex-auto',
+                'has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start'
+            ],
+            responsive: [
+                '@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto',
+                '@md/field-group:[&>[data-slot=field-label]]:flex-auto',
+                '@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px'
+            ]
+        }
+    },
+    defaultVariants: {
+        orientation: 'vertical'
+    }
+});
+function Field({ className, orientation = 'vertical', ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        role: "group",
+        "data-slot": "field",
+        "data-orientation": orientation,
+        className: utils_cn(fieldVariants({
+            orientation
+        }), className),
+        ...props
+    });
+}
+function FieldLabel({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Label, {
+        "data-slot": "field-label",
+        className: utils_cn('group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50', 'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4', 'has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10', className),
+        ...props
+    });
+}
+function FieldDescription({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        "data-slot": "field-description",
+        className: utils_cn('text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance', 'nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5', '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4', className),
+        ...props
+    });
+}
+function FieldError({ className, children, errors, ...props }) {
+    const content = __rspack_external_react.useMemo(()=>{
+        if (children) return children;
+        if (!errors) return null;
+        if (1 === errors.length && errors[0]?.message) return errors[0].message;
+        return /*#__PURE__*/ __rspack_external_react.createElement("ul", {
+            className: "ml-4 flex list-disc flex-col gap-1"
+        }, errors.map((error, index)=>error?.message ? /*#__PURE__*/ __rspack_external_react.createElement("li", {
+                key: index
+            }, error.message) : null));
+    }, [
+        children,
+        errors
+    ]);
+    if (!content) return null;
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        role: "alert",
+        "data-slot": "field-error",
+        className: utils_cn('text-destructive text-sm font-normal', className),
+        ...props
+    }, content);
+}
+function useNativeInputSync(ref, onChange) {
+    const lastSeenRef = useRef(null);
+    const onChangeRef = useRef(onChange);
+    useEffect(()=>{
+        onChangeRef.current = onChange;
+    });
+    const wrappedOnChange = external_react_useCallback((event)=>{
+        lastSeenRef.current = event.target.value;
+        onChangeRef.current?.(event);
+    }, []);
+    useEffect(()=>{
+        const el = ref.current;
+        if (!el) return;
+        const handler = (nativeEvent)=>{
+            queueMicrotask(()=>{
+                const next = el.value;
+                if (next === lastSeenRef.current) return;
+                lastSeenRef.current = next;
+                const handlerFn = onChangeRef.current;
+                if (!handlerFn) return;
+                const syntheticEvent = {
+                    bubbles: nativeEvent.bubbles,
+                    cancelable: nativeEvent.cancelable,
+                    currentTarget: el,
+                    defaultPrevented: nativeEvent.defaultPrevented,
+                    eventPhase: nativeEvent.eventPhase,
+                    isDefaultPrevented: ()=>nativeEvent.defaultPrevented,
+                    isPropagationStopped: ()=>false,
+                    isTrusted: nativeEvent.isTrusted,
+                    nativeEvent,
+                    persist: ()=>{},
+                    preventDefault: ()=>nativeEvent.preventDefault(),
+                    stopPropagation: ()=>nativeEvent.stopPropagation(),
+                    target: el,
+                    timeStamp: nativeEvent.timeStamp,
+                    type: 'change'
+                };
+                handlerFn(syntheticEvent);
+            });
+        };
+        el.addEventListener('input', handler);
+        return ()=>el.removeEventListener('input', handler);
+    }, [
+        ref
+    ]);
+    return wrappedOnChange;
+}
+function input_Input({ className, density = 'default', type, error, ref, onChange, ...props }) {
+    const internalRef = __rspack_external_react.useRef(null);
+    __rspack_external_react.useImperativeHandle(ref, ()=>internalRef.current, []);
+    const wrappedOnChange = useNativeInputSync(internalRef, onChange);
+    return /*#__PURE__*/ __rspack_external_react.createElement("input", {
+        type: type,
+        className: utils_cn('bg-input-background placeholder:text-muted-foreground shadow-input-rest focus-visible:border-input-border-focus focus-visible:shadow-input-focus aria-invalid:border-input-border-error aria-invalid:ring-destructive flex w-full border border-transparent transition-[box-shadow,border-color] duration-200 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none aria-invalid:ring-1 disabled:cursor-not-allowed disabled:opacity-50', 'default' === density && 'h-10 rounded-lg px-3 py-2.5 text-base md:text-sm', 'compact' === density && 'h-8 rounded-md px-2 py-1 text-xs', error && 'border-input-border-error ring-destructive ring-1', className),
+        ref: internalRef,
+        onChange: wrappedOnChange,
+        ...props
+    });
+}
+input_Input.displayName = 'Input';
+function Textarea({ className, error, ref, onChange, ...props }) {
+    const internalRef = __rspack_external_react.useRef(null);
+    __rspack_external_react.useImperativeHandle(ref, ()=>internalRef.current, []);
+    const wrappedOnChange = useNativeInputSync(internalRef, onChange);
+    return /*#__PURE__*/ __rspack_external_react.createElement("textarea", {
+        className: utils_cn('bg-input-background placeholder:text-muted-foreground shadow-input-rest focus-visible:border-input-border-focus focus-visible:shadow-input-focus textarea-scrollbar flex min-h-[80px] w-full rounded-lg border border-transparent px-3 py-2.5 text-base transition-[box-shadow,border-color] duration-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', error && 'border-input-border-error ring-destructive ring-1', className),
+        ref: internalRef,
+        onChange: wrappedOnChange,
+        ...props
+    });
+}
+Textarea.displayName = 'Textarea';
+cva("text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-']):not([width])]:size-4", {
+    variants: {
+        align: {
+            'inline-start': 'order-first has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]',
+            'inline-end': 'order-last has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]',
+            'block-start': 'order-first w-full justify-start',
+            'block-end': 'order-last w-full justify-start'
+        }
+    },
+    defaultVariants: {
+        align: 'inline-start'
+    }
+});
+cva('flex items-center gap-2 text-sm', {
+    variants: {
+        size: {
+            xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-']):not([width])]:size-3.5",
+            sm: 'h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5',
+            'icon-xs': 'size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0',
+            'icon-sm': 'size-8 p-0 has-[>svg]:p-0'
+        }
+    },
+    defaultVariants: {
+        size: 'xs'
+    }
+});
+function InputGroupTextarea({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Textarea, {
+        ref: ref,
+        "data-slot": "input-group-control",
+        className: utils_cn('flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none focus-visible:shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:outline-none', className),
+        ...props
+    });
+}
+InputGroupTextarea.displayName = 'InputGroupTextarea';
+const itemVariants = cva('group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors [button]:cursor-pointer [button]:hover:bg-accent/50 [button]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]', {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            outline: 'border-border',
+            muted: 'bg-muted/50'
+        },
+        size: {
+            default: 'p-4 gap-4 ',
+            sm: 'py-3 px-4 gap-2.5'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default'
+    }
+});
+function Item({ className, variant = 'default', size = 'default', asChild = false, ...props }) {
+    const Comp = asChild ? react_slot_Slot : 'div';
+    return /*#__PURE__*/ __rspack_external_react.createElement(Comp, {
+        "data-slot": "item",
+        "data-variant": variant,
+        "data-size": size,
+        className: utils_cn(itemVariants({
+            variant,
+            size,
+            className
+        })),
+        ...props
+    });
+}
+cva("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5", {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
+            image: 'size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function ItemContent({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "item-content",
+        className: utils_cn('flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none', className),
+        ...props
+    });
+}
+function ItemTitle({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "item-title",
+        className: utils_cn('flex w-fit items-center gap-2 text-sm leading-snug font-medium', className),
+        ...props
+    });
+}
+function ItemDescription({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        "data-slot": "item-description",
+        className: utils_cn('text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance', '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4', className),
+        ...props
+    });
+}
+const TooltipProvider = __rspack_external__radix_ui_react_tooltip_b301f25d.Provider;
+const Tooltip = __rspack_external__radix_ui_react_tooltip_b301f25d.Root;
+const TooltipTrigger = __rspack_external__radix_ui_react_tooltip_b301f25d.Trigger;
+function TooltipContent({ className, sideOffset = 4, variant = 'default', ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_tooltip_b301f25d.Portal, null, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_tooltip_b301f25d.Content, {
+        ref: ref,
+        sideOffset: sideOffset,
+        className: utils_cn('animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-(--z-tooltip) origin-[--radix-tooltip-content-transform-origin] overflow-hidden rounded-lg px-3 py-1.5 text-sm data-[state=instant-open]:animate-none', 'chrome' === variant ? 'border-border bg-tooltip-chrome text-tooltip-chrome-foreground border shadow-md' : 'bg-popover text-popover-foreground shadow-popover', className),
+        ...props
+    }));
+}
+TooltipContent.displayName = __rspack_external__radix_ui_react_tooltip_b301f25d.Content.displayName;
+function MiniAppToolbar({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("header", {
+        ref: ref,
+        ...props,
+        "data-component": "mini-app-toolbar",
+        "data-slot": "mini-app-toolbar",
+        className: utils_cn('bg-sidebar/50 border-workspace-divider flex min-h-12 shrink-0 items-center gap-3 border-b px-4 py-2', className)
+    });
+}
+MiniAppToolbar.displayName = 'MiniAppToolbar';
+function MiniAppIconButton({ icon, label, size = 'icon-xs', tooltipSide = 'bottom', type = 'button', variant = 'ghost', ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Tooltip, {
+        disableHoverableContent: true
+    }, /*#__PURE__*/ __rspack_external_react.createElement(TooltipTrigger, {
+        asChild: true
+    }, /*#__PURE__*/ __rspack_external_react.createElement(button_Button, {
+        ...props,
+        type: type,
+        variant: variant,
+        size: size,
+        "aria-label": label,
+        "data-component": "mini-app-icon-button",
+        "data-slot": "mini-app-icon-button"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(icon_Icon, {
+        icon: icon,
+        size: "sm",
+        "data-icon": "icon"
+    }))), /*#__PURE__*/ __rspack_external_react.createElement(TooltipContent, {
+        side: tooltipSide
+    }, label));
+}
+MiniAppIconButton.displayName = 'MiniAppIconButton';
+function MiniAppStatusBar({ children, className, tone = 'neutral', ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Alert, {
+        ...props,
+        role: "status",
+        "aria-live": "polite",
+        "data-component": "mini-app-status-bar",
+        "data-slot": "mini-app-status-bar",
+        variant: 'error' === tone ? 'destructive' : 'success' === tone ? 'success' : 'default',
+        className: utils_cn('max-h-16 overflow-auto rounded-none border-x-0 border-b-0 px-3 py-1.5', className)
+    }, /*#__PURE__*/ __rspack_external_react.createElement(AlertDescription, {
+        className: "text-xs"
+    }, children));
+}
+MiniAppStatusBar.displayName = 'MiniAppStatusBar';
+function MiniAppPageHeader({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("header", {
+        ref: ref,
+        ...props,
+        "data-component": "mini-app-page-header",
+        className: utils_cn('flex flex-wrap items-start justify-between gap-4', className)
+    });
+}
+MiniAppPageHeader.displayName = 'MiniAppPageHeader';
+function MiniAppPageHeaderContent({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-page-header-content",
+        className: utils_cn('min-w-0 flex-1 space-y-1', className)
+    });
+}
+MiniAppPageHeaderContent.displayName = 'MiniAppPageHeaderContent';
+function MiniAppPageHeaderTitle({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(H1, {
+        ...props,
+        "data-component": "mini-app-page-header-title",
+        className: utils_cn('text-2xl leading-8', className)
+    });
+}
+MiniAppPageHeaderTitle.displayName = 'MiniAppPageHeaderTitle';
+function MiniAppPageHeaderDescription({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        ...props,
+        "data-component": "mini-app-page-header-description",
+        className: utils_cn('text-muted-foreground text-sm', className)
+    });
+}
+MiniAppPageHeaderDescription.displayName = "MiniAppPageHeaderDescription";
+function MiniAppPageHeaderActions({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-page-header-actions",
+        className: utils_cn('flex shrink-0 flex-wrap items-center gap-2', className)
+    });
+}
+MiniAppPageHeaderActions.displayName = 'MiniAppPageHeaderActions';
+function MiniAppSectionHeader({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("header", {
+        ...props,
+        "data-component": "mini-app-section-header",
+        className: utils_cn('flex flex-wrap items-start justify-between gap-3', className)
+    });
+}
+MiniAppSectionHeader.displayName = 'MiniAppSectionHeader';
+function MiniAppSectionHeaderContent({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-section-header-content",
+        className: utils_cn('min-w-0 flex-1 space-y-1', className)
+    });
+}
+MiniAppSectionHeaderContent.displayName = 'MiniAppSectionHeaderContent';
+function MiniAppSectionHeaderTitle({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(H2, {
+        ...props,
+        "data-component": "mini-app-section-header-title",
+        className: utils_cn('text-lg leading-7', className)
+    });
+}
+MiniAppSectionHeaderTitle.displayName = 'MiniAppSectionHeaderTitle';
+function MiniAppSectionHeaderDescription({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        ...props,
+        "data-component": "mini-app-section-header-description",
+        className: utils_cn('text-muted-foreground text-sm', className)
+    });
+}
+MiniAppSectionHeaderDescription.displayName = "MiniAppSectionHeaderDescription";
+function MiniAppSectionHeaderActions({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-section-header-actions",
+        className: utils_cn('flex shrink-0 flex-wrap items-center gap-2', className)
+    });
+}
+MiniAppSectionHeaderActions.displayName = 'MiniAppSectionHeaderActions';
+function MiniAppMetric({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Card, {
+        ...props,
+        "data-component": "mini-app-metric",
+        className: utils_cn('border p-0', className)
+    });
+}
+MiniAppMetric.displayName = 'MiniAppMetric';
+function MiniAppMetricHeader({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(CardHeader, {
+        ...props,
+        "data-component": "mini-app-metric-header",
+        className: utils_cn('flex-row items-center justify-between gap-2 p-4 pb-0', className)
+    });
+}
+MiniAppMetricHeader.displayName = 'MiniAppMetricHeader';
+function MiniAppMetricLabel({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-metric-label",
+        className: utils_cn('text-muted-foreground text-sm font-medium', className)
+    });
+}
+MiniAppMetricLabel.displayName = 'MiniAppMetricLabel';
+function MiniAppMetricContent({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(CardContent, {
+        ...props,
+        "data-component": "mini-app-metric-content",
+        className: utils_cn('space-y-1 p-4 pt-3', className)
+    });
+}
+MiniAppMetricContent.displayName = 'MiniAppMetricContent';
+function MiniAppMetricValue({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-metric-value",
+        className: utils_cn('text-foreground text-2xl font-semibold tabular-nums', className)
+    });
+}
+MiniAppMetricValue.displayName = 'MiniAppMetricValue';
+function MiniAppMetricDetail({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        ...props,
+        "data-component": "mini-app-metric-detail",
+        className: utils_cn('text-muted-foreground text-xs', className)
+    });
+}
+MiniAppMetricDetail.displayName = 'MiniAppMetricDetail';
+function NativeSelect({ className, density = 'default', ref, wrapperClassName, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: utils_cn('relative min-w-0 max-w-full', wrapperClassName)
+    }, /*#__PURE__*/ __rspack_external_react.createElement("select", {
+        className: utils_cn('bg-background ring-offset-background placeholder:text-muted-foreground shadow-input-rest focus-visible:ring-ring flex w-full appearance-none rounded-md border border-transparent text-sm focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50', 'default' === density && 'h-10 px-3 py-2 pr-10', 'compact' === density && 'h-8 py-1 pr-8 pl-2 text-xs', className),
+        ref: ref,
+        ...props
+    }), /*#__PURE__*/ __rspack_external_react.createElement(ChevronDown, {
+        className: utils_cn('pointer-events-none absolute top-1/2 -translate-y-1/2 opacity-50', 'default' === density && 'right-3 h-4 w-4', 'compact' === density && 'right-2 h-3.5 w-3.5')
+    }));
+}
+NativeSelect.displayName = 'NativeSelect';
+function NativeSelectOption({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("option", {
+        className: className,
+        ref: ref,
+        ...props
+    });
+}
+NativeSelectOption.displayName = 'NativeSelectOption';
+function NativeSelectOptGroup({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("optgroup", {
+        className: className,
+        ref: ref,
+        ...props
+    });
+}
+NativeSelectOptGroup.displayName = 'NativeSelectOptGroup';
+function Progress({ className, value, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_progress_67feda0a.Root, {
+        ref: ref,
+        className: utils_cn('bg-secondary relative h-4 w-full overflow-hidden rounded-full', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_progress_67feda0a.Indicator, {
+        className: "bg-primary h-full w-full flex-1 transition-all",
+        style: {
+            transform: `translateX(-${100 - (value || 0)}%)`
+        }
+    }));
+}
+Progress.displayName = __rspack_external__radix_ui_react_progress_67feda0a.Root.displayName;
+function RadioGroup({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_radio_group_295a43fb.Root, {
+        className: utils_cn('grid gap-2', className),
+        ...props,
+        ref: ref
+    });
+}
+RadioGroup.displayName = __rspack_external__radix_ui_react_radio_group_295a43fb.Root.displayName;
+function RadioGroupItem({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_radio_group_295a43fb.Item, {
+        ref: ref,
+        className: utils_cn('ring-offset-background focus-visible:ring-ring border-input bg-input-background data-[state=checked]:border-primary data-[state=checked]:bg-primary aspect-square h-4 w-4 rounded-full border transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_radio_group_295a43fb.Indicator, {
+        className: "flex items-center justify-center"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Circle, {
+        className: "h-2 w-2 fill-white text-white"
+    })));
+}
+RadioGroupItem.displayName = __rspack_external__radix_ui_react_radio_group_295a43fb.Item.displayName;
+function RadioCard({ id, value, children, className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("label", {
+        ref: ref,
+        htmlFor: id,
+        className: utils_cn('bg-surface-level-2 rounded-inset relative flex cursor-pointer items-start gap-3 px-3 py-2.5 shadow-sm transition-all duration-150', 'hover:bg-accent/50', 'has-[[data-state=checked]]:bg-interactive-focus has-[[data-state=checked]]:ring-ring has-[[data-state=checked]]:ring-1', className)
+    }, /*#__PURE__*/ __rspack_external_react.createElement(RadioGroupItem, {
+        id: id,
+        value: value,
+        className: "mt-0.5 shrink-0",
+        ...props
+    }), /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex-1 space-y-1"
+    }, children));
+}
+RadioCard.displayName = 'RadioCard';
+__rspack_external__radix_ui_react_select_4606f4d3.Root;
+__rspack_external__radix_ui_react_select_4606f4d3.Group;
+__rspack_external__radix_ui_react_select_4606f4d3.Value;
+function SelectTrigger({ className, children, density = 'default', ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.Trigger, {
+        ref: ref,
+        className: utils_cn('bg-input-background data-[placeholder]:text-muted-foreground shadow-input-rest focus-visible:border-input-border-focus focus-visible:shadow-input-focus flex w-full min-w-0 items-center justify-between gap-2 rounded-lg border border-transparent transition-[box-shadow,border-color] duration-200 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:min-w-0 [&>span]:flex-1 [&>span]:truncate [&>span]:text-left', 'default' === density && 'h-9 px-3 py-2 text-base md:text-sm', 'compact' === density && 'h-8 px-2 py-1 text-xs', className),
+        ...props
+    }, children, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.Icon, {
+        asChild: true
+    }, /*#__PURE__*/ __rspack_external_react.createElement(ChevronDown, {
+        className: "h-4 w-4 opacity-50"
+    })));
+}
+SelectTrigger.displayName = __rspack_external__radix_ui_react_select_4606f4d3.Trigger.displayName;
+function SelectScrollUpButton({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.ScrollUpButton, {
+        ref: ref,
+        className: utils_cn('flex cursor-default items-center justify-center py-1', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(ChevronUp, {
+        className: "h-4 w-4"
+    }));
+}
+SelectScrollUpButton.displayName = __rspack_external__radix_ui_react_select_4606f4d3.ScrollUpButton.displayName;
+function SelectScrollDownButton({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.ScrollDownButton, {
+        ref: ref,
+        className: utils_cn('flex cursor-default items-center justify-center py-1', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(ChevronDown, {
+        className: "h-4 w-4"
+    }));
+}
+SelectScrollDownButton.displayName = __rspack_external__radix_ui_react_select_4606f4d3.ScrollDownButton.displayName;
+function SelectContent({ className, children, position = 'popper', ref, ...props }) {
+    const { ref: occlusionRef, ready } = native_view_occlusion_useNativeViewOcclusion();
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.Portal, null, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.Content, {
+        ref: composeRefs(ref, occlusionRef),
+        className: utils_cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-(--z-popover) max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-lg shadow-sm data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left data-[side=top]:origin-bottom', 'popper' === position && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', !ready && 'invisible', className),
+        position: position,
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.Viewport, {
+        className: utils_cn('p-1', 'popper' === position && 'max-h-[min(var(--radix-select-content-available-height),24rem)] w-full min-w-[var(--radix-select-trigger-width)]')
+    }, children)));
+}
+SelectContent.displayName = __rspack_external__radix_ui_react_select_4606f4d3.Content.displayName;
+function SelectLabel({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.Label, {
+        ref: ref,
+        className: utils_cn('py-1.5 pr-2 pl-8 text-sm font-semibold', className),
+        ...props
+    });
+}
+SelectLabel.displayName = __rspack_external__radix_ui_react_select_4606f4d3.Label.displayName;
+function SelectItem({ className, children, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.Item, {
+        ref: ref,
+        className: utils_cn('data-[highlighted]:bg-sidebar-accent data-[highlighted]:text-sidebar-accent-foreground relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.ItemIndicator, null, /*#__PURE__*/ __rspack_external_react.createElement(Check, {
+        className: "h-4 w-4"
+    }))), /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.ItemText, null, children));
+}
+SelectItem.displayName = __rspack_external__radix_ui_react_select_4606f4d3.Item.displayName;
+function SelectSeparator({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_select_4606f4d3.Separator, {
+        ref: ref,
+        className: utils_cn('bg-muted -mx-1 my-1 h-px', className),
+        ...props
+    });
+}
+SelectSeparator.displayName = __rspack_external__radix_ui_react_select_4606f4d3.Separator.displayName;
+function Skeleton({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-slot": "skeleton",
+        className: utils_cn('bg-accent animate-pulse rounded-md', className),
+        ...props
+    });
+}
+function Slider({ className, ref, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, ...props }) {
+    const thumbCount = __rspack_external_react.useMemo(()=>{
+        if (props.value?.length) return props.value.length;
+        if (props.defaultValue?.length) return props.defaultValue.length;
+        return 1;
+    }, [
+        props.value,
+        props.defaultValue
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_slider_302f41eb.Root, {
+        ref: ref,
+        className: utils_cn('relative flex w-full touch-none items-center select-none', 'disabled:pointer-events-none disabled:opacity-50', className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_slider_302f41eb.Track, {
+        className: utils_cn('bg-muted relative h-2 w-full grow overflow-hidden rounded-full', 'data-[disabled]:opacity-50')
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_slider_302f41eb.Range, {
+        className: "bg-primary absolute h-full"
+    })), Array.from({
+        length: thumbCount
+    }).map((_, index)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_slider_302f41eb.Thumb, {
+            key: index,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledby,
+            className: utils_cn('border-primary bg-switch-thumb ring-offset-background block h-5 w-5 rounded-full border-2 shadow-sm transition-colors', 'focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none', 'disabled:pointer-events-none disabled:opacity-50')
+        })));
+}
+Slider.displayName = 'Slider';
+const statusIndicatorVariants = cva('rounded-full', {
+    variants: {
+        tone: {
+            success: 'bg-success',
+            warning: 'bg-warning',
+            destructive: 'bg-destructive',
+            neutral: 'bg-muted-foreground'
+        },
+        size: {
+            sm: 'size-2.5',
+            md: 'size-3',
+            lg: 'size-4'
+        }
+    },
+    defaultVariants: {
+        tone: 'neutral',
+        size: 'md'
+    }
+});
+function StatusIndicator({ className, label, ref, size, tone, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        ref: ref,
+        ...props,
+        "data-component": "status-indicator",
+        className: utils_cn(statusIndicatorVariants({
+            tone,
+            size
+        }), className),
+        role: "status",
+        "aria-label": label
+    });
+}
+StatusIndicator.displayName = 'StatusIndicator';
+const Table = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, density = 'default', ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "relative w-full overflow-auto"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("table", {
+        ref: ref,
+        "data-density": density,
+        className: utils_cn('w-full caption-bottom text-sm', 'compact' === density && '[&_th]:h-8 [&_th]:px-2 [&_th]:text-xs [&_td]:p-1', className),
+        ...props
+    })));
+Table.displayName = 'Table';
+const TableHeader = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("thead", {
+        ref: ref,
+        className: utils_cn('[&_tr]:border-b', className),
+        ...props
+    }));
+TableHeader.displayName = 'TableHeader';
+const TableBody = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("tbody", {
+        ref: ref,
+        className: utils_cn('[&_tr:last-child]:border-0', className),
+        ...props
+    }));
+TableBody.displayName = 'TableBody';
+const TableFooter = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("tfoot", {
+        ref: ref,
+        className: utils_cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className),
+        ...props
+    }));
+TableFooter.displayName = 'TableFooter';
+const TableRow = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("tr", {
+        ref: ref,
+        className: utils_cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors duration-100', className),
+        ...props
+    }));
+TableRow.displayName = 'TableRow';
+const TableHead = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("th", {
+        ref: ref,
+        className: utils_cn('text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0', className),
+        ...props
+    }));
+TableHead.displayName = 'TableHead';
+const TableCell = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("td", {
+        ref: ref,
+        className: utils_cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className),
+        ...props
+    }));
+TableCell.displayName = 'TableCell';
+const TableCaption = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("caption", {
+        ref: ref,
+        className: utils_cn('text-muted-foreground mt-4 text-sm', className),
+        ...props
+    }));
+TableCaption.displayName = 'TableCaption';
+function Tabs({ className, orientation = 'horizontal', ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_tabs_62268d7a.Root, {
+        "data-slot": "tabs",
+        "data-orientation": orientation,
+        orientation: orientation,
+        className: utils_cn('group/tabs flex gap-2 data-[orientation=horizontal]:flex-col', className),
+        ...props
+    });
+}
+const tabsListVariants = cva('group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none', {
+    variants: {
+        variant: {
+            default: 'bg-muted',
+            line: 'gap-1 bg-transparent'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function TabsList({ className, variant = 'default', ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_tabs_62268d7a.List, {
+        "data-slot": "tabs-list",
+        "data-variant": variant,
+        className: utils_cn(tabsListVariants({
+            variant
+        }), className),
+        ...props
+    });
+}
+function TabsTrigger({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_tabs_62268d7a.Trigger, {
+        "data-slot": "tabs-trigger",
+        className: utils_cn("text-foreground/60 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", 'group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent', 'data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground', 'after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100', className),
+        ...props
+    });
+}
+function TabsContent({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_tabs_62268d7a.Content, {
+        "data-slot": "tabs-content",
+        className: utils_cn('focus-visible:ring-ring/50 flex-1 outline-none focus-visible:ring-[3px] focus-visible:ring-inset focus-visible:outline-1', className),
+        ...props
+    });
+}
+const toggleVariants = cva('inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2', {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            outline: 'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground'
+        },
+        size: {
+            default: 'h-10 px-3 min-w-10',
+            sm: 'h-9 px-2.5 min-w-9',
+            lg: 'h-11 px-5 min-w-11'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default'
+    }
+});
+const Toggle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, variant, size, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_toggle_f6d72b6a.Root, {
+        ref: ref,
+        className: utils_cn(toggleVariants({
+            variant,
+            size,
+            className
+        })),
+        ...props
+    }));
+Toggle.displayName = __rspack_external__radix_ui_react_toggle_f6d72b6a.Root.displayName;
+const ToggleGroup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_toggle_group_1cb63752.Root, {
+        ref: ref,
+        className: utils_cn('bg-muted inline-flex items-center justify-center rounded-md p-1', className),
+        ...props
+    }));
+ToggleGroup.displayName = __rspack_external__radix_ui_react_toggle_group_1cb63752.Root.displayName;
+const ToggleGroupItem = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_toggle_group_1cb63752.Item, {
+        ref: ref,
+        className: utils_cn('ring-offset-background inline-flex cursor-pointer items-center justify-center rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-all', 'focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none', 'disabled:pointer-events-none disabled:opacity-50', 'data-[state=on]:bg-background data-[state=on]:text-foreground data-[state=on]:shadow-sm', 'hover:bg-muted-foreground/10', className),
+        ...props
+    }, children));
+ToggleGroupItem.displayName = __rspack_external__radix_ui_react_toggle_group_1cb63752.Item.displayName;
+const SDK_SLOT = Symbol.for('tap.internal.v1');
+const UNSUPPORTED_ENVIRONMENT_MESSAGE = 'Attempted to use The AI Platform MiniApp SDK outside a supported environment';
+function readMiniAppSdk() {
+    const value = Reflect.get(globalThis, SDK_SLOT);
+    if ('object' != typeof value || null === value) throw new Error(UNSUPPORTED_ENVIRONMENT_MESSAGE);
+    return value;
+}
+new Proxy(Object.create(null), {
+    get (_target, property) {
+        return Reflect.get(readMiniAppSdk(), property);
+    },
+    has (_target, property) {
+        return Reflect.has(readMiniAppSdk(), property);
+    },
+    ownKeys () {
+        return Reflect.ownKeys(readMiniAppSdk());
+    },
+    getOwnPropertyDescriptor (_target, property) {
+        const descriptor = Reflect.getOwnPropertyDescriptor(readMiniAppSdk(), property);
+        return descriptor ? {
+            ...descriptor,
+            configurable: true
+        } : void 0;
+    }
+});
+function exactOrigin(value) {
+    if (!value) return null;
+    try {
+        const url = new URL(value);
+        return 'null' === url.origin || url.username || url.password ? null : url.origin;
+    } catch  {
+        return null;
+    }
+}
+function getHostOrigin() {
+    const params = new URLSearchParams(window.location.search);
+    const referrer = "u" < typeof document ? '' : document.referrer;
+    return exactOrigin(params.get('hostOrigin')) ?? exactOrigin(params.get('miniappHostOrigin')) ?? exactOrigin(referrer);
+}
+const MINIAPP_UI_SCALE_MIN = 12;
+const MINIAPP_UI_SCALE_MAX = 20;
+const MINIAPP_UI_SCALE_DEFAULT = 16;
+const MINIAPP_THEME_CHANGED_EVENTS = new Set([
+    'zephyr-app-theme-changed',
+    'tap-miniapp-theme-changed'
+]);
+const MINIAPP_UI_SCALE_CHANGED_EVENT = 'zephyr-app-ui-scale-changed';
+function isMiniAppTheme(value) {
+    return 'light' === value || 'dark' === value;
+}
+function readThemeFromSearch(search) {
+    const params = 'string' == typeof search ? new URLSearchParams(search.startsWith('?') ? search.slice(1) : search) : search;
+    const appTheme = params.get('appTheme');
+    return isMiniAppTheme(appTheme) ? appTheme : 'light';
+}
+function getMiniAppThemeFromSearch(search = "u" < typeof window ? '' : window.location.search) {
+    return readThemeFromSearch(search);
+}
+function applyMiniAppTheme(theme) {
+    if ("u" < typeof document) return;
+    document.documentElement.dataset.appTheme = theme;
+    document.documentElement.classList.toggle('dark', 'dark' === theme);
+    document.documentElement.classList.toggle('light', 'light' === theme);
+    document.documentElement.style.colorScheme = theme;
+}
+function isMiniAppUiScale(value) {
+    return 'number' == typeof value && Number.isInteger(value) && value >= MINIAPP_UI_SCALE_MIN && value <= MINIAPP_UI_SCALE_MAX;
+}
+function getMiniAppUiScaleFromSearch(search = "u" < typeof window ? '' : window.location.search) {
+    const params = 'string' == typeof search ? new URLSearchParams(search.startsWith('?') ? search.slice(1) : search) : search;
+    const rawScale = params.get('appUiScale');
+    if (null === rawScale || '' === rawScale.trim()) return MINIAPP_UI_SCALE_DEFAULT;
+    const scale = Number(rawScale);
+    return isMiniAppUiScale(scale) ? scale : MINIAPP_UI_SCALE_DEFAULT;
+}
+function applyMiniAppUiScale(scale) {
+    if ("u" < typeof document || !isMiniAppUiScale(scale)) return;
+    document.documentElement.dataset.uiScale = String(scale);
+    document.documentElement.style.setProperty('--app-font-size', `${scale}px`);
+}
+function installMiniAppAppearanceSync({ applyTheme = applyMiniAppTheme, applyUiScale = applyMiniAppUiScale, search } = {}) {
+    applyTheme(getMiniAppThemeFromSearch(search));
+    applyUiScale(getMiniAppUiScaleFromSearch(search));
+    if ("u" < typeof window) return ()=>void 0;
+    const hostOrigin = getHostOrigin();
+    const parent = window.parent;
+    if (!hostOrigin || !parent || parent === window) return ()=>void 0;
+    const handleMessage = (event)=>{
+        if (event.source !== parent || event.origin !== hostOrigin) return;
+        if ('object' != typeof event.data || null === event.data) return;
+        const record = event.data;
+        if ('string' == typeof record.type && MINIAPP_THEME_CHANGED_EVENTS.has(record.type) && isMiniAppTheme(record.appTheme)) return void applyTheme(record.appTheme);
+        if (record.type === MINIAPP_UI_SCALE_CHANGED_EVENT && isMiniAppUiScale(record.appUiScale)) applyUiScale(record.appUiScale);
+    };
+    window.addEventListener('message', handleMessage);
+    return ()=>window.removeEventListener('message', handleMessage);
+}
+const identifierSchema = z.string().min(1).max(128).regex(/^[A-Za-z0-9][A-Za-z0-9._:-]*$/);
+const displayTextSchema = z.string().max(4096);
+const childReferencesSchema = z.array(identifierSchema).max(100);
+const actionSchema = z.string().min(1).max(128);
+const entityIdSchema = identifierSchema.optional();
+const controlStateShape = {
+    disabled: z.boolean().default(false),
+    busy: z.boolean().default(false)
+};
+const actionShape = {
+    action: actionSchema,
+    entityId: entityIdSchema
+};
+const fieldShape = {
+    description: displayTextSchema.optional(),
+    error: displayTextSchema.optional(),
+    label: displayTextSchema,
+    required: z.boolean().default(false)
+};
+const stackNodeSchema = z.object({
+    type: z.literal('stack'),
+    id: identifierSchema,
+    children: childReferencesSchema,
+    gap: z["enum"]([
+        'none',
+        'sm',
+        'md',
+        'lg'
+    ]).default('md')
+}).strict();
+const rowNodeSchema = z.object({
+    type: z.literal('row'),
+    id: identifierSchema,
+    children: childReferencesSchema,
+    gap: z["enum"]([
+        'none',
+        'sm',
+        'md',
+        'lg'
+    ]).default('md'),
+    wrap: z.boolean().default(true)
+}).strict();
+const toolbarNodeSchema = z.object({
+    type: z.literal('toolbar'),
+    id: identifierSchema,
+    label: displayTextSchema,
+    children: childReferencesSchema
+}).strict();
+const statusBarNodeSchema = z.object({
+    type: z.literal('status-bar'),
+    id: identifierSchema,
+    text: displayTextSchema,
+    tone: z["enum"]([
+        'error',
+        'neutral',
+        'success'
+    ]).default('neutral')
+}).strict();
+const headingNodeSchema = z.object({
+    type: z.literal('heading'),
+    id: identifierSchema,
+    level: z.number().int().min(1).max(6),
+    text: displayTextSchema
+}).strict();
+const textNodeSchema = z.object({
+    type: z.literal('text'),
+    id: identifierSchema,
+    text: displayTextSchema,
+    tone: z["enum"]([
+        'default',
+        'muted'
+    ]).default('default')
+}).strict();
+const buttonNodeSchema = z.object({
+    type: z.literal('button'),
+    id: identifierSchema,
+    label: displayTextSchema,
+    ...actionShape,
+    ...controlStateShape,
+    variant: z["enum"]([
+        'default',
+        'destructive',
+        'outline',
+        'secondary',
+        'tertiary',
+        'ghost',
+        'link'
+    ]).default('default')
+}).strict();
+const iconButtonNodeSchema = z.object({
+    type: z.literal('icon-button'),
+    id: identifierSchema,
+    label: displayTextSchema,
+    icon: z["enum"]([
+        'add',
+        'check',
+        'close',
+        'delete',
+        'help',
+        'info',
+        'refresh',
+        'search',
+        'settings'
+    ]),
+    ...actionShape,
+    ...controlStateShape,
+    variant: z["enum"]([
+        'default',
+        'destructive',
+        'outline',
+        'secondary',
+        'ghost'
+    ]).default('ghost')
+}).strict();
+const buttonGroupNodeSchema = z.object({
+    type: z.literal('button-group'),
+    id: identifierSchema,
+    label: displayTextSchema,
+    children: childReferencesSchema
+}).strict();
+const badgeNodeSchema = z.object({
+    type: z.literal('badge'),
+    id: identifierSchema,
+    text: displayTextSchema,
+    variant: z["enum"]([
+        'default',
+        'secondary',
+        'destructive',
+        'outline'
+    ]).default('default')
+}).strict();
+const cardNodeSchema = z.object({
+    type: z.literal('card'),
+    id: identifierSchema,
+    title: displayTextSchema.optional(),
+    description: displayTextSchema.optional(),
+    children: childReferencesSchema
+}).strict();
+const itemNodeSchema = z.object({
+    type: z.literal('item'),
+    id: identifierSchema,
+    title: displayTextSchema,
+    description: displayTextSchema.optional(),
+    children: childReferencesSchema
+}).strict();
+const tabsNodeSchema = z.object({
+    type: z.literal('tabs'),
+    id: identifierSchema,
+    value: identifierSchema,
+    action: actionSchema,
+    entityId: entityIdSchema,
+    disabled: z.boolean().default(false),
+    tabs: z.array(z.object({
+        id: identifierSchema,
+        label: displayTextSchema,
+        children: childReferencesSchema,
+        disabled: z.boolean().default(false)
+    }).strict()).min(1).max(20)
+}).strict();
+const alertNodeSchema = z.object({
+    type: z.literal('alert'),
+    id: identifierSchema,
+    title: displayTextSchema,
+    description: displayTextSchema.optional(),
+    tone: z["enum"]([
+        'default',
+        'info',
+        'destructive',
+        'warning',
+        'success'
+    ]).default('default')
+}).strict();
+const emptyNodeSchema = z.object({
+    type: z.literal('empty'),
+    id: identifierSchema,
+    title: displayTextSchema,
+    description: displayTextSchema.optional(),
+    children: childReferencesSchema
+}).strict();
+const loadingNodeSchema = z.object({
+    type: z.literal('loading'),
+    id: identifierSchema,
+    label: displayTextSchema,
+    rows: z.number().int().min(1).max(12).default(3)
+}).strict();
+const inputNodeSchema = z.object({
+    type: z.literal('input'),
+    id: identifierSchema,
+    ...fieldShape,
+    ...actionShape,
+    ...controlStateShape,
+    value: z.string().max(16384),
+    inputType: z["enum"]([
+        'text',
+        'email',
+        'password',
+        'search'
+    ]).default('text'),
+    placeholder: displayTextSchema.optional()
+}).strict();
+const textareaNodeSchema = z.object({
+    type: z.literal('textarea'),
+    id: identifierSchema,
+    ...fieldShape,
+    ...actionShape,
+    ...controlStateShape,
+    value: z.string().max(65536),
+    placeholder: displayTextSchema.optional(),
+    rows: z.number().int().min(2).max(20).default(4)
+}).strict();
+const selectNodeSchema = z.object({
+    type: z.literal('select'),
+    id: identifierSchema,
+    ...fieldShape,
+    ...actionShape,
+    ...controlStateShape,
+    value: z.string().max(4096),
+    options: z.array(z.object({
+        value: z.string().max(4096),
+        label: displayTextSchema,
+        disabled: z.boolean().default(false)
+    }).strict()).max(100)
+}).strict();
+const checkboxNodeSchema = z.object({
+    type: z.literal('checkbox'),
+    id: identifierSchema,
+    ...fieldShape,
+    ...actionShape,
+    ...controlStateShape,
+    checked: z.boolean()
+}).strict();
+const progressNodeSchema = z.object({
+    type: z.literal('progress'),
+    id: identifierSchema,
+    label: displayTextSchema,
+    value: z.number().finite().min(0).max(100)
+}).strict();
+const tooltipNodeSchema = z.object({
+    type: z.literal('tooltip'),
+    id: identifierSchema,
+    label: displayTextSchema,
+    child: identifierSchema
+}).strict();
+const dialogActionSchema = z.object({
+    id: identifierSchema,
+    label: displayTextSchema,
+    action: actionSchema,
+    variant: z["enum"]([
+        'default',
+        'destructive',
+        'outline',
+        'secondary',
+        'ghost'
+    ]).default('default'),
+    disabled: z.boolean().default(false)
+}).strict();
+const dialogNodeSchema = z.object({
+    type: z.literal('dialog'),
+    id: identifierSchema,
+    entityId: entityIdSchema,
+    open: z.boolean(),
+    openChangeAction: actionSchema,
+    title: displayTextSchema,
+    description: displayTextSchema.optional(),
+    children: childReferencesSchema,
+    actions: z.array(dialogActionSchema).max(10)
+}).strict();
+const confirmationNodeSchema = z.object({
+    type: z.literal('confirmation'),
+    id: identifierSchema,
+    entityId: entityIdSchema,
+    open: z.boolean(),
+    openChangeAction: actionSchema,
+    title: displayTextSchema,
+    description: displayTextSchema,
+    confirm: dialogActionSchema,
+    cancelLabel: displayTextSchema.default('Cancel')
+}).strict();
+const separatorNodeSchema = z.object({
+    type: z.literal('separator'),
+    id: identifierSchema
+}).strict();
+const metricNodeSchema = z.object({
+    type: z.literal('metric'),
+    id: identifierSchema,
+    label: displayTextSchema,
+    value: displayTextSchema,
+    detail: displayTextSchema.optional(),
+    badge: displayTextSchema.optional()
+}).strict();
+const miniAppUiNodeSchema = z.discriminatedUnion('type', [
+    stackNodeSchema,
+    rowNodeSchema,
+    toolbarNodeSchema,
+    statusBarNodeSchema,
+    headingNodeSchema,
+    textNodeSchema,
+    buttonNodeSchema,
+    iconButtonNodeSchema,
+    buttonGroupNodeSchema,
+    badgeNodeSchema,
+    cardNodeSchema,
+    itemNodeSchema,
+    tabsNodeSchema,
+    alertNodeSchema,
+    emptyNodeSchema,
+    loadingNodeSchema,
+    inputNodeSchema,
+    textareaNodeSchema,
+    selectNodeSchema,
+    checkboxNodeSchema,
+    progressNodeSchema,
+    tooltipNodeSchema,
+    dialogNodeSchema,
+    confirmationNodeSchema,
+    separatorNodeSchema,
+    metricNodeSchema
+]);
+function childReferences(node) {
+    switch(node.type){
+        case 'stack':
+        case 'row':
+        case 'toolbar':
+        case 'button-group':
+        case 'card':
+        case 'item':
+        case 'empty':
+        case 'dialog':
+            return node.children;
+        case 'tabs':
+            return node.tabs.flatMap((tab)=>tab.children);
+        case 'tooltip':
+            return [
+                node.child
+            ];
+        default:
+            return [];
+    }
+}
+const baseModelSchema = z.object({
+    revision: z.number().int().nonnegative(),
+    state: z["enum"]([
+        'idle',
+        'loading',
+        'empty',
+        'success',
+        'conflict',
+        'failure'
+    ]).default('idle'),
+    rootIds: z.array(identifierSchema).min(1).max(100),
+    nodes: z.array(miniAppUiNodeSchema).min(1).max(500)
+}).strict();
+const miniAppUiModelSchema = baseModelSchema.superRefine((model, context)=>{
+    const nodes = new Map();
+    for (const [index, node] of model.nodes.entries()){
+        if (nodes.has(node.id)) context.addIssue({
+            code: 'custom',
+            message: `Duplicate node id: ${node.id}`,
+            path: [
+                'nodes',
+                index,
+                'id'
+            ]
+        });
+        nodes.set(node.id, node);
+    }
+    const ownership = new Map();
+    const own = (id, path)=>{
+        if (!nodes.has(id)) return void context.addIssue({
+            code: 'custom',
+            message: `Unknown node reference: ${id}`,
+            path
+        });
+        ownership.set(id, (ownership.get(id) ?? 0) + 1);
+    };
+    model.rootIds.forEach((id, index)=>own(id, [
+            'rootIds',
+            index
+        ]));
+    model.nodes.forEach((node, index)=>{
+        childReferences(node).forEach((id, childIndex)=>own(id, [
+                'nodes',
+                index,
+                'children',
+                childIndex
+            ]));
+    });
+    for (const node of model.nodes){
+        const owners = ownership.get(node.id) ?? 0;
+        if (1 !== owners) context.addIssue({
+            code: 'custom',
+            message: 0 === owners ? `Unreachable node: ${node.id}` : `Node must have exactly one owner: ${node.id}`,
+            path: [
+                'nodes'
+            ]
+        });
+    }
+    const active = new Set();
+    const visited = new Set();
+    const visit = (id, depth)=>{
+        if (active.has(id)) return void context.addIssue({
+            code: 'custom',
+            message: `Cycle detected at node: ${id}`,
+            path: [
+                'nodes'
+            ]
+        });
+        if (visited.has(id) || depth > 32) {
+            if (depth > 32) context.addIssue({
+                code: 'custom',
+                message: 'UI model exceeds the maximum depth of 32',
+                path: [
+                    'nodes'
+                ]
+            });
+            return;
+        }
+        const node = nodes.get(id);
+        if (!node) return;
+        active.add(id);
+        childReferences(node).forEach((childId)=>visit(childId, depth + 1));
+        active.delete(id);
+        visited.add(id);
+    };
+    model.rootIds.forEach((id)=>visit(id, 1));
+    for (const node of model.nodes){
+        if ('tabs' === node.type && !node.tabs.some((tab)=>tab.id === node.value)) context.addIssue({
+            code: 'custom',
+            message: `Tabs value does not identify a tab: ${node.value}`,
+            path: [
+                'nodes'
+            ]
+        });
+        if ('tooltip' === node.type) {
+            const target = nodes.get(node.child);
+            if (target && 'button' !== target.type && 'icon-button' !== target.type) context.addIssue({
+                code: 'custom',
+                message: 'Tooltip child must be a button or icon-button',
+                path: [
+                    'nodes'
+                ]
+            });
+        }
+    }
+    const openOverlays = model.nodes.filter((node)=>('dialog' === node.type || 'confirmation' === node.type) && node.open);
+    if (openOverlays.length > 1) context.addIssue({
+        code: 'custom',
+        message: 'Only one controlled dialog may be open at a time',
+        path: [
+            'nodes'
+        ]
+    });
+});
+const miniAppUiEventKindSchema = z["enum"]([
+    'activate',
+    'value-change',
+    'selection-change',
+    'open-change'
+]);
+const miniAppUiActionSchema = z.object({
+    eventId: identifierSchema,
+    revision: z.number().int().nonnegative(),
+    controlId: identifierSchema,
+    entityId: identifierSchema.optional(),
+    action: actionSchema,
+    event: miniAppUiEventKindSchema,
+    value: z.union([
+        z.string(),
+        z.number(),
+        z.boolean(),
+        z["null"]()
+    ]).optional()
+}).strict();
+class MiniAppUiError extends Error {
+    code;
+    cause;
+    constructor(code, message, cause){
+        super(message);
+        this.name = 'MiniAppUiError';
+        this.code = code;
+        this.cause = cause;
+    }
+}
+const ICONS = {
+    add: Plus,
+    check: Check,
+    close: X,
+    delete: Trash2,
+    help: CircleHelp,
+    info: Info,
+    refresh: RefreshCw,
+    search: Search,
+    settings: Settings
+};
+const GAP_CLASSES = {
+    none: 'gap-0',
+    sm: 'gap-2',
+    md: 'gap-4',
+    lg: 'gap-6'
+};
+let nextMiniAppUiRootId = 0;
+function modelError(cause) {
+    return new MiniAppUiError('invalid-model', 'The mini-app UI model is invalid.', cause);
+}
+function parseModel(value) {
+    const result = miniAppUiModelSchema.safeParse(value);
+    if (!result.success) throw modelError(result.error);
+    return result.data;
+}
+function eventValue(target) {
+    return target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement ? target.value : '';
+}
+function emitAction(context, control, event, value) {
+    if (context.revision !== context.getCurrentRevision()) return void context.reportError(new MiniAppUiError('stale-action', `Rejected an action from stale revision ${context.revision}.`));
+    const action = miniAppUiActionSchema.parse({
+        eventId: context.nextEventId(context.revision),
+        revision: context.revision,
+        controlId: control.id,
+        entityId: control.entityId,
+        action: control.action,
+        event,
+        value
+    });
+    try {
+        const result = context.dispatch(action);
+        Promise.resolve(result).catch((cause)=>{
+            context.reportError(new MiniAppUiError('dispatch-failed', `Action dispatch failed for ${control.id}.`, cause));
+        });
+    } catch (cause) {
+        context.reportError(new MiniAppUiError('dispatch-failed', `Action dispatch failed for ${control.id}.`, cause));
+    }
+}
+function fieldContent(node) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, node.description ? /*#__PURE__*/ __rspack_external_react.createElement(FieldDescription, null, node.description) : null, node.error ? /*#__PURE__*/ __rspack_external_react.createElement(FieldError, null, node.error) : null);
+}
+function heading(level, text, id) {
+    const props = {
+        children: text,
+        'data-component': 'mini-app-wasm-heading',
+        key: id
+    };
+    switch(level){
+        case 1:
+            return /*#__PURE__*/ __rspack_external_react.createElement(H1, props);
+        case 2:
+            return /*#__PURE__*/ __rspack_external_react.createElement(H2, props);
+        case 3:
+            return /*#__PURE__*/ __rspack_external_react.createElement(H3, props);
+        case 4:
+            return /*#__PURE__*/ __rspack_external_react.createElement(H4, props);
+        case 5:
+            return /*#__PURE__*/ __rspack_external_react.createElement(H5, props);
+        default:
+            return /*#__PURE__*/ __rspack_external_react.createElement(H6, props);
+    }
+}
+function renderReferences(ids, context) {
+    return ids.map((id)=>renderReference(id, context));
+}
+function renderReference(id, context) {
+    const node = context.nodes.get(id);
+    if (!node) throw new MiniAppUiError('render-failed', `Validated node ${id} is unavailable during render.`);
+    const control = {
+        id: node.id,
+        entityId: 'entityId' in node ? node.entityId : void 0
+    };
+    const controlProps = {
+        'data-miniapp-control-id': node.id,
+        'data-miniapp-root-id': context.rootId
+    };
+    switch(node.type){
+        case 'stack':
+            return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+                key: node.id,
+                "data-component": "mini-app-wasm-stack",
+                className: utils_cn('flex min-w-0 flex-col', GAP_CLASSES[node.gap])
+            }, renderReferences(node.children, context));
+        case 'row':
+            return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+                key: node.id,
+                "data-component": "mini-app-wasm-row",
+                className: utils_cn('flex min-w-0 items-center', node.wrap && 'flex-wrap', GAP_CLASSES[node.gap])
+            }, renderReferences(node.children, context));
+        case 'toolbar':
+            return /*#__PURE__*/ __rspack_external_react.createElement(MiniAppToolbar, {
+                key: node.id,
+                "aria-label": node.label
+            }, renderReferences(node.children, context));
+        case 'status-bar':
+            return /*#__PURE__*/ __rspack_external_react.createElement(MiniAppStatusBar, {
+                key: node.id,
+                tone: node.tone
+            }, node.text);
+        case 'heading':
+            return heading(node.level, node.text, node.id);
+        case 'text':
+            return /*#__PURE__*/ __rspack_external_react.createElement("p", {
+                key: node.id,
+                "data-component": "mini-app-wasm-text",
+                className: utils_cn('text-sm', 'muted' === node.tone && 'text-muted-foreground')
+            }, node.text);
+        case 'button':
+            return /*#__PURE__*/ __rspack_external_react.createElement(button_Button, {
+                key: node.id,
+                ...controlProps,
+                type: "button",
+                variant: node.variant,
+                disabled: node.disabled || node.busy,
+                "aria-busy": node.busy,
+                onClick: ()=>emitAction(context, {
+                        ...control,
+                        action: node.action
+                    }, 'activate')
+            }, node.label);
+        case 'icon-button':
+            return /*#__PURE__*/ __rspack_external_react.createElement(MiniAppIconButton, {
+                key: node.id,
+                ...controlProps,
+                icon: ICONS[node.icon],
+                label: node.label,
+                variant: node.variant,
+                disabled: node.disabled || node.busy,
+                "aria-busy": node.busy,
+                onClick: ()=>emitAction(context, {
+                        ...control,
+                        action: node.action
+                    }, 'activate')
+            });
+        case 'button-group':
+            return /*#__PURE__*/ __rspack_external_react.createElement(ButtonGroup, {
+                key: node.id,
+                "aria-label": node.label
+            }, renderReferences(node.children, context));
+        case 'badge':
+            return /*#__PURE__*/ __rspack_external_react.createElement(Badge, {
+                key: node.id,
+                variant: node.variant
+            }, node.text);
+        case 'card':
+            return /*#__PURE__*/ __rspack_external_react.createElement(Card, {
+                key: node.id,
+                "data-component": "mini-app-wasm-card",
+                className: "border"
+            }, node.title || node.description ? /*#__PURE__*/ __rspack_external_react.createElement(CardHeader, null, node.title ? /*#__PURE__*/ __rspack_external_react.createElement(CardTitle, null, node.title) : null, node.description ? /*#__PURE__*/ __rspack_external_react.createElement(CardDescription, null, node.description) : null) : null, /*#__PURE__*/ __rspack_external_react.createElement(CardContent, {
+                className: utils_cn(!node.title && !node.description && 'pt-6')
+            }, renderReferences(node.children, context)));
+        case 'item':
+            return /*#__PURE__*/ __rspack_external_react.createElement(Item, {
+                key: node.id,
+                "data-component": "mini-app-wasm-item",
+                variant: "outline"
+            }, /*#__PURE__*/ __rspack_external_react.createElement(ItemContent, null, /*#__PURE__*/ __rspack_external_react.createElement(ItemTitle, null, node.title), node.description ? /*#__PURE__*/ __rspack_external_react.createElement(ItemDescription, null, node.description) : null), renderReferences(node.children, context));
+        case 'tabs':
+            return /*#__PURE__*/ __rspack_external_react.createElement(Tabs, {
+                key: node.id,
+                ...controlProps,
+                value: node.value,
+                onValueChange: (value)=>emitAction(context, {
+                        ...control,
+                        action: node.action
+                    }, 'selection-change', value)
+            }, /*#__PURE__*/ __rspack_external_react.createElement(TabsList, {
+                "aria-disabled": node.disabled
+            }, node.tabs.map((tab)=>/*#__PURE__*/ __rspack_external_react.createElement(TabsTrigger, {
+                    key: tab.id,
+                    value: tab.id,
+                    disabled: node.disabled || tab.disabled
+                }, tab.label))), node.tabs.map((tab)=>/*#__PURE__*/ __rspack_external_react.createElement(TabsContent, {
+                    key: tab.id,
+                    value: tab.id
+                }, renderReferences(tab.children, context))));
+        case 'alert':
+            return /*#__PURE__*/ __rspack_external_react.createElement(Alert, {
+                key: node.id,
+                variant: node.tone
+            }, /*#__PURE__*/ __rspack_external_react.createElement(AlertTitle, null, node.title), node.description ? /*#__PURE__*/ __rspack_external_react.createElement(AlertDescription, null, node.description) : null);
+        case 'empty':
+            return /*#__PURE__*/ __rspack_external_react.createElement(Empty, {
+                key: node.id,
+                variant: "outline"
+            }, /*#__PURE__*/ __rspack_external_react.createElement(EmptyHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(EmptyTitle, null, node.title), node.description ? /*#__PURE__*/ __rspack_external_react.createElement(EmptyDescription, null, node.description) : null), /*#__PURE__*/ __rspack_external_react.createElement(EmptyContent, null, renderReferences(node.children, context)));
+        case 'loading':
+            return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+                key: node.id,
+                role: "status",
+                "aria-label": node.label,
+                className: "space-y-3"
+            }, Array.from({
+                length: node.rows
+            }, (_, index)=>/*#__PURE__*/ __rspack_external_react.createElement(Skeleton, {
+                    key: `${node.id}-${index}`,
+                    className: "h-8 w-full motion-reduce:animate-none"
+                })));
+        case 'input':
+            return /*#__PURE__*/ __rspack_external_react.createElement(Field, {
+                key: node.id,
+                "data-invalid": Boolean(node.error),
+                "data-disabled": node.disabled
+            }, /*#__PURE__*/ __rspack_external_react.createElement(FieldLabel, {
+                htmlFor: node.id
+            }, node.label), /*#__PURE__*/ __rspack_external_react.createElement(input_Input, {
+                ...controlProps,
+                id: node.id,
+                type: node.inputType,
+                value: node.value,
+                required: node.required,
+                disabled: node.disabled || node.busy,
+                "aria-invalid": Boolean(node.error),
+                "aria-busy": node.busy,
+                placeholder: node.placeholder,
+                onChange: (event)=>emitAction(context, {
+                        ...control,
+                        action: node.action
+                    }, 'value-change', eventValue(event.currentTarget))
+            }), fieldContent(node));
+        case 'textarea':
+            return /*#__PURE__*/ __rspack_external_react.createElement(Field, {
+                key: node.id,
+                "data-invalid": Boolean(node.error),
+                "data-disabled": node.disabled
+            }, /*#__PURE__*/ __rspack_external_react.createElement(FieldLabel, {
+                htmlFor: node.id
+            }, node.label), /*#__PURE__*/ __rspack_external_react.createElement(Textarea, {
+                ...controlProps,
+                id: node.id,
+                value: node.value,
+                rows: node.rows,
+                required: node.required,
+                disabled: node.disabled || node.busy,
+                "aria-invalid": Boolean(node.error),
+                "aria-busy": node.busy,
+                placeholder: node.placeholder,
+                onChange: (event)=>emitAction(context, {
+                        ...control,
+                        action: node.action
+                    }, 'value-change', eventValue(event.currentTarget))
+            }), fieldContent(node));
+        case 'select':
+            return /*#__PURE__*/ __rspack_external_react.createElement(Field, {
+                key: node.id,
+                "data-invalid": Boolean(node.error),
+                "data-disabled": node.disabled
+            }, /*#__PURE__*/ __rspack_external_react.createElement(FieldLabel, {
+                htmlFor: node.id
+            }, node.label), /*#__PURE__*/ __rspack_external_react.createElement(NativeSelect, {
+                ...controlProps,
+                id: node.id,
+                value: node.value,
+                required: node.required,
+                disabled: node.disabled || node.busy,
+                "aria-invalid": Boolean(node.error),
+                "aria-busy": node.busy,
+                onChange: (event)=>emitAction(context, {
+                        ...control,
+                        action: node.action
+                    }, 'selection-change', eventValue(event.currentTarget))
+            }, node.options.map((option)=>/*#__PURE__*/ __rspack_external_react.createElement(NativeSelectOption, {
+                    key: option.value,
+                    value: option.value,
+                    disabled: option.disabled
+                }, option.label))), fieldContent(node));
+        case 'checkbox':
+            return /*#__PURE__*/ __rspack_external_react.createElement(Field, {
+                key: node.id,
+                orientation: "horizontal",
+                "data-invalid": Boolean(node.error)
+            }, /*#__PURE__*/ __rspack_external_react.createElement(Checkbox, {
+                ...controlProps,
+                id: node.id,
+                checked: node.checked,
+                required: node.required,
+                disabled: node.disabled || node.busy,
+                "aria-invalid": Boolean(node.error),
+                "aria-busy": node.busy,
+                onCheckedChange: (checked)=>emitAction(context, {
+                        ...control,
+                        action: node.action
+                    }, 'value-change', true === checked)
+            }), /*#__PURE__*/ __rspack_external_react.createElement("div", null, /*#__PURE__*/ __rspack_external_react.createElement(FieldLabel, {
+                htmlFor: node.id
+            }, node.label), fieldContent(node)));
+        case 'progress':
+            return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+                key: node.id,
+                "data-component": "mini-app-wasm-progress",
+                className: "space-y-2"
+            }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+                className: "flex items-center justify-between gap-2 text-sm"
+            }, /*#__PURE__*/ __rspack_external_react.createElement("span", null, node.label), /*#__PURE__*/ __rspack_external_react.createElement("span", {
+                className: "text-muted-foreground tabular-nums"
+            }, node.value, "%")), /*#__PURE__*/ __rspack_external_react.createElement(Progress, {
+                value: node.value,
+                "aria-label": node.label
+            }));
+        case 'tooltip':
+            return /*#__PURE__*/ __rspack_external_react.createElement(Tooltip, {
+                key: node.id,
+                disableHoverableContent: true
+            }, /*#__PURE__*/ __rspack_external_react.createElement(TooltipTrigger, {
+                asChild: true
+            }, renderReference(node.child, context)), /*#__PURE__*/ __rspack_external_react.createElement(TooltipContent, null, node.label));
+        case 'dialog':
+            return /*#__PURE__*/ __rspack_external_react.createElement(Dialog, {
+                key: node.id,
+                open: node.open,
+                onOpenChange: (open)=>emitAction(context, {
+                        ...control,
+                        action: node.openChangeAction
+                    }, 'open-change', open)
+            }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, {
+                "data-miniapp-control-id": node.id,
+                "data-miniapp-root-id": context.rootId
+            }, /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, null, node.title), node.description ? /*#__PURE__*/ __rspack_external_react.createElement(DialogDescription, null, node.description) : null), renderReferences(node.children, context), node.actions.length > 0 ? /*#__PURE__*/ __rspack_external_react.createElement(DialogFooter, null, node.actions.map((action)=>/*#__PURE__*/ __rspack_external_react.createElement(button_Button, {
+                    key: action.id,
+                    "data-miniapp-control-id": action.id,
+                    "data-miniapp-root-id": context.rootId,
+                    type: "button",
+                    variant: action.variant,
+                    disabled: action.disabled,
+                    onClick: ()=>emitAction(context, {
+                            id: action.id,
+                            entityId: node.entityId,
+                            action: action.action
+                        }, 'activate')
+                }, action.label))) : null));
+        case 'confirmation':
+            return /*#__PURE__*/ __rspack_external_react.createElement(AlertDialog, {
+                key: node.id,
+                open: node.open,
+                onOpenChange: (open)=>emitAction(context, {
+                        ...control,
+                        action: node.openChangeAction
+                    }, 'open-change', open)
+            }, /*#__PURE__*/ __rspack_external_react.createElement(AlertDialogContent, {
+                "data-miniapp-control-id": node.id,
+                "data-miniapp-root-id": context.rootId
+            }, /*#__PURE__*/ __rspack_external_react.createElement(AlertDialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(AlertDialogTitle, null, node.title), /*#__PURE__*/ __rspack_external_react.createElement(AlertDialogDescription, null, node.description)), /*#__PURE__*/ __rspack_external_react.createElement(AlertDialogFooter, null, /*#__PURE__*/ __rspack_external_react.createElement(AlertDialogCancel, null, node.cancelLabel), /*#__PURE__*/ __rspack_external_react.createElement(AlertDialogAction, {
+                "data-miniapp-control-id": node.confirm.id,
+                "data-miniapp-root-id": context.rootId,
+                className: utils_cn('destructive' === node.confirm.variant && 'bg-destructive'),
+                disabled: node.confirm.disabled,
+                onClick: ()=>emitAction(context, {
+                        id: node.confirm.id,
+                        entityId: node.entityId,
+                        action: node.confirm.action
+                    }, 'activate')
+            }, node.confirm.label))));
+        case 'separator':
+            return /*#__PURE__*/ __rspack_external_react.createElement(separator_Separator, {
+                key: node.id
+            });
+        case 'metric':
+            return /*#__PURE__*/ __rspack_external_react.createElement(MiniAppMetric, {
+                key: node.id
+            }, /*#__PURE__*/ __rspack_external_react.createElement(MiniAppMetricHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(MiniAppMetricLabel, null, node.label), node.badge ? /*#__PURE__*/ __rspack_external_react.createElement(Badge, {
+                variant: "outline"
+            }, node.badge) : null), /*#__PURE__*/ __rspack_external_react.createElement(MiniAppMetricContent, null, /*#__PURE__*/ __rspack_external_react.createElement(MiniAppMetricValue, null, node.value), node.detail ? /*#__PURE__*/ __rspack_external_react.createElement(MiniAppMetricDetail, null, node.detail) : null));
+    }
+}
+class MiniAppUiErrorBoundary extends __rspack_external_react.Component {
+    state = {
+        failed: false
+    };
+    static getDerivedStateFromError() {
+        return {
+            failed: true
+        };
+    }
+    componentDidCatch(cause) {
+        this.props.reportError(new MiniAppUiError('render-failed', 'The mini-app UI failed to render.', cause));
+    }
+    render() {
+        return this.state.failed ? null : this.props.children;
+    }
+}
+function MiniAppUiView({ announcement, context, model }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(MiniAppUiErrorBoundary, {
+        key: model.revision,
+        reportError: context.reportError
+    }, /*#__PURE__*/ __rspack_external_react.createElement(TooltipProvider, null, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-component": "mini-app-wasm-root",
+        "data-miniapp-state": model.state,
+        "data-miniapp-revision": model.revision,
+        "data-miniapp-root-id": context.rootId,
+        className: "text-foreground min-w-0"
+    }, renderReferences(model.rootIds, context), announcement ? /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        key: announcement.nonce,
+        className: "sr-only",
+        role: 'assertive' === announcement.priority ? 'alert' : 'status',
+        "aria-live": announcement.priority
+    }, announcement.message) : null)));
+}
+function defaultErrorReporter(error) {
+    if ('function' == typeof globalThis.reportError) return void globalThis.reportError(error);
+    queueMicrotask(()=>{
+        throw error;
+    });
+}
+function openOverlayId(model) {
+    return model.nodes.find((node)=>('dialog' === node.type || 'confirmation' === node.type) && node.open)?.id ?? null;
+}
+function focusControl(container, rootId, controlId) {
+    const target = [
+        ...container.ownerDocument.querySelectorAll('[data-miniapp-control-id]')
+    ].find((element)=>element.dataset.miniappRootId === rootId && element.dataset.miniappControlId === controlId);
+    target?.focus();
+    return void 0 !== target;
+}
+function focusOverlay(container, rootId, overlayId) {
+    const overlay = [
+        ...container.ownerDocument.querySelectorAll('[data-miniapp-control-id]')
+    ].find((element)=>element.dataset.miniappRootId === rootId && element.dataset.miniappControlId === overlayId);
+    const target = overlay?.querySelector('button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');
+    (target ?? overlay)?.focus();
+}
+function createMiniAppUiRoot(container, initialModel, dispatch, options = {}) {
+    if ("u" < typeof Element || !(container instanceof Element)) throw new MiniAppUiError('render-failed', 'A DOM Element is required to mount the mini-app UI.');
+    if ('function' != typeof dispatch) throw new MiniAppUiError('render-failed', 'An action dispatch function is required to mount the mini-app UI.');
+    let model = parseModel(initialModel);
+    let serializedModel = JSON.stringify(model);
+    let mounted = true;
+    let eventSequence = 0;
+    let announcementSequence = 0;
+    let announcement = null;
+    nextMiniAppUiRootId += 1;
+    const rootId = `root-${nextMiniAppUiRootId}`;
+    let currentOpenOverlayId = openOverlayId(model);
+    let focusRestoreTarget = currentOpenOverlayId && container.ownerDocument.activeElement instanceof HTMLElement ? container.ownerDocument.activeElement : null;
+    const reportError = options.onError ?? defaultErrorReporter;
+    const reactRoot = createRoot(container);
+    const stopAppearanceSync = installMiniAppAppearanceSync({
+        search: options.appearanceSearch
+    });
+    const contextFor = (currentModel)=>({
+            dispatch,
+            getCurrentRevision: ()=>model.revision,
+            nextEventId: (revision)=>{
+                eventSequence += 1;
+                return `ui-${rootId}-${revision}-${eventSequence}`;
+            },
+            nodes: new Map(currentModel.nodes.map((node)=>[
+                    node.id,
+                    node
+                ])),
+            reportError,
+            revision: currentModel.revision,
+            rootId
+        });
+    const render = ()=>{
+        try {
+            flushSync(()=>{
+                reactRoot.render(/*#__PURE__*/ __rspack_external_react.createElement(MiniAppUiView, {
+                    announcement: announcement,
+                    context: contextFor(model),
+                    model: model
+                }));
+            });
+        } catch (cause) {
+            const error = cause instanceof MiniAppUiError ? cause : new MiniAppUiError('render-failed', 'The mini-app UI failed to render.', cause);
+            reportError(error);
+            throw error;
+        }
+    };
+    const assertMounted = ()=>{
+        if (!mounted) throw new MiniAppUiError('root-unmounted', 'The mini-app UI root has already been unmounted.');
+    };
+    render();
+    if (currentOpenOverlayId) focusOverlay(container, rootId, currentOpenOverlayId);
+    return {
+        get revision () {
+            return model.revision;
+        },
+        update (value) {
+            assertMounted();
+            const nextModel = parseModel(value);
+            const nextSerializedModel = JSON.stringify(nextModel);
+            if (nextModel.revision < model.revision) throw new MiniAppUiError('stale-model', `Revision ${nextModel.revision} is older than ${model.revision}.`);
+            if (nextModel.revision === model.revision && nextSerializedModel !== serializedModel) throw new MiniAppUiError('stale-model', `Revision ${nextModel.revision} was reused with different state.`);
+            const nextOpenOverlayId = openOverlayId(nextModel);
+            if (null === currentOpenOverlayId && null !== nextOpenOverlayId && container.ownerDocument.activeElement instanceof HTMLElement) focusRestoreTarget = container.ownerDocument.activeElement;
+            model = nextModel;
+            serializedModel = nextSerializedModel;
+            render();
+            if (null !== nextOpenOverlayId) focusOverlay(container, rootId, nextOpenOverlayId);
+            else if (null !== currentOpenOverlayId) {
+                focusRestoreTarget?.focus();
+                focusRestoreTarget = null;
+            }
+            currentOpenOverlayId = nextOpenOverlayId;
+        },
+        focus (controlId) {
+            assertMounted();
+            if (!focusControl(container, rootId, controlId)) throw new MiniAppUiError('focus-target-missing', `No focusable control has id ${controlId}.`);
+        },
+        announce (message, priority = 'polite') {
+            assertMounted();
+            if ('string' != typeof message || 0 === message.length || message.length > 4096) throw new MiniAppUiError('render-failed', 'Announcements must contain between 1 and 4096 characters.');
+            announcementSequence += 1;
+            announcement = {
+                message,
+                nonce: announcementSequence,
+                priority
+            };
+            render();
+        },
+        unmount () {
+            if (!mounted) return;
+            mounted = false;
+            const failures = [];
+            try {
+                stopAppearanceSync();
+            } catch (cause) {
+                failures.push(cause);
+            }
+            try {
+                flushSync(()=>reactRoot.unmount());
+            } catch (cause) {
+                failures.push(cause);
+            }
+            if (failures.length > 0) {
+                const error = new MiniAppUiError('cleanup-failed', 'The mini-app UI root did not clean up completely.', failures);
+                reportError(error);
+                throw error;
+            }
+        }
+    };
+}
+export { MiniAppUiError, createMiniAppUiRoot, miniAppUiActionSchema, miniAppUiEventKindSchema, miniAppUiModelSchema, miniAppUiNodeSchema };