@khal-os/ui 1.0.0 → 1.0.2

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/components/avatar.tsx","../src/utils.ts","../src/components/status-dot.tsx","../src/components/badge.tsx","../src/components/button.tsx","../src/components/spinner.tsx","../src/components/ContextMenu.tsx","../src/components/command.tsx","../src/components/cost-counter.tsx","../src/components/number-flow.tsx","../src/components/data-row.tsx","../src/components/dropdown-menu.tsx","../src/components/glass-card.tsx","../src/components/input.tsx","../src/components/khal-logo.tsx","../src/components/live-feed.tsx","../src/components/mesh-gradient.tsx","../src/hooks/useReducedMotion.ts","../src/components/metric-display.tsx","../src/components/note.tsx","../src/components/pill-badge.tsx","../src/components/progress-bar.tsx","../src/components/section-card.tsx","../src/components/separator.tsx","../src/components/switch.tsx","../src/components/theme-provider.tsx","../src/stores/theme-store.ts","../src/components/theme-switcher.tsx","../src/components/ticker-bar.tsx","../src/components/tooltip.tsx","../src/components/window-minimized-context.tsx","../src/lib/animations.ts","../src/primitives/collapsible-sidebar.tsx","../src/primitives/dialog.tsx","../src/primitives/empty-state.tsx","../src/primitives/list-view.tsx","../src/primitives/property-panel.tsx","../src/primitives/section-header.tsx","../src/primitives/sidebar-nav.tsx","../src/primitives/split-pane.tsx","../src/primitives/status-badge.tsx","../src/primitives/status-bar.tsx","../src/primitives/toolbar.tsx","../src/stores/notification-store.ts","../src/tokens/lp-tokens.ts"],"sourcesContent":["// App component props type\nexport interface AppComponentProps {\n\twindowId: string;\n\tmeta?: Record<string, unknown>;\n}\n\n// Auth — re-export from SDK\nexport { SUBJECTS, useKhalAuth, useKhalAuth as useOSAuth, useNats, useNatsSubscription } from '@khal-os/sdk/app';\n// shadcn/ui components — local implementations\nexport * from './components/avatar';\nexport * from './components/badge';\nexport * from './components/button';\nexport * from './components/ContextMenu';\nexport * from './components/command';\n// Design system components — local implementations\nexport * from './components/cost-counter';\n// Design system components — LP section patterns\nexport * from './components/data-row';\nexport * from './components/dropdown-menu';\nexport * from './components/glass-card';\nexport * from './components/input';\nexport * from './components/khal-logo';\nexport * from './components/live-feed';\nexport * from './components/mesh-gradient';\nexport * from './components/metric-display';\nexport * from './components/note';\nexport * from './components/number-flow';\nexport * from './components/pill-badge';\nexport * from './components/progress-bar';\nexport * from './components/section-card';\nexport * from './components/separator';\nexport * from './components/spinner';\nexport * from './components/status-dot';\nexport * from './components/switch';\nexport * from './components/theme-provider';\nexport * from './components/theme-switcher';\nexport * from './components/ticker-bar';\nexport * from './components/tooltip';\nexport {\n\tuseWindowActive,\n\tuseWindowMinimized,\n\tWindowActiveProvider,\n\tWindowMinimizedProvider,\n} from './components/window-minimized-context';\n// Hooks\nexport { useReducedMotion } from './hooks/useReducedMotion';\n// Animations\nexport { fadeIn, fadeUp, khalEasing, scaleUp, springConfig, staggerChild, staggerContainer } from './lib/animations';\n// OS Primitives — local implementations\nexport * from './primitives';\nexport type { DesktopNotification, DesktopNotifMode, NotificationUrgency, TrayIcon } from './stores/notification-store';\n// Stores (OS-level state)\nexport { useNotificationStore } from './stores/notification-store';\nexport { useThemeStore } from './stores/theme-store';\n// LP Design Tokens\nexport * from './tokens/lp-tokens';\n// Utilities\nexport { cn } from './utils';\n","'use client';\n\nimport * as React from 'react';\nimport { cn } from '../utils';\nimport { StatusDot } from './status-dot';\n\nconst sizeMap = { sm: 24, md: 32, lg: 40 } as const;\nconst fontSizeMap = { sm: '10px', md: '12px', lg: '14px' } as const;\n\nconst statusColorMap: Record<string, string> = {\n\tonline: 'var(--khal-status-live)',\n\tidle: 'var(--khal-status-warning)',\n\taway: 'var(--khal-status-idle)',\n};\n\ninterface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {\n\tname: string;\n\tsize?: keyof typeof sizeMap;\n\tstatus?: 'online' | 'idle' | 'away' | null;\n\tsrc?: string;\n}\n\nfunction getInitials(name: string): string {\n\tconst parts = name.trim().split(/\\s+/);\n\tif (parts.length >= 2) {\n\t\treturn `${parts[0][0]}${parts[parts.length - 1][0]}`.toUpperCase();\n\t}\n\treturn name.charAt(0).toUpperCase();\n}\n\nconst Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(\n\t({ name, size = 'md', status, src, className, style, ...props }, ref) => {\n\t\tconst px = sizeMap[size];\n\t\tconst [imgError, setImgError] = React.useState(false);\n\t\tconst showImage = src && !imgError;\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn('relative inline-flex shrink-0', className)}\n\t\t\t\tstyle={{ width: px, height: px, ...style }}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{showImage ? (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={src}\n\t\t\t\t\t\talt={name}\n\t\t\t\t\t\tclassName=\"h-full w-full rounded-full object-cover\"\n\t\t\t\t\t\tonError={() => setImgError(true)}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"flex h-full w-full select-none items-center justify-center rounded-full border font-medium [background:var(--khal-surface-raised)] [border-color:var(--khal-border-subtle)]\"\n\t\t\t\t\t\tstyle={{ fontSize: fontSizeMap[size] }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getInitials(name)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{status && (\n\t\t\t\t\t<div className=\"absolute -bottom-px -right-px\">\n\t\t\t\t\t\t<StatusDot color={statusColorMap[status]} size=\"sm\" label={status} pulse={status === 'online'} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n);\nAvatar.displayName = 'Avatar';\n\nexport type { AvatarProps };\nexport { Avatar };\n","import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n\treturn twMerge(clsx(inputs));\n}\n","'use client';\n\nimport * as React from 'react';\nimport { cn } from '../utils';\n\nconst sizeMap = { sm: 8, md: 10, lg: 12 } as const;\n\n/** All recognized status states */\ntype StatusState = 'live' | 'online' | 'active' | 'working' | 'idle' | 'away' | 'queued' | 'error';\n\nconst stateConfig: Record<StatusState, { color: string; label: string; pulse: boolean }> = {\n\tlive: { color: '#22c55e', label: 'Live', pulse: true },\n\tonline: { color: '#22c55e', label: 'Online', pulse: false },\n\tactive: { color: '#22c55e', label: 'Active', pulse: true },\n\tworking: { color: '#f59e0b', label: 'Working', pulse: true },\n\tidle: { color: '#64748b', label: 'Idle', pulse: false },\n\taway: { color: '#64748b', label: 'Away', pulse: false },\n\tqueued: { color: '#f59e0b', label: 'Queued', pulse: false },\n\terror: { color: '#ef4444', label: 'Error', pulse: true },\n};\n\ninterface StatusDotProps extends React.HTMLAttributes<HTMLSpanElement> {\n\t/** Typed state — determines color, pulse, and label automatically */\n\tstate?: StatusState;\n\t/** Manual color override (legacy support) */\n\tcolor?: string;\n\t/** Manual pulse override */\n\tpulse?: boolean;\n\tsize?: keyof typeof sizeMap;\n\t/** Manual label override */\n\tlabel?: string;\n\t/** Show text label next to dot */\n\tshowLabel?: boolean;\n}\n\nfunction StatusDot({\n\tstate,\n\tcolor: colorProp,\n\tpulse: pulseProp,\n\tsize = 'md',\n\tlabel: labelProp,\n\tshowLabel = false,\n\tclassName,\n\tstyle,\n\t...props\n}: StatusDotProps) {\n\tconst config = state ? stateConfig[state] : null;\n\tconst color = colorProp ?? config?.color ?? '#64748b';\n\tconst pulse = pulseProp ?? config?.pulse ?? false;\n\tconst label = labelProp ?? config?.label;\n\tconst px = sizeMap[size];\n\n\treturn (\n\t\t<span\n\t\t\trole=\"status\"\n\t\t\taria-label={label}\n\t\t\tclassName={cn('relative inline-flex shrink-0 items-center gap-1.5', className)}\n\t\t\tstyle={style}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"relative inline-flex shrink-0\" style={{ width: px, height: px }}>\n\t\t\t\t{pulse && (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName=\"absolute -inset-0.5 rounded-full\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackgroundColor: color,\n\t\t\t\t\t\t\topacity: 0.35,\n\t\t\t\t\t\t\tanimation: 'khal-pulse 2s ease-in-out infinite',\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<span\n\t\t\t\t\tclassName=\"absolute inset-0 rounded-full\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: color,\n\t\t\t\t\t\tboxShadow: pulse ? `0 0 ${px}px ${color}80` : undefined,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</span>\n\t\t\t{showLabel && label && (\n\t\t\t\t<span className=\"text-[11px] leading-none\" style={{ color }}>\n\t\t\t\t\t{label}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</span>\n\t);\n}\n\nexport type { StatusDotProps, StatusState };\nexport { StatusDot, stateConfig };\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '../utils';\n\nconst badgeVariants = cva(\n\t'inline-flex items-center rounded-full border font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-blue-700 focus:ring-offset-2',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tgray: 'border-gray-alpha-400 bg-gray-100 text-gray-900',\n\t\t\t\tblue: 'border-blue-300 bg-blue-100 text-blue-900',\n\t\t\t\tgreen: 'border-green-300 bg-green-100 text-green-900',\n\t\t\t\tamber: 'border-amber-300 bg-amber-100 text-amber-900',\n\t\t\t\tred: 'border-red-300 bg-red-100 text-red-900',\n\t\t\t\tpurple: 'border-purple-300 bg-purple-100 text-purple-900',\n\t\t\t\tpink: 'border-pink-300 bg-pink-100 text-pink-900',\n\t\t\t\tteal: 'border-teal-300 bg-teal-100 text-teal-900',\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: 'px-2 py-0 text-[11px] leading-[18px]',\n\t\t\t\tmd: 'px-2.5 py-0.5 text-[12px] leading-[18px]',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'gray',\n\t\t\tsize: 'md',\n\t\t},\n\t}\n);\n\ninterface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {\n\tcontrast?: 'low' | 'high';\n}\n\nfunction Badge({ className, variant, size, contrast, ...props }: BadgeProps) {\n\treturn <span className={cn(badgeVariants({ variant, size }), className)} {...props} />;\n}\n\nexport { Badge, badgeVariants };\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '../utils';\nimport { Spinner } from './spinner';\n\nconst buttonVariants = cva(\n\t'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--khal-radius-button,10px)] text-copy-13 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--khal-accent-primary)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'bg-gray-1000 text-white [color:white] dark:text-black dark:[color:black] hover:bg-gray-900',\n\t\t\t\tsecondary: 'bg-background-100 text-gray-1000 border border-gray-alpha-400 hover:bg-gray-alpha-100',\n\t\t\t\ttertiary: 'bg-transparent text-gray-1000 hover:bg-gray-alpha-200',\n\t\t\t\terror: 'bg-red-700 text-white [color:white] hover:bg-red-600',\n\t\t\t\twarning: 'bg-amber-700 text-white [color:white] hover:bg-amber-600',\n\t\t\t\tghost: 'hover:bg-gray-alpha-200 text-gray-1000',\n\t\t\t\tlink: 'text-blue-700 underline-offset-4 hover:underline',\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsmall: 'h-8 px-3 text-copy-13',\n\t\t\t\tmedium: 'h-9 px-4 text-copy-13',\n\t\t\t\tlarge: 'h-10 px-5 text-copy-14',\n\t\t\t\ticon: 'h-9 w-9',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t\tsize: 'medium',\n\t\t},\n\t}\n);\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\ninterface ButtonProps\n\textends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'prefix'>,\n\t\tButtonVariantProps {\n\tasChild?: boolean;\n\tloading?: boolean;\n\tprefix?: React.ReactNode;\n\tsuffix?: React.ReactNode;\n\t/** HTML button type attribute (named typeName for compat with geistcn API) */\n\ttypeName?: 'submit' | 'button' | 'reset';\n\t/** Visual type — maps to variant for compat */\n\ttype?: 'shadow' | 'invert' | 'unstyled';\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tvariant,\n\t\t\tsize,\n\t\t\tasChild = false,\n\t\t\tloading = false,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\ttypeName,\n\t\t\ttype,\n\t\t\tdisabled,\n\t\t\tchildren,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\t// Map geistcn \"type\" prop to variant if variant not explicitly set\n\t\tlet resolvedVariant = variant;\n\t\tif (!resolvedVariant && type) {\n\t\t\tif (type === 'invert') resolvedVariant = 'default';\n\t\t\telse if (type === 'shadow') resolvedVariant = 'secondary';\n\t\t\telse if (type === 'unstyled') resolvedVariant = 'ghost';\n\t\t}\n\n\t\tconst Comp = asChild ? Slot : 'button';\n\t\treturn (\n\t\t\t<Comp\n\t\t\t\tclassName={cn(buttonVariants({ variant: resolvedVariant, size, className }))}\n\t\t\t\tref={ref}\n\t\t\t\ttype={typeName ?? 'button'}\n\t\t\t\tdisabled={disabled || loading}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{loading ? (\n\t\t\t\t\t<Spinner size=\"sm\" />\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{prefix && <span className=\"inline-flex shrink-0\">{prefix}</span>}\n\t\t\t\t\t\t{children}\n\t\t\t\t\t\t{suffix && <span className=\"inline-flex shrink-0\">{suffix}</span>}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</Comp>\n\t\t);\n\t}\n);\nButton.displayName = 'Button';\n\nexport type { ButtonProps };\nexport { Button, buttonVariants };\n","'use client';\n\nimport * as React from 'react';\nimport { cn } from '../utils';\n\nconst sizeMap = {\n\tsm: 16,\n\tmd: 20,\n\tlg: 24,\n} as const;\n\ninterface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {\n\tsize?: keyof typeof sizeMap;\n}\n\nfunction Spinner({ size = 'md', className, ...props }: SpinnerProps) {\n\tconst px = sizeMap[size];\n\treturn (\n\t\t<div\n\t\t\trole=\"status\"\n\t\t\taria-label=\"Loading\"\n\t\t\tclassName={cn('inline-flex items-center justify-center', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<svg width={px} height={px} viewBox=\"0 0 20 20\" fill=\"none\" className=\"animate-spin\">\n\t\t\t\t<circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" opacity=\"0.25\" />\n\t\t\t\t<circle\n\t\t\t\t\tcx=\"10\"\n\t\t\t\t\tcy=\"10\"\n\t\t\t\t\tr=\"8\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstrokeWidth=\"2\"\n\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\tstrokeDasharray=\"50.26\"\n\t\t\t\t\tstrokeDashoffset=\"37.7\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</div>\n\t);\n}\n\nexport { Spinner };\n","'use client';\n\nimport * as ContextMenuPrimitive from '@radix-ui/react-context-menu';\nimport * as React from 'react';\nimport { cn } from '../utils';\n\nconst ContextMenu = ContextMenuPrimitive.Root;\nconst ContextMenuTrigger = ContextMenuPrimitive.Trigger;\nconst ContextMenuGroup = ContextMenuPrimitive.Group;\nconst ContextMenuPortal = ContextMenuPrimitive.Portal;\nconst ContextMenuSub = ContextMenuPrimitive.Sub;\nconst ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;\n\nconst ContextMenuSubTrigger = React.forwardRef<\n\tReact.ComponentRef<typeof ContextMenuPrimitive.SubTrigger>,\n\tReact.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {\n\t\tinset?: boolean;\n\t}\n>(({ className, inset, children, ...props }, ref) => (\n\t<ContextMenuPrimitive.SubTrigger\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-copy-13 outline-none select-none',\n\t\t\t'focus:bg-[var(--khal-menu-hover)]',\n\t\t\t'data-[state=open]:bg-[var(--khal-menu-hover)]',\n\t\t\tinset && 'pl-8',\n\t\t\tclassName\n\t\t)}\n\t\tstyle={{ color: 'var(--khal-text-primary)' }}\n\t\t{...props}\n\t>\n\t\t{children}\n\t</ContextMenuPrimitive.SubTrigger>\n));\nContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;\n\nconst ContextMenuSubContent = React.forwardRef<\n\tReact.ComponentRef<typeof ContextMenuPrimitive.SubContent>,\n\tReact.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n\t<ContextMenuPrimitive.SubContent\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'z-[9999] min-w-[8rem] overflow-hidden rounded-xl p-1',\n\t\t\t'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n\t\t\t'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n\t\t\tclassName\n\t\t)}\n\t\tstyle={{\n\t\t\tbackground: 'var(--khal-menu-bg)',\n\t\t\tborder: '1px solid var(--khal-menu-border)',\n\t\t\tboxShadow: 'var(--khal-menu-shadow)',\n\t\t\tcolor: 'var(--khal-text-primary)',\n\t\t}}\n\t\t{...props}\n\t/>\n));\nContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;\n\nconst ContextMenuContent = React.forwardRef<\n\tReact.ComponentRef<typeof ContextMenuPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>\n>(({ className, ...props }, ref) => (\n\t<ContextMenuPrimitive.Portal>\n\t\t<ContextMenuPrimitive.Content\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t'z-[9999] min-w-[8rem] overflow-hidden rounded-xl p-1',\n\t\t\t\t'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tstyle={{\n\t\t\t\tbackground: 'var(--khal-menu-bg)',\n\t\t\t\tborder: '1px solid var(--khal-menu-border)',\n\t\t\t\tboxShadow: 'var(--khal-menu-shadow)',\n\t\t\t\tcolor: 'var(--khal-text-primary)',\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t</ContextMenuPrimitive.Portal>\n));\nContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;\n\nconst ContextMenuItem = React.forwardRef<\n\tReact.ComponentRef<typeof ContextMenuPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {\n\t\tinset?: boolean;\n\t}\n>(({ className, inset, ...props }, ref) => (\n\t<ContextMenuPrimitive.Item\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'relative flex cursor-default items-center gap-2 rounded-lg px-2 py-1.5 text-copy-13 outline-none select-none transition-colors',\n\t\t\t'focus:bg-[var(--khal-menu-hover)]',\n\t\t\t'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n\t\t\tinset && 'pl-8',\n\t\t\tclassName\n\t\t)}\n\t\tstyle={{ color: 'var(--khal-text-primary)' }}\n\t\t{...props}\n\t/>\n));\nContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;\n\nconst ContextMenuSeparator = React.forwardRef<\n\tReact.ComponentRef<typeof ContextMenuPrimitive.Separator>,\n\tReact.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n\t<ContextMenuPrimitive.Separator\n\t\tref={ref}\n\t\tclassName={cn('-mx-1 my-1 h-px', className)}\n\t\tstyle={{ background: 'var(--khal-border-default)' }}\n\t\t{...props}\n\t/>\n));\nContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;\n\nexport {\n\tContextMenu,\n\tContextMenuContent,\n\tContextMenuGroup,\n\tContextMenuItem,\n\tContextMenuPortal,\n\tContextMenuRadioGroup,\n\tContextMenuSeparator,\n\tContextMenuSub,\n\tContextMenuSubContent,\n\tContextMenuSubTrigger,\n\tContextMenuTrigger,\n};\n","'use client';\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '../utils';\n\nconst Command = React.forwardRef<\n\tReact.ComponentRef<typeof CommandPrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive\n\t\tref={ref}\n\t\tclassName={cn('flex h-full w-full flex-col overflow-hidden rounded-xl bg-background-100 text-gray-1000', className)}\n\t\t{...props}\n\t/>\n));\nCommand.displayName = CommandPrimitive.displayName;\n\nfunction CommandDialog({\n\tchildren,\n\topen,\n\tonOpenChange,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Root> & React.ComponentPropsWithoutRef<typeof CommandPrimitive>) {\n\treturn (\n\t\t<DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n\t\t\t<DialogPrimitive.Portal>\n\t\t\t\t<DialogPrimitive.Overlay\n\t\t\t\t\tclassName=\"fixed inset-0 z-[9999] bg-black/40 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0\"\n\t\t\t\t\tcmdk-overlay=\"\"\n\t\t\t\t/>\n\t\t\t\t<DialogPrimitive.Content\n\t\t\t\t\tclassName=\"fixed left-[50%] top-[20%] z-[9999] w-full max-w-lg translate-x-[-50%] overflow-hidden rounded-xl shadow-lg\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackground: 'var(--khal-menu-bg)',\n\t\t\t\t\t\tborder: '1px solid var(--khal-menu-border)',\n\t\t\t\t\t\tboxShadow: 'var(--khal-menu-shadow)',\n\t\t\t\t\t\tbackdropFilter: 'blur(24px)',\n\t\t\t\t\t\tWebkitBackdropFilter: 'blur(24px)',\n\t\t\t\t\t}}\n\t\t\t\t\tcmdk-dialog=\"\"\n\t\t\t\t\taria-describedby={undefined}\n\t\t\t\t>\n\t\t\t\t\t<DialogPrimitive.Title className=\"sr-only\">Command palette</DialogPrimitive.Title>\n\t\t\t\t\t<Command\n\t\t\t\t\t\tclassName=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-700 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3\"\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Command>\n\t\t\t\t</DialogPrimitive.Content>\n\t\t\t</DialogPrimitive.Portal>\n\t\t</DialogPrimitive.Root>\n\t);\n}\n\nconst CommandInput = React.forwardRef<\n\tReact.ComponentRef<typeof CommandPrimitive.Input>,\n\tReact.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n\t<div\n\t\tclassName=\"flex items-center px-3\"\n\t\tstyle={{ borderBottom: '1px solid var(--khal-border-default)' }}\n\t\tcmdk-input-wrapper=\"\"\n\t>\n\t\t<Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n\t\t<CommandPrimitive.Input\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t'flex h-10 w-full rounded-md bg-transparent py-3 text-copy-13 outline-none',\n\t\t\t\t'placeholder:text-gray-700',\n\t\t\t\t'disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t</div>\n));\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = React.forwardRef<\n\tReact.ComponentRef<typeof CommandPrimitive.List>,\n\tReact.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.List\n\t\tref={ref}\n\t\tclassName={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}\n\t\t{...props}\n\t/>\n));\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n\tReact.ComponentRef<typeof CommandPrimitive.Empty>,\n\tReact.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n\t<CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-copy-13 text-gray-700\" {...props} />\n));\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n\tReact.ComponentRef<typeof CommandPrimitive.Group>,\n\tReact.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.Group\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'overflow-hidden p-1 text-gray-1000',\n\t\t\t'[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-label-12 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-700',\n\t\t\tclassName\n\t\t)}\n\t\t{...props}\n\t/>\n));\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = React.forwardRef<\n\tReact.ComponentRef<typeof CommandPrimitive.Separator>,\n\tReact.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.Separator ref={ref} className={cn('-mx-1 h-px bg-gray-alpha-400', className)} {...props} />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = React.forwardRef<\n\tReact.ComponentRef<typeof CommandPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> & {\n\t\tprefix?: React.ReactNode;\n\t\tcallback?: () => void;\n\t}\n>(({ className, prefix, callback, onSelect, children, ...props }, ref) => (\n\t<CommandPrimitive.Item\n\t\tref={ref}\n\t\tonSelect={onSelect ?? callback}\n\t\tclassName={cn(\n\t\t\t'relative flex cursor-default items-center gap-2 rounded-lg px-2 py-1.5 text-copy-13 outline-none select-none',\n\t\t\t'data-[selected=true]:text-gray-1000',\n\t\t\t'data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50',\n\t\t\tclassName\n\t\t)}\n\t\t{...props}\n\t>\n\t\t{prefix && <span className=\"inline-flex shrink-0\">{prefix}</span>}\n\t\t{children}\n\t</CommandPrimitive.Item>\n));\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n\treturn <span className={cn('ml-auto text-label-12 tracking-widest text-gray-700', className)} {...props} />;\n};\n\nexport {\n\tCommand,\n\tCommandDialog,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n\tCommandSeparator,\n\tCommandShortcut,\n};\n","'use client';\n\nimport { motion, useInView } from 'motion/react';\nimport { useCallback, useRef, useState } from 'react';\nimport { cn } from '../utils';\nimport { NumberFlow } from './number-flow';\n\ninterface CostCounterProps {\n\t/** The target numeric value to animate to */\n\tvalue: number;\n\t/** Text suffix after the number (e.g. \"%\", \"pts\", \"k\") */\n\tsuffix?: string;\n\t/** Text prefix before the number (e.g. \"$\", \"+\") */\n\tprefix?: string;\n\t/** Primary label below the number */\n\tlabel: string;\n\t/** Secondary description text */\n\tdescription?: string;\n\t/** Budget bar target percentage (0-100). Omit to hide the bar. */\n\tbudget?: number;\n\t/** Budget bar color — defaults to accent-warm */\n\tbudgetColor?: string;\n\tclassName?: string;\n}\n\nfunction CostCounter({ value, suffix, prefix, label, description, budget, budgetColor, className }: CostCounterProps) {\n\tconst [displayed, setDisplayed] = useState(0);\n\tconst triggered = useRef(false);\n\tconst barRef = useRef<HTMLDivElement>(null);\n\tconst barInView = useInView(barRef, { once: true, amount: 0.6 });\n\n\tconst handleViewport = useCallback(() => {\n\t\tif (!triggered.current) {\n\t\t\ttriggered.current = true;\n\t\t\tsetDisplayed(value);\n\t\t}\n\t}, [value]);\n\n\treturn (\n\t\t<motion.div\n\t\t\tonViewportEnter={handleViewport}\n\t\t\tviewport={{ once: true, amount: 0.5 }}\n\t\t\tclassName={cn('flex flex-col gap-3', className)}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"flex items-baseline tabular-nums font-semibold tracking-tight leading-none\"\n\t\t\t\tstyle={{ fontFamily: 'var(--font-display, var(--font-geist-sans))' }}\n\t\t\t>\n\t\t\t\t{prefix && <span className=\"text-[0.7em]\">{prefix}</span>}\n\t\t\t\t<NumberFlow value={displayed} />\n\t\t\t\t{suffix && <span className=\"text-[0.65em] ml-0.5 opacity-70\">{suffix}</span>}\n\t\t\t</div>\n\n\t\t\t{budget != null && (\n\t\t\t\t<div ref={barRef} className=\"w-full h-2 rounded-full overflow-hidden bg-[var(--ds-gray-alpha-200)]\">\n\t\t\t\t\t<motion.div\n\t\t\t\t\t\tinitial={{ width: 0 }}\n\t\t\t\t\t\tanimate={barInView ? { width: `${Math.min(budget, 100)}%` } : { width: 0 }}\n\t\t\t\t\t\ttransition={{ duration: 1, ease: [0.22, 1, 0.36, 1], delay: 0.15 }}\n\t\t\t\t\t\tclassName=\"h-full rounded-full\"\n\t\t\t\t\t\tstyle={{ backgroundColor: budgetColor ?? 'var(--ds-accent-warm)' }}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<div className=\"flex flex-col gap-0.5\">\n\t\t\t\t<span className=\"text-sm font-medium leading-5\">{label}</span>\n\t\t\t\t{description && <span className=\"text-xs opacity-50 leading-4\">{description}</span>}\n\t\t\t</div>\n\t\t</motion.div>\n\t);\n}\n\nexport type { CostCounterProps };\nexport { CostCounter };\n","'use client';\n\nimport NumberFlowBase from '@number-flow/react';\nimport type { ComponentProps } from 'react';\n\ntype NumberFlowProps = ComponentProps<typeof NumberFlowBase>;\n\n/**\n * NumberFlow — animated number transitions via @number-flow/react.\n * Thin wrapper that sets KhalOS-branded timing defaults.\n */\nfunction NumberFlow({ transformTiming, spinTiming, opacityTiming, ...props }: NumberFlowProps) {\n\treturn (\n\t\t<NumberFlowBase\n\t\t\ttransformTiming={transformTiming ?? { duration: 800, easing: 'cubic-bezier(0.34, 1.56, 0.64, 1)' }}\n\t\t\tspinTiming={spinTiming ?? { duration: 800, easing: 'cubic-bezier(0.34, 1.56, 0.64, 1)' }}\n\t\t\topacityTiming={opacityTiming ?? { duration: 350, easing: 'ease-out' }}\n\t\t\twillChange\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type { NumberFlowProps };\nexport { NumberFlow };\n","'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '../utils';\n\n/**\n * DataRow — LP section-level key-value / data display component.\n *\n * Extracted from khal-landing section components:\n * - Architecture.tsx: font-mono code rules (IF/THEN/ELSE patterns)\n * - Architecture.tsx: connection rows with status dots\n * - Omnichannel-spotlight.tsx: channel count rows (font-mono tabular-nums)\n * - Omnichannel-spotlight.tsx: observability inline data\n *\n * Renders a horizontal key-value pair with monospace font and optional accent.\n */\nconst dataRowVariants = cva('flex items-center gap-3 rounded-lg border border-[#FFFFFF14] font-mono', {\n\tvariants: {\n\t\tvariant: {\n\t\t\t/** Standard data row — subtle bg */\n\t\t\tdefault: 'bg-[#FFFFFF08] py-2.5 px-3',\n\t\t\t/** Inline/compact — for observability-style data */\n\t\t\tinline: 'bg-[#FFFFFF06] py-1.5 px-2.5 text-[11px]',\n\t\t\t/** Nested rule row — for indented rule displays */\n\t\t\trule: 'bg-[#FFFFFF05] py-2.5 px-3',\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tvariant: 'default',\n\t},\n});\n\ninterface DataRowProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dataRowVariants> {\n\t/** The label/key portion (left side) */\n\tlabel: string;\n\t/** The value portion (right side, pushed to end) */\n\tvalue?: string;\n\t/** Accent color for the value text */\n\taccentColor?: string;\n\t/** Show a status dot before the label */\n\tstatusDot?: boolean;\n\t/** Custom status dot color */\n\tdotColor?: string;\n\t/** Optional tag/badge to show before the label (e.g. \"IF\", \"THEN\") */\n\ttag?: string;\n\t/** Tag color — defaults to accent */\n\ttagColor?: string;\n}\n\nconst DataRow = React.forwardRef<HTMLDivElement, DataRowProps>(\n\t({ className, variant, label, value, accentColor, statusDot, dotColor, tag, tagColor, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={cn(dataRowVariants({ variant }), className)} {...props}>\n\t\t\t\t{/* Status dot */}\n\t\t\t\t{statusDot && (\n\t\t\t\t\t<span className=\"size-[6px] shrink-0 rounded-full\" style={{ backgroundColor: dotColor || '#FFFFFF40' }} />\n\t\t\t\t)}\n\n\t\t\t\t{/* Tag badge (IF/THEN/ELSE style) */}\n\t\t\t\t{tag && (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName=\"shrink-0 rounded py-0.5 px-2 text-[10px] font-bold uppercase tracking-wide leading-3.5\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: tagColor || 'var(--color-accent, #D49355)',\n\t\t\t\t\t\t\tbackgroundColor: tagColor\n\t\t\t\t\t\t\t\t? `color-mix(in srgb, ${tagColor} 10%, transparent)`\n\t\t\t\t\t\t\t\t: 'rgba(var(--color-accent-rgb, 212,147,85), 0.1)',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{tag}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t{/* Label */}\n\t\t\t\t<span className=\"text-[12px] text-[#FFFFFFCC] leading-4 min-w-0 truncate\">{label}</span>\n\n\t\t\t\t{/* Spacer if value present */}\n\t\t\t\t{(value || children) && <span className=\"grow\" />}\n\n\t\t\t\t{/* Value */}\n\t\t\t\t{value && (\n\t\t\t\t\t<span className=\"text-[12px] leading-4 tabular-nums shrink-0\" style={{ color: accentColor || '#FFFFFF99' }}>\n\t\t\t\t\t\t{value}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t{/* Custom children (for complex right-side content) */}\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n);\nDataRow.displayName = 'DataRow';\n\nexport type { DataRowProps };\nexport { DataRow, dataRowVariants };\n","'use client';\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport * as React from 'react';\nimport { cn } from '../utils';\n\nconst DropdownMenu = DropdownMenuPrimitive.Root;\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n\tReact.ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>,\n\tReact.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n\t\tinset?: boolean;\n\t}\n>(({ className, inset, children, ...props }, ref) => (\n\t<DropdownMenuPrimitive.SubTrigger\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-copy-13 outline-none select-none',\n\t\t\t'focus:bg-[var(--khal-menu-hover)]',\n\t\t\t'data-[state=open]:bg-[var(--khal-menu-hover)]',\n\t\t\tinset && 'pl-8',\n\t\t\tclassName\n\t\t)}\n\t\tstyle={{ color: 'var(--khal-text-primary)' }}\n\t\t{...props}\n\t>\n\t\t{children}\n\t</DropdownMenuPrimitive.SubTrigger>\n));\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;\n\nconst DropdownMenuSubContent = React.forwardRef<\n\tReact.ComponentRef<typeof DropdownMenuPrimitive.SubContent>,\n\tReact.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n\t<DropdownMenuPrimitive.SubContent\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'z-[9999] min-w-[8rem] overflow-hidden rounded-xl p-1',\n\t\t\t'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n\t\t\t'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n\t\t\t'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',\n\t\t\tclassName\n\t\t)}\n\t\tstyle={{\n\t\t\tbackground: 'var(--khal-menu-bg)',\n\t\t\tborder: '1px solid var(--khal-menu-border)',\n\t\t\tboxShadow: 'var(--khal-menu-shadow)',\n\t\t\tcolor: 'var(--khal-text-primary)',\n\t\t}}\n\t\t{...props}\n\t/>\n));\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;\n\nconst DropdownMenuContent = React.forwardRef<\n\tReact.ComponentRef<typeof DropdownMenuPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n\t<DropdownMenuPrimitive.Portal>\n\t\t<DropdownMenuPrimitive.Content\n\t\t\tref={ref}\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cn(\n\t\t\t\t'z-[9999] min-w-[8rem] overflow-hidden rounded-xl p-1',\n\t\t\t\t'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n\t\t\t\t'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n\t\t\t\t'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',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tstyle={{\n\t\t\t\tbackground: 'var(--khal-menu-bg)',\n\t\t\t\tborder: '1px solid var(--khal-menu-border)',\n\t\t\t\tboxShadow: 'var(--khal-menu-shadow)',\n\t\t\t\tcolor: 'var(--khal-text-primary)',\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t</DropdownMenuPrimitive.Portal>\n));\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nconst DropdownMenuItem = React.forwardRef<\n\tReact.ComponentRef<typeof DropdownMenuPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n\t\tinset?: boolean;\n\t\tprefix?: React.ReactNode;\n\t\tsuffix?: React.ReactNode;\n\t}\n>(({ className, inset, prefix, suffix, children, ...props }, ref) => (\n\t<DropdownMenuPrimitive.Item\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'relative flex cursor-default items-center gap-2 rounded-lg px-2 py-1.5 text-copy-13 outline-none select-none transition-colors',\n\t\t\t'focus:bg-[var(--khal-menu-hover)]',\n\t\t\t'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n\t\t\tinset && 'pl-8',\n\t\t\tclassName\n\t\t)}\n\t\tstyle={{ color: 'var(--khal-text-primary)' }}\n\t\t{...props}\n\t>\n\t\t{prefix && <span className=\"inline-flex shrink-0\">{prefix}</span>}\n\t\t{children}\n\t\t{suffix && (\n\t\t\t<span className=\"ml-auto inline-flex shrink-0\" style={{ color: 'var(--khal-text-muted)' }}>\n\t\t\t\t{suffix}\n\t\t\t</span>\n\t\t)}\n\t</DropdownMenuPrimitive.Item>\n));\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n\tReact.ComponentRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n\tReact.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n\t<DropdownMenuPrimitive.CheckboxItem\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'relative flex cursor-default items-center rounded-lg py-1.5 pl-8 pr-2 text-copy-13 outline-none select-none transition-colors',\n\t\t\t'focus:bg-[var(--khal-menu-hover)]',\n\t\t\t'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n\t\t\tclassName\n\t\t)}\n\t\tstyle={{ color: 'var(--khal-text-primary)' }}\n\t\tchecked={checked}\n\t\t{...props}\n\t>\n\t\t<span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n\t\t\t<DropdownMenuPrimitive.ItemIndicator>\n\t\t\t\t<svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3354 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.5553 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z\"\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\t\t></path>\n\t\t\t\t</svg>\n\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t</span>\n\t\t{children}\n\t</DropdownMenuPrimitive.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;\n\nconst DropdownMenuRadioItem = React.forwardRef<\n\tReact.ComponentRef<typeof DropdownMenuPrimitive.RadioItem>,\n\tReact.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n\t<DropdownMenuPrimitive.RadioItem\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'relative flex cursor-default items-center rounded-lg py-1.5 pl-8 pr-2 text-copy-13 outline-none select-none transition-colors',\n\t\t\t'focus:bg-[var(--khal-menu-hover)]',\n\t\t\t'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n\t\t\tclassName\n\t\t)}\n\t\tstyle={{ color: 'var(--khal-text-primary)' }}\n\t\t{...props}\n\t>\n\t\t<span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n\t\t\t<DropdownMenuPrimitive.ItemIndicator>\n\t\t\t\t<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\n\t\t\t\t\t<circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"currentColor\" />\n\t\t\t\t</svg>\n\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t</span>\n\t\t{children}\n\t</DropdownMenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\n\nconst DropdownMenuLabel = React.forwardRef<\n\tReact.ComponentRef<typeof DropdownMenuPrimitive.Label>,\n\tReact.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n\t\tinset?: boolean;\n\t}\n>(({ className, inset, ...props }, ref) => (\n\t<DropdownMenuPrimitive.Label\n\t\tref={ref}\n\t\tclassName={cn('px-2 py-1.5 text-label-12 font-semibold', inset && 'pl-8', className)}\n\t\tstyle={{ color: 'var(--khal-text-secondary)' }}\n\t\t{...props}\n\t/>\n));\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\n\nconst DropdownMenuSeparator = React.forwardRef<\n\tReact.ComponentRef<typeof DropdownMenuPrimitive.Separator>,\n\tReact.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n\t<DropdownMenuPrimitive.Separator\n\t\tref={ref}\n\t\tclassName={cn('-mx-1 my-1 h-px', className)}\n\t\tstyle={{ background: 'var(--khal-border-default)' }}\n\t\t{...props}\n\t/>\n));\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n\treturn (\n\t\t<span\n\t\t\tclassName={cn('ml-auto text-label-12 tracking-widest', className)}\n\t\t\tstyle={{ color: 'var(--khal-text-muted)' }}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n\nexport {\n\tDropdownMenu,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuPortal,\n\tDropdownMenuRadioGroup,\n\tDropdownMenuRadioItem,\n\tDropdownMenuSeparator,\n\tDropdownMenuShortcut,\n\tDropdownMenuSub,\n\tDropdownMenuSubContent,\n\tDropdownMenuSubTrigger,\n\tDropdownMenuTrigger,\n};\n","'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '../utils';\n\nconst glassCardVariants = cva(\n\t'relative overflow-hidden border transition-all [background:var(--khal-glass-tint)] [border-color:var(--khal-glass-border)]',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: '[box-shadow:var(--khal-shadow-sm)]',\n\t\t\t\traised: '[box-shadow:var(--khal-shadow-md)]',\n\t\t\t},\n\t\t\tpadding: {\n\t\t\t\tsm: 'p-3',\n\t\t\t\tmd: 'p-4',\n\t\t\t\tlg: 'p-6',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t\tpadding: 'md',\n\t\t},\n\t}\n);\n\ninterface GlassCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof glassCardVariants> {\n\thover?: boolean;\n\tglow?: string;\n}\n\nconst GlassCard = React.forwardRef<HTMLDivElement, GlassCardProps>(\n\t({ className, variant, padding, hover = false, glow, style, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\tglassCardVariants({ variant, padding }),\n\t\t\t\t\thover && [\n\t\t\t\t\t\t'cursor-pointer',\n\t\t\t\t\t\t'hover:-translate-y-0.5',\n\t\t\t\t\t\t'hover:[border-color:var(--khal-border-strong)]',\n\t\t\t\t\t\t'hover:[box-shadow:var(--khal-shadow-lg)]',\n\t\t\t\t\t],\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\tstyle={{\n\t\t\t\t\tbackdropFilter: 'var(--khal-glass-filter)',\n\t\t\t\t\tWebkitBackdropFilter: 'var(--khal-glass-filter)',\n\t\t\t\t\tborderRadius: 'var(--khal-radius-xl)',\n\t\t\t\t\ttransitionTimingFunction: 'var(--khal-ease-spring)',\n\t\t\t\t\ttransitionDuration: 'var(--khal-duration-normal)',\n\t\t\t\t\t...style,\n\t\t\t\t}}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{glow && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"pointer-events-none absolute inset-0 rounded-[inherit]\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackground: `radial-gradient(ellipse at 50% 0%, color-mix(in srgb, ${glow} 20%, transparent), transparent 70%)`,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div className=\"relative\">{children}</div>\n\t\t\t</div>\n\t\t);\n\t}\n);\nGlassCard.displayName = 'GlassCard';\n\nexport type { GlassCardProps };\nexport { GlassCard, glassCardVariants };\n","'use client';\n\nimport * as React from 'react';\nimport { cn } from '../utils';\n\ninterface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {\n\t/** Label above the input (geistcn compat) */\n\tlabel?: string;\n\t/** Size variant (geistcn compat) */\n\tsize?: 'small' | 'medium' | 'large';\n\t/** HTML input type (named typeName for geistcn compat, also accepts type) */\n\ttypeName?: string;\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n\t({ className, label, size, typeName, type, ...props }, ref) => {\n\t\tconst input = (\n\t\t\t<input\n\t\t\t\ttype={typeName ?? type}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'flex w-full rounded-md border border-gray-alpha-400 bg-background-100 px-3 text-copy-13 text-gray-1000 transition-colors',\n\t\t\t\t\t'file:border-0 file:bg-transparent file:text-sm file:font-medium',\n\t\t\t\t\t'placeholder:text-gray-700',\n\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-700 focus-visible:ring-offset-1',\n\t\t\t\t\t'disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t\tsize === 'small' ? 'h-8' : size === 'large' ? 'h-11' : 'h-9',\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\tref={ref}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\n\t\tif (label) {\n\t\t\treturn (\n\t\t\t\t<div className=\"flex flex-col gap-1.5\">\n\t\t\t\t\t<label className=\"text-label-13 text-gray-900\">{label}</label>\n\t\t\t\t\t{input}\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\treturn input;\n\t}\n);\nInput.displayName = 'Input';\n\nexport { Input };\n","interface KhalLogoProps {\n\tsize?: number;\n\tvariant?: 'light' | 'dark';\n\tclassName?: string;\n}\n\n/**\n * KhalLogo — SVG wordmark for large sizes (>=20), single \"K\" letterform for small sizes.\n * Uses currentColor so color is inherited from parent.\n */\nexport function KhalLogo({ size = 20, variant = 'light', className }: KhalLogoProps) {\n\tconst color = variant === 'light' ? '#FFFFFF' : '#0A0A0A';\n\tconst showFull = size >= 20;\n\n\tif (!showFull) {\n\t\t// Small sizes: render just the K letterform from the SVG\n\t\treturn (\n\t\t\t<svg\n\t\t\t\tviewBox=\"0 0 156 155\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\twidth={size}\n\t\t\t\theight={size}\n\t\t\t\tclassName={className}\n\t\t\t\taria-label=\"K\"\n\t\t\t\tstyle={{ color }}\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\td=\"M0 0H27.4425V65.9519H71.7054L122.829 0H155.362L95.3869 76.1317L164.657 154.92H128.805L72.5913 92.2878H27.4425V154.92H0V0Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t);\n\t}\n\n\t// Full wordmark SVG\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 756 155\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\twidth={size * (756 / 155)}\n\t\t\theight={size}\n\t\t\tclassName={className}\n\t\t\taria-label=\"khal\"\n\t\t\tstyle={{ color }}\n\t\t>\n\t\t\t<g clipPath=\"url(#khal-logo-clip)\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M616.81 0H644.252V128.584H765.533V154.92H638.499C635.4 154.92 632.524 154.33 629.867 153.149C627.211 151.969 624.924 150.42 623.007 148.502C621.088 146.584 619.539 144.371 618.359 141.863C617.326 139.206 616.81 136.403 616.81 133.453V0Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\td=\"M443.058 21.2467C445.123 14.4594 448.295 9.22105 452.573 5.53287C456.853 1.8447 462.533 0 469.616 0H519.632C527.009 0 532.911 1.91744 537.337 5.75467C541.763 9.44285 545.009 14.6072 547.076 21.2467L589.125 154.92H560.133L546.411 110.657H461.87L468.73 84.3212H538.665L521.181 26.3359H468.951L430 154.92H400.786L443.058 21.2467Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\td=\"M190.123 0H217.565V62.6322H344.6V0H372.043V154.92H344.6V88.9681H217.565V154.92H190.123V0Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\td=\"M0 0H27.4425V65.9519H71.7054L122.829 0H155.362L95.3869 76.1317L164.657 154.92H128.805L72.5913 92.2878H27.4425V154.92H0V0Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"khal-logo-clip\">\n\t\t\t\t\t<rect width=\"756\" height=\"155\" fill=\"white\" />\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t);\n}\n","'use client';\n\nimport { AnimatePresence, motion } from 'motion/react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { cn } from '../utils';\n\ntype FeedEventType = 'info' | 'success' | 'warning' | 'error' | 'agent' | 'system';\n\ninterface FeedEvent {\n\tid: string;\n\ttype: FeedEventType;\n\tmessage: string;\n\ttimestamp?: Date;\n}\n\nconst typeColors: Record<FeedEventType, string> = {\n\tinfo: 'var(--ds-blue-600)',\n\tsuccess: 'var(--ds-green-600)',\n\twarning: 'var(--ds-amber-600)',\n\terror: 'var(--ds-red-600)',\n\tagent: 'var(--ds-purple-600)',\n\tsystem: 'var(--ds-gray-600)',\n};\n\ninterface LiveFeedProps {\n\t/** Initial events to render */\n\tevents?: FeedEvent[];\n\t/** Maximum visible events before oldest are removed */\n\tmaxVisible?: number;\n\t/** Show timestamps next to events */\n\tshowTimestamps?: boolean;\n\t/** Height of the feed container */\n\theight?: number | string;\n\tclassName?: string;\n}\n\nfunction LiveFeed({\n\tevents: externalEvents,\n\tmaxVisible = 50,\n\tshowTimestamps = true,\n\theight = 300,\n\tclassName,\n}: LiveFeedProps) {\n\tconst [events, setEvents] = useState<FeedEvent[]>(externalEvents ?? []);\n\tconst scrollRef = useRef<HTMLDivElement>(null);\n\tconst isAtBottom = useRef(true);\n\n\t// Sync external events\n\tuseEffect(() => {\n\t\tif (externalEvents) {\n\t\t\tsetEvents((prev) => {\n\t\t\t\tconst combined = [...prev, ...externalEvents.filter((e) => !prev.some((p) => p.id === e.id))];\n\t\t\t\treturn combined.slice(-maxVisible);\n\t\t\t});\n\t\t}\n\t}, [externalEvents, maxVisible]);\n\n\t// Auto-scroll to bottom when new events arrive and user is at bottom\n\tuseEffect(() => {\n\t\tconst el = scrollRef.current;\n\t\tif (el && isAtBottom.current) {\n\t\t\tel.scrollTop = el.scrollHeight;\n\t\t}\n\t}, [events]);\n\n\tconst handleScroll = useCallback(() => {\n\t\tconst el = scrollRef.current;\n\t\tif (el) {\n\t\t\tisAtBottom.current = el.scrollHeight - el.scrollTop - el.clientHeight < 24;\n\t\t}\n\t}, []);\n\n\tconst formatTime = (d: Date) =>\n\t\td.toLocaleTimeString('en-US', { hour12: false, hour: '2-digit', minute: '2-digit', second: '2-digit' });\n\n\treturn (\n\t\t<div\n\t\t\tref={scrollRef}\n\t\t\tonScroll={handleScroll}\n\t\t\tclassName={cn('overflow-y-auto overflow-x-hidden font-mono text-xs leading-5 scrollbar-thin', className)}\n\t\t\tstyle={{ height }}\n\t\t>\n\t\t\t<AnimatePresence initial={false}>\n\t\t\t\t{events.map((event) => (\n\t\t\t\t\t<motion.div\n\t\t\t\t\t\tkey={event.id}\n\t\t\t\t\t\tinitial={{ opacity: 0, height: 0 }}\n\t\t\t\t\t\tanimate={{ opacity: 1, height: 'auto' }}\n\t\t\t\t\t\texit={{ opacity: 0, height: 0 }}\n\t\t\t\t\t\ttransition={{ duration: 0.25, ease: [0.22, 1, 0.36, 1] }}\n\t\t\t\t\t\tclassName=\"flex gap-2 px-2 py-0.5 hover:bg-[var(--ds-gray-alpha-100)]\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName=\"inline-block w-1.5 h-1.5 rounded-full mt-1.5 shrink-0\"\n\t\t\t\t\t\t\tstyle={{ backgroundColor: typeColors[event.type] }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{showTimestamps && event.timestamp && (\n\t\t\t\t\t\t\t<span className=\"shrink-0 opacity-40 tabular-nums\">{formatTime(event.timestamp)}</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<span className=\"opacity-80 break-words min-w-0\">{event.message}</span>\n\t\t\t\t\t</motion.div>\n\t\t\t\t))}\n\t\t\t</AnimatePresence>\n\t\t</div>\n\t);\n}\n\nexport type { FeedEvent, FeedEventType, LiveFeedProps };\nexport { LiveFeed };\n","'use client';\n\nimport { lazy, Suspense, useEffect, useRef, useState } from 'react';\nimport { useReducedMotion } from '../hooks/useReducedMotion';\n\nconst MeshGradientShader = lazy(() => import('@paper-design/shaders-react').then((m) => ({ default: m.MeshGradient })));\n\ninterface MeshGradientProps {\n\t/** Array of CSS color strings (typically 4-8) */\n\tcolors: string[];\n\t/** Animation speed multiplier (default 0.02) */\n\tspeed?: number;\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n}\n\nfunction StaticFallback({ colors }: { colors: string[] }) {\n\tconst bg =\n\t\tcolors.length >= 2\n\t\t\t? `linear-gradient(135deg, ${colors[0]} 0%, ${colors[Math.floor(colors.length / 2)]} 50%, ${colors[colors.length - 1]} 100%)`\n\t\t\t: (colors[0] ?? '#0A0A0A');\n\n\treturn <div style={{ width: '100%', height: '100%', background: bg }} />;\n}\n\nfunction MeshGradientInner({ colors, speed = 0.02, className, style }: MeshGradientProps) {\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst [visible, setVisible] = useState(false);\n\tconst reducedMotion = useReducedMotion();\n\n\tuseEffect(() => {\n\t\tconst el = ref.current;\n\t\tif (!el) return;\n\n\t\tconst observer = new IntersectionObserver(([entry]) => setVisible(entry.isIntersecting), {\n\t\t\trootMargin: '100px',\n\t\t});\n\n\t\tobserver.observe(el);\n\t\treturn () => observer.disconnect();\n\t}, []);\n\n\treturn (\n\t\t<div ref={ref} className={className} style={{ position: 'absolute', inset: 0, ...style }}>\n\t\t\t{visible && !reducedMotion ? (\n\t\t\t\t<Suspense fallback={<StaticFallback colors={colors} />}>\n\t\t\t\t\t<MeshGradientShader colors={colors} speed={speed} style={{ width: '100%', height: '100%' }} />\n\t\t\t\t</Suspense>\n\t\t\t) : (\n\t\t\t\t<StaticFallback colors={colors} />\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport type { MeshGradientProps };\nexport { MeshGradientInner as MeshGradient };\n","'use client';\n\nimport { useEffect, useState } from 'react';\n\n/**\n * Returns true when the user prefers reduced motion (OS setting or app toggle).\n */\nexport function useReducedMotion(): boolean {\n\tconst [reduced, setReduced] = useState(false);\n\n\tuseEffect(() => {\n\t\tconst mq = window.matchMedia('(prefers-reduced-motion: reduce)');\n\t\tsetReduced(mq.matches || document.documentElement.dataset.reduceMotion === 'true');\n\n\t\tconst handler = (e: MediaQueryListEvent) => setReduced(e.matches);\n\t\tmq.addEventListener('change', handler);\n\t\treturn () => mq.removeEventListener('change', handler);\n\t}, []);\n\n\treturn reduced;\n}\n","'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '../utils';\n\n/**\n * MetricDisplay — LP section-level metric/stat component.\n *\n * Extracted from khal-landing section components:\n * - Stat cards in metrics.tsx (large numbers with suffix/prefix)\n * - Metric tiles in architecture.tsx AppBuilderMockup\n * - ROI projected savings in metrics.tsx\n *\n * Renders a large highlighted value with a label and optional description.\n */\nconst metricDisplayVariants = cva('flex flex-col', {\n\tvariants: {\n\t\tsize: {\n\t\t\t/** Compact — for inline/tile use (architecture mockup metric tiles) */\n\t\t\tsm: 'gap-1',\n\t\t\t/** Standard — for dashboard displays */\n\t\t\tmd: 'gap-1.5',\n\t\t\t/** Large — hero stat cards (metrics.tsx) */\n\t\t\tlg: 'gap-2',\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: 'md',\n\t},\n});\n\nconst valueSizeMap = {\n\tsm: 'text-[22px] font-semibold leading-7 tracking-tight',\n\tmd: 'text-[28px] font-semibold leading-8 tracking-[-0.02em]',\n\tlg: 'text-[36px] sm:text-[44px] font-semibold leading-none tracking-[-0.04em]',\n} as const;\n\nconst labelSizeMap = {\n\tsm: 'text-[11px] uppercase tracking-[0.06em] text-[#FFFFFF80] font-medium leading-3.5',\n\tmd: 'text-[13px] text-[#FFFFFFCC] font-medium leading-4',\n\tlg: 'text-[15px] text-[#FFFFFFCC] font-medium leading-5',\n} as const;\n\ninterface MetricDisplayProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof metricDisplayVariants> {\n\t/** The primary value to display */\n\tvalue: string | number;\n\t/** Label describing the metric */\n\tlabel: string;\n\t/** Optional description/subtext below the label */\n\tdescription?: string;\n\t/** Optional prefix before the value (e.g. \"+\", \"$\") */\n\tprefix?: string;\n\t/** Optional suffix after the value (e.g. \"%\", \"pts\", \"ms\") */\n\tsuffix?: string;\n\t/** Accent color for the value. Defaults to current text color. */\n\taccentColor?: string;\n}\n\nconst MetricDisplay = React.forwardRef<HTMLDivElement, MetricDisplayProps>(\n\t({ className, size = 'md', value, label, description, prefix, suffix, accentColor, ...props }, ref) => {\n\t\tconst resolvedSize = (size ?? 'md') as 'sm' | 'md' | 'lg';\n\n\t\treturn (\n\t\t\t<div ref={ref} className={cn(metricDisplayVariants({ size }), className)} {...props}>\n\t\t\t\t{/* Label above value for sm size (matches LP tile pattern) */}\n\t\t\t\t{resolvedSize === 'sm' && <span className={labelSizeMap[resolvedSize]}>{label}</span>}\n\n\t\t\t\t{/* Value */}\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(valueSizeMap[resolvedSize], 'tabular-nums')}\n\t\t\t\t\tstyle={accentColor ? { color: accentColor } : undefined}\n\t\t\t\t>\n\t\t\t\t\t{prefix && <span>{prefix}</span>}\n\t\t\t\t\t<span>{value}</span>\n\t\t\t\t\t{suffix && (\n\t\t\t\t\t\t<span className={resolvedSize === 'lg' ? 'text-[32px] tracking-[-0.02em] ml-0.5' : 'ml-0.5'}>{suffix}</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{/* Label below value for md/lg sizes */}\n\t\t\t\t{resolvedSize !== 'sm' && <span className={labelSizeMap[resolvedSize]}>{label}</span>}\n\n\t\t\t\t{/* Description */}\n\t\t\t\t{description && <span className=\"text-[13px] text-[#FFFFFF80] leading-4\">{description}</span>}\n\t\t\t</div>\n\t\t);\n\t}\n);\nMetricDisplay.displayName = 'MetricDisplay';\n\nexport type { MetricDisplayProps };\nexport { MetricDisplay, metricDisplayVariants };\n","'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { AlertCircle, AlertTriangle, CheckCircle, Info } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '../utils';\n\nconst noteVariants = cva('flex items-start gap-2 rounded-md border p-3 text-copy-13', {\n\tvariants: {\n\t\ttype: {\n\t\t\tdefault: 'border-gray-alpha-400 bg-gray-alpha-100 text-gray-900',\n\t\t\terror: 'border-red-300 bg-red-100 text-red-900',\n\t\t\twarning: 'border-amber-300 bg-amber-100 text-amber-900',\n\t\t\tsuccess: 'border-green-300 bg-green-100 text-green-900',\n\t\t},\n\t\tsize: {\n\t\t\tdefault: 'p-3',\n\t\t\tsmall: 'p-2 text-label-12',\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\ttype: 'default',\n\t\tsize: 'default',\n\t},\n});\n\nconst iconMap = {\n\tdefault: Info,\n\terror: AlertCircle,\n\twarning: AlertTriangle,\n\tsuccess: CheckCircle,\n} as const;\n\ninterface NoteProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof noteVariants> {\n\ttype?: 'default' | 'error' | 'warning' | 'success';\n\tlabel?: boolean | string;\n\taction?: React.ReactNode;\n\tdisabled?: boolean;\n\tfill?: boolean;\n}\n\nfunction Note({ className, type = 'default', size, label, action, children, ...props }: NoteProps) {\n\tconst Icon = iconMap[type];\n\tconst showLabel = label !== false;\n\n\treturn (\n\t\t<div className={cn(noteVariants({ type, size }), className)} role=\"alert\" {...props}>\n\t\t\t{showLabel && <Icon className=\"h-4 w-4 shrink-0 mt-0.5\" />}\n\t\t\t<div className=\"flex-1 min-w-0\">{children}</div>\n\t\t\t{action && <div className=\"shrink-0\">{action}</div>}\n\t\t</div>\n\t);\n}\n\nexport { Note };\n","'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '../utils';\n\n/**\n * PillBadge — LP section-level badge/tag component.\n *\n * Extracted from khal-landing section components:\n * - Capability tags (omnichannel-spotlight.tsx)\n * - Section label pills (fast-secure.tsx header)\n * - Compliance badges (fast-secure.tsx badge strip)\n * - Accent badges (metrics.tsx ROI calculator)\n *\n * Always uppercase with wide tracking — the LP's signature badge style.\n */\nconst pillBadgeVariants = cva(\n\t'inline-flex items-center gap-1.5 rounded-full font-medium uppercase leading-none whitespace-nowrap',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\t/** Subtle border badge — compliance tags, capability tags */\n\t\t\t\tdefault: 'border border-[#FFFFFF26] bg-[#FFFFFF08] text-[#FFFFFFCC]',\n\t\t\t\t/** Muted badge — less prominent */\n\t\t\t\tmuted: 'border border-[#FFFFFF14] bg-[#FFFFFF05] text-[#FFFFFFCC]',\n\t\t\t\t/** Accent-filled badge — ROI labels, active state badges */\n\t\t\t\taccent: 'text-[var(--color-accent,#D49355)] bg-[rgba(var(--color-accent-rgb,212,147,85),0.12)]',\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: 'py-1 px-2.5 text-[10px] tracking-[0.08em]',\n\t\t\t\tmd: 'py-1.5 px-3.5 text-[11px] tracking-widest',\n\t\t\t\tlg: 'py-2 px-4 text-[11px] tracking-widest',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t\tsize: 'md',\n\t\t},\n\t}\n);\n\ninterface PillBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof pillBadgeVariants> {\n\t/** Show a small dot indicator before the text */\n\tdot?: boolean;\n\t/** Custom dot color (defaults to current text color at 40% opacity) */\n\tdotColor?: string;\n}\n\nconst PillBadge = React.forwardRef<HTMLSpanElement, PillBadgeProps>(\n\t({ className, variant, size, dot, dotColor, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<span ref={ref} className={cn(pillBadgeVariants({ variant, size }), className)} {...props}>\n\t\t\t\t{dot && (\n\t\t\t\t\t<span className=\"size-1.5 shrink-0 rounded-full\" style={{ backgroundColor: dotColor || '#FFFFFF40' }} />\n\t\t\t\t)}\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t);\n\t}\n);\nPillBadge.displayName = 'PillBadge';\n\nexport type { PillBadgeProps };\nexport { PillBadge, pillBadgeVariants };\n","'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '../utils';\n\nconst progressBarVariants = cva(\n\t'relative w-full overflow-hidden rounded-full [background:var(--khal-border-default)]',\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: 'h-1.5',\n\t\t\t\tmd: 'h-2.5',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tsize: 'md',\n\t\t},\n\t}\n);\n\ninterface ProgressBarProps\n\textends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>,\n\t\tVariantProps<typeof progressBarVariants> {\n\tvalue: number;\n\tmax?: number;\n\tcolor?: string;\n\tshowLabel?: boolean;\n}\n\nfunction ProgressBar({\n\tvalue,\n\tmax = 100,\n\tcolor = 'var(--khal-stage-build)',\n\tsize,\n\tshowLabel = false,\n\tclassName,\n\t...props\n}: ProgressBarProps) {\n\tconst percentage = Math.min(100, Math.max(0, (value / max) * 100));\n\n\treturn (\n\t\t<div className={cn('flex items-center gap-2', className)} {...props}>\n\t\t\t<div\n\t\t\t\trole=\"progressbar\"\n\t\t\t\taria-valuenow={value}\n\t\t\t\taria-valuemin={0}\n\t\t\t\taria-valuemax={max}\n\t\t\t\tclassName={progressBarVariants({ size })}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"h-full rounded-full\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: `${percentage}%`,\n\t\t\t\t\t\tbackground: `linear-gradient(90deg, color-mix(in srgb, ${color} 85%, black), ${color})`,\n\t\t\t\t\t\ttransition: 'width var(--khal-duration-normal) var(--khal-ease-spring)',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{showLabel && (\n\t\t\t\t<span className=\"shrink-0 text-xs tabular-nums opacity-60\">\n\t\t\t\t\t{value}/{max}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport type { ProgressBarProps };\nexport { ProgressBar, progressBarVariants };\n","'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '../utils';\n\n/**\n * SectionCard — LP section-level card component.\n *\n * Extracted from khal-landing section components (architecture.tsx, fast-secure.tsx).\n * Two variants matching the LP's two card styles:\n * - `default`: full-border card (architecture section outer cards)\n * - `inset`: top-left border card (architecture mockup panels)\n */\nconst sectionCardVariants = cva('relative flex flex-col overflow-hidden', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'rounded-2xl border border-[#FFFFFF1A] bg-[#FFFFFF0A]',\n\t\t\tinset: 'rounded-tl-xl border-t border-l border-[#FFFFFF26] bg-[#111111]',\n\t\t\tsolid: 'rounded-2xl border border-[#FFFFFF1A] bg-[#0D0D0D]',\n\t\t},\n\t\tpadding: {\n\t\t\tnone: '',\n\t\t\tsm: 'p-4',\n\t\t\tmd: 'p-5 sm:p-6',\n\t\t\tlg: 'p-5 sm:p-6 md:p-8',\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tvariant: 'default',\n\t\tpadding: 'md',\n\t},\n});\n\ninterface SectionCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof sectionCardVariants> {\n\t/** Optional gradient overlay color (hex). Renders a subtle top-down gradient. */\n\tglow?: string;\n}\n\nconst SectionCard = React.forwardRef<HTMLDivElement, SectionCardProps>(\n\t({ className, variant, padding, glow, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={cn(sectionCardVariants({ variant, padding }), className)} {...props}>\n\t\t\t\t{glow && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"pointer-events-none absolute inset-0 z-0\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackground: `linear-gradient(180deg, ${glow}22 0%, transparent 60%)`,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div className=\"relative z-10 flex flex-col h-full\">{children}</div>\n\t\t\t</div>\n\t\t);\n\t}\n);\nSectionCard.displayName = 'SectionCard';\n\n/**\n * SectionCardHeader — optional header row with bottom border separator.\n * Matches the LP mockup panel headers: `py-3 px-4 border-b border-[#FFFFFF1A]`.\n */\nfunction SectionCardHeader({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('flex items-center justify-between py-3 px-4 border-b border-[#FFFFFF1A]', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\nSectionCardHeader.displayName = 'SectionCardHeader';\n\nexport type { SectionCardProps };\nexport { SectionCard, SectionCardHeader, sectionCardVariants };\n","'use client';\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as React from 'react';\nimport { cn } from '../utils';\n\nconst Separator = React.forwardRef<\n\tReact.ComponentRef<typeof SeparatorPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\n\t<SeparatorPrimitive.Root\n\t\tref={ref}\n\t\tdecorative={decorative}\n\t\torientation={orientation}\n\t\tclassName={cn(\n\t\t\t'shrink-0 bg-gray-alpha-400',\n\t\t\torientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\n\t\t\tclassName\n\t\t)}\n\t\t{...props}\n\t/>\n));\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n","'use client';\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch';\nimport * as React from 'react';\nimport { cn } from '../utils';\n\ninterface ToggleProps extends Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, 'onChange'> {\n\tonChange?: (checked: boolean) => void;\n}\n\nconst Toggle = React.forwardRef<React.ComponentRef<typeof SwitchPrimitive.Root>, ToggleProps>(\n\t({ className, onChange, onCheckedChange, ...props }, ref) => (\n\t\t<SwitchPrimitive.Root\n\t\t\tclassName={cn(\n\t\t\t\t'peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors',\n\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-700 focus-visible:ring-offset-2 focus-visible:ring-offset-background-100',\n\t\t\t\t'disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t'data-[state=checked]:bg-gray-1000 data-[state=unchecked]:bg-gray-alpha-400',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tonCheckedChange={onCheckedChange ?? onChange}\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t>\n\t\t\t<SwitchPrimitive.Thumb\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform',\n\t\t\t\t\t'data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0'\n\t\t\t\t)}\n\t\t\t/>\n\t\t</SwitchPrimitive.Root>\n\t)\n);\nToggle.displayName = 'Toggle';\n\nexport { Toggle };\n","'use client';\n\nimport { ThemeProvider as NextThemesProvider } from 'next-themes';\nimport { useEffect } from 'react';\nimport { useThemeStore } from '../stores/theme-store';\n\nfunction ReduceMotionSync() {\n\tconst reduceMotion = useThemeStore((s) => s.reduceMotion);\n\n\tuseEffect(() => {\n\t\tdocument.documentElement.setAttribute('data-reduce-motion', String(reduceMotion));\n\t}, [reduceMotion]);\n\n\treturn null;\n}\n\nfunction GlassSync() {\n\tconst glassEnabled = useThemeStore((s) => s.glassEnabled);\n\n\tuseEffect(() => {\n\t\tconst el = document.documentElement;\n\t\tif (glassEnabled) {\n\t\t\tel.setAttribute('data-glass', '');\n\t\t\tel.style.setProperty('--khal-glass-enabled', '1');\n\t\t} else {\n\t\t\tel.removeAttribute('data-glass');\n\t\t\tel.style.setProperty('--khal-glass-enabled', '0');\n\t\t}\n\t}, [glassEnabled]);\n\n\treturn null;\n}\n\nfunction GpuTerminalsSync() {\n\tconst gpuTerminals = useThemeStore((s) => s.gpuTerminals);\n\n\tuseEffect(() => {\n\t\t// Sync to the localStorage key the terminal reads on mount\n\t\tif (gpuTerminals) {\n\t\t\tlocalStorage.setItem('khal-gpu-terminals', 'true');\n\t\t} else {\n\t\t\tlocalStorage.removeItem('khal-gpu-terminals');\n\t\t}\n\t}, [gpuTerminals]);\n\n\treturn null;\n}\n\nexport function ThemeProvider({ children, ...props }: React.ComponentProps<typeof NextThemesProvider>) {\n\treturn (\n\t\t<NextThemesProvider {...props}>\n\t\t\t<ReduceMotionSync />\n\t\t\t<GlassSync />\n\t\t\t<GpuTerminalsSync />\n\t\t\t{children}\n\t\t</NextThemesProvider>\n\t);\n}\n","import { create } from 'zustand';\nimport { persist } from 'zustand/middleware';\n\ntype ThemeMode = 'light' | 'dark' | 'system';\n\ninterface ThemeStore {\n\tmode: ThemeMode;\n\tsetMode: (mode: ThemeMode) => void;\n\treduceMotion: boolean;\n\tsetReduceMotion: (value: boolean) => void;\n\tglassEnabled: boolean;\n\tsetGlassEnabled: (value: boolean) => void;\n\tgpuTerminals: boolean;\n\tsetGpuTerminals: (value: boolean) => void;\n}\n\nexport const useThemeStore = create<ThemeStore>()(\n\tpersist(\n\t\t(set) => ({\n\t\t\tmode: 'dark' as ThemeMode,\n\t\t\tsetMode: (mode) => set({ mode }),\n\t\t\treduceMotion: false,\n\t\t\tsetReduceMotion: (reduceMotion) => set({ reduceMotion }),\n\t\t\tglassEnabled: false,\n\t\t\tsetGlassEnabled: (glassEnabled) => set({ glassEnabled }),\n\t\t\tgpuTerminals: false,\n\t\t\tsetGpuTerminals: (gpuTerminals) => set({ gpuTerminals }),\n\t\t}),\n\t\t{\n\t\t\tname: 'khal-theme',\n\t\t}\n\t)\n);\n","'use client';\n\nimport { Monitor, Moon, Sun } from 'lucide-react';\nimport { useTheme } from 'next-themes';\nimport { useEffect, useState } from 'react';\nimport { cn } from '../utils';\n\nconst themes = [\n\t{ value: 'system', label: 'System', icon: Monitor },\n\t{ value: 'light', label: 'Light', icon: Sun },\n\t{ value: 'dark', label: 'Dark', icon: Moon },\n] as const;\n\ninterface ThemeSwitcherProps {\n\tsmall?: boolean;\n\tclassName?: string;\n\tonThemeSwitch?: (theme: string) => void;\n\tdisabled?: boolean;\n}\n\nfunction ThemeSwitcher({ small, className, onThemeSwitch, disabled }: ThemeSwitcherProps) {\n\tconst { theme, setTheme } = useTheme();\n\tconst [mounted, setMounted] = useState(false);\n\tuseEffect(() => setMounted(true), []);\n\n\t// Avoid hydration mismatch: useTheme() returns different values on server vs client\n\tconst resolvedTheme = mounted ? theme : undefined;\n\n\treturn (\n\t\t<fieldset\n\t\t\tclassName={cn('inline-flex items-center gap-1 rounded-lg bg-gray-alpha-100 p-1', className)}\n\t\t\tdisabled={disabled}\n\t\t>\n\t\t\t{themes.map(({ value, label, icon: Icon }) => (\n\t\t\t\t<button\n\t\t\t\t\tkey={value}\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\trole=\"radio\"\n\t\t\t\t\taria-checked={resolvedTheme === value}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetTheme(value);\n\t\t\t\t\t\tonThemeSwitch?.(value);\n\t\t\t\t\t}}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'inline-flex items-center gap-1.5 rounded-md px-2.5 py-1 text-label-12 transition-colors cursor-pointer',\n\t\t\t\t\t\tresolvedTheme === value\n\t\t\t\t\t\t\t? 'bg-background-100 text-gray-1000 shadow-sm'\n\t\t\t\t\t\t\t: 'text-gray-700 hover:text-gray-1000'\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<Icon className={small ? 'h-3.5 w-3.5' : 'h-4 w-4'} />\n\t\t\t\t\t{!small && label}\n\t\t\t\t</button>\n\t\t\t))}\n\t\t</fieldset>\n\t);\n}\n\nexport { ThemeSwitcher };\n","'use client';\n\nimport type { ReactNode } from 'react';\nimport { cn } from '../utils';\n\ninterface TickerBarProps {\n\t/** Items to scroll — rendered twice for seamless looping */\n\tchildren: ReactNode;\n\t/** Animation duration in seconds (default 30) */\n\tduration?: number;\n\t/** Pause on hover */\n\tpauseOnHover?: boolean;\n\tclassName?: string;\n}\n\nfunction TickerBar({ children, duration = 30, pauseOnHover = true, className }: TickerBarProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('relative w-full overflow-hidden', className)}\n\t\t\tstyle={{\n\t\t\t\tmaskImage: 'linear-gradient(to right, transparent, black 10%, black 90%, transparent)',\n\t\t\t\tWebkitMaskImage: 'linear-gradient(to right, transparent, black 10%, black 90%, transparent)',\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn('flex w-max', pauseOnHover && 'hover:[animation-play-state:paused]')}\n\t\t\t\tstyle={{\n\t\t\t\t\tanimation: `khal-ticker ${duration}s linear infinite`,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div className=\"flex shrink-0 items-center\">{children}</div>\n\t\t\t\t<div className=\"flex shrink-0 items-center\" aria-hidden>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport type { TickerBarProps };\nexport { TickerBar };\n","'use client';\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport * as React from 'react';\nimport { cn } from '../utils';\n\nconst TooltipProvider = TooltipPrimitive.Provider;\nconst TooltipRoot = TooltipPrimitive.Root;\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\nconst TooltipContent = React.forwardRef<\n\tReact.ComponentRef<typeof TooltipPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, style, ...props }, ref) => (\n\t<TooltipPrimitive.Portal>\n\t\t<TooltipPrimitive.Content\n\t\t\tref={ref}\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cn(\n\t\t\t\t'z-[9999] overflow-hidden rounded-md px-2.5 py-1 text-label-12',\n\t\t\t\t'animate-in fade-in-0 zoom-in-95',\n\t\t\t\t'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n\t\t\t\t'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',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tstyle={{\n\t\t\t\tbackground: 'var(--khal-text-primary, var(--ds-gray-1000))',\n\t\t\t\tcolor: 'var(--khal-text-inverse, var(--ds-background-100))',\n\t\t\t\t...style,\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t</TooltipPrimitive.Portal>\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\ninterface SimpleTooltipProps {\n\ttext: React.ReactNode;\n\tchildren: React.ReactNode;\n\tposition?: 'top' | 'bottom' | 'left' | 'right';\n\tdelay?: boolean;\n\tdelayTime?: number;\n\tdesktopOnly?: boolean;\n\tclassName?: string;\n}\n\nfunction Tooltip({ text, children, position = 'top', delay, delayTime, desktopOnly, className }: SimpleTooltipProps) {\n\tconst delayDuration = delayTime ?? (delay ? 400 : 200);\n\n\treturn (\n\t\t<TooltipProvider delayDuration={delayDuration}>\n\t\t\t<TooltipRoot>\n\t\t\t\t<TooltipTrigger asChild>{children}</TooltipTrigger>\n\t\t\t\t<TooltipContent side={position} className={cn(desktopOnly && 'max-md:hidden', className)}>\n\t\t\t\t\t{text}\n\t\t\t\t</TooltipContent>\n\t\t\t</TooltipRoot>\n\t\t</TooltipProvider>\n\t);\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger };\n","'use client';\n\nimport { createContext, useContext } from 'react';\n\n/**\n * Exposes the parent window's minimized state to deeply nested child components.\n * Terminal panes use this to dispose WebGL contexts when minimized (GPU savings)\n * and re-attach them on restore.\n */\nconst WindowMinimizedContext = createContext(false);\n\nexport const WindowMinimizedProvider = WindowMinimizedContext.Provider;\n\nexport function useWindowMinimized(): boolean {\n\treturn useContext(WindowMinimizedContext);\n}\n\n/**\n * Exposes the parent window's focused/active state to child components.\n * Apps use this to pause polling, animations, and heavy rendering when\n * their window is behind another (app-nap behavior).\n */\nconst WindowActiveContext = createContext(true);\n\nexport const WindowActiveProvider = WindowActiveContext.Provider;\n\nexport function useWindowActive(): boolean {\n\treturn useContext(WindowActiveContext);\n}\n","/**\n * KhalOS animation presets — motion.js configurations for OS-wide use.\n * Import these in components for consistent, branded animations.\n */\n\n/** Custom easing curve — KhalOS primary */\nexport const khalEasing = [0.22, 1, 0.36, 1] as const;\n\n/** Spring config for interactive elements */\nexport const springConfig = {\n\tstiffness: 300,\n\tdamping: 22,\n} as const;\n\n/** Window open animation — fade up with blur */\nexport const fadeUp = {\n\tinitial: { opacity: 0, y: 12, filter: 'blur(4px)' },\n\tanimate: { opacity: 1, y: 0, filter: 'blur(0px)' },\n\ttransition: { duration: 0.7, ease: khalEasing },\n} as const;\n\n/** App launch animation — scale up with blur */\nexport const scaleUp = {\n\tinitial: { opacity: 0, scale: 0.96, filter: 'blur(6px)' },\n\tanimate: { opacity: 1, scale: 1, filter: 'blur(0px)' },\n\ttransition: { duration: 0.9, ease: khalEasing },\n} as const;\n\n/** Stagger container — children appear with 0.12s delay */\nexport const staggerContainer = {\n\tanimate: {\n\t\ttransition: {\n\t\t\tstaggerChildren: 0.12,\n\t\t},\n\t},\n} as const;\n\n/** Stagger child — each item fades up */\nexport const staggerChild = {\n\tinitial: { opacity: 0, y: 8 },\n\tanimate: { opacity: 1, y: 0 },\n\ttransition: { duration: 0.4, ease: khalEasing },\n} as const;\n\n/** Fade in — simple opacity animation */\nexport const fadeIn = {\n\tinitial: { opacity: 0 },\n\tanimate: { opacity: 1 },\n\ttransition: { duration: 0.5, ease: khalEasing },\n} as const;\n","'use client';\n\nimport { createContext, type ReactNode, useCallback, useContext, useRef, useState } from 'react';\n\n// ---------------------------------------------------------------------------\n// CollapsibleSidebar — resizable sidebar with collapse/expand toggle.\n//\n// Usage:\n//   <CollapsibleSidebar defaultSize={220} min={160} max={360}>\n//     <CollapsibleSidebar.Header>\n//       <span>Explorer</span>\n//       <CollapsibleSidebar.CollapseButton />\n//     </CollapsibleSidebar.Header>\n//     <CollapsibleSidebar.Content>\n//       <FileTree />\n//     </CollapsibleSidebar.Content>\n//   </CollapsibleSidebar>\n// ---------------------------------------------------------------------------\n\ninterface SidebarContextValue {\n\tcollapsed: boolean;\n\ttoggle: () => void;\n\tsize: number;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({\n\tcollapsed: false,\n\ttoggle: () => {},\n\tsize: 220,\n});\n\nexport function useSidebar() {\n\treturn useContext(SidebarContext);\n}\n\ninterface CollapsibleSidebarProps {\n\tchildren: ReactNode;\n\tdefaultSize?: number;\n\tmin?: number;\n\tmax?: number;\n\tdefaultCollapsed?: boolean;\n\tside?: 'left' | 'right';\n\tclassName?: string;\n}\n\nfunction CollapsibleSidebarRoot({\n\tchildren,\n\tdefaultSize = 220,\n\tmin = 140,\n\tmax = 400,\n\tdefaultCollapsed = false,\n\tside = 'left',\n\tclassName = '',\n}: CollapsibleSidebarProps) {\n\tconst [collapsed, setCollapsed] = useState(defaultCollapsed);\n\tconst [size, setSize] = useState(defaultSize);\n\tconst dragging = useRef(false);\n\tconst startX = useRef(0);\n\tconst startSize = useRef(0);\n\n\tconst toggle = useCallback(() => setCollapsed((v) => !v), []);\n\n\tconst onPointerDown = useCallback(\n\t\t(e: React.PointerEvent) => {\n\t\t\tif (collapsed) return;\n\t\t\te.preventDefault();\n\t\t\tdragging.current = true;\n\t\t\tstartX.current = e.clientX;\n\t\t\tstartSize.current = size;\n\t\t\t(e.target as HTMLElement).setPointerCapture(e.pointerId);\n\t\t},\n\t\t[collapsed, size]\n\t);\n\n\tconst onPointerMove = useCallback(\n\t\t(e: React.PointerEvent) => {\n\t\t\tif (!dragging.current) return;\n\t\t\tconst delta = side === 'left' ? e.clientX - startX.current : startX.current - e.clientX;\n\t\t\tsetSize(Math.min(max, Math.max(min, startSize.current + delta)));\n\t\t},\n\t\t[side, min, max]\n\t);\n\n\tconst onPointerUp = useCallback(() => {\n\t\tdragging.current = false;\n\t}, []);\n\n\tconst resizeHandle = (\n\t\t<div\n\t\t\tclassName={`w-px shrink-0 cursor-col-resize bg-gray-alpha-200 transition-colors hover:w-0.5 hover:bg-blue-700/50 active:w-0.5 active:bg-blue-700 ${\n\t\t\t\tcollapsed ? 'pointer-events-none' : ''\n\t\t\t}`}\n\t\t\tonPointerDown={onPointerDown}\n\t\t\tonPointerMove={onPointerMove}\n\t\t\tonPointerUp={onPointerUp}\n\t\t\trole=\"separator\"\n\t\t\taria-orientation=\"vertical\"\n\t\t/>\n\t);\n\n\treturn (\n\t\t<SidebarContext.Provider value={{ collapsed, toggle, size }}>\n\t\t\t<div className={`flex shrink-0 ${className}`} style={{ width: collapsed ? 0 : size }}>\n\t\t\t\t{side === 'right' && resizeHandle}\n\t\t\t\t<div\n\t\t\t\t\tclassName={`flex h-full flex-col overflow-hidden transition-[width] duration-150 ${\n\t\t\t\t\t\tcollapsed ? 'w-0' : 'w-full'\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t\t{side === 'left' && resizeHandle}\n\t\t\t</div>\n\t\t</SidebarContext.Provider>\n\t);\n}\n\n// ---------------------------------------------------------------------------\n// CollapsibleSidebar.Header\n// ---------------------------------------------------------------------------\n\nfunction SidebarHeader({ children, className = '' }: { children: ReactNode; className?: string }) {\n\treturn (\n\t\t<div className={`flex h-9 shrink-0 items-center justify-between border-b border-gray-alpha-200 px-3 ${className}`}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\n// ---------------------------------------------------------------------------\n// CollapsibleSidebar.CollapseButton\n// ---------------------------------------------------------------------------\n\nfunction CollapseButton({ className = '' }: { className?: string }) {\n\tconst { collapsed, toggle } = useSidebar();\n\treturn (\n\t\t<button\n\t\t\tonClick={toggle}\n\t\t\tclassName={`inline-flex h-5 w-5 items-center justify-center rounded text-gray-800 hover:bg-gray-alpha-200 hover:text-gray-1000 transition-colors ${className}`}\n\t\t\taria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n\t\t>\n\t\t\t<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n\t\t\t\t<path\n\t\t\t\t\td={collapsed ? 'M4.5 2L8.5 6L4.5 10' : 'M8.5 2L4.5 6L8.5 10'}\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstrokeWidth=\"1.5\"\n\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</button>\n\t);\n}\n\n// ---------------------------------------------------------------------------\n// CollapsibleSidebar.Content\n// ---------------------------------------------------------------------------\n\nfunction SidebarContent({ children, className = '' }: { children: ReactNode; className?: string }) {\n\treturn <div className={`flex-1 overflow-y-auto ${className}`}>{children}</div>;\n}\n\n// ---------------------------------------------------------------------------\n// CollapsibleSidebar.Section\n// ---------------------------------------------------------------------------\n\nfunction SidebarSection({\n\ttitle,\n\tchildren,\n\tclassName = '',\n}: {\n\ttitle?: string;\n\tchildren: ReactNode;\n\tclassName?: string;\n}) {\n\treturn (\n\t\t<div className={`${className}`}>\n\t\t\t{title && (\n\t\t\t\t<div className=\"px-3 pt-2 pb-1\">\n\t\t\t\t\t<span className=\"text-label-13 font-medium text-gray-800\">{title}</span>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\n// ---------------------------------------------------------------------------\n// CollapsibleSidebar.Item\n// ---------------------------------------------------------------------------\n\ninterface SidebarItemProps {\n\tchildren: ReactNode;\n\ticon?: ReactNode;\n\tactive?: boolean;\n\tindent?: number;\n\tonClick?: () => void;\n\tclassName?: string;\n}\n\nfunction SidebarItem({ children, icon, active, indent = 0, onClick, className = '' }: SidebarItemProps) {\n\treturn (\n\t\t<button\n\t\t\tonClick={onClick}\n\t\t\tclassName={`flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-label-13 transition-colors\n        ${active ? 'bg-gray-alpha-200 text-gray-1000' : 'text-gray-900 hover:bg-gray-alpha-100 hover:text-gray-1000'}\n        ${className}`}\n\t\t\tstyle={{ paddingLeft: 8 + indent * 12 }}\n\t\t>\n\t\t\t{icon && <span className=\"shrink-0 text-gray-800 [&>svg]:h-3.5 [&>svg]:w-3.5\">{icon}</span>}\n\t\t\t<span className=\"min-w-0 truncate\">{children}</span>\n\t\t</button>\n\t);\n}\n\n// ---------------------------------------------------------------------------\n// Export\n// ---------------------------------------------------------------------------\n\nexport const CollapsibleSidebar = Object.assign(CollapsibleSidebarRoot, {\n\tHeader: SidebarHeader,\n\tCollapseButton,\n\tContent: SidebarContent,\n\tSection: SidebarSection,\n\tItem: SidebarItem,\n});\n","'use client';\n\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\n\n/* ------------------------------------------------------------------ */\n/*  Minimal compound Dialog primitive for OS chrome.                   */\n/*  Enough to satisfy DeleteConfirmDialog; expand as needed.           */\n/* ------------------------------------------------------------------ */\n\ninterface DialogRootProps {\n\topen: boolean;\n\tonClose: () => void;\n\tchildren: ReactNode;\n}\n\nfunction DialogRoot({ open, onClose, children }: DialogRootProps) {\n\tif (!open) return null;\n\treturn (\n\t\t<div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/40\" onClick={onClose}>\n\t\t\t<div\n\t\t\t\tclassName=\"bg-popover text-popover-foreground rounded-lg border p-6 shadow-lg\"\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction Body({ children }: { children: ReactNode }) {\n\treturn <div className=\"flex items-start gap-4\">{children}</div>;\n}\n\nfunction Icon({ children, variant: _variant }: { children: ReactNode; variant?: string }) {\n\treturn <div className=\"shrink-0\">{children}</div>;\n}\n\nfunction Title({ children }: { children: ReactNode }) {\n\treturn <h2 className=\"text-lg font-semibold\">{children}</h2>;\n}\n\nfunction Description({ children }: { children: ReactNode }) {\n\treturn <p className=\"text-muted-foreground text-sm\">{children}</p>;\n}\n\nfunction Actions({ children }: { children: ReactNode }) {\n\treturn <div className=\"mt-4 flex justify-end gap-2\">{children}</div>;\n}\n\ntype BtnProps = ButtonHTMLAttributes<HTMLButtonElement> & { variant?: string };\n\nfunction Cancel({ children, ...props }: BtnProps) {\n\treturn (\n\t\t<button type=\"button\" className=\"rounded px-3 py-1.5 text-sm hover:bg-muted\" {...props}>\n\t\t\t{children}\n\t\t</button>\n\t);\n}\n\nfunction Confirm({ children, variant: _variant, ...props }: BtnProps) {\n\treturn (\n\t\t<button type=\"button\" className=\"rounded bg-destructive px-3 py-1.5 text-sm text-destructive-foreground\" {...props}>\n\t\t\t{children}\n\t\t</button>\n\t);\n}\n\nexport const Dialog = Object.assign(DialogRoot, {\n\tBody,\n\tIcon,\n\tTitle,\n\tDescription,\n\tActions,\n\tCancel,\n\tConfirm,\n});\n","'use client';\n\nimport { type ReactNode } from 'react';\n\n// ---------------------------------------------------------------------------\n// EmptyState — placeholder for empty views (no files, no results, etc.).\n//\n// Usage:\n//   <EmptyState\n//     icon={<FolderOpen />}\n//     title=\"No files\"\n//     description=\"This folder is empty.\"\n//     action={<Button onClick={upload}>Upload File</Button>}\n//   />\n// ---------------------------------------------------------------------------\n\ninterface EmptyStateProps {\n\ticon?: ReactNode;\n\ttitle: string;\n\tdescription?: string;\n\taction?: ReactNode;\n\tcompact?: boolean;\n\tclassName?: string;\n}\n\nexport function EmptyState({ icon, title, description, action, compact, className = '' }: EmptyStateProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={`flex flex-col items-center justify-center text-center ${\n\t\t\t\tcompact ? 'gap-2 py-6' : 'gap-3 py-12'\n\t\t\t} ${className}`}\n\t\t>\n\t\t\t{icon && (\n\t\t\t\t<div className={`text-gray-700 ${compact ? '[&>svg]:h-5 [&>svg]:w-5' : '[&>svg]:h-8 [&>svg]:w-8'}`}>{icon}</div>\n\t\t\t)}\n\t\t\t<div className=\"space-y-0.5\">\n\t\t\t\t<p className=\"text-label-13 font-medium text-gray-1000\">{title}</p>\n\t\t\t\t{description && <p className={`text-gray-800 ${compact ? 'text-label-13' : 'text-label-13'}`}>{description}</p>}\n\t\t\t</div>\n\t\t\t{action && <div className=\"mt-2 shrink-0\">{action}</div>}\n\t\t</div>\n\t);\n}\n","'use client';\n\nimport { type KeyboardEvent, type ReactNode, useCallback, useEffect, useRef, useState } from 'react';\n\n// ---------------------------------------------------------------------------\n// ListView — selectable list with keyboard navigation.\n//\n// Usage:\n//   <ListView\n//     items={files}\n//     selected={selectedId}\n//     onSelect={setSelectedId}\n//     onActivate={(item) => openFile(item)}\n//     renderItem={(item, { selected, focused }) => (\n//       <div className=\"flex items-center gap-2\">\n//         <FileIcon name={item.name} />\n//         <span>{item.name}</span>\n//       </div>\n//     )}\n//     getKey={(item) => item.id}\n//   />\n// ---------------------------------------------------------------------------\n\ninterface ListViewProps<T> {\n\titems: T[];\n\tselected?: string | string[] | null;\n\tonSelect?: (key: string | null) => void;\n\tonActivate?: (item: T) => void;\n\trenderItem: (item: T, state: { selected: boolean; focused: boolean; index: number }) => ReactNode;\n\tgetKey: (item: T) => string;\n\tmultiSelect?: boolean;\n\temptyMessage?: string;\n\tclassName?: string;\n}\n\nexport function ListView<T>({\n\titems,\n\tselected,\n\tonSelect,\n\tonActivate,\n\trenderItem,\n\tgetKey,\n\tmultiSelect = false,\n\temptyMessage = 'No items',\n\tclassName = '',\n}: ListViewProps<T>) {\n\tconst [focusIndex, setFocusIndex] = useState(0);\n\tconst listRef = useRef<HTMLDivElement>(null);\n\n\tconst selectedSet = new Set(selected == null ? [] : Array.isArray(selected) ? selected : [selected]);\n\n\tconst clamp = useCallback((i: number) => Math.max(0, Math.min(items.length - 1, i)), [items.length]);\n\n\tuseEffect(() => {\n\t\tsetFocusIndex((prev) => clamp(prev));\n\t}, [items.length, clamp]);\n\n\tconst scrollToIndex = useCallback((i: number) => {\n\t\tconst el = listRef.current?.children[i] as HTMLElement | undefined;\n\t\tel?.scrollIntoView({ block: 'nearest' });\n\t}, []);\n\n\tconst handleKeyDown = useCallback(\n\t\t(e: KeyboardEvent) => {\n\t\t\tswitch (e.key) {\n\t\t\t\tcase 'ArrowDown': {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tconst next = clamp(focusIndex + 1);\n\t\t\t\t\tsetFocusIndex(next);\n\t\t\t\t\tscrollToIndex(next);\n\t\t\t\t\tif (!multiSelect) onSelect?.(getKey(items[next]));\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tcase 'ArrowUp': {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tconst prev = clamp(focusIndex - 1);\n\t\t\t\t\tsetFocusIndex(prev);\n\t\t\t\t\tscrollToIndex(prev);\n\t\t\t\t\tif (!multiSelect) onSelect?.(getKey(items[prev]));\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tcase 'Home': {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetFocusIndex(0);\n\t\t\t\t\tscrollToIndex(0);\n\t\t\t\t\tif (!multiSelect && items.length > 0) onSelect?.(getKey(items[0]));\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tcase 'End': {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tconst last = items.length - 1;\n\t\t\t\t\tsetFocusIndex(last);\n\t\t\t\t\tscrollToIndex(last);\n\t\t\t\t\tif (!multiSelect && items.length > 0) onSelect?.(getKey(items[last]));\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tcase 'Enter':\n\t\t\t\tcase ' ': {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tconst item = items[focusIndex];\n\t\t\t\t\tif (item) {\n\t\t\t\t\t\tonSelect?.(getKey(item));\n\t\t\t\t\t\tif (e.key === 'Enter') onActivate?.(item);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[focusIndex, items, clamp, scrollToIndex, onSelect, onActivate, getKey, multiSelect]\n\t);\n\n\tif (items.length === 0) {\n\t\treturn (\n\t\t\t<div className={`flex h-full items-center justify-center text-label-13 text-gray-800 ${className}`}>\n\t\t\t\t{emptyMessage}\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tref={listRef}\n\t\t\tclassName={`overflow-y-auto outline-none ${className}`}\n\t\t\trole=\"listbox\"\n\t\t\ttabIndex={0}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t\taria-multiselectable={multiSelect}\n\t\t>\n\t\t\t{items.map((item, i) => {\n\t\t\t\tconst key = getKey(item);\n\t\t\t\tconst isSelected = selectedSet.has(key);\n\t\t\t\tconst isFocused = i === focusIndex;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\taria-selected={isSelected}\n\t\t\t\t\t\tclassName={`cursor-default select-none px-2 py-1 transition-colors\n              ${isSelected ? 'bg-blue-700/15 text-gray-1000' : 'text-gray-1000'}\n              ${isFocused && !isSelected ? 'bg-gray-alpha-100' : ''}\n              hover:bg-gray-alpha-200`}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetFocusIndex(i);\n\t\t\t\t\t\t\tonSelect?.(key);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonDoubleClick={() => onActivate?.(item)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderItem(item, { selected: isSelected, focused: isFocused, index: i })}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n","'use client';\n\nimport { type ReactNode } from 'react';\nimport { Separator } from '../components/separator';\n\n// ---------------------------------------------------------------------------\n// PropertyPanel — key-value inspector panel (like Finder's \"Get Info\").\n//\n// Usage:\n//   <PropertyPanel title=\"File Info\">\n//     <PropertyPanel.Section title=\"General\">\n//       <PropertyPanel.Row label=\"Name\" value=\"document.pdf\" />\n//       <PropertyPanel.Row label=\"Size\" value=\"2.4 MB\" />\n//       <PropertyPanel.Row label=\"Modified\" value=\"Feb 10, 2026\" />\n//     </PropertyPanel.Section>\n//     <PropertyPanel.Section title=\"Permissions\">\n//       <PropertyPanel.Row label=\"Owner\" value=\"vercel-sandbox\" />\n//       <PropertyPanel.Row label=\"Group\" value=\"users\" />\n//     </PropertyPanel.Section>\n//   </PropertyPanel>\n// ---------------------------------------------------------------------------\n\ninterface PropertyPanelProps {\n\ttitle?: string;\n\tchildren: ReactNode;\n\tclassName?: string;\n}\n\nfunction PropertyPanelRoot({ title, children, className = '' }: PropertyPanelProps) {\n\treturn (\n\t\t<div className={`flex flex-col overflow-y-auto ${className}`}>\n\t\t\t{title && (\n\t\t\t\t<div className=\"sticky top-0 z-10 border-b border-gray-alpha-200 bg-background-100 px-3 py-2\">\n\t\t\t\t\t<h3 className=\"text-label-13 font-medium text-gray-1000\">{title}</h3>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"flex flex-col\">{children}</div>\n\t\t</div>\n\t);\n}\n\n// ---------------------------------------------------------------------------\n// PropertyPanel.Section\n// ---------------------------------------------------------------------------\n\nfunction PropertySection({\n\ttitle,\n\tchildren,\n\tcollapsible: _collapsible = false,\n\tdefaultOpen: _defaultOpen = true,\n}: {\n\ttitle?: string;\n\tchildren: ReactNode;\n\tcollapsible?: boolean;\n\tdefaultOpen?: boolean;\n}) {\n\treturn (\n\t\t<div className=\"border-b border-gray-alpha-200 last:border-b-0\">\n\t\t\t{title && (\n\t\t\t\t<div className=\"px-3 pt-3 pb-1\">\n\t\t\t\t\t<span className=\"text-label-13 font-medium text-gray-800\">{title}</span>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className={`px-3 pb-2 ${title ? '' : 'pt-2'}`}>{children}</div>\n\t\t</div>\n\t);\n}\n\n// ---------------------------------------------------------------------------\n// PropertyPanel.Row\n// ---------------------------------------------------------------------------\n\ninterface PropertyRowProps {\n\tlabel: string;\n\tvalue?: ReactNode;\n\tchildren?: ReactNode;\n\tmono?: boolean;\n\tcopyable?: boolean;\n}\n\nfunction PropertyRow({ label, value, children, mono }: PropertyRowProps) {\n\treturn (\n\t\t<div className=\"flex items-baseline justify-between gap-4 py-1\">\n\t\t\t<dt className=\"shrink-0 text-label-13 text-gray-800\">{label}</dt>\n\t\t\t<dd className={`min-w-0 truncate text-right text-label-13 text-gray-1000 ${mono ? 'font-mono' : ''}`}>\n\t\t\t\t{children ?? value}\n\t\t\t</dd>\n\t\t</div>\n\t);\n}\n\n// ---------------------------------------------------------------------------\n// PropertyPanel.Separator\n// ---------------------------------------------------------------------------\n\nfunction PropertySeparator() {\n\treturn <Separator className=\"my-1\" />;\n}\n\n// ---------------------------------------------------------------------------\n// Export\n// ---------------------------------------------------------------------------\n\nexport const PropertyPanel = Object.assign(PropertyPanelRoot, {\n\tSection: PropertySection,\n\tRow: PropertyRow,\n\tSeparator: PropertySeparator,\n});\n","export function SectionHeader({\n\ttitle,\n\tdescription,\n\tchildren,\n}: {\n\ttitle: string;\n\tdescription?: string;\n\tchildren?: React.ReactNode;\n}) {\n\treturn (\n\t\t<div className=\"mb-4 flex items-start justify-between\">\n\t\t\t<div>\n\t\t\t\t<h2 className=\"text-copy-13 font-medium text-gray-1000\">{title}</h2>\n\t\t\t\t{description && <p className=\"mt-0.5 text-copy-13 text-gray-900\">{description}</p>}\n\t\t\t</div>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n","'use client';\n\nimport type { ReactNode } from 'react';\n\n// ---------------------------------------------------------------------------\n// SidebarNav — reusable sidebar navigation for app shells.\n//\n// Extracts the repeated sidebar + tab-button pattern used across Settings,\n// AppStore, etc.  Designed to sit inside a SplitPane.Panel.\n//\n// Usage:\n//   <SidebarNav label=\"Settings\" title=\"Settings\">\n//     <SidebarNav.Item active={tab === \"a\"} onClick={() => setTab(\"a\")} icon={<Icon />}>\n//       Appearance\n//     </SidebarNav.Item>\n//   </SidebarNav>\n//\n//   // Multiple sections:\n//   <SidebarNav label=\"App Store\">\n//     <SidebarNav.Group title=\"Packages\">\n//       <SidebarNav.Item ...>GUI Apps</SidebarNav.Item>\n//     </SidebarNav.Group>\n//     <SidebarNav.Group title=\"Repos\">\n//       ...\n//     </SidebarNav.Group>\n//   </SidebarNav>\n// ---------------------------------------------------------------------------\n\ninterface SidebarNavProps {\n\tchildren: ReactNode;\n\t/** Accessible label for the <nav> element */\n\tlabel: string;\n\t/** Optional heading displayed at the top of the sidebar */\n\ttitle?: string;\n\tclassName?: string;\n}\n\nfunction SidebarNavRoot({ children, label, title, className = '' }: SidebarNavProps) {\n\treturn (\n\t\t<nav className={`flex flex-col py-2 ${className}`} aria-label={label}>\n\t\t\t{title && (\n\t\t\t\t<div className=\"px-3 pb-1\">\n\t\t\t\t\t<span className=\"text-copy-13 font-medium text-gray-800\">{title}</span>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{children}\n\t\t</nav>\n\t);\n}\n\n// ---------------------------------------------------------------------------\n// SidebarNav.Group — optional section divider with a title\n// ---------------------------------------------------------------------------\n\ninterface SidebarNavGroupProps {\n\tchildren: ReactNode;\n\ttitle?: string;\n\tclassName?: string;\n}\n\nfunction SidebarNavGroup({ children, title, className = '' }: SidebarNavGroupProps) {\n\treturn (\n\t\t<div className={className}>\n\t\t\t{title && (\n\t\t\t\t<div className=\"px-3 pt-4 pb-1\">\n\t\t\t\t\t<span className=\"text-copy-13 font-medium text-gray-800\">{title}</span>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\n// ---------------------------------------------------------------------------\n// SidebarNav.Item — a single navigation button\n// ---------------------------------------------------------------------------\n\ninterface SidebarNavItemProps {\n\tchildren: ReactNode;\n\tactive?: boolean;\n\tonClick?: () => void;\n\ticon?: ReactNode;\n\t/** Trailing content (e.g. a count badge) */\n\tsuffix?: ReactNode;\n\tclassName?: string;\n}\n\nfunction SidebarNavItem({ children, active, onClick, icon, suffix, className = '' }: SidebarNavItemProps) {\n\treturn (\n\t\t<button\n\t\t\tonClick={onClick}\n\t\t\tclassName={`mx-1 flex items-center gap-2 rounded-md px-2 py-1 text-copy-13 transition-colors ${\n\t\t\t\tactive ? 'bg-gray-alpha-200 text-gray-1000' : 'text-gray-900 hover:bg-gray-alpha-100 hover:text-gray-1000'\n\t\t\t} ${className}`}\n\t\t>\n\t\t\t{icon && <span className=\"shrink-0 text-gray-800 [&>svg]:h-3.5 [&>svg]:w-3.5\">{icon}</span>}\n\t\t\t<span className=\"min-w-0 truncate\">{children}</span>\n\t\t\t{suffix && <span className=\"ml-auto font-mono text-copy-13 tabular-nums text-gray-700\">{suffix}</span>}\n\t\t</button>\n\t);\n}\n\n// ---------------------------------------------------------------------------\n// Export\n// ---------------------------------------------------------------------------\n\nexport const SidebarNav = Object.assign(SidebarNavRoot, {\n\tGroup: SidebarNavGroup,\n\tItem: SidebarNavItem,\n});\n","'use client';\n\nimport { type CSSProperties, type ReactNode, useCallback, useRef, useState, useSyncExternalStore } from 'react';\n\n// ---------------------------------------------------------------------------\n// SplitPane — resizable two-panel layout (horizontal or vertical).\n//\n// Usage:\n//   <SplitPane defaultSize={240} min={120} max={400}>\n//     <SplitPane.Panel>Sidebar</SplitPane.Panel>\n//     <SplitPane.Panel>Main</SplitPane.Panel>\n//   </SplitPane>\n//\n//   <SplitPane direction=\"vertical\" defaultSize={200} min={100}>\n//     <SplitPane.Panel>Top</SplitPane.Panel>\n//     <SplitPane.Panel>Bottom</SplitPane.Panel>\n//   </SplitPane>\n// ---------------------------------------------------------------------------\n\ninterface SplitPaneProps {\n\tchildren: [ReactNode, ReactNode];\n\tdirection?: 'horizontal' | 'vertical';\n\tdefaultSize?: number;\n\tmin?: number;\n\tmax?: number;\n\t/** On narrow viewports, stack panels vertically and hide the resize handle */\n\tcollapseBelow?: number;\n\tonResize?: (size: number) => void;\n\tclassName?: string;\n}\n\nfunction useMediaQuery(query: string) {\n\tconst subscribe = useCallback(\n\t\t(callback: () => void) => {\n\t\t\tconst mql = window.matchMedia(query);\n\t\t\tmql.addEventListener('change', callback);\n\t\t\treturn () => mql.removeEventListener('change', callback);\n\t\t},\n\t\t[query]\n\t);\n\tconst getSnapshot = useCallback(() => window.matchMedia(query).matches, [query]);\n\tconst getServerSnapshot = useCallback(() => false, []);\n\treturn useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n\nfunction SplitPaneRoot({\n\tchildren,\n\tdirection = 'horizontal',\n\tdefaultSize = 240,\n\tmin = 100,\n\tmax = 600,\n\tcollapseBelow = 640,\n\tonResize,\n\tclassName = '',\n}: SplitPaneProps) {\n\tconst [size, setSize] = useState(defaultSize);\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\tconst dragging = useRef(false);\n\tconst startPos = useRef(0);\n\tconst startSize = useRef(0);\n\tconst isMobile = useMediaQuery(`(max-width: ${collapseBelow}px)`);\n\n\tconst isHorizontal = direction === 'horizontal' && !isMobile;\n\tconst [first, second] = children;\n\n\tconst onPointerDown = useCallback(\n\t\t(e: React.PointerEvent) => {\n\t\t\te.preventDefault();\n\t\t\tdragging.current = true;\n\t\t\tstartPos.current = isHorizontal ? e.clientX : e.clientY;\n\t\t\tstartSize.current = size;\n\t\t\t(e.target as HTMLElement).setPointerCapture(e.pointerId);\n\t\t},\n\t\t[isHorizontal, size]\n\t);\n\n\tconst onPointerMove = useCallback(\n\t\t(e: React.PointerEvent) => {\n\t\t\tif (!dragging.current) return;\n\t\t\tconst delta = (isHorizontal ? e.clientX : e.clientY) - startPos.current;\n\t\t\tconst next = Math.min(max, Math.max(min, startSize.current + delta));\n\t\t\tsetSize(next);\n\t\t\tonResize?.(next);\n\t\t},\n\t\t[isHorizontal, min, max, onResize]\n\t);\n\n\tconst onPointerUp = useCallback(() => {\n\t\tdragging.current = false;\n\t}, []);\n\n\t// On mobile, stack vertically with no resize handle\n\tif (isMobile) {\n\t\treturn (\n\t\t\t<div ref={containerRef} className={`flex flex-col h-full w-full overflow-hidden ${className}`}>\n\t\t\t\t<div className=\"shrink-0 overflow-auto border-b border-gray-alpha-200\">{first}</div>\n\t\t\t\t<div className=\"flex-1 overflow-hidden\">{second}</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst firstStyle: CSSProperties = isHorizontal\n\t\t? { width: size, minWidth: min, maxWidth: max, flexShrink: 0 }\n\t\t: { height: size, minHeight: min, maxHeight: max, flexShrink: 0 };\n\n\treturn (\n\t\t<div\n\t\t\tref={containerRef}\n\t\t\tclassName={`flex ${isHorizontal ? 'flex-row' : 'flex-col'} h-full w-full overflow-hidden ${className}`}\n\t\t>\n\t\t\t<div style={firstStyle} className=\"overflow-hidden\">\n\t\t\t\t{first}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName={`shrink-0 ${\n\t\t\t\t\tisHorizontal\n\t\t\t\t\t\t? 'w-px cursor-col-resize hover:w-0.5 hover:bg-blue-700/50 active:w-0.5 active:bg-blue-700'\n\t\t\t\t\t\t: 'h-px cursor-row-resize hover:h-0.5 hover:bg-blue-700/50 active:h-0.5 active:bg-blue-700'\n\t\t\t\t} bg-gray-alpha-200 transition-colors`}\n\t\t\t\tonPointerDown={onPointerDown}\n\t\t\t\tonPointerMove={onPointerMove}\n\t\t\t\tonPointerUp={onPointerUp}\n\t\t\t\trole=\"separator\"\n\t\t\t\taria-orientation={isHorizontal ? 'vertical' : 'horizontal'}\n\t\t\t\ttabIndex={0}\n\t\t\t/>\n\t\t\t<div className=\"flex-1 overflow-hidden\">{second}</div>\n\t\t</div>\n\t);\n}\n\n// ---------------------------------------------------------------------------\n// SplitPane.Panel — thin wrapper for semantic clarity\n// ---------------------------------------------------------------------------\n\nfunction Panel({ children, className = '' }: { children: ReactNode; className?: string }) {\n\treturn <div className={`h-full w-full overflow-auto ${className}`}>{children}</div>;\n}\n\n// ---------------------------------------------------------------------------\n// Export as compound component\n// ---------------------------------------------------------------------------\n\nexport const SplitPane = Object.assign(SplitPaneRoot, {\n\tPanel,\n});\n","import { Badge } from '../components/badge';\n\nexport function StatusBadge({ status }: { status: string }) {\n\tconst variant = status === 'active' ? 'green' : status === 'creating' ? 'amber' : status === 'error' ? 'red' : 'gray';\n\treturn (\n\t\t<Badge variant={variant} size=\"sm\" contrast=\"low\">\n\t\t\t{status}\n\t\t</Badge>\n\t);\n}\n","'use client';\n\nimport { type ReactNode } from 'react';\nimport { Separator } from '../components/separator';\n\n// ---------------------------------------------------------------------------\n// StatusBar — bottom bar for app-level status, breadcrumbs, and indicators.\n//\n// Usage:\n//   <StatusBar>\n//     <StatusBar.Item>Ln 42, Col 18</StatusBar.Item>\n//     <StatusBar.Separator />\n//     <StatusBar.Item>UTF-8</StatusBar.Item>\n//     <StatusBar.Spacer />\n//     <StatusBar.Item icon={<CheckCircle />} variant=\"success\">Saved</StatusBar.Item>\n//   </StatusBar>\n// ---------------------------------------------------------------------------\n\ninterface StatusBarProps {\n\tchildren: ReactNode;\n\tclassName?: string;\n}\n\nfunction StatusBarRoot({ children, className = '' }: StatusBarProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={`flex h-6 shrink-0 items-center gap-0 border-t border-gray-alpha-200 bg-background-100 px-2 font-mono text-label-13 text-gray-900 ${className}`}\n\t\t\trole=\"status\"\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\n// ---------------------------------------------------------------------------\n// StatusBar.Item\n// ---------------------------------------------------------------------------\n\ninterface StatusBarItemProps {\n\tchildren: ReactNode;\n\ticon?: ReactNode;\n\tvariant?: 'default' | 'success' | 'warning' | 'error';\n\tonClick?: () => void;\n\tclassName?: string;\n}\n\nconst variantColors = {\n\tdefault: 'text-gray-900',\n\tsuccess: 'text-green-900',\n\twarning: 'text-amber-900',\n\terror: 'text-red-900',\n};\n\nfunction StatusBarItem({ children, icon, variant = 'default', onClick, className = '' }: StatusBarItemProps) {\n\tconst classes = `inline-flex items-center gap-1 px-1.5 py-0.5 rounded-sm ${variantColors[variant]} ${\n\t\tonClick ? 'cursor-pointer hover:bg-gray-alpha-200 transition-colors' : ''\n\t} ${className}`;\n\n\tif (onClick) {\n\t\treturn (\n\t\t\t<button className={classes} onClick={onClick}>\n\t\t\t\t{icon}\n\t\t\t\t{children}\n\t\t\t</button>\n\t\t);\n\t}\n\n\treturn (\n\t\t<span className={classes}>\n\t\t\t{icon}\n\t\t\t{children}\n\t\t</span>\n\t);\n}\n\n// ---------------------------------------------------------------------------\n// StatusBar.Separator\n// ---------------------------------------------------------------------------\n\nfunction StatusBarSeparator() {\n\treturn <Separator orientation=\"vertical\" className=\"mx-0.5 h-3\" />;\n}\n\n// ---------------------------------------------------------------------------\n// StatusBar.Spacer\n// ---------------------------------------------------------------------------\n\nfunction StatusBarSpacer() {\n\treturn <div className=\"flex-1\" />;\n}\n\n// ---------------------------------------------------------------------------\n// Export\n// ---------------------------------------------------------------------------\n\nexport const StatusBar = Object.assign(StatusBarRoot, {\n\tItem: StatusBarItem,\n\tSeparator: StatusBarSeparator,\n\tSpacer: StatusBarSpacer,\n});\n","'use client';\n\nimport { type ButtonHTMLAttributes, forwardRef, type ReactNode } from 'react';\nimport { Separator } from '../components/separator';\nimport { Tooltip } from '../components/tooltip';\n\n// ---------------------------------------------------------------------------\n// Toolbar — horizontal bar of icon buttons, groups, and separators.\n//\n// Usage:\n//   <Toolbar>\n//     <Toolbar.Group>\n//       <Toolbar.Button tooltip=\"Back\" onClick={goBack}><ChevronLeft /></Toolbar.Button>\n//       <Toolbar.Button tooltip=\"Forward\" onClick={goFwd}><ChevronRight /></Toolbar.Button>\n//     </Toolbar.Group>\n//     <Toolbar.Separator />\n//     <Toolbar.Group>\n//       <Toolbar.Button tooltip=\"Refresh\" active={loading}><Refresh /></Toolbar.Button>\n//     </Toolbar.Group>\n//     <Toolbar.Spacer />\n//     <Toolbar.Text>3 items</Toolbar.Text>\n//   </Toolbar>\n// ---------------------------------------------------------------------------\n\ninterface ToolbarProps {\n\tchildren: ReactNode;\n\tclassName?: string;\n}\n\nfunction ToolbarRoot({ children, className = '' }: ToolbarProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={`flex h-9 shrink-0 items-center gap-0.5 border-b border-gray-alpha-200 bg-background-100 px-1.5 ${className}`}\n\t\t\trole=\"toolbar\"\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\n// ---------------------------------------------------------------------------\n// Toolbar.Button\n// ---------------------------------------------------------------------------\n\ninterface ToolbarButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n\ttooltip?: string;\n\tactive?: boolean;\n\tchildren: ReactNode;\n}\n\nconst ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(function ToolbarButton(\n\t{ tooltip, active, children, className = '', disabled, ...props },\n\tref\n) {\n\tconst btn = (\n\t\t<button\n\t\t\tref={ref}\n\t\t\tdisabled={disabled}\n\t\t\tclassName={`inline-flex h-7 w-7 items-center justify-center rounded-md text-gray-900 transition-colors [&>svg]:h-3.5 [&>svg]:w-3.5\n          hover:bg-gray-alpha-200 hover:text-gray-1000\n          disabled:pointer-events-none disabled:opacity-40\n          ${active ? 'bg-gray-alpha-200 text-gray-1000' : ''}\n          ${className}`}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</button>\n\t);\n\n\tif (tooltip) {\n\t\treturn (\n\t\t\t<Tooltip text={tooltip} desktopOnly>\n\t\t\t\t{btn}\n\t\t\t</Tooltip>\n\t\t);\n\t}\n\treturn btn;\n});\n\n// ---------------------------------------------------------------------------\n// Toolbar.Group — groups buttons together with tighter spacing\n// ---------------------------------------------------------------------------\n\nfunction ToolbarGroup({ children, className = '' }: { children: ReactNode; className?: string }) {\n\treturn <div className={`flex items-center gap-px ${className}`}>{children}</div>;\n}\n\n// ---------------------------------------------------------------------------\n// Toolbar.Separator\n// ---------------------------------------------------------------------------\n\nfunction ToolbarSeparator() {\n\treturn <Separator orientation=\"vertical\" className=\"mx-1 h-4\" />;\n}\n\n// ---------------------------------------------------------------------------\n// Toolbar.Spacer — pushes subsequent items to the right\n// ---------------------------------------------------------------------------\n\nfunction ToolbarSpacer() {\n\treturn <div className=\"flex-1\" />;\n}\n\n// ---------------------------------------------------------------------------\n// Toolbar.Text — inline text label\n// ---------------------------------------------------------------------------\n\nfunction ToolbarText({ children, className = '' }: { children: ReactNode; className?: string }) {\n\treturn <span className={`px-1.5 text-label-13 text-gray-900 ${className}`}>{children}</span>;\n}\n\n// ---------------------------------------------------------------------------\n// Toolbar.Input — inline input (e.g. address bar)\n// ---------------------------------------------------------------------------\n\nfunction ToolbarInput({\n\tvalue,\n\tonChange,\n\tplaceholder,\n\tclassName = '',\n\treadOnly,\n}: {\n\tvalue?: string;\n\tonChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n\tplaceholder?: string;\n\tclassName?: string;\n\treadOnly?: boolean;\n}) {\n\treturn (\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\tvalue={value}\n\t\t\tonChange={onChange}\n\t\t\tplaceholder={placeholder}\n\t\t\treadOnly={readOnly}\n\t\t\tclassName={`h-6 flex-1 rounded-md border border-gray-alpha-200 bg-gray-alpha-100 px-2 font-mono text-label-13 text-gray-1000 placeholder:text-gray-700 outline-none transition-colors focus:border-blue-700 ${className}`}\n\t\t/>\n\t);\n}\n\n// ---------------------------------------------------------------------------\n// Export as compound component\n// ---------------------------------------------------------------------------\n\nexport const Toolbar = Object.assign(ToolbarRoot, {\n\tButton: ToolbarButton,\n\tGroup: ToolbarGroup,\n\tSeparator: ToolbarSeparator,\n\tSpacer: ToolbarSpacer,\n\tText: ToolbarText,\n\tInput: ToolbarInput,\n});\n","import { create } from 'zustand';\n\nexport type NotificationUrgency = 'low' | 'normal' | 'critical';\nexport type DesktopNotifMode = 'background' | 'always' | 'off';\n\nexport interface DesktopNotification {\n\tid: number;\n\treplacesId: number;\n\tappName: string;\n\tsummary: string;\n\tbody: string;\n\ticon: string | null;\n\tactions: string[];\n\texpires: number;\n\ttimestamp: number;\n\tread: boolean;\n\turgency: NotificationUrgency;\n\tcategory: string | null;\n\ttransient: boolean;\n\tworkspaceId: string | null;\n}\n\nexport interface TrayIcon {\n\twid: number;\n\ttitle: string;\n\ticon: string | null;\n}\n\ninterface NotificationStore {\n\tnotifications: DesktopNotification[];\n\thistory: DesktopNotification[];\n\ttrayIcons: Map<number, TrayIcon>;\n\tcenterOpen: boolean;\n\tunreadCount: number;\n\n\t// Preferences\n\tdoNotDisturb: boolean;\n\tdesktopNotifMode: DesktopNotifMode;\n\tbrowserPermission: NotificationPermission;\n\n\tsetDoNotDisturb: (value: boolean) => void;\n\tsetDesktopNotifMode: (mode: DesktopNotifMode) => void;\n\trequestBrowserPermission: () => Promise<NotificationPermission>;\n\tsyncBrowserPermission: () => void;\n\n\taddNotification: (\n\t\tnotification: Omit<\n\t\t\tDesktopNotification,\n\t\t\t'timestamp' | 'read' | 'appName' | 'urgency' | 'category' | 'transient' | 'workspaceId'\n\t\t> &\n\t\t\tPartial<Pick<DesktopNotification, 'appName' | 'urgency' | 'category' | 'transient' | 'workspaceId'>>\n\t) => void;\n\tdismissNotification: (id: number) => void;\n\thideNotification: (id: number) => void;\n\tclearHistory: () => void;\n\tmarkAllRead: () => void;\n\ttoggleCenter: () => void;\n\tcloseCenter: () => void;\n\n\taddTrayIcon: (icon: TrayIcon) => void;\n\tremoveTrayIcon: (wid: number) => void;\n\tupdateTrayIcon: (wid: number, updates: Partial<TrayIcon>) => void;\n}\n\nconst MAX_VISIBLE = 5;\nconst MAX_HISTORY = 50;\n\nconst PREFS_KEY = 'khal_os_notification_prefs';\n\nfunction loadPrefs(): {\n\tdoNotDisturb: boolean;\n\tdesktopNotifMode: DesktopNotifMode;\n} {\n\tif (typeof window === 'undefined') return { doNotDisturb: false, desktopNotifMode: 'background' };\n\ttry {\n\t\tconst raw = localStorage.getItem(PREFS_KEY);\n\t\tif (raw) return JSON.parse(raw);\n\t} catch {}\n\treturn { doNotDisturb: false, desktopNotifMode: 'background' };\n}\n\nfunction savePrefs(prefs: { doNotDisturb: boolean; desktopNotifMode: DesktopNotifMode }) {\n\ttry {\n\t\tlocalStorage.setItem(PREFS_KEY, JSON.stringify(prefs));\n\t} catch {}\n}\n\nfunction getBrowserPermission(): NotificationPermission {\n\tif (typeof window === 'undefined' || !('Notification' in window)) return 'denied';\n\treturn Notification.permission;\n}\n\nfunction sendBrowserNotification(notif: DesktopNotification) {\n\tif (typeof window === 'undefined' || !('Notification' in window) || Notification.permission !== 'granted') return;\n\n\tconst n = new Notification(notif.summary, {\n\t\tbody: notif.body || undefined,\n\t\ticon: notif.icon || undefined,\n\t\ttag: String(notif.id),\n\t\tsilent: notif.urgency === 'low',\n\t});\n\n\tn.onclick = () => {\n\t\twindow.focus();\n\t\tn.close();\n\t};\n\n\tif (notif.expires > 0) {\n\t\tsetTimeout(() => n.close(), notif.expires);\n\t} else if (notif.urgency !== 'critical') {\n\t\tsetTimeout(() => n.close(), 6000);\n\t}\n}\n\nconst initialPrefs = loadPrefs();\n\nexport const useNotificationStore = create<NotificationStore>()((set, get) => ({\n\tnotifications: [],\n\thistory: [],\n\ttrayIcons: new Map(),\n\tcenterOpen: false,\n\tunreadCount: 0,\n\n\tdoNotDisturb: initialPrefs.doNotDisturb,\n\tdesktopNotifMode: initialPrefs.desktopNotifMode,\n\tbrowserPermission: getBrowserPermission(),\n\n\tsetDoNotDisturb: (value) => {\n\t\tset({ doNotDisturb: value });\n\t\tsavePrefs({ doNotDisturb: value, desktopNotifMode: get().desktopNotifMode });\n\t},\n\n\tsetDesktopNotifMode: (mode) => {\n\t\tset({ desktopNotifMode: mode });\n\t\tsavePrefs({ doNotDisturb: get().doNotDisturb, desktopNotifMode: mode });\n\t},\n\n\trequestBrowserPermission: async () => {\n\t\tif (typeof window === 'undefined' || !('Notification' in window)) return 'denied';\n\t\tconst result = await Notification.requestPermission();\n\t\tset({ browserPermission: result });\n\t\treturn result;\n\t},\n\n\tsyncBrowserPermission: () => {\n\t\tset({ browserPermission: getBrowserPermission() });\n\t},\n\n\taddNotification: (notification) => {\n\t\tconst full: DesktopNotification = {\n\t\t\t...notification,\n\t\t\tappName: notification.appName ?? '',\n\t\t\turgency: notification.urgency ?? 'normal',\n\t\t\tcategory: notification.category ?? null,\n\t\t\ttransient: notification.transient ?? false,\n\t\t\tworkspaceId: notification.workspaceId ?? null,\n\t\t\ttimestamp: Date.now(),\n\t\t\tread: false,\n\t\t};\n\n\t\tconst { doNotDisturb, desktopNotifMode, browserPermission } = get();\n\n\t\t// Always add to history regardless of DND\n\t\tset((state) => {\n\t\t\tconst history = full.transient ? state.history : [full, ...state.history].slice(0, MAX_HISTORY);\n\n\t\t\t// In DND mode, skip visible toasts (still record in history)\n\t\t\tif (doNotDisturb && full.urgency !== 'critical') {\n\t\t\t\treturn {\n\t\t\t\t\thistory,\n\t\t\t\t\tunreadCount: full.transient ? state.unreadCount : state.unreadCount + 1,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tlet notifications = [...state.notifications];\n\n\t\t\tif (notification.replacesId) {\n\t\t\t\tnotifications = notifications.filter((n) => n.id !== notification.replacesId);\n\t\t\t}\n\n\t\t\tnotifications = [full, ...notifications].slice(0, MAX_VISIBLE);\n\n\t\t\treturn {\n\t\t\t\tnotifications,\n\t\t\t\thistory,\n\t\t\t\tunreadCount: full.transient ? state.unreadCount : state.unreadCount + 1,\n\t\t\t};\n\t\t});\n\n\t\t// Bridge to browser desktop notifications\n\t\tif (browserPermission === 'granted' && desktopNotifMode !== 'off' && !full.transient) {\n\t\t\tconst shouldSend = desktopNotifMode === 'always' || (desktopNotifMode === 'background' && document.hidden);\n\t\t\tif (shouldSend) {\n\t\t\t\tsendBrowserNotification(full);\n\t\t\t}\n\t\t}\n\n\t\tconst isCritical = full.urgency === 'critical';\n\t\tif (full.expires > 0) {\n\t\t\tsetTimeout(() => {\n\t\t\t\tget().hideNotification(full.id);\n\t\t\t}, full.expires);\n\t\t} else if (!isCritical) {\n\t\t\tsetTimeout(() => {\n\t\t\t\tget().hideNotification(full.id);\n\t\t\t}, 6000);\n\t\t}\n\t},\n\n\tdismissNotification: (id) => {\n\t\tset((state) => ({\n\t\t\tnotifications: state.notifications.filter((n) => n.id !== id),\n\t\t}));\n\t},\n\n\thideNotification: (id) => {\n\t\tset((state) => ({\n\t\t\tnotifications: state.notifications.filter((n) => n.id !== id),\n\t\t}));\n\t},\n\n\tclearHistory: () => {\n\t\tset({ history: [], unreadCount: 0 });\n\t},\n\n\tmarkAllRead: () => {\n\t\tset((state) => ({\n\t\t\thistory: state.history.map((n) => ({ ...n, read: true })),\n\t\t\tunreadCount: 0,\n\t\t}));\n\t},\n\n\ttoggleCenter: () => {\n\t\tconst opening = !get().centerOpen;\n\t\tset({ centerOpen: opening });\n\t\tif (opening) {\n\t\t\tget().markAllRead();\n\t\t}\n\t},\n\n\tcloseCenter: () => {\n\t\tset({ centerOpen: false });\n\t},\n\n\taddTrayIcon: (icon) => {\n\t\tset((state) => {\n\t\t\tconst next = new Map(state.trayIcons);\n\t\t\tnext.set(icon.wid, icon);\n\t\t\treturn { trayIcons: next };\n\t\t});\n\t},\n\n\tremoveTrayIcon: (wid) => {\n\t\tset((state) => {\n\t\t\tconst next = new Map(state.trayIcons);\n\t\t\tnext.delete(wid);\n\t\t\treturn { trayIcons: next };\n\t\t});\n\t},\n\n\tupdateTrayIcon: (wid, updates) => {\n\t\tset((state) => {\n\t\t\tconst next = new Map(state.trayIcons);\n\t\t\tconst existing = next.get(wid);\n\t\t\tif (existing) {\n\t\t\t\tnext.set(wid, { ...existing, ...updates });\n\t\t\t}\n\t\t\treturn { trayIcons: next };\n\t\t});\n\t},\n}));\n","/**\n * LP Design Tokens — extracted from khal-landing hero-os-showcase.tsx\n * These are the canonical reference colors from the landing page.\n * The OS theme CSS variables consume these values.\n */\n\n// Surface colors\nexport const WIN_BG = '#111318';\nexport const CHROME_BG = '#0D0F14';\nexport const CELL_BG = '#0D1017';\nexport const WIN_BORDER = '#1E2330';\nexport const WIN_BORDER_FOCUSED = '#333D55';\n\n// Text hierarchy\nexport const TEXT_PRIMARY = '#E8EAF0';\nexport const TEXT_SECONDARY = '#8B92A5';\nexport const TEXT_TERTIARY = '#555D73';\n\n// Accent\nexport const ACCENT_BLUE = '#0A6FE0';\n\n// Mesh gradient palette (8-color navy-to-gold)\nexport const MESH_GRADIENT_PALETTE = [\n\t'#030508',\n\t'#070D15',\n\t'#0C1A2E',\n\t'#1A4A7A',\n\t'#2A3040',\n\t'#5C4A38',\n\t'#8B6B42',\n\t'#D49355',\n] as const;\n\n// Radii\nexport const WINDOW_RADIUS = '12px';\nexport const BUTTON_RADIUS = '10px';\n"],"mappings":";AAOA,SAAS,UAAU,aAA4B,eAAfA,cAA0B,SAAS,2BAA2B;;;ACL9F,YAAY,WAAW;;;ACFvB,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC3C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC5B;;;ACuDG,SAEE,KAFF;AAvDH,IAAM,UAAU,EAAE,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG;AAKxC,IAAM,cAAqF;AAAA,EAC1F,MAAM,EAAE,OAAO,WAAW,OAAO,QAAQ,OAAO,KAAK;AAAA,EACrD,QAAQ,EAAE,OAAO,WAAW,OAAO,UAAU,OAAO,MAAM;AAAA,EAC1D,QAAQ,EAAE,OAAO,WAAW,OAAO,UAAU,OAAO,KAAK;AAAA,EACzD,SAAS,EAAE,OAAO,WAAW,OAAO,WAAW,OAAO,KAAK;AAAA,EAC3D,MAAM,EAAE,OAAO,WAAW,OAAO,QAAQ,OAAO,MAAM;AAAA,EACtD,MAAM,EAAE,OAAO,WAAW,OAAO,QAAQ,OAAO,MAAM;AAAA,EACtD,QAAQ,EAAE,OAAO,WAAW,OAAO,UAAU,OAAO,MAAM;AAAA,EAC1D,OAAO,EAAE,OAAO,WAAW,OAAO,SAAS,OAAO,KAAK;AACxD;AAgBA,SAAS,UAAU;AAAA,EAClB;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAmB;AAClB,QAAM,SAAS,QAAQ,YAAY,KAAK,IAAI;AAC5C,QAAM,QAAQ,aAAa,QAAQ,SAAS;AAC5C,QAAM,QAAQ,aAAa,QAAQ,SAAS;AAC5C,QAAM,QAAQ,aAAa,QAAQ;AACnC,QAAM,KAAK,QAAQ,IAAI;AAEvB,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,WAAW,GAAG,sDAAsD,SAAS;AAAA,MAC7E;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,6BAAC,UAAK,WAAU,iCAAgC,OAAO,EAAE,OAAO,IAAI,QAAQ,GAAG,GAC7E;AAAA,mBACA;AAAA,YAAC;AAAA;AAAA,cACA,WAAU;AAAA,cACV,OAAO;AAAA,gBACN,iBAAiB;AAAA,gBACjB,SAAS;AAAA,gBACT,WAAW;AAAA,cACZ;AAAA;AAAA,UACD;AAAA,UAED;AAAA,YAAC;AAAA;AAAA,cACA,WAAU;AAAA,cACV,OAAO;AAAA,gBACN,iBAAiB;AAAA,gBACjB,WAAW,QAAQ,OAAO,EAAE,MAAM,KAAK,OAAO;AAAA,cAC/C;AAAA;AAAA,UACD;AAAA,WACD;AAAA,QACC,aAAa,SACb,oBAAC,UAAK,WAAU,4BAA2B,OAAO,EAAE,MAAM,GACxD,iBACF;AAAA;AAAA;AAAA,EAEF;AAEF;;;AFjDG,SAOE,OAAAC,MAPF,QAAAC,aAAA;AA/BH,IAAMC,WAAU,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;AACzC,IAAM,cAAc,EAAE,IAAI,QAAQ,IAAI,QAAQ,IAAI,OAAO;AAEzD,IAAM,iBAAyC;AAAA,EAC9C,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AACP;AASA,SAAS,YAAY,MAAsB;AAC1C,QAAM,QAAQ,KAAK,KAAK,EAAE,MAAM,KAAK;AACrC,MAAI,MAAM,UAAU,GAAG;AACtB,WAAO,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,MAAM,MAAM,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,YAAY;AAAA,EAClE;AACA,SAAO,KAAK,OAAO,CAAC,EAAE,YAAY;AACnC;AAEA,IAAM,SAAe;AAAA,EACpB,CAAC,EAAE,MAAM,OAAO,MAAM,QAAQ,KAAK,WAAW,OAAO,GAAG,MAAM,GAAG,QAAQ;AACxE,UAAM,KAAKA,SAAQ,IAAI;AACvB,UAAM,CAAC,UAAU,WAAW,IAAU,eAAS,KAAK;AACpD,UAAM,YAAY,OAAO,CAAC;AAE1B,WACC,gBAAAD;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,QACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,GAAG,MAAM;AAAA,QACxC,GAAG;AAAA,QAEH;AAAA,sBACA,gBAAAD;AAAA,YAAC;AAAA;AAAA,cACA;AAAA,cACA,KAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS,MAAM,YAAY,IAAI;AAAA;AAAA,UAChC,IAEA,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACA,WAAU;AAAA,cACV,OAAO,EAAE,UAAU,YAAY,IAAI,EAAE;AAAA,cAEpC,sBAAY,IAAI;AAAA;AAAA,UAClB;AAAA,UAEA,UACA,gBAAAA,KAAC,SAAI,WAAU,iCACd,0BAAAA,KAAC,aAAU,OAAO,eAAe,MAAM,GAAG,MAAK,MAAK,OAAO,QAAQ,OAAO,WAAW,UAAU,GAChG;AAAA;AAAA;AAAA,IAEF;AAAA,EAEF;AACD;AACA,OAAO,cAAc;;;AGnErB,SAAS,WAA8B;AAmC/B,gBAAAG,YAAA;AA/BR,IAAM,gBAAgB;AAAA,EACrB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IACP;AAAA,EACD;AACD;AAMA,SAAS,MAAM,EAAE,WAAW,SAAS,MAAM,UAAU,GAAG,MAAM,GAAe;AAC5E,SAAO,gBAAAA,KAAC,UAAK,WAAW,GAAG,cAAc,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OAAO;AACrF;;;AClCA,SAAS,YAAY;AACrB,SAAS,OAAAC,YAA8B;AACvC,YAAYC,YAAW;;;ACoBpB,SACC,OAAAC,MADD,QAAAC,aAAA;AAnBH,IAAMC,WAAU;AAAA,EACf,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACL;AAMA,SAAS,QAAQ,EAAE,OAAO,MAAM,WAAW,GAAG,MAAM,GAAiB;AACpE,QAAM,KAAKA,SAAQ,IAAI;AACvB,SACC,gBAAAF;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA,MAEJ,0BAAAC,MAAC,SAAI,OAAO,IAAI,QAAQ,IAAI,SAAQ,aAAY,MAAK,QAAO,WAAU,gBACrE;AAAA,wBAAAD,KAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,QAAO,gBAAe,aAAY,KAAI,eAAc,SAAQ,SAAQ,QAAO;AAAA,QACzG,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACA,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,iBAAgB;AAAA,YAChB,kBAAiB;AAAA;AAAA,QAClB;AAAA,SACD;AAAA;AAAA,EACD;AAEF;;;AD+CK,SAEA,UAFA,OAAAG,MAEA,QAAAC,aAFA;AA9EL,IAAM,iBAAiBC;AAAA,EACtB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,MACP;AAAA,IACD;AAAA,IACA,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IACP;AAAA,EACD;AACD;AAiBA,IAAM,SAAe;AAAA,EACpB,CACC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACJ,GACA,QACI;AAEJ,QAAI,kBAAkB;AACtB,QAAI,CAAC,mBAAmB,MAAM;AAC7B,UAAI,SAAS,SAAU,mBAAkB;AAAA,eAChC,SAAS,SAAU,mBAAkB;AAAA,eACrC,SAAS,WAAY,mBAAkB;AAAA,IACjD;AAEA,UAAM,OAAO,UAAU,OAAO;AAC9B,WACC,gBAAAF;AAAA,MAAC;AAAA;AAAA,QACA,WAAW,GAAG,eAAe,EAAE,SAAS,iBAAiB,MAAM,UAAU,CAAC,CAAC;AAAA,QAC3E;AAAA,QACA,MAAM,YAAY;AAAA,QAClB,UAAU,YAAY;AAAA,QACrB,GAAG;AAAA,QAEH,oBACA,gBAAAA,KAAC,WAAQ,MAAK,MAAK,IAEnB,gBAAAC,MAAA,YACE;AAAA,oBAAU,gBAAAD,KAAC,UAAK,WAAU,wBAAwB,kBAAO;AAAA,UACzD;AAAA,UACA,UAAU,gBAAAA,KAAC,UAAK,WAAU,wBAAwB,kBAAO;AAAA,WAC3D;AAAA;AAAA,IAEF;AAAA,EAEF;AACD;AACA,OAAO,cAAc;;;AEhGrB,YAAY,0BAA0B;AACtC,YAAYG,YAAW;AAgBtB,gBAAAC,YAAA;AAbD,IAAM,cAAmC;AACzC,IAAM,qBAA0C;AAChD,IAAM,mBAAwC;AAC9C,IAAM,oBAAyC;AAC/C,IAAM,iBAAsC;AAC5C,IAAM,wBAA6C;AAEnD,IAAM,wBAA8B,kBAKlC,CAAC,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GAAG,QAC5C,gBAAAA;AAAA,EAAsB;AAAA,EAArB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,IACD;AAAA,IACA,OAAO,EAAE,OAAO,2BAA2B;AAAA,IAC1C,GAAG;AAAA,IAEH;AAAA;AACF,CACA;AACD,sBAAsB,cAAmC,gCAAW;AAEpE,IAAM,wBAA8B,kBAGlC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC3B,gBAAAA;AAAA,EAAsB;AAAA,EAArB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACA,OAAO;AAAA,MACN,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,IACR;AAAA,IACC,GAAG;AAAA;AACL,CACA;AACD,sBAAsB,cAAmC,gCAAW;AAEpE,IAAM,qBAA2B,kBAG/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC3B,gBAAAA,KAAsB,6BAArB,EACA,0BAAAA;AAAA,EAAsB;AAAA,EAArB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACA,OAAO;AAAA,MACN,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,IACR;AAAA,IACC,GAAG;AAAA;AACL,GACD,CACA;AACD,mBAAmB,cAAmC,6BAAQ;AAE9D,IAAM,kBAAwB,kBAK5B,CAAC,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG,QAClC,gBAAAA;AAAA,EAAsB;AAAA,EAArB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,IACD;AAAA,IACA,OAAO,EAAE,OAAO,2BAA2B;AAAA,IAC1C,GAAG;AAAA;AACL,CACA;AACD,gBAAgB,cAAmC,0BAAK;AAExD,IAAM,uBAA6B,kBAGjC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC3B,gBAAAA;AAAA,EAAsB;AAAA,EAArB;AAAA,IACA;AAAA,IACA,WAAW,GAAG,mBAAmB,SAAS;AAAA,IAC1C,OAAO,EAAE,YAAY,6BAA6B;AAAA,IACjD,GAAG;AAAA;AACL,CACA;AACD,qBAAqB,cAAmC,+BAAU;;;ACjHlE,YAAY,qBAAqB;AACjC,SAAS,WAAW,wBAAwB;AAC5C,SAAS,cAAc;AACvB,YAAYC,YAAW;AAOtB,gBAAAC,MAqBG,QAAAC,aArBH;AAJD,IAAM,UAAgB,kBAGpB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC3B,gBAAAD;AAAA,EAAC;AAAA;AAAA,IACA;AAAA,IACA,WAAW,GAAG,2FAA2F,SAAS;AAAA,IACjH,GAAG;AAAA;AACL,CACA;AACD,QAAQ,cAAc,iBAAiB;AAEvC,SAAS,cAAc;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAgH;AAC/G,SACC,gBAAAA,KAAiB,sBAAhB,EAAqB,MAAY,cACjC,0BAAAC,MAAiB,wBAAhB,EACA;AAAA,oBAAAD;AAAA,MAAiB;AAAA,MAAhB;AAAA,QACA,WAAU;AAAA,QACV,gBAAa;AAAA;AAAA,IACd;AAAA,IACA,gBAAAC;AAAA,MAAiB;AAAA,MAAhB;AAAA,QACA,WAAU;AAAA,QACV,OAAO;AAAA,UACN,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,gBAAgB;AAAA,UAChB,sBAAsB;AAAA,QACvB;AAAA,QACA,eAAY;AAAA,QACZ,oBAAkB;AAAA,QAElB;AAAA,0BAAAD,KAAiB,uBAAhB,EAAsB,WAAU,WAAU,6BAAe;AAAA,UAC1D,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACA,WAAU;AAAA,cACT,GAAG;AAAA,cAEH;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACD;AAAA,KACD,GACD;AAEF;AAEA,IAAM,eAAqB,kBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC3B,gBAAAC;AAAA,EAAC;AAAA;AAAA,IACA,WAAU;AAAA,IACV,OAAO,EAAE,cAAc,uCAAuC;AAAA,IAC9D,sBAAmB;AAAA,IAEnB;AAAA,sBAAAD,KAAC,UAAO,WAAU,oCAAmC;AAAA,MACrD,gBAAAA;AAAA,QAAC,iBAAiB;AAAA,QAAjB;AAAA,UACA;AAAA,UACA,WAAW;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACD;AAAA,UACC,GAAG;AAAA;AAAA,MACL;AAAA;AAAA;AACD,CACA;AACD,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,cAAoB,kBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC3B,gBAAAA;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACA;AAAA,IACA,WAAW,GAAG,mDAAmD,SAAS;AAAA,IACzE,GAAG;AAAA;AACL,CACA;AACD,YAAY,cAAc,iBAAiB,KAAK;AAEhD,IAAM,eAAqB,kBAGzB,CAAC,OAAO,QACT,gBAAAA,KAAC,iBAAiB,OAAjB,EAAuB,KAAU,WAAU,+CAA+C,GAAG,OAAO,CACrG;AACD,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,eAAqB,kBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC3B,gBAAAA;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACC,GAAG;AAAA;AACL,CACA;AACD,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,mBAAyB,kBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC3B,gBAAAA,KAAC,iBAAiB,WAAjB,EAA2B,KAAU,WAAW,GAAG,gCAAgC,SAAS,GAAI,GAAG,OAAO,CAC3G;AACD,iBAAiB,cAAc,iBAAiB,UAAU;AAE1D,IAAM,cAAoB,kBAMxB,CAAC,EAAE,WAAW,QAAQ,UAAU,UAAU,UAAU,GAAG,MAAM,GAAG,QACjE,gBAAAC;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACA;AAAA,IACA,UAAU,YAAY;AAAA,IACtB,WAAW;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACC,GAAG;AAAA,IAEH;AAAA,gBAAU,gBAAAD,KAAC,UAAK,WAAU,wBAAwB,kBAAO;AAAA,MACzD;AAAA;AAAA;AACF,CACA;AACD,YAAY,cAAc,iBAAiB,KAAK;AAEhD,IAAM,kBAAkB,CAAC,EAAE,WAAW,GAAG,MAAM,MAA6C;AAC3F,SAAO,gBAAAA,KAAC,UAAK,WAAW,GAAG,uDAAuD,SAAS,GAAI,GAAG,OAAO;AAC1G;;;ACtJA,SAAS,QAAQ,iBAAiB;AAClC,SAAS,aAAa,QAAQ,YAAAE,iBAAgB;;;ACD9C,OAAO,oBAAoB;AAWzB,gBAAAC,YAAA;AAFF,SAAS,WAAW,EAAE,iBAAiB,YAAY,eAAe,GAAG,MAAM,GAAoB;AAC9F,SACC,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACA,iBAAiB,mBAAmB,EAAE,UAAU,KAAK,QAAQ,oCAAoC;AAAA,MACjG,YAAY,cAAc,EAAE,UAAU,KAAK,QAAQ,oCAAoC;AAAA,MACvF,eAAe,iBAAiB,EAAE,UAAU,KAAK,QAAQ,WAAW;AAAA,MACpE,YAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACL;AAEF;;;ADuBG,SAIY,OAAAC,MAJZ,QAAAC,aAAA;AAnBH,SAAS,YAAY,EAAE,OAAO,QAAQ,QAAQ,OAAO,aAAa,QAAQ,aAAa,UAAU,GAAqB;AACrH,QAAM,CAAC,WAAW,YAAY,IAAIC,UAAS,CAAC;AAC5C,QAAM,YAAY,OAAO,KAAK;AAC9B,QAAM,SAAS,OAAuB,IAAI;AAC1C,QAAM,YAAY,UAAU,QAAQ,EAAE,MAAM,MAAM,QAAQ,IAAI,CAAC;AAE/D,QAAM,iBAAiB,YAAY,MAAM;AACxC,QAAI,CAAC,UAAU,SAAS;AACvB,gBAAU,UAAU;AACpB,mBAAa,KAAK;AAAA,IACnB;AAAA,EACD,GAAG,CAAC,KAAK,CAAC;AAEV,SACC,gBAAAD;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACA,iBAAiB;AAAA,MACjB,UAAU,EAAE,MAAM,MAAM,QAAQ,IAAI;AAAA,MACpC,WAAW,GAAG,uBAAuB,SAAS;AAAA,MAE9C;AAAA,wBAAAA;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,OAAO,EAAE,YAAY,8CAA8C;AAAA,YAElE;AAAA,wBAAU,gBAAAD,KAAC,UAAK,WAAU,gBAAgB,kBAAO;AAAA,cAClD,gBAAAA,KAAC,cAAW,OAAO,WAAW;AAAA,cAC7B,UAAU,gBAAAA,KAAC,UAAK,WAAU,mCAAmC,kBAAO;AAAA;AAAA;AAAA,QACtE;AAAA,QAEC,UAAU,QACV,gBAAAA,KAAC,SAAI,KAAK,QAAQ,WAAU,yEAC3B,0BAAAA;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACA,SAAS,EAAE,OAAO,EAAE;AAAA,YACpB,SAAS,YAAY,EAAE,OAAO,GAAG,KAAK,IAAI,QAAQ,GAAG,CAAC,IAAI,IAAI,EAAE,OAAO,EAAE;AAAA,YACzE,YAAY,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,OAAO,KAAK;AAAA,YACjE,WAAU;AAAA,YACV,OAAO,EAAE,iBAAiB,eAAe,wBAAwB;AAAA;AAAA,QAClE,GACD;AAAA,QAGD,gBAAAC,MAAC,SAAI,WAAU,yBACd;AAAA,0BAAAD,KAAC,UAAK,WAAU,iCAAiC,iBAAM;AAAA,UACtD,eAAe,gBAAAA,KAAC,UAAK,WAAU,gCAAgC,uBAAY;AAAA,WAC7E;AAAA;AAAA;AAAA,EACD;AAEF;;;AErEA,SAAS,OAAAG,YAA8B;AACvC,YAAYC,YAAW;AAkDpB,SAGE,OAAAC,OAHF,QAAAC,aAAA;AApCH,IAAM,kBAAkBC,KAAI,0EAA0E;AAAA,EACrG,UAAU;AAAA,IACT,SAAS;AAAA;AAAA,MAER,SAAS;AAAA;AAAA,MAET,QAAQ;AAAA;AAAA,MAER,MAAM;AAAA,IACP;AAAA,EACD;AAAA,EACA,iBAAiB;AAAA,IAChB,SAAS;AAAA,EACV;AACD,CAAC;AAmBD,IAAM,UAAgB;AAAA,EACrB,CAAC,EAAE,WAAW,SAAS,OAAO,OAAO,aAAa,WAAW,UAAU,KAAK,UAAU,UAAU,GAAG,MAAM,GAAG,QAAQ;AACnH,WACC,gBAAAD,MAAC,SAAI,KAAU,WAAW,GAAG,gBAAgB,EAAE,QAAQ,CAAC,GAAG,SAAS,GAAI,GAAG,OAEzE;AAAA,mBACA,gBAAAD,MAAC,UAAK,WAAU,oCAAmC,OAAO,EAAE,iBAAiB,YAAY,YAAY,GAAG;AAAA,MAIxG,OACA,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,OAAO;AAAA,YACN,OAAO,YAAY;AAAA,YACnB,iBAAiB,WACd,sBAAsB,QAAQ,uBAC9B;AAAA,UACJ;AAAA,UAEC;AAAA;AAAA,MACF;AAAA,MAID,gBAAAA,MAAC,UAAK,WAAU,2DAA2D,iBAAM;AAAA,OAG/E,SAAS,aAAa,gBAAAA,MAAC,UAAK,WAAU,QAAO;AAAA,MAG9C,SACA,gBAAAA,MAAC,UAAK,WAAU,+CAA8C,OAAO,EAAE,OAAO,eAAe,YAAY,GACvG,iBACF;AAAA,MAIA;AAAA,OACF;AAAA,EAEF;AACD;AACA,QAAQ,cAAc;;;AC3FtB,YAAY,2BAA2B;AACvC,YAAYG,YAAW;AAgBtB,gBAAAC,OA4EA,QAAAC,aA5EA;AAbD,IAAM,eAAqC;AAC3C,IAAM,sBAA4C;AAClD,IAAM,oBAA0C;AAChD,IAAM,qBAA2C;AACjD,IAAM,kBAAwC;AAC9C,IAAM,yBAA+C;AAErD,IAAM,yBAA+B,kBAKnC,CAAC,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GAAG,QAC5C,gBAAAD;AAAA,EAAuB;AAAA,EAAtB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,IACD;AAAA,IACA,OAAO,EAAE,OAAO,2BAA2B;AAAA,IAC1C,GAAG;AAAA,IAEH;AAAA;AACF,CACA;AACD,uBAAuB,cAAoC,iCAAW;AAEtE,IAAM,yBAA+B,kBAGnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC3B,gBAAAA;AAAA,EAAuB;AAAA,EAAtB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACA,OAAO;AAAA,MACN,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,IACR;AAAA,IACC,GAAG;AAAA;AACL,CACA;AACD,uBAAuB,cAAoC,iCAAW;AAEtE,IAAM,sBAA4B,kBAGhC,CAAC,EAAE,WAAW,aAAa,GAAG,GAAG,MAAM,GAAG,QAC3C,gBAAAA,MAAuB,8BAAtB,EACA,0BAAAA;AAAA,EAAuB;AAAA,EAAtB;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACA,OAAO;AAAA,MACN,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,IACR;AAAA,IACC,GAAG;AAAA;AACL,GACD,CACA;AACD,oBAAoB,cAAoC,8BAAQ;AAEhE,IAAM,mBAAyB,kBAO7B,CAAC,EAAE,WAAW,OAAO,QAAQ,QAAQ,UAAU,GAAG,MAAM,GAAG,QAC5D,gBAAAC;AAAA,EAAuB;AAAA,EAAtB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,IACD;AAAA,IACA,OAAO,EAAE,OAAO,2BAA2B;AAAA,IAC1C,GAAG;AAAA,IAEH;AAAA,gBAAU,gBAAAD,MAAC,UAAK,WAAU,wBAAwB,kBAAO;AAAA,MACzD;AAAA,MACA,UACA,gBAAAA,MAAC,UAAK,WAAU,gCAA+B,OAAO,EAAE,OAAO,yBAAyB,GACtF,kBACF;AAAA;AAAA;AAEF,CACA;AACD,iBAAiB,cAAoC,2BAAK;AAE1D,IAAM,2BAAiC,kBAGrC,CAAC,EAAE,WAAW,UAAU,SAAS,GAAG,MAAM,GAAG,QAC9C,gBAAAC;AAAA,EAAuB;AAAA,EAAtB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACA,OAAO,EAAE,OAAO,2BAA2B;AAAA,IAC3C;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,sBAAAD,MAAC,UAAK,WAAU,gEACf,0BAAAA,MAAuB,qCAAtB,EACA,0BAAAA,MAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BACjE,0BAAAA;AAAA,QAAC;AAAA;AAAA,UACA,GAAE;AAAA,UACF,MAAK;AAAA,UACL,UAAS;AAAA,UACT,UAAS;AAAA;AAAA,MACT,GACF,GACD,GACD;AAAA,MACC;AAAA;AAAA;AACF,CACA;AACD,yBAAyB,cAAoC,mCAAa;AAE1E,IAAM,wBAA8B,kBAGlC,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACrC,gBAAAC;AAAA,EAAuB;AAAA,EAAtB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACA,OAAO,EAAE,OAAO,2BAA2B;AAAA,IAC1C,GAAG;AAAA,IAEJ;AAAA,sBAAAD,MAAC,UAAK,WAAU,gEACf,0BAAAA,MAAuB,qCAAtB,EACA,0BAAAA,MAAC,SAAI,OAAM,KAAI,QAAO,KAAI,SAAQ,WAAU,MAAK,QAChD,0BAAAA,MAAC,YAAO,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,MAAK,gBAAe,GACjD,GACD,GACD;AAAA,MACC;AAAA;AAAA;AACF,CACA;AACD,sBAAsB,cAAoC,gCAAU;AAEpE,IAAM,oBAA0B,kBAK9B,CAAC,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG,QAClC,gBAAAA;AAAA,EAAuB;AAAA,EAAtB;AAAA,IACA;AAAA,IACA,WAAW,GAAG,2CAA2C,SAAS,QAAQ,SAAS;AAAA,IACnF,OAAO,EAAE,OAAO,6BAA6B;AAAA,IAC5C,GAAG;AAAA;AACL,CACA;AACD,kBAAkB,cAAoC,4BAAM;AAE5D,IAAM,wBAA8B,kBAGlC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC3B,gBAAAA;AAAA,EAAuB;AAAA,EAAtB;AAAA,IACA;AAAA,IACA,WAAW,GAAG,mBAAmB,SAAS;AAAA,IAC1C,OAAO,EAAE,YAAY,6BAA6B;AAAA,IACjD,GAAG;AAAA;AACL,CACA;AACD,sBAAsB,cAAoC,gCAAU;AAEpE,IAAM,uBAAuB,CAAC,EAAE,WAAW,GAAG,MAAM,MAA6C;AAChG,SACC,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,GAAG,yCAAyC,SAAS;AAAA,MAChE,OAAO,EAAE,OAAO,yBAAyB;AAAA,MACxC,GAAG;AAAA;AAAA,EACL;AAEF;;;ACpNA,SAAS,OAAAE,YAA8B;AACvC,YAAYC,YAAW;AAgCpB,SAuBE,OAAAC,OAvBF,QAAAC,aAAA;AA7BH,IAAM,oBAAoBC;AAAA,EACzB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,QAAQ;AAAA,MACT;AAAA,MACA,SAAS;AAAA,QACR,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,SAAS;AAAA,IACV;AAAA,EACD;AACD;AAOA,IAAM,YAAkB;AAAA,EACvB,CAAC,EAAE,WAAW,SAAS,SAAS,QAAQ,OAAO,MAAM,OAAO,UAAU,GAAG,MAAM,GAAG,QAAQ;AACzF,WACC,gBAAAD;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACV,kBAAkB,EAAE,SAAS,QAAQ,CAAC;AAAA,UACtC,SAAS;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACD;AAAA,UACA;AAAA,QACD;AAAA,QACA,OAAO;AAAA,UACN,gBAAgB;AAAA,UAChB,sBAAsB;AAAA,UACtB,cAAc;AAAA,UACd,0BAA0B;AAAA,UAC1B,oBAAoB;AAAA,UACpB,GAAG;AAAA,QACJ;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,kBACA,gBAAAD;AAAA,YAAC;AAAA;AAAA,cACA,WAAU;AAAA,cACV,OAAO;AAAA,gBACN,YAAY,yDAAyD,IAAI;AAAA,cAC1E;AAAA;AAAA,UACD;AAAA,UAED,gBAAAA,MAAC,SAAI,WAAU,YAAY,UAAS;AAAA;AAAA;AAAA,IACrC;AAAA,EAEF;AACD;AACA,UAAU,cAAc;;;ACpExB,YAAYG,YAAW;AAepB,gBAAAC,OAkBC,QAAAC,cAlBD;AAHH,IAAM,QAAc;AAAA,EACnB,CAAC,EAAE,WAAW,OAAO,MAAM,UAAU,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC9D,UAAM,QACL,gBAAAD;AAAA,MAAC;AAAA;AAAA,QACA,MAAM,YAAY;AAAA,QAClB,WAAW;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS,UAAU,QAAQ,SAAS,UAAU,SAAS;AAAA,UACvD;AAAA,QACD;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACL;AAGD,QAAI,OAAO;AACV,aACC,gBAAAC,OAAC,SAAI,WAAU,yBACd;AAAA,wBAAAD,MAAC,WAAM,WAAU,+BAA+B,iBAAM;AAAA,QACrD;AAAA,SACF;AAAA,IAEF;AAEA,WAAO;AAAA,EACR;AACD;AACA,MAAM,cAAc;;;AClBhB,gBAAAE,OAoBD,QAAAC,cApBC;AAjBG,SAAS,SAAS,EAAE,OAAO,IAAI,UAAU,SAAS,UAAU,GAAkB;AACpF,QAAM,QAAQ,YAAY,UAAU,YAAY;AAChD,QAAM,WAAW,QAAQ;AAEzB,MAAI,CAAC,UAAU;AAEd,WACC,gBAAAD;AAAA,MAAC;AAAA;AAAA,QACA,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR;AAAA,QACA,cAAW;AAAA,QACX,OAAO,EAAE,MAAM;AAAA,QAEf,0BAAAA;AAAA,UAAC;AAAA;AAAA,YACA,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACN;AAAA;AAAA,IACD;AAAA,EAEF;AAGA,SACC,gBAAAC;AAAA,IAAC;AAAA;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,OAAO,QAAQ,MAAM;AAAA,MACrB,QAAQ;AAAA,MACR;AAAA,MACA,cAAW;AAAA,MACX,OAAO,EAAE,MAAM;AAAA,MAEf;AAAA,wBAAAA,OAAC,OAAE,UAAS,wBACX;AAAA,0BAAAD;AAAA,YAAC;AAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAK;AAAA;AAAA,UACN;AAAA,UACA,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAK;AAAA;AAAA,UACN;AAAA,UACA,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAK;AAAA;AAAA,UACN;AAAA,UACA,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAK;AAAA;AAAA,UACN;AAAA,WACD;AAAA,QACA,gBAAAA,MAAC,UACA,0BAAAA,MAAC,cAAS,IAAG,kBACZ,0BAAAA,MAAC,UAAK,OAAM,OAAM,QAAO,OAAM,MAAK,SAAQ,GAC7C,GACD;AAAA;AAAA;AAAA,EACD;AAEF;;;ACtEA,SAAS,iBAAiB,UAAAE,eAAc;AACxC,SAAS,eAAAC,cAAa,WAAW,UAAAC,SAAQ,YAAAC,iBAAgB;AAiFpD,SAQC,OAAAC,OARD,QAAAC,cAAA;AArEL,IAAM,aAA4C;AAAA,EACjD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AACT;AAcA,SAAS,SAAS;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT;AACD,GAAkB;AACjB,QAAM,CAAC,QAAQ,SAAS,IAAIC,UAAsB,kBAAkB,CAAC,CAAC;AACtE,QAAM,YAAYC,QAAuB,IAAI;AAC7C,QAAM,aAAaA,QAAO,IAAI;AAG9B,YAAU,MAAM;AACf,QAAI,gBAAgB;AACnB,gBAAU,CAAC,SAAS;AACnB,cAAM,WAAW,CAAC,GAAG,MAAM,GAAG,eAAe,OAAO,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;AAC5F,eAAO,SAAS,MAAM,CAAC,UAAU;AAAA,MAClC,CAAC;AAAA,IACF;AAAA,EACD,GAAG,CAAC,gBAAgB,UAAU,CAAC;AAG/B,YAAU,MAAM;AACf,UAAM,KAAK,UAAU;AACrB,QAAI,MAAM,WAAW,SAAS;AAC7B,SAAG,YAAY,GAAG;AAAA,IACnB;AAAA,EACD,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,eAAeC,aAAY,MAAM;AACtC,UAAM,KAAK,UAAU;AACrB,QAAI,IAAI;AACP,iBAAW,UAAU,GAAG,eAAe,GAAG,YAAY,GAAG,eAAe;AAAA,IACzE;AAAA,EACD,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,CAAC,MACnB,EAAE,mBAAmB,SAAS,EAAE,QAAQ,OAAO,MAAM,WAAW,QAAQ,WAAW,QAAQ,UAAU,CAAC;AAEvG,SACC,gBAAAJ;AAAA,IAAC;AAAA;AAAA,MACA,KAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW,GAAG,gFAAgF,SAAS;AAAA,MACvG,OAAO,EAAE,OAAO;AAAA,MAEhB,0BAAAA,MAAC,mBAAgB,SAAS,OACxB,iBAAO,IAAI,CAAC,UACZ,gBAAAC;AAAA,QAACI,QAAO;AAAA,QAAP;AAAA,UAEA,SAAS,EAAE,SAAS,GAAG,QAAQ,EAAE;AAAA,UACjC,SAAS,EAAE,SAAS,GAAG,QAAQ,OAAO;AAAA,UACtC,MAAM,EAAE,SAAS,GAAG,QAAQ,EAAE;AAAA,UAC9B,YAAY,EAAE,UAAU,MAAM,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE;AAAA,UACvD,WAAU;AAAA,UAEV;AAAA,4BAAAL;AAAA,cAAC;AAAA;AAAA,gBACA,WAAU;AAAA,gBACV,OAAO,EAAE,iBAAiB,WAAW,MAAM,IAAI,EAAE;AAAA;AAAA,YAClD;AAAA,YACC,kBAAkB,MAAM,aACxB,gBAAAA,MAAC,UAAK,WAAU,oCAAoC,qBAAW,MAAM,SAAS,GAAE;AAAA,YAEjF,gBAAAA,MAAC,UAAK,WAAU,kCAAkC,gBAAM,SAAQ;AAAA;AAAA;AAAA,QAd3D,MAAM;AAAA,MAeZ,CACA,GACF;AAAA;AAAA,EACD;AAEF;;;ACvGA,SAAS,MAAM,UAAU,aAAAM,YAAW,UAAAC,SAAQ,YAAAC,iBAAgB;;;ACA5D,SAAS,aAAAC,YAAW,YAAAC,iBAAgB;AAK7B,SAAS,mBAA4B;AAC3C,QAAM,CAAC,SAAS,UAAU,IAAIA,UAAS,KAAK;AAE5C,EAAAD,WAAU,MAAM;AACf,UAAM,KAAK,OAAO,WAAW,kCAAkC;AAC/D,eAAW,GAAG,WAAW,SAAS,gBAAgB,QAAQ,iBAAiB,MAAM;AAEjF,UAAM,UAAU,CAAC,MAA2B,WAAW,EAAE,OAAO;AAChE,OAAG,iBAAiB,UAAU,OAAO;AACrC,WAAO,MAAM,GAAG,oBAAoB,UAAU,OAAO;AAAA,EACtD,GAAG,CAAC,CAAC;AAEL,SAAO;AACR;;;ADEQ,gBAAAE,aAAA;AAjBR,IAAM,qBAAqB,KAAK,MAAM,OAAO,6BAA6B,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AAWtH,SAAS,eAAe,EAAE,OAAO,GAAyB;AACzD,QAAM,KACL,OAAO,UAAU,IACd,2BAA2B,OAAO,CAAC,CAAC,QAAQ,OAAO,KAAK,MAAM,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,OAAO,OAAO,SAAS,CAAC,CAAC,WAClH,OAAO,CAAC,KAAK;AAElB,SAAO,gBAAAA,MAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,YAAY,GAAG,GAAG;AACvE;AAEA,SAAS,kBAAkB,EAAE,QAAQ,QAAQ,MAAM,WAAW,MAAM,GAAsB;AACzF,QAAM,MAAMC,QAAuB,IAAI;AACvC,QAAM,CAAC,SAAS,UAAU,IAAIC,UAAS,KAAK;AAC5C,QAAM,gBAAgB,iBAAiB;AAEvC,EAAAC,WAAU,MAAM;AACf,UAAM,KAAK,IAAI;AACf,QAAI,CAAC,GAAI;AAET,UAAM,WAAW,IAAI,qBAAqB,CAAC,CAAC,KAAK,MAAM,WAAW,MAAM,cAAc,GAAG;AAAA,MACxF,YAAY;AAAA,IACb,CAAC;AAED,aAAS,QAAQ,EAAE;AACnB,WAAO,MAAM,SAAS,WAAW;AAAA,EAClC,GAAG,CAAC,CAAC;AAEL,SACC,gBAAAH,MAAC,SAAI,KAAU,WAAsB,OAAO,EAAE,UAAU,YAAY,OAAO,GAAG,GAAG,MAAM,GACrF,qBAAW,CAAC,gBACZ,gBAAAA,MAAC,YAAS,UAAU,gBAAAA,MAAC,kBAAe,QAAgB,GACnD,0BAAAA,MAAC,sBAAmB,QAAgB,OAAc,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GAAG,GAC7F,IAEA,gBAAAA,MAAC,kBAAe,QAAgB,GAElC;AAEF;;;AEnDA,SAAS,OAAAI,YAA8B;AACvC,YAAYC,YAAW;AA+DO,gBAAAC,OAG1B,QAAAC,cAH0B;AAlD9B,IAAM,wBAAwBC,KAAI,iBAAiB;AAAA,EAClD,UAAU;AAAA,IACT,MAAM;AAAA;AAAA,MAEL,IAAI;AAAA;AAAA,MAEJ,IAAI;AAAA;AAAA,MAEJ,IAAI;AAAA,IACL;AAAA,EACD;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EACP;AACD,CAAC;AAED,IAAM,eAAe;AAAA,EACpB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACL;AAEA,IAAM,eAAe;AAAA,EACpB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACL;AAiBA,IAAM,gBAAsB;AAAA,EAC3B,CAAC,EAAE,WAAW,OAAO,MAAM,OAAO,OAAO,aAAa,QAAQ,QAAQ,aAAa,GAAG,MAAM,GAAG,QAAQ;AACtG,UAAM,eAAgB,QAAQ;AAE9B,WACC,gBAAAD,OAAC,SAAI,KAAU,WAAW,GAAG,sBAAsB,EAAE,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OAE5E;AAAA,uBAAiB,QAAQ,gBAAAD,MAAC,UAAK,WAAW,aAAa,YAAY,GAAI,iBAAM;AAAA,MAG9E,gBAAAC;AAAA,QAAC;AAAA;AAAA,UACA,WAAW,GAAG,aAAa,YAAY,GAAG,cAAc;AAAA,UACxD,OAAO,cAAc,EAAE,OAAO,YAAY,IAAI;AAAA,UAE7C;AAAA,sBAAU,gBAAAD,MAAC,UAAM,kBAAO;AAAA,YACzB,gBAAAA,MAAC,UAAM,iBAAM;AAAA,YACZ,UACA,gBAAAA,MAAC,UAAK,WAAW,iBAAiB,OAAO,0CAA0C,UAAW,kBAAO;AAAA;AAAA;AAAA,MAEvG;AAAA,MAGC,iBAAiB,QAAQ,gBAAAA,MAAC,UAAK,WAAW,aAAa,YAAY,GAAI,iBAAM;AAAA,MAG7E,eAAe,gBAAAA,MAAC,UAAK,WAAU,0CAA0C,uBAAY;AAAA,OACvF;AAAA,EAEF;AACD;AACA,cAAc,cAAc;;;ACvF5B,SAAS,OAAAG,YAA8B;AACvC,SAAS,aAAa,eAAe,aAAa,YAAY;AA2C5D,SACe,OAAAC,OADf,QAAAC,cAAA;AAvCF,IAAM,eAAeC,KAAI,6DAA6D;AAAA,EACrF,UAAU;AAAA,IACT,MAAM;AAAA,MACL,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACL,SAAS;AAAA,MACT,OAAO;AAAA,IACR;AAAA,EACD;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,IACN,MAAM;AAAA,EACP;AACD,CAAC;AAED,IAAM,UAAU;AAAA,EACf,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACV;AAUA,SAAS,KAAK,EAAE,WAAW,OAAO,WAAW,MAAM,OAAO,QAAQ,UAAU,GAAG,MAAM,GAAc;AAClG,QAAMC,QAAO,QAAQ,IAAI;AACzB,QAAM,YAAY,UAAU;AAE5B,SACC,gBAAAF,OAAC,SAAI,WAAW,GAAG,aAAa,EAAE,MAAM,KAAK,CAAC,GAAG,SAAS,GAAG,MAAK,SAAS,GAAG,OAC5E;AAAA,iBAAa,gBAAAD,MAACG,OAAA,EAAK,WAAU,2BAA0B;AAAA,IACxD,gBAAAH,MAAC,SAAI,WAAU,kBAAkB,UAAS;AAAA,IACzC,UAAU,gBAAAA,MAAC,SAAI,WAAU,YAAY,kBAAO;AAAA,KAC9C;AAEF;;;AClDA,SAAS,OAAAI,YAA8B;AACvC,YAAYC,aAAW;AAiDpB,SAEE,OAAAC,OAFF,QAAAC,cAAA;AAnCH,IAAM,oBAAoBC;AAAA,EACzB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA;AAAA,QAER,SAAS;AAAA;AAAA,QAET,OAAO;AAAA;AAAA,QAEP,QAAQ;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IACP;AAAA,EACD;AACD;AASA,IAAM,YAAkB;AAAA,EACvB,CAAC,EAAE,WAAW,SAAS,MAAM,KAAK,UAAU,UAAU,GAAG,MAAM,GAAG,QAAQ;AACzE,WACC,gBAAAD,OAAC,UAAK,KAAU,WAAW,GAAG,kBAAkB,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OAClF;AAAA,aACA,gBAAAD,MAAC,UAAK,WAAU,kCAAiC,OAAO,EAAE,iBAAiB,YAAY,YAAY,GAAG;AAAA,MAEtG;AAAA,OACF;AAAA,EAEF;AACD;AACA,UAAU,cAAc;;;AC3DxB,SAAS,OAAAG,YAA8B;AAgDnC,gBAAAC,OAUA,QAAAC,cAVA;AA5CJ,IAAM,sBAAsBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,MAAM;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,iBAAiB;AAAA,MAChB,MAAM;AAAA,IACP;AAAA,EACD;AACD;AAWA,SAAS,YAAY;AAAA,EACpB;AAAA,EACA,MAAM;AAAA,EACN,QAAQ;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACJ,GAAqB;AACpB,QAAM,aAAa,KAAK,IAAI,KAAK,KAAK,IAAI,GAAI,QAAQ,MAAO,GAAG,CAAC;AAEjE,SACC,gBAAAD,OAAC,SAAI,WAAW,GAAG,2BAA2B,SAAS,GAAI,GAAG,OAC7D;AAAA,oBAAAD;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,WAAW,oBAAoB,EAAE,KAAK,CAAC;AAAA,QAEvC,0BAAAA;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,OAAO;AAAA,cACN,OAAO,GAAG,UAAU;AAAA,cACpB,YAAY,6CAA6C,KAAK,iBAAiB,KAAK;AAAA,cACpF,YAAY;AAAA,YACb;AAAA;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IACC,aACA,gBAAAC,OAAC,UAAK,WAAU,4CACd;AAAA;AAAA,MAAM;AAAA,MAAE;AAAA,OACV;AAAA,KAEF;AAEF;;;AChEA,SAAS,OAAAE,YAA8B;AACvC,YAAYC,aAAW;AAuCpB,SAEE,OAAAC,OAFF,QAAAC,cAAA;AA5BH,IAAM,sBAAsBC,KAAI,0CAA0C;AAAA,EACzE,UAAU;AAAA,IACT,SAAS;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,IACR;AAAA,IACA,SAAS;AAAA,MACR,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACL;AAAA,EACD;AAAA,EACA,iBAAiB;AAAA,IAChB,SAAS;AAAA,IACT,SAAS;AAAA,EACV;AACD,CAAC;AAOD,IAAM,cAAoB;AAAA,EACzB,CAAC,EAAE,WAAW,SAAS,SAAS,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ;AACnE,WACC,gBAAAD,OAAC,SAAI,KAAU,WAAW,GAAG,oBAAoB,EAAE,SAAS,QAAQ,CAAC,GAAG,SAAS,GAAI,GAAG,OACtF;AAAA,cACA,gBAAAD;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,OAAO;AAAA,YACN,YAAY,2BAA2B,IAAI;AAAA,UAC5C;AAAA;AAAA,MACD;AAAA,MAED,gBAAAA,MAAC,SAAI,WAAU,sCAAsC,UAAS;AAAA,OAC/D;AAAA,EAEF;AACD;AACA,YAAY,cAAc;AAM1B,SAAS,kBAAkB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAyC;AACnG,SACC,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,GAAG,2EAA2E,SAAS;AAAA,MACjG,GAAG;AAAA,MAEH;AAAA;AAAA,EACF;AAEF;AACA,kBAAkB,cAAc;;;ACtEhC,YAAY,wBAAwB;AACpC,YAAYG,aAAW;AAOtB,gBAAAC,aAAA;AAJD,IAAMC,aAAkB,mBAGtB,CAAC,EAAE,WAAW,cAAc,cAAc,aAAa,MAAM,GAAG,MAAM,GAAG,QAC1E,gBAAAD;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACV;AAAA,MACA,gBAAgB,eAAe,mBAAmB;AAAA,MAClD;AAAA,IACD;AAAA,IACC,GAAG;AAAA;AACL,CACA;AACDC,WAAU,cAAiC,wBAAK;;;ACpBhD,YAAY,qBAAqB;AACjC,YAAYC,aAAW;AAqBpB,gBAAAC,aAAA;AAdH,IAAM,SAAe;AAAA,EACpB,CAAC,EAAE,WAAW,UAAU,iBAAiB,GAAG,MAAM,GAAG,QACpD,gBAAAA;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACA,WAAW;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MACA,iBAAiB,mBAAmB;AAAA,MACnC,GAAG;AAAA,MACJ;AAAA,MAEA,0BAAAA;AAAA,QAAiB;AAAA,QAAhB;AAAA,UACA,WAAW;AAAA,YACV;AAAA,YACA;AAAA,UACD;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;AACA,OAAO,cAAc;;;AC/BrB,SAAS,iBAAiB,0BAA0B;AACpD,SAAS,aAAAC,kBAAiB;;;ACH1B,SAAS,cAAc;AACvB,SAAS,eAAe;AAejB,IAAM,gBAAgB,OAAmB;AAAA,EAC/C;AAAA,IACC,CAAC,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS,CAAC,SAAS,IAAI,EAAE,KAAK,CAAC;AAAA,MAC/B,cAAc;AAAA,MACd,iBAAiB,CAAC,iBAAiB,IAAI,EAAE,aAAa,CAAC;AAAA,MACvD,cAAc;AAAA,MACd,iBAAiB,CAAC,iBAAiB,IAAI,EAAE,aAAa,CAAC;AAAA,MACvD,cAAc;AAAA,MACd,iBAAiB,CAAC,iBAAiB,IAAI,EAAE,aAAa,CAAC;AAAA,IACxD;AAAA,IACA;AAAA,MACC,MAAM;AAAA,IACP;AAAA,EACD;AACD;;;ADkBE,SACC,OAAAC,OADD,QAAAC,cAAA;AA5CF,SAAS,mBAAmB;AAC3B,QAAM,eAAe,cAAc,CAAC,MAAM,EAAE,YAAY;AAExD,EAAAC,WAAU,MAAM;AACf,aAAS,gBAAgB,aAAa,sBAAsB,OAAO,YAAY,CAAC;AAAA,EACjF,GAAG,CAAC,YAAY,CAAC;AAEjB,SAAO;AACR;AAEA,SAAS,YAAY;AACpB,QAAM,eAAe,cAAc,CAAC,MAAM,EAAE,YAAY;AAExD,EAAAA,WAAU,MAAM;AACf,UAAM,KAAK,SAAS;AACpB,QAAI,cAAc;AACjB,SAAG,aAAa,cAAc,EAAE;AAChC,SAAG,MAAM,YAAY,wBAAwB,GAAG;AAAA,IACjD,OAAO;AACN,SAAG,gBAAgB,YAAY;AAC/B,SAAG,MAAM,YAAY,wBAAwB,GAAG;AAAA,IACjD;AAAA,EACD,GAAG,CAAC,YAAY,CAAC;AAEjB,SAAO;AACR;AAEA,SAAS,mBAAmB;AAC3B,QAAM,eAAe,cAAc,CAAC,MAAM,EAAE,YAAY;AAExD,EAAAA,WAAU,MAAM;AAEf,QAAI,cAAc;AACjB,mBAAa,QAAQ,sBAAsB,MAAM;AAAA,IAClD,OAAO;AACN,mBAAa,WAAW,oBAAoB;AAAA,IAC7C;AAAA,EACD,GAAG,CAAC,YAAY,CAAC;AAEjB,SAAO;AACR;AAEO,SAAS,cAAc,EAAE,UAAU,GAAG,MAAM,GAAoD;AACtG,SACC,gBAAAD,OAAC,sBAAoB,GAAG,OACvB;AAAA,oBAAAD,MAAC,oBAAiB;AAAA,IAClB,gBAAAA,MAAC,aAAU;AAAA,IACX,gBAAAA,MAAC,oBAAiB;AAAA,IACjB;AAAA,KACF;AAEF;;;AEvDA,SAAS,SAAS,MAAM,WAAW;AACnC,SAAS,gBAAgB;AACzB,SAAS,aAAAG,YAAW,YAAAC,iBAAgB;AA8BhC,SAgBC,OAAAC,OAhBD,QAAAC,cAAA;AA3BJ,IAAM,SAAS;AAAA,EACd,EAAE,OAAO,UAAU,OAAO,UAAU,MAAM,QAAQ;AAAA,EAClD,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,IAAI;AAAA,EAC5C,EAAE,OAAO,QAAQ,OAAO,QAAQ,MAAM,KAAK;AAC5C;AASA,SAAS,cAAc,EAAE,OAAO,WAAW,eAAe,SAAS,GAAuB;AACzF,QAAM,EAAE,OAAO,SAAS,IAAI,SAAS;AACrC,QAAM,CAAC,SAAS,UAAU,IAAIC,UAAS,KAAK;AAC5C,EAAAC,WAAU,MAAM,WAAW,IAAI,GAAG,CAAC,CAAC;AAGpC,QAAM,gBAAgB,UAAU,QAAQ;AAExC,SACC,gBAAAH;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,GAAG,mEAAmE,SAAS;AAAA,MAC1F;AAAA,MAEC,iBAAO,IAAI,CAAC,EAAE,OAAO,OAAO,MAAMI,MAAK,MACvC,gBAAAH;AAAA,QAAC;AAAA;AAAA,UAEA,MAAK;AAAA,UACL,MAAK;AAAA,UACL,gBAAc,kBAAkB;AAAA,UAChC,SAAS,MAAM;AACd,qBAAS,KAAK;AACd,4BAAgB,KAAK;AAAA,UACtB;AAAA,UACA,WAAW;AAAA,YACV;AAAA,YACA,kBAAkB,QACf,+CACA;AAAA,UACJ;AAAA,UAEA;AAAA,4BAAAD,MAACI,OAAA,EAAK,WAAW,QAAQ,gBAAgB,WAAW;AAAA,YACnD,CAAC,SAAS;AAAA;AAAA;AAAA,QAhBN;AAAA,MAiBN,CACA;AAAA;AAAA,EACF;AAEF;;;AChCG,SAMC,OAAAC,OAND,QAAAC,cAAA;AATH,SAAS,UAAU,EAAE,UAAU,WAAW,IAAI,eAAe,MAAM,UAAU,GAAmB;AAC/F,SACC,gBAAAD;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,GAAG,mCAAmC,SAAS;AAAA,MAC1D,OAAO;AAAA,QACN,WAAW;AAAA,QACX,iBAAiB;AAAA,MAClB;AAAA,MAEA,0BAAAC;AAAA,QAAC;AAAA;AAAA,UACA,WAAW,GAAG,cAAc,gBAAgB,qCAAqC;AAAA,UACjF,OAAO;AAAA,YACN,WAAW,eAAe,QAAQ;AAAA,UACnC;AAAA,UAEA;AAAA,4BAAAD,MAAC,SAAI,WAAU,8BAA8B,UAAS;AAAA,YACtD,gBAAAA,MAAC,SAAI,WAAU,8BAA6B,eAAW,MACrD,UACF;AAAA;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;;;ACnCA,YAAY,sBAAsB;AAClC,YAAYE,aAAW;AAYrB,gBAAAC,OAoCC,QAAAC,cApCD;AATF,IAAM,kBAAmC;AACzC,IAAM,cAA+B;AACrC,IAAM,iBAAkC;AAExC,IAAM,iBAAuB,mBAG3B,CAAC,EAAE,WAAW,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,QAClD,gBAAAD,MAAkB,yBAAjB,EACA,0BAAAA;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACA,OAAO;AAAA,MACN,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,GAAG;AAAA,IACJ;AAAA,IACC,GAAG;AAAA;AACL,GACD,CACA;AACD,eAAe,cAA+B,yBAAQ;AAYtD,SAAS,QAAQ,EAAE,MAAM,UAAU,WAAW,OAAO,OAAO,WAAW,aAAa,UAAU,GAAuB;AACpH,QAAM,gBAAgB,cAAc,QAAQ,MAAM;AAElD,SACC,gBAAAA,MAAC,mBAAgB,eAChB,0BAAAC,OAAC,eACA;AAAA,oBAAAD,MAAC,kBAAe,SAAO,MAAE,UAAS;AAAA,IAClC,gBAAAA,MAAC,kBAAe,MAAM,UAAU,WAAW,GAAG,eAAe,iBAAiB,SAAS,GACrF,gBACF;AAAA,KACD,GACD;AAEF;;;ACzDA,SAAS,eAAe,kBAAkB;AAO1C,IAAM,yBAAyB,cAAc,KAAK;AAE3C,IAAM,0BAA0B,uBAAuB;AAEvD,SAAS,qBAA8B;AAC7C,SAAO,WAAW,sBAAsB;AACzC;AAOA,IAAM,sBAAsB,cAAc,IAAI;AAEvC,IAAM,uBAAuB,oBAAoB;AAEjD,SAAS,kBAA2B;AAC1C,SAAO,WAAW,mBAAmB;AACtC;;;ACtBO,IAAM,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC;AAGpC,IAAM,eAAe;AAAA,EAC3B,WAAW;AAAA,EACX,SAAS;AACV;AAGO,IAAM,SAAS;AAAA,EACrB,SAAS,EAAE,SAAS,GAAG,GAAG,IAAI,QAAQ,YAAY;AAAA,EAClD,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG,QAAQ,YAAY;AAAA,EACjD,YAAY,EAAE,UAAU,KAAK,MAAM,WAAW;AAC/C;AAGO,IAAM,UAAU;AAAA,EACtB,SAAS,EAAE,SAAS,GAAG,OAAO,MAAM,QAAQ,YAAY;AAAA,EACxD,SAAS,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,YAAY;AAAA,EACrD,YAAY,EAAE,UAAU,KAAK,MAAM,WAAW;AAC/C;AAGO,IAAM,mBAAmB;AAAA,EAC/B,SAAS;AAAA,IACR,YAAY;AAAA,MACX,iBAAiB;AAAA,IAClB;AAAA,EACD;AACD;AAGO,IAAM,eAAe;AAAA,EAC3B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,EAC5B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,EAC5B,YAAY,EAAE,UAAU,KAAK,MAAM,WAAW;AAC/C;AAGO,IAAM,SAAS;AAAA,EACrB,SAAS,EAAE,SAAS,EAAE;AAAA,EACtB,SAAS,EAAE,SAAS,EAAE;AAAA,EACtB,YAAY,EAAE,UAAU,KAAK,MAAM,WAAW;AAC/C;;;AC/CA,SAAS,iBAAAE,gBAA+B,eAAAC,cAAa,cAAAC,aAAY,UAAAC,SAAQ,YAAAC,iBAAgB;AAsFvF,gBAAAC,OAcC,QAAAC,cAdD;AA/DF,IAAM,iBAAiBN,eAAmC;AAAA,EACzD,WAAW;AAAA,EACX,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,MAAM;AACP,CAAC;AAEM,SAAS,aAAa;AAC5B,SAAOE,YAAW,cAAc;AACjC;AAYA,SAAS,uBAAuB;AAAA,EAC/B;AAAA,EACA,cAAc;AAAA,EACd,MAAM;AAAA,EACN,MAAM;AAAA,EACN,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,YAAY;AACb,GAA4B;AAC3B,QAAM,CAAC,WAAW,YAAY,IAAIE,UAAS,gBAAgB;AAC3D,QAAM,CAAC,MAAM,OAAO,IAAIA,UAAS,WAAW;AAC5C,QAAM,WAAWD,QAAO,KAAK;AAC7B,QAAM,SAASA,QAAO,CAAC;AACvB,QAAM,YAAYA,QAAO,CAAC;AAE1B,QAAM,SAASF,aAAY,MAAM,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAE5D,QAAM,gBAAgBA;AAAA,IACrB,CAAC,MAA0B;AAC1B,UAAI,UAAW;AACf,QAAE,eAAe;AACjB,eAAS,UAAU;AACnB,aAAO,UAAU,EAAE;AACnB,gBAAU,UAAU;AACpB,MAAC,EAAE,OAAuB,kBAAkB,EAAE,SAAS;AAAA,IACxD;AAAA,IACA,CAAC,WAAW,IAAI;AAAA,EACjB;AAEA,QAAM,gBAAgBA;AAAA,IACrB,CAAC,MAA0B;AAC1B,UAAI,CAAC,SAAS,QAAS;AACvB,YAAM,QAAQ,SAAS,SAAS,EAAE,UAAU,OAAO,UAAU,OAAO,UAAU,EAAE;AAChF,cAAQ,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,UAAU,UAAU,KAAK,CAAC,CAAC;AAAA,IAChE;AAAA,IACA,CAAC,MAAM,KAAK,GAAG;AAAA,EAChB;AAEA,QAAM,cAAcA,aAAY,MAAM;AACrC,aAAS,UAAU;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,QAAM,eACL,gBAAAI;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,wIACV,YAAY,wBAAwB,EACrC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,oBAAiB;AAAA;AAAA,EAClB;AAGD,SACC,gBAAAA,MAAC,eAAe,UAAf,EAAwB,OAAO,EAAE,WAAW,QAAQ,KAAK,GACzD,0BAAAC,OAAC,SAAI,WAAW,iBAAiB,SAAS,IAAI,OAAO,EAAE,OAAO,YAAY,IAAI,KAAK,GACjF;AAAA,aAAS,WAAW;AAAA,IACrB,gBAAAD;AAAA,MAAC;AAAA;AAAA,QACA,WAAW,wEACV,YAAY,QAAQ,QACrB;AAAA,QAEC;AAAA;AAAA,IACF;AAAA,IACC,SAAS,UAAU;AAAA,KACrB,GACD;AAEF;AAMA,SAAS,cAAc,EAAE,UAAU,YAAY,GAAG,GAAgD;AACjG,SACC,gBAAAA,MAAC,SAAI,WAAW,sFAAsF,SAAS,IAC7G,UACF;AAEF;AAMA,SAAS,eAAe,EAAE,YAAY,GAAG,GAA2B;AACnE,QAAM,EAAE,WAAW,OAAO,IAAI,WAAW;AACzC,SACC,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACA,SAAS;AAAA,MACT,WAAW,wIAAwI,SAAS;AAAA,MAC5J,cAAY,YAAY,mBAAmB;AAAA,MAE3C,0BAAAA,MAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACpD,0BAAAA;AAAA,QAAC;AAAA;AAAA,UACA,GAAG,YAAY,wBAAwB;AAAA,UACvC,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA;AAAA,MAChB,GACD;AAAA;AAAA,EACD;AAEF;AAMA,SAAS,eAAe,EAAE,UAAU,YAAY,GAAG,GAAgD;AAClG,SAAO,gBAAAA,MAAC,SAAI,WAAW,0BAA0B,SAAS,IAAK,UAAS;AACzE;AAMA,SAAS,eAAe;AAAA,EACvB;AAAA,EACA;AAAA,EACA,YAAY;AACb,GAIG;AACF,SACC,gBAAAC,OAAC,SAAI,WAAW,GAAG,SAAS,IAC1B;AAAA,aACA,gBAAAD,MAAC,SAAI,WAAU,kBACd,0BAAAA,MAAC,UAAK,WAAU,2CAA2C,iBAAM,GAClE;AAAA,IAEA;AAAA,KACF;AAEF;AAeA,SAAS,YAAY,EAAE,UAAU,MAAM,QAAQ,SAAS,GAAG,SAAS,YAAY,GAAG,GAAqB;AACvG,SACC,gBAAAC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,UACJ,SAAS,qCAAqC,4DAA4D;AAAA,UAC1G,SAAS;AAAA,MAChB,OAAO,EAAE,aAAa,IAAI,SAAS,GAAG;AAAA,MAErC;AAAA,gBAAQ,gBAAAD,MAAC,UAAK,WAAU,sDAAsD,gBAAK;AAAA,QACpF,gBAAAA,MAAC,UAAK,WAAU,oBAAoB,UAAS;AAAA;AAAA;AAAA,EAC9C;AAEF;AAMO,IAAM,qBAAqB,OAAO,OAAO,wBAAwB;AAAA,EACvE,QAAQ;AAAA,EACR;AAAA,EACA,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AACP,CAAC;;;AC9ME,gBAAAE,aAAA;AAJH,SAAS,WAAW,EAAE,MAAM,SAAS,SAAS,GAAoB;AACjE,MAAI,CAAC,KAAM,QAAO;AAClB,SACC,gBAAAA,MAAC,SAAI,WAAU,mEAAkE,SAAS,SACzF,0BAAAA;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,MAEjC;AAAA;AAAA,EACF,GACD;AAEF;AAEA,SAAS,KAAK,EAAE,SAAS,GAA4B;AACpD,SAAO,gBAAAA,MAAC,SAAI,WAAU,0BAA0B,UAAS;AAC1D;AAEA,SAAS,KAAK,EAAE,UAAU,SAAS,SAAS,GAA8C;AACzF,SAAO,gBAAAA,MAAC,SAAI,WAAU,YAAY,UAAS;AAC5C;AAEA,SAASC,OAAM,EAAE,SAAS,GAA4B;AACrD,SAAO,gBAAAD,MAAC,QAAG,WAAU,yBAAyB,UAAS;AACxD;AAEA,SAAS,YAAY,EAAE,SAAS,GAA4B;AAC3D,SAAO,gBAAAA,MAAC,OAAE,WAAU,iCAAiC,UAAS;AAC/D;AAEA,SAAS,QAAQ,EAAE,SAAS,GAA4B;AACvD,SAAO,gBAAAA,MAAC,SAAI,WAAU,+BAA+B,UAAS;AAC/D;AAIA,SAAS,OAAO,EAAE,UAAU,GAAG,MAAM,GAAa;AACjD,SACC,gBAAAA,MAAC,YAAO,MAAK,UAAS,WAAU,8CAA8C,GAAG,OAC/E,UACF;AAEF;AAEA,SAAS,QAAQ,EAAE,UAAU,SAAS,UAAU,GAAG,MAAM,GAAa;AACrE,SACC,gBAAAA,MAAC,YAAO,MAAK,UAAS,WAAU,0EAA0E,GAAG,OAC3G,UACF;AAEF;AAEO,IAAM,SAAS,OAAO,OAAO,YAAY;AAAA,EAC/C;AAAA,EACA;AAAA,EACA,OAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,CAAC;;;AC1CG,gBAAAC,OAED,QAAAC,cAFC;AARG,SAAS,WAAW,EAAE,MAAM,OAAO,aAAa,QAAQ,SAAS,YAAY,GAAG,GAAoB;AAC1G,SACC,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,yDACV,UAAU,eAAe,aAC1B,IAAI,SAAS;AAAA,MAEZ;AAAA,gBACA,gBAAAD,MAAC,SAAI,WAAW,iBAAiB,UAAU,4BAA4B,yBAAyB,IAAK,gBAAK;AAAA,QAE3G,gBAAAC,OAAC,SAAI,WAAU,eACd;AAAA,0BAAAD,MAAC,OAAE,WAAU,4CAA4C,iBAAM;AAAA,UAC9D,eAAe,gBAAAA,MAAC,OAAE,WAAW,iBAAiB,UAAU,kBAAkB,eAAe,IAAK,uBAAY;AAAA,WAC5G;AAAA,QACC,UAAU,gBAAAA,MAAC,SAAI,WAAU,iBAAiB,kBAAO;AAAA;AAAA;AAAA,EACnD;AAEF;;;ACxCA,SAA6C,eAAAE,cAAa,aAAAC,YAAW,UAAAC,SAAQ,YAAAC,iBAAgB;AA+G1F,gBAAAC,aAAA;AA9EI,SAAS,SAAY;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,eAAe;AAAA,EACf,YAAY;AACb,GAAqB;AACpB,QAAM,CAAC,YAAY,aAAa,IAAID,UAAS,CAAC;AAC9C,QAAM,UAAUD,QAAuB,IAAI;AAE3C,QAAM,cAAc,IAAI,IAAI,YAAY,OAAO,CAAC,IAAI,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAC,QAAQ,CAAC;AAEnG,QAAM,QAAQF,aAAY,CAAC,MAAc,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,MAAM,CAAC;AAEnG,EAAAC,WAAU,MAAM;AACf,kBAAc,CAAC,SAAS,MAAM,IAAI,CAAC;AAAA,EACpC,GAAG,CAAC,MAAM,QAAQ,KAAK,CAAC;AAExB,QAAM,gBAAgBD,aAAY,CAAC,MAAc;AAChD,UAAM,KAAK,QAAQ,SAAS,SAAS,CAAC;AACtC,QAAI,eAAe,EAAE,OAAO,UAAU,CAAC;AAAA,EACxC,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAgBA;AAAA,IACrB,CAAC,MAAqB;AACrB,cAAQ,EAAE,KAAK;AAAA,QACd,KAAK,aAAa;AACjB,YAAE,eAAe;AACjB,gBAAM,OAAO,MAAM,aAAa,CAAC;AACjC,wBAAc,IAAI;AAClB,wBAAc,IAAI;AAClB,cAAI,CAAC,YAAa,YAAW,OAAO,MAAM,IAAI,CAAC,CAAC;AAChD;AAAA,QACD;AAAA,QACA,KAAK,WAAW;AACf,YAAE,eAAe;AACjB,gBAAM,OAAO,MAAM,aAAa,CAAC;AACjC,wBAAc,IAAI;AAClB,wBAAc,IAAI;AAClB,cAAI,CAAC,YAAa,YAAW,OAAO,MAAM,IAAI,CAAC,CAAC;AAChD;AAAA,QACD;AAAA,QACA,KAAK,QAAQ;AACZ,YAAE,eAAe;AACjB,wBAAc,CAAC;AACf,wBAAc,CAAC;AACf,cAAI,CAAC,eAAe,MAAM,SAAS,EAAG,YAAW,OAAO,MAAM,CAAC,CAAC,CAAC;AACjE;AAAA,QACD;AAAA,QACA,KAAK,OAAO;AACX,YAAE,eAAe;AACjB,gBAAM,OAAO,MAAM,SAAS;AAC5B,wBAAc,IAAI;AAClB,wBAAc,IAAI;AAClB,cAAI,CAAC,eAAe,MAAM,SAAS,EAAG,YAAW,OAAO,MAAM,IAAI,CAAC,CAAC;AACpE;AAAA,QACD;AAAA,QACA,KAAK;AAAA,QACL,KAAK,KAAK;AACT,YAAE,eAAe;AACjB,gBAAM,OAAO,MAAM,UAAU;AAC7B,cAAI,MAAM;AACT,uBAAW,OAAO,IAAI,CAAC;AACvB,gBAAI,EAAE,QAAQ,QAAS,cAAa,IAAI;AAAA,UACzC;AACA;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAC,YAAY,OAAO,OAAO,eAAe,UAAU,YAAY,QAAQ,WAAW;AAAA,EACpF;AAEA,MAAI,MAAM,WAAW,GAAG;AACvB,WACC,gBAAAI,MAAC,SAAI,WAAW,uEAAuE,SAAS,IAC9F,wBACF;AAAA,EAEF;AAEA,SACC,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACA,KAAK;AAAA,MACL,WAAW,gCAAgC,SAAS;AAAA,MACpD,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,MACX,wBAAsB;AAAA,MAErB,gBAAM,IAAI,CAAC,MAAM,MAAM;AACvB,cAAM,MAAM,OAAO,IAAI;AACvB,cAAM,aAAa,YAAY,IAAI,GAAG;AACtC,cAAM,YAAY,MAAM;AAExB,eACC,gBAAAA;AAAA,UAAC;AAAA;AAAA,YAEA,MAAK;AAAA,YACL,iBAAe;AAAA,YACf,WAAW;AAAA,gBACD,aAAa,kCAAkC,gBAAgB;AAAA,gBAC/D,aAAa,CAAC,aAAa,sBAAsB,EAAE;AAAA;AAAA,YAE7D,SAAS,MAAM;AACd,4BAAc,CAAC;AACf,yBAAW,GAAG;AAAA,YACf;AAAA,YACA,eAAe,MAAM,aAAa,IAAI;AAAA,YAErC,qBAAW,MAAM,EAAE,UAAU,YAAY,SAAS,WAAW,OAAO,EAAE,CAAC;AAAA;AAAA,UAbnE;AAAA,QAcN;AAAA,MAEF,CAAC;AAAA;AAAA,EACF;AAEF;;;AC5HE,SAGG,OAAAC,OAHH,QAAAC,cAAA;AAFF,SAAS,kBAAkB,EAAE,OAAO,UAAU,YAAY,GAAG,GAAuB;AACnF,SACC,gBAAAA,OAAC,SAAI,WAAW,iCAAiC,SAAS,IACxD;AAAA,aACA,gBAAAD,MAAC,SAAI,WAAU,gFACd,0BAAAA,MAAC,QAAG,WAAU,4CAA4C,iBAAM,GACjE;AAAA,IAED,gBAAAA,MAAC,SAAI,WAAU,iBAAiB,UAAS;AAAA,KAC1C;AAEF;AAMA,SAAS,gBAAgB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,aAAa,eAAe;AAAA,EAC5B,aAAa,eAAe;AAC7B,GAKG;AACF,SACC,gBAAAC,OAAC,SAAI,WAAU,kDACb;AAAA,aACA,gBAAAD,MAAC,SAAI,WAAU,kBACd,0BAAAA,MAAC,UAAK,WAAU,2CAA2C,iBAAM,GAClE;AAAA,IAED,gBAAAA,MAAC,SAAI,WAAW,aAAa,QAAQ,KAAK,MAAM,IAAK,UAAS;AAAA,KAC/D;AAEF;AAcA,SAAS,YAAY,EAAE,OAAO,OAAO,UAAU,KAAK,GAAqB;AACxE,SACC,gBAAAC,OAAC,SAAI,WAAU,kDACd;AAAA,oBAAAD,MAAC,QAAG,WAAU,wCAAwC,iBAAM;AAAA,IAC5D,gBAAAA,MAAC,QAAG,WAAW,4DAA4D,OAAO,cAAc,EAAE,IAChG,sBAAY,OACd;AAAA,KACD;AAEF;AAMA,SAAS,oBAAoB;AAC5B,SAAO,gBAAAA,MAACE,YAAA,EAAU,WAAU,QAAO;AACpC;AAMO,IAAM,gBAAgB,OAAO,OAAO,mBAAmB;AAAA,EAC7D,SAAS;AAAA,EACT,KAAK;AAAA,EACL,WAAW;AACZ,CAAC;;;AChGE,SACC,OAAAC,OADD,QAAAC,cAAA;AAXI,SAAS,cAAc;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACD,GAIG;AACF,SACC,gBAAAA,OAAC,SAAI,WAAU,yCACd;AAAA,oBAAAA,OAAC,SACA;AAAA,sBAAAD,MAAC,QAAG,WAAU,2CAA2C,iBAAM;AAAA,MAC9D,eAAe,gBAAAA,MAAC,OAAE,WAAU,qCAAqC,uBAAY;AAAA,OAC/E;AAAA,IACC;AAAA,KACF;AAEF;;;ACqBE,SAGG,OAAAE,OAHH,QAAAC,cAAA;AAFF,SAAS,eAAe,EAAE,UAAU,OAAO,OAAO,YAAY,GAAG,GAAoB;AACpF,SACC,gBAAAA,OAAC,SAAI,WAAW,sBAAsB,SAAS,IAAI,cAAY,OAC7D;AAAA,aACA,gBAAAD,MAAC,SAAI,WAAU,aACd,0BAAAA,MAAC,UAAK,WAAU,0CAA0C,iBAAM,GACjE;AAAA,IAEA;AAAA,KACF;AAEF;AAYA,SAAS,gBAAgB,EAAE,UAAU,OAAO,YAAY,GAAG,GAAyB;AACnF,SACC,gBAAAC,OAAC,SAAI,WACH;AAAA,aACA,gBAAAD,MAAC,SAAI,WAAU,kBACd,0BAAAA,MAAC,UAAK,WAAU,0CAA0C,iBAAM,GACjE;AAAA,IAEA;AAAA,KACF;AAEF;AAgBA,SAAS,eAAe,EAAE,UAAU,QAAQ,SAAS,MAAM,QAAQ,YAAY,GAAG,GAAwB;AACzG,SACC,gBAAAC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAW,oFACV,SAAS,qCAAqC,4DAC/C,IAAI,SAAS;AAAA,MAEZ;AAAA,gBAAQ,gBAAAD,MAAC,UAAK,WAAU,sDAAsD,gBAAK;AAAA,QACpF,gBAAAA,MAAC,UAAK,WAAU,oBAAoB,UAAS;AAAA,QAC5C,UAAU,gBAAAA,MAAC,UAAK,WAAU,6DAA6D,kBAAO;AAAA;AAAA;AAAA,EAChG;AAEF;AAMO,IAAM,aAAa,OAAO,OAAO,gBAAgB;AAAA,EACvD,OAAO;AAAA,EACP,MAAM;AACP,CAAC;;;AC3GD,SAA6C,eAAAE,cAAa,UAAAC,SAAQ,YAAAC,WAAU,4BAA4B;AA4FrG,SACC,OAAAC,OADD,QAAAC,cAAA;AA/DH,SAAS,cAAc,OAAe;AACrC,QAAM,YAAYJ;AAAA,IACjB,CAAC,aAAyB;AACzB,YAAM,MAAM,OAAO,WAAW,KAAK;AACnC,UAAI,iBAAiB,UAAU,QAAQ;AACvC,aAAO,MAAM,IAAI,oBAAoB,UAAU,QAAQ;AAAA,IACxD;AAAA,IACA,CAAC,KAAK;AAAA,EACP;AACA,QAAM,cAAcA,aAAY,MAAM,OAAO,WAAW,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC;AAC/E,QAAM,oBAAoBA,aAAY,MAAM,OAAO,CAAC,CAAC;AACrD,SAAO,qBAAqB,WAAW,aAAa,iBAAiB;AACtE;AAEA,SAAS,cAAc;AAAA,EACtB;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,MAAM;AAAA,EACN,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB;AAAA,EACA,YAAY;AACb,GAAmB;AAClB,QAAM,CAAC,MAAM,OAAO,IAAIE,UAAS,WAAW;AAC5C,QAAM,eAAeD,QAAuB,IAAI;AAChD,QAAM,WAAWA,QAAO,KAAK;AAC7B,QAAM,WAAWA,QAAO,CAAC;AACzB,QAAM,YAAYA,QAAO,CAAC;AAC1B,QAAM,WAAW,cAAc,eAAe,aAAa,KAAK;AAEhE,QAAM,eAAe,cAAc,gBAAgB,CAAC;AACpD,QAAM,CAAC,OAAO,MAAM,IAAI;AAExB,QAAM,gBAAgBD;AAAA,IACrB,CAAC,MAA0B;AAC1B,QAAE,eAAe;AACjB,eAAS,UAAU;AACnB,eAAS,UAAU,eAAe,EAAE,UAAU,EAAE;AAChD,gBAAU,UAAU;AACpB,MAAC,EAAE,OAAuB,kBAAkB,EAAE,SAAS;AAAA,IACxD;AAAA,IACA,CAAC,cAAc,IAAI;AAAA,EACpB;AAEA,QAAM,gBAAgBA;AAAA,IACrB,CAAC,MAA0B;AAC1B,UAAI,CAAC,SAAS,QAAS;AACvB,YAAM,SAAS,eAAe,EAAE,UAAU,EAAE,WAAW,SAAS;AAChE,YAAM,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,UAAU,UAAU,KAAK,CAAC;AACnE,cAAQ,IAAI;AACZ,iBAAW,IAAI;AAAA,IAChB;AAAA,IACA,CAAC,cAAc,KAAK,KAAK,QAAQ;AAAA,EAClC;AAEA,QAAM,cAAcA,aAAY,MAAM;AACrC,aAAS,UAAU;AAAA,EACpB,GAAG,CAAC,CAAC;AAGL,MAAI,UAAU;AACb,WACC,gBAAAI,OAAC,SAAI,KAAK,cAAc,WAAW,+CAA+C,SAAS,IAC1F;AAAA,sBAAAD,MAAC,SAAI,WAAU,yDAAyD,iBAAM;AAAA,MAC9E,gBAAAA,MAAC,SAAI,WAAU,0BAA0B,kBAAO;AAAA,OACjD;AAAA,EAEF;AAEA,QAAM,aAA4B,eAC/B,EAAE,OAAO,MAAM,UAAU,KAAK,UAAU,KAAK,YAAY,EAAE,IAC3D,EAAE,QAAQ,MAAM,WAAW,KAAK,WAAW,KAAK,YAAY,EAAE;AAEjE,SACC,gBAAAC;AAAA,IAAC;AAAA;AAAA,MACA,KAAK;AAAA,MACL,WAAW,QAAQ,eAAe,aAAa,UAAU,kCAAkC,SAAS;AAAA,MAEpG;AAAA,wBAAAD,MAAC,SAAI,OAAO,YAAY,WAAU,mBAChC,iBACF;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACA,WAAW,YACV,eACG,4FACA,yFACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,MAAK;AAAA,YACL,oBAAkB,eAAe,aAAa;AAAA,YAC9C,UAAU;AAAA;AAAA,QACX;AAAA,QACA,gBAAAA,MAAC,SAAI,WAAU,0BAA0B,kBAAO;AAAA;AAAA;AAAA,EACjD;AAEF;AAMA,SAAS,MAAM,EAAE,UAAU,YAAY,GAAG,GAAgD;AACzF,SAAO,gBAAAA,MAAC,SAAI,WAAW,+BAA+B,SAAS,IAAK,UAAS;AAC9E;AAMO,IAAM,YAAY,OAAO,OAAO,eAAe;AAAA,EACrD;AACD,CAAC;;;AC5IC,gBAAAE,aAAA;AAHK,SAAS,YAAY,EAAE,OAAO,GAAuB;AAC3D,QAAM,UAAU,WAAW,WAAW,UAAU,WAAW,aAAa,UAAU,WAAW,UAAU,QAAQ;AAC/G,SACC,gBAAAA,MAAC,SAAM,SAAkB,MAAK,MAAK,UAAS,OAC1C,kBACF;AAEF;;;ACgBE,gBAAAC,OAmCC,QAAAC,cAnCD;AAFF,SAAS,cAAc,EAAE,UAAU,YAAY,GAAG,GAAmB;AACpE,SACC,gBAAAD;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,oIAAoI,SAAS;AAAA,MACxJ,MAAK;AAAA,MAEJ;AAAA;AAAA,EACF;AAEF;AAcA,IAAM,gBAAgB;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACR;AAEA,SAAS,cAAc,EAAE,UAAU,MAAM,UAAU,WAAW,SAAS,YAAY,GAAG,GAAuB;AAC5G,QAAM,UAAU,2DAA2D,cAAc,OAAO,CAAC,IAChG,UAAU,6DAA6D,EACxE,IAAI,SAAS;AAEb,MAAI,SAAS;AACZ,WACC,gBAAAC,OAAC,YAAO,WAAW,SAAS,SAC1B;AAAA;AAAA,MACA;AAAA,OACF;AAAA,EAEF;AAEA,SACC,gBAAAA,OAAC,UAAK,WAAW,SACf;AAAA;AAAA,IACA;AAAA,KACF;AAEF;AAMA,SAAS,qBAAqB;AAC7B,SAAO,gBAAAD,MAACE,YAAA,EAAU,aAAY,YAAW,WAAU,cAAa;AACjE;AAMA,SAAS,kBAAkB;AAC1B,SAAO,gBAAAF,MAAC,SAAI,WAAU,UAAS;AAChC;AAMO,IAAM,YAAY,OAAO,OAAO,eAAe;AAAA,EACrD,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AACT,CAAC;;;ACjGD,SAAoC,cAAAG,oBAAkC;AA6BpE,gBAAAC,aAAA;AAFF,SAAS,YAAY,EAAE,UAAU,YAAY,GAAG,GAAiB;AAChE,SACC,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,kGAAkG,SAAS;AAAA,MACtH,MAAK;AAAA,MAEJ;AAAA;AAAA,EACF;AAEF;AAYA,IAAM,gBAAgBC,aAAkD,SAASC,eAChF,EAAE,SAAS,QAAQ,UAAU,YAAY,IAAI,UAAU,GAAG,MAAM,GAChE,KACC;AACD,QAAM,MACL,gBAAAF;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA;AAAA;AAAA,YAGF,SAAS,qCAAqC,EAAE;AAAA,YAChD,SAAS;AAAA,MACjB,GAAG;AAAA,MAEH;AAAA;AAAA,EACF;AAGD,MAAI,SAAS;AACZ,WACC,gBAAAA,MAAC,WAAQ,MAAM,SAAS,aAAW,MACjC,eACF;AAAA,EAEF;AACA,SAAO;AACR,CAAC;AAMD,SAAS,aAAa,EAAE,UAAU,YAAY,GAAG,GAAgD;AAChG,SAAO,gBAAAA,MAAC,SAAI,WAAW,4BAA4B,SAAS,IAAK,UAAS;AAC3E;AAMA,SAAS,mBAAmB;AAC3B,SAAO,gBAAAA,MAACG,YAAA,EAAU,aAAY,YAAW,WAAU,YAAW;AAC/D;AAMA,SAAS,gBAAgB;AACxB,SAAO,gBAAAH,MAAC,SAAI,WAAU,UAAS;AAChC;AAMA,SAAS,YAAY,EAAE,UAAU,YAAY,GAAG,GAAgD;AAC/F,SAAO,gBAAAA,MAAC,UAAK,WAAW,sCAAsC,SAAS,IAAK,UAAS;AACtF;AAMA,SAAS,aAAa;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACD,GAMG;AACF,SACC,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,mMAAmM,SAAS;AAAA;AAAA,EACxN;AAEF;AAMO,IAAM,UAAU,OAAO,OAAO,aAAa;AAAA,EACjD,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACR,CAAC;;;ACvJD,SAAS,UAAAI,eAAc;AAgEvB,IAAM,cAAc;AACpB,IAAM,cAAc;AAEpB,IAAM,YAAY;AAElB,SAAS,YAGP;AACD,MAAI,OAAO,WAAW,YAAa,QAAO,EAAE,cAAc,OAAO,kBAAkB,aAAa;AAChG,MAAI;AACH,UAAM,MAAM,aAAa,QAAQ,SAAS;AAC1C,QAAI,IAAK,QAAO,KAAK,MAAM,GAAG;AAAA,EAC/B,QAAQ;AAAA,EAAC;AACT,SAAO,EAAE,cAAc,OAAO,kBAAkB,aAAa;AAC9D;AAEA,SAAS,UAAU,OAAsE;AACxF,MAAI;AACH,iBAAa,QAAQ,WAAW,KAAK,UAAU,KAAK,CAAC;AAAA,EACtD,QAAQ;AAAA,EAAC;AACV;AAEA,SAAS,uBAA+C;AACvD,MAAI,OAAO,WAAW,eAAe,EAAE,kBAAkB,QAAS,QAAO;AACzE,SAAO,aAAa;AACrB;AAEA,SAAS,wBAAwB,OAA4B;AAC5D,MAAI,OAAO,WAAW,eAAe,EAAE,kBAAkB,WAAW,aAAa,eAAe,UAAW;AAE3G,QAAM,IAAI,IAAI,aAAa,MAAM,SAAS;AAAA,IACzC,MAAM,MAAM,QAAQ;AAAA,IACpB,MAAM,MAAM,QAAQ;AAAA,IACpB,KAAK,OAAO,MAAM,EAAE;AAAA,IACpB,QAAQ,MAAM,YAAY;AAAA,EAC3B,CAAC;AAED,IAAE,UAAU,MAAM;AACjB,WAAO,MAAM;AACb,MAAE,MAAM;AAAA,EACT;AAEA,MAAI,MAAM,UAAU,GAAG;AACtB,eAAW,MAAM,EAAE,MAAM,GAAG,MAAM,OAAO;AAAA,EAC1C,WAAW,MAAM,YAAY,YAAY;AACxC,eAAW,MAAM,EAAE,MAAM,GAAG,GAAI;AAAA,EACjC;AACD;AAEA,IAAM,eAAe,UAAU;AAExB,IAAM,uBAAuBA,QAA0B,EAAE,CAAC,KAAK,SAAS;AAAA,EAC9E,eAAe,CAAC;AAAA,EAChB,SAAS,CAAC;AAAA,EACV,WAAW,oBAAI,IAAI;AAAA,EACnB,YAAY;AAAA,EACZ,aAAa;AAAA,EAEb,cAAc,aAAa;AAAA,EAC3B,kBAAkB,aAAa;AAAA,EAC/B,mBAAmB,qBAAqB;AAAA,EAExC,iBAAiB,CAAC,UAAU;AAC3B,QAAI,EAAE,cAAc,MAAM,CAAC;AAC3B,cAAU,EAAE,cAAc,OAAO,kBAAkB,IAAI,EAAE,iBAAiB,CAAC;AAAA,EAC5E;AAAA,EAEA,qBAAqB,CAAC,SAAS;AAC9B,QAAI,EAAE,kBAAkB,KAAK,CAAC;AAC9B,cAAU,EAAE,cAAc,IAAI,EAAE,cAAc,kBAAkB,KAAK,CAAC;AAAA,EACvE;AAAA,EAEA,0BAA0B,YAAY;AACrC,QAAI,OAAO,WAAW,eAAe,EAAE,kBAAkB,QAAS,QAAO;AACzE,UAAM,SAAS,MAAM,aAAa,kBAAkB;AACpD,QAAI,EAAE,mBAAmB,OAAO,CAAC;AACjC,WAAO;AAAA,EACR;AAAA,EAEA,uBAAuB,MAAM;AAC5B,QAAI,EAAE,mBAAmB,qBAAqB,EAAE,CAAC;AAAA,EAClD;AAAA,EAEA,iBAAiB,CAAC,iBAAiB;AAClC,UAAM,OAA4B;AAAA,MACjC,GAAG;AAAA,MACH,SAAS,aAAa,WAAW;AAAA,MACjC,SAAS,aAAa,WAAW;AAAA,MACjC,UAAU,aAAa,YAAY;AAAA,MACnC,WAAW,aAAa,aAAa;AAAA,MACrC,aAAa,aAAa,eAAe;AAAA,MACzC,WAAW,KAAK,IAAI;AAAA,MACpB,MAAM;AAAA,IACP;AAEA,UAAM,EAAE,cAAc,kBAAkB,kBAAkB,IAAI,IAAI;AAGlE,QAAI,CAAC,UAAU;AACd,YAAM,UAAU,KAAK,YAAY,MAAM,UAAU,CAAC,MAAM,GAAG,MAAM,OAAO,EAAE,MAAM,GAAG,WAAW;AAG9F,UAAI,gBAAgB,KAAK,YAAY,YAAY;AAChD,eAAO;AAAA,UACN;AAAA,UACA,aAAa,KAAK,YAAY,MAAM,cAAc,MAAM,cAAc;AAAA,QACvE;AAAA,MACD;AAEA,UAAI,gBAAgB,CAAC,GAAG,MAAM,aAAa;AAE3C,UAAI,aAAa,YAAY;AAC5B,wBAAgB,cAAc,OAAO,CAAC,MAAM,EAAE,OAAO,aAAa,UAAU;AAAA,MAC7E;AAEA,sBAAgB,CAAC,MAAM,GAAG,aAAa,EAAE,MAAM,GAAG,WAAW;AAE7D,aAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA,aAAa,KAAK,YAAY,MAAM,cAAc,MAAM,cAAc;AAAA,MACvE;AAAA,IACD,CAAC;AAGD,QAAI,sBAAsB,aAAa,qBAAqB,SAAS,CAAC,KAAK,WAAW;AACrF,YAAM,aAAa,qBAAqB,YAAa,qBAAqB,gBAAgB,SAAS;AACnG,UAAI,YAAY;AACf,gCAAwB,IAAI;AAAA,MAC7B;AAAA,IACD;AAEA,UAAM,aAAa,KAAK,YAAY;AACpC,QAAI,KAAK,UAAU,GAAG;AACrB,iBAAW,MAAM;AAChB,YAAI,EAAE,iBAAiB,KAAK,EAAE;AAAA,MAC/B,GAAG,KAAK,OAAO;AAAA,IAChB,WAAW,CAAC,YAAY;AACvB,iBAAW,MAAM;AAChB,YAAI,EAAE,iBAAiB,KAAK,EAAE;AAAA,MAC/B,GAAG,GAAI;AAAA,IACR;AAAA,EACD;AAAA,EAEA,qBAAqB,CAAC,OAAO;AAC5B,QAAI,CAAC,WAAW;AAAA,MACf,eAAe,MAAM,cAAc,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AAAA,IAC7D,EAAE;AAAA,EACH;AAAA,EAEA,kBAAkB,CAAC,OAAO;AACzB,QAAI,CAAC,WAAW;AAAA,MACf,eAAe,MAAM,cAAc,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AAAA,IAC7D,EAAE;AAAA,EACH;AAAA,EAEA,cAAc,MAAM;AACnB,QAAI,EAAE,SAAS,CAAC,GAAG,aAAa,EAAE,CAAC;AAAA,EACpC;AAAA,EAEA,aAAa,MAAM;AAClB,QAAI,CAAC,WAAW;AAAA,MACf,SAAS,MAAM,QAAQ,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,MAAM,KAAK,EAAE;AAAA,MACxD,aAAa;AAAA,IACd,EAAE;AAAA,EACH;AAAA,EAEA,cAAc,MAAM;AACnB,UAAM,UAAU,CAAC,IAAI,EAAE;AACvB,QAAI,EAAE,YAAY,QAAQ,CAAC;AAC3B,QAAI,SAAS;AACZ,UAAI,EAAE,YAAY;AAAA,IACnB;AAAA,EACD;AAAA,EAEA,aAAa,MAAM;AAClB,QAAI,EAAE,YAAY,MAAM,CAAC;AAAA,EAC1B;AAAA,EAEA,aAAa,CAAC,SAAS;AACtB,QAAI,CAAC,UAAU;AACd,YAAM,OAAO,IAAI,IAAI,MAAM,SAAS;AACpC,WAAK,IAAI,KAAK,KAAK,IAAI;AACvB,aAAO,EAAE,WAAW,KAAK;AAAA,IAC1B,CAAC;AAAA,EACF;AAAA,EAEA,gBAAgB,CAAC,QAAQ;AACxB,QAAI,CAAC,UAAU;AACd,YAAM,OAAO,IAAI,IAAI,MAAM,SAAS;AACpC,WAAK,OAAO,GAAG;AACf,aAAO,EAAE,WAAW,KAAK;AAAA,IAC1B,CAAC;AAAA,EACF;AAAA,EAEA,gBAAgB,CAAC,KAAK,YAAY;AACjC,QAAI,CAAC,UAAU;AACd,YAAM,OAAO,IAAI,IAAI,MAAM,SAAS;AACpC,YAAM,WAAW,KAAK,IAAI,GAAG;AAC7B,UAAI,UAAU;AACb,aAAK,IAAI,KAAK,EAAE,GAAG,UAAU,GAAG,QAAQ,CAAC;AAAA,MAC1C;AACA,aAAO,EAAE,WAAW,KAAK;AAAA,IAC1B,CAAC;AAAA,EACF;AACD,EAAE;;;ACvQK,IAAM,SAAS;AACf,IAAM,YAAY;AAClB,IAAM,UAAU;AAChB,IAAM,aAAa;AACnB,IAAM,qBAAqB;AAG3B,IAAM,eAAe;AACrB,IAAM,iBAAiB;AACvB,IAAM,gBAAgB;AAGtB,IAAM,cAAc;AAGpB,IAAM,wBAAwB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;AAGO,IAAM,gBAAgB;AACtB,IAAM,gBAAgB;","names":["useKhalAuth","jsx","jsxs","sizeMap","jsx","cva","React","jsx","jsxs","sizeMap","jsx","jsxs","cva","React","jsx","React","jsx","jsxs","useState","jsx","jsx","jsxs","useState","cva","React","jsx","jsxs","cva","React","jsx","jsxs","cva","React","jsx","jsxs","cva","React","jsx","jsxs","jsx","jsxs","motion","useCallback","useRef","useState","jsx","jsxs","useState","useRef","useCallback","motion","useEffect","useRef","useState","useEffect","useState","jsx","useRef","useState","useEffect","cva","React","jsx","jsxs","cva","cva","jsx","jsxs","cva","Icon","cva","React","jsx","jsxs","cva","cva","jsx","jsxs","cva","cva","React","jsx","jsxs","cva","React","jsx","Separator","React","jsx","useEffect","jsx","jsxs","useEffect","useEffect","useState","jsx","jsxs","useState","useEffect","Icon","jsx","jsxs","React","jsx","jsxs","createContext","useCallback","useContext","useRef","useState","jsx","jsxs","jsx","Title","jsx","jsxs","useCallback","useEffect","useRef","useState","jsx","jsx","jsxs","Separator","jsx","jsxs","jsx","jsxs","useCallback","useRef","useState","jsx","jsxs","jsx","jsx","jsxs","Separator","forwardRef","jsx","forwardRef","ToolbarButton","Separator","create"]}

package/package.json

@@ -1,41 +1,60 @@
 {
-	"name": "@khal-os/ui",
-	"version": "1.0.0",
-	"private": false,
-	"scripts": {
-		"build": "echo 'build placeholder'",
-		"typecheck": "tsc --noEmit",
-		"lint": "biome check ."
-	},
-	"main": "./src/index.ts",
-	"exports": {
-		".": "./src/index.ts",
-		"./server": "./src/server.ts",
-		"./tokens.css": "./tokens.css"
-	},
-	"peerDependencies": {
-		"react": ">=19",
-		"next-themes": ">=0.4",
-		"zustand": ">=4"
-	},
-	"dependencies": {
-		"@number-flow/react": "^0.6.0",
-		"@paper-design/shaders-react": "^0.0.72",
-		"@radix-ui/react-context-menu": "^2.2.16",
-		"@radix-ui/react-dialog": "^1.1.15",
-		"@radix-ui/react-dropdown-menu": "^2.1.16",
-		"@radix-ui/react-separator": "^1.1.8",
-		"@radix-ui/react-slot": "^1.2.4",
-		"@radix-ui/react-switch": "^1.2.6",
-		"@radix-ui/react-tooltip": "^1.2.8",
-		"class-variance-authority": "^0.7.1",
-		"clsx": "^2.1.1",
-		"cmdk": "^1.1.1",
-		"lucide-react": "^0.563.0",
-		"motion": "^12.38.0",
-		"tailwind-merge": "^3.4.0"
-	},
-	"publishConfig": {
-		"access": "public"
-	}
-}
+  "name": "@khal-os/ui",
+  "version": "1.0.2",
+  "type": "module",
+  "private": false,
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./tokens.css": "./tokens.css"
+  },
+  "files": [
+    "dist",
+    "tokens.css",
+    "README.md",
+    "LICENSE"
+  ],
+  "peerDependencies": {
+    "react": ">=19",
+    "next-themes": ">=0.4",
+    "zustand": ">=4",
+    "@khal-os/sdk": "1.0.2"
+  },
+  "dependencies": {
+    "@number-flow/react": "^0.6.0",
+    "@paper-design/shaders-react": "^0.0.72",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "lucide-react": "^0.563.0",
+    "motion": "^12.38.0",
+    "tailwind-merge": "^3.4.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "Elastic-2.0",
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check ."
+  }
+}