@qredence/fleet 0.6.0 → 0.6.1

package/dist/web/server/{chunk-YKVGQBZA.js → chunk-S5LFXXDY.js}

@@ -6,14 +6,17 @@ import {
 } from "./chunk-PVJCTQFK.js";
 import {
   useHoverCapable
-} from "./chunk-N6NOTURM.js";
+} from "./chunk-NWDI3OWB.js";
+import {
+  elevatedMenu
+} from "./chunk-UCUFC553.js";
 import {
   LoaderCircle
 } from "./chunk-TNL4YV63.js";
 import {
   AnimatePresence,
   useReducedMotion
-} from "./chunk-ZJFA4F5X.js";
+} from "./chunk-NIZBFVJF.js";
 import {
   EASE_OUT,
   MotionConfigContext,
@@ -24,7 +27,7 @@ import {
   m,
   useConstant,
   useIsomorphicLayoutEffect
-} from "./chunk-K3BXQG3N.js";
+} from "./chunk-EBG3XFGQ.js";
 import {
   JSAnimation,
   cancelFrame,
@@ -50,7 +53,7 @@ import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/prompt-input-CQuyIgBz.js
+// web/app/dist/server/assets/prompt-input-BhmLC9Jj.js
 import { cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useEffect, useEffectEvent, useId, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
@@ -215,402 +218,68 @@ function useSpring(source, options = {}) {
     ...options
   });
 }
-var VARIANT_CLASS = {
-  primary: "bg-primary text-primary-foreground hover:bg-primary/90",
-  secondary: "border border-border bg-card text-foreground hover:border-border",
-  ghost: "text-muted-foreground hover:text-foreground hover:bg-primary/5",
-  outline: "border border-border bg-transparent text-foreground hover:bg-primary/5"
-};
-var SIZE_CLASS = {
-  sm: "h-8 px-3 text-xs gap-1.5 rounded-full",
-  md: "h-10 px-5 text-sm gap-2 rounded-full",
-  lg: "h-12 px-6 text-base gap-2 rounded-full",
-  icon: "h-8 w-8 rounded-lg"
+var INSTANT_TRANSITION = { duration: 0 };
+var CHEVRON_TRANSITION = {
+  type: "spring",
+  duration: 0.4,
+  bounce: 0.3
 };
-var Button = forwardRef(function Button2({ variant = "primary", size = "md", pressScale = 0.93, ripple = false, className, children, onPointerDown, ...rest }, ref) {
-  const reduce = useReducedMotion();
-  const canHover = useHoverCapable();
-  const [ripples, setRipples] = useState([]);
-  const nextId = useRef(0);
-  const handlePointerDown = useCallback((event) => {
-    if (ripple && !reduce) {
-      const rect = event.currentTarget.getBoundingClientRect();
-      const size2 = Math.max(rect.width, rect.height) * 2;
-      const id = nextId.current++;
-      setRipples((prev) => [...prev, {
-        id,
-        x: event.clientX - rect.left,
-        y: event.clientY - rect.top,
-        size: size2
-      }]);
-    }
-    onPointerDown?.(event);
-  }, [
-    ripple,
-    reduce,
-    onPointerDown
-  ]);
-  return /* @__PURE__ */ jsxs(m.button, {
-    ref,
-    type: "button",
-    whileTap: reduce ? void 0 : { scale: pressScale },
-    whileHover: reduce || !canHover ? void 0 : { scale: 1.02 },
-    transition: SPRING_PRESS,
-    onPointerDown: handlePointerDown,
-    className: cn("inline-flex items-center justify-center font-medium select-none", "transition-colors", "disabled:pointer-events-none disabled:opacity-50", ripple && "relative overflow-hidden", VARIANT_CLASS[variant], SIZE_CLASS[size], className),
-    ...rest,
-    children: [/* @__PURE__ */ jsx("span", {
-      className: cn("pointer-events-none absolute inset-0 overflow-hidden rounded-[inherit]", !ripple && "hidden"),
-      children: /* @__PURE__ */ jsx(AnimatePresence, { children: ripple && !reduce ? ripples.map((r) => /* @__PURE__ */ jsx(m.span, {
-        className: "absolute rounded-full bg-current",
-        style: {
-          left: r.x,
-          top: r.y,
-          width: r.size,
-          height: r.size,
-          x: "-50%",
-          y: "-50%"
-        },
-        initial: {
-          scale: 0.05,
-          opacity: 0.3
-        },
-        animate: {
-          scale: 1,
-          opacity: 0
-        },
-        exit: { opacity: 0 },
-        transition: {
-          duration: 1.6,
-          ease: EASE_OUT
-        },
-        onAnimationComplete: () => setRipples((prev) => prev.filter((x) => x.id !== r.id))
-      }, r.id)) : null })
-    }), children]
-  });
-});
-forwardRef(function ButtonLink({ variant = "primary", size = "md", pressScale = 0.93, className, children, ...rest }, ref) {
-  const reduce = useReducedMotion();
-  const canHover = useHoverCapable();
-  return /* @__PURE__ */ jsx(m.a, {
-    ref,
-    whileTap: reduce ? void 0 : { scale: pressScale },
-    whileHover: reduce || !canHover ? void 0 : { scale: 1.02 },
-    transition: SPRING_PRESS,
-    className: cn("inline-flex items-center justify-center font-medium select-none", "transition-colors", VARIANT_CLASS[variant], SIZE_CLASS[size], className),
-    ...rest,
-    children
-  });
-});
-function Magnetic({ children, strength = 0.35, className }) {
-  const ref = useRef(null);
-  const reduce = useReducedMotion();
-  const canHover = useHoverCapable();
-  const enabled = !reduce && canHover;
-  const x = useMotionValue(0);
-  const y = useMotionValue(0);
-  const sx = useSpring(x, SPRING_MOUSE);
-  const sy = useSpring(y, SPRING_MOUSE);
-  const onMove = (e) => {
-    const el = ref.current;
-    if (!el || !enabled) return;
-    const rect = el.getBoundingClientRect();
-    x.set((e.clientX - rect.left - rect.width / 2) * strength);
-    y.set((e.clientY - rect.top - rect.height / 2) * strength);
-  };
-  const onLeave = () => {
-    x.set(0);
-    y.set(0);
-  };
-  return /* @__PURE__ */ jsx(m.div, {
-    ref,
-    onMouseMove: onMove,
-    onMouseLeave: onLeave,
-    style: {
-      x: sx,
-      y: sy
-    },
-    className: cn("inline-block", className),
-    children
-  });
-}
-forwardRef(function MagneticButton({ strength = 0.25, magneticClassName, children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx(Magnetic, {
-    strength,
-    className: magneticClassName,
-    children: /* @__PURE__ */ jsx(Button, {
-      ref,
-      ...rest,
-      children
-    })
-  });
-});
-var CASCADE_STAGGER = 0.025;
-var ROLL_BLUR = "blur(6px)";
-var CASCADE_LETTER_VARIANTS = {
-  initial: {
-    opacity: 0,
-    y: "105%",
-    filter: ROLL_BLUR
-  },
-  animate: (delay = 0) => ({
-    opacity: 1,
-    y: "0%",
-    filter: "blur(0px)",
-    transition: {
-      ...SPRING_SWAP,
-      delay
-    }
-  }),
-  exit: (delay = 0) => ({
-    opacity: 0,
-    y: "-105%",
-    filter: ROLL_BLUR,
-    transition: {
-      duration: 0.16,
-      ease: EASE_OUT,
-      delay: delay * 0.5
-    }
-  })
+var LIST_VARIANTS = {
+  hidden: {},
+  show: { transition: {
+    staggerChildren: 0.035,
+    delayChildren: 0.05
+  } }
 };
-var ICON_VARIANTS = {
-  initial: {
+var ITEM_VARIANTS = {
+  hidden: {
     opacity: 0,
-    width: 0,
-    scale: 0.7,
-    filter: ROLL_BLUR
+    y: -6,
+    filter: "blur(3px)"
   },
-  animate: {
+  show: {
     opacity: 1,
-    width: "1.5rem",
-    scale: 1,
-    filter: "blur(0px)",
-    transition: SPRING_SWAP
-  },
-  exit: {
-    opacity: 0,
-    width: 0,
-    scale: 0.7,
-    filter: ROLL_BLUR,
-    transition: {
-      duration: 0.16,
-      ease: EASE_OUT
-    }
+    y: 0,
+    filter: "blur(0px)"
   }
 };
-function IconSlot({ keyId, children }) {
-  const reduce = useReducedMotion();
-  return /* @__PURE__ */ jsx(m.span, {
-    variants: ICON_VARIANTS,
-    initial: reduce ? { opacity: 0 } : "initial",
-    animate: reduce ? { opacity: 1 } : "animate",
-    exit: reduce ? { opacity: 0 } : "exit",
-    transition: reduce ? { duration: 0.15 } : void 0,
-    className: "inline-grid shrink-0 place-items-center overflow-hidden",
-    children
-  }, keyId);
+var AnimatedSelectContext = createContext(null);
+function useAnimatedSelectContext(component) {
+  const ctx = useContext(AnimatedSelectContext);
+  if (!ctx) throw new Error(`${component} must be used within <AnimatedSelect>`);
+  return ctx;
 }
-function TextSlot({ value, children }) {
-  const reduce = useReducedMotion();
-  const measureRef = useRef(null);
-  const [width, setWidth] = useState();
-  const label = typeof children === "string" ? children : null;
-  const cascade = label !== null && !reduce;
-  useLayoutEffect(() => {
-    const nextWidth = measureRef.current?.offsetWidth;
-    if (!nextWidth) return;
-    setWidth((current) => current === nextWidth ? current : nextWidth);
-  });
-  return /* @__PURE__ */ jsxs(m.span, {
-    initial: false,
-    layout: "size",
-    style: { width },
-    transition: reduce ? { duration: 0 } : SPRING_SWAP,
-    className: "relative inline-block overflow-hidden whitespace-nowrap align-bottom",
-    children: [
-      /* @__PURE__ */ jsx("span", {
-        ref: measureRef,
-        "aria-hidden": true,
-        className: "invisible inline-block whitespace-nowrap",
-        children: cascade ? label.split("").map((char, index) => /* @__PURE__ */ jsx("span", {
-          className: "inline-block whitespace-pre",
-          children: char
-        }, index)) : children
-      }),
-      cascade ? /* @__PURE__ */ jsx("span", {
-        className: "sr-only",
-        children: label
-      }) : null,
-      /* @__PURE__ */ jsx(AnimatePresence, {
-        initial: false,
-        children: cascade ? /* @__PURE__ */ jsx(m.span, {
-          "aria-hidden": true,
-          initial: "initial",
-          animate: "animate",
-          exit: "exit",
-          className: "absolute left-0 top-0 inline-block whitespace-pre",
-          children: label.split("").map((char, index) => /* @__PURE__ */ jsx(m.span, {
-            custom: index * CASCADE_STAGGER,
-            variants: CASCADE_LETTER_VARIANTS,
-            className: "inline-block whitespace-pre",
-            children: char
-          }, index))
-        }, `cascade-${value}`) : /* @__PURE__ */ jsx(m.span, {
-          initial: reduce ? { opacity: 0 } : {
-            opacity: 0,
-            y: 14,
-            filter: ROLL_BLUR
-          },
-          animate: reduce ? { opacity: 1 } : {
-            opacity: 1,
-            y: 0,
-            filter: "blur(0px)"
-          },
-          exit: reduce ? { opacity: 0 } : {
-            opacity: 0,
-            y: -14,
-            filter: ROLL_BLUR
-          },
-          transition: reduce ? { duration: 0.15 } : SPRING_SWAP,
-          className: "absolute left-0 top-0 inline-block",
-          children
-        }, `text-${value}`)
-      })
-    ]
-  });
-}
-forwardRef(function StatefulButton({ state = "idle", children, loadingText = "Loading", successText = "Done", errorText = "Try again", icon, disabled, ...rest }, ref) {
-  const isBusy = state === "loading";
-  const stateText = state === "loading" ? loadingText : state === "success" ? successText : state === "error" ? errorText : children;
-  const textKey = typeof stateText === "string" ? `${state}-${stateText}` : state;
-  return /* @__PURE__ */ jsx(Button, {
-    ref,
-    disabled: disabled || isBusy,
-    "aria-busy": isBusy,
-    whileHover: void 0,
-    ...rest,
-    children: /* @__PURE__ */ jsxs("span", {
-      "aria-live": "polite",
-      className: "relative inline-flex items-center justify-center overflow-hidden",
-      children: [
-        /* @__PURE__ */ jsxs(AnimatePresence, {
-          initial: false,
-          children: [
-            state === "loading" ? /* @__PURE__ */ jsx(IconSlot, {
-              keyId: "loading-icon",
-              children: /* @__PURE__ */ jsx(LoaderCircle, { className: "size-4 animate-spin" })
-            }) : null,
-            state === "success" ? /* @__PURE__ */ jsx(IconSlot, {
-              keyId: "success-icon",
-              children: /* @__PURE__ */ jsx(Check, { className: "size-4" })
-            }) : null,
-            state === "error" ? /* @__PURE__ */ jsx(IconSlot, {
-              keyId: "error-icon",
-              children: /* @__PURE__ */ jsx(X, { className: "size-4" })
-            }) : null
-          ]
-        }),
-        /* @__PURE__ */ jsx(TextSlot, {
-          value: textKey,
-          children: stateText
-        }),
-        /* @__PURE__ */ jsx(AnimatePresence, {
-          initial: false,
-          children: state === "idle" && icon ? /* @__PURE__ */ jsx(IconSlot, {
-            keyId: "idle-icon",
-            children: icon
-          }) : null
-        })
-      ]
-    })
-  });
-});
-function sameLayout(a, b) {
-  return a?.trigger.left === b.trigger.left && a.trigger.top === b.trigger.top && a.trigger.width === b.trigger.width && a.trigger.height === b.trigger.height && a.content.width === b.content.width && a.content.height === b.content.height;
-}
-function usePopoverPortalPosition(triggerRef, contentRef, active) {
-  const [layout, setLayout] = useState(null);
-  const update = useCallback(() => {
-    const trigger = triggerRef.current;
-    const content = contentRef.current;
-    if (!trigger || !content) return;
-    const rect = trigger.getBoundingClientRect();
-    const next = {
-      trigger: {
-        left: rect.left,
-        top: rect.top,
-        width: rect.width,
-        height: rect.height
-      },
-      content: {
-        width: content.offsetWidth,
-        height: content.offsetHeight
-      }
-    };
-    setLayout((current) => sameLayout(current, next) ? current : next);
-  }, [contentRef, triggerRef]);
-  useLayoutEffect(() => {
-    update();
-    if (!active) return;
-    const trigger = triggerRef.current;
-    const content = contentRef.current;
-    const observer = new ResizeObserver(update);
-    if (trigger) observer.observe(trigger);
-    if (content) observer.observe(content);
-    window.addEventListener("scroll", update, true);
-    window.addEventListener("resize", update);
-    return () => {
-      observer.disconnect();
-      window.removeEventListener("scroll", update, true);
-      window.removeEventListener("resize", update);
-    };
-  }, [
-    active,
-    contentRef,
-    triggerRef,
-    update
-  ]);
-  return layout;
-}
-function subscribe() {
-  return () => {
-  };
-}
-function getSnapshot() {
-  return true;
-}
-function getServerSnapshot() {
-  return false;
-}
-function useHydrated() {
-  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-}
-var MorphContext = createContext(null);
-function useMorphContext(component) {
-  const ctx = useContext(MorphContext);
-  if (!ctx) throw new Error(`${component} must be used within <MorphPopover>`);
-  return ctx;
-}
-function MorphPopover({ children, open: controlledOpen, defaultOpen = false, onOpenChange, className }) {
+function AnimatedSelect({ value, defaultValue, onValueChange, disabled = false, className, children }) {
+  const reduce = useReducedMotion() ?? false;
   const baseId = useId();
   const rootRef = useRef(null);
-  const triggerRef = useRef(null);
-  const contentRef = useRef(null);
-  const [internalOpen, setInternalOpen] = useState(defaultOpen);
-  const controlled = controlledOpen !== void 0;
-  const open = controlled ? controlledOpen : internalOpen;
-  const setOpen = useCallback((next) => {
-    if (!controlled) setInternalOpen(next);
-    onOpenChange?.(next);
-  }, [controlled, onOpenChange]);
-  const toggle = useCallback(() => setOpen(!open), [setOpen, open]);
-  const setOpenEvent = useEffectEvent(setOpen);
+  const [open, setOpen] = useState(false);
+  const [internal, setInternal] = useState(defaultValue);
+  const [labels, setLabels] = useState(/* @__PURE__ */ new Map());
+  const [placement, setPlacement] = useState("bottom");
+  const controlled = value !== void 0;
+  const current = controlled ? value : internal;
+  const select = useCallback((next) => {
+    if (!controlled) setInternal(next);
+    onValueChange?.(next);
+    setOpen(false);
+  }, [controlled, onValueChange]);
+  const register = useCallback((v, label) => {
+    setLabels((m2) => m2.get(v) === label ? m2 : new Map(m2).set(v, label));
+  }, []);
+  const unregister = useCallback((v) => {
+    setLabels((m2) => {
+      if (!m2.has(v)) return m2;
+      const next = new Map(m2);
+      next.delete(v);
+      return next;
+    });
+  }, []);
   useEffect(() => {
     if (!open) return;
-    const onKey = (e) => e.key === "Escape" && setOpenEvent(false);
+    const onKey = (e) => e.key === "Escape" && setOpen(false);
     const onPointer = (e) => {
-      const target = e.target;
-      if (rootRef.current && !rootRef.current.contains(target) && !contentRef.current?.contains(target)) setOpenEvent(false);
+      if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
     };
     window.addEventListener("keydown", onKey);
     window.addEventListener("pointerdown", onPointer);
@@ -620,255 +289,71 @@ function MorphPopover({ children, open: controlledOpen, defaultOpen = false, onO
     };
   }, [open]);
   const ctx = useMemo(() => ({
+    value: current,
     open,
     setOpen,
-    toggle,
+    select,
+    register,
+    unregister,
+    labelFor: (v) => v === void 0 ? void 0 : labels.get(v),
+    reduce,
     triggerId: `${baseId}-trigger`,
-    contentId: `${baseId}-content`,
-    triggerRef,
-    contentRef
+    listId: `${baseId}-list`,
+    disabled,
+    placement,
+    setPlacement
   }), [
+    current,
     open,
-    setOpen,
-    toggle,
-    baseId
+    select,
+    register,
+    unregister,
+    labels,
+    reduce,
+    baseId,
+    disabled,
+    placement
   ]);
-  return /* @__PURE__ */ jsx(MorphContext.Provider, {
+  return /* @__PURE__ */ jsx(AnimatedSelectContext.Provider, {
     value: ctx,
     children: /* @__PURE__ */ jsx("div", {
       ref: rootRef,
-      className: cn("relative inline-flex", className),
+      className: cn("relative", className),
       children
     })
   });
 }
-function mergeRefs(...refs) {
-  return (node) => {
-    for (const ref of refs) if (typeof ref === "function") ref(node);
-    else if (ref && typeof ref === "object") ref.current = node;
+function AnimatedSelectTrigger({ className, children }) {
+  const ctx = useAnimatedSelectContext("AnimatedSelectTrigger");
+  const isTop = ctx.placement === "top";
+  const kf = ctx.open ? [
+    0,
+    0,
+    12
+  ] : [
+    12,
+    0,
+    12
+  ];
+  const kfT = ctx.reduce ? { duration: 0 } : ctx.open ? {
+    duration: 0.6,
+    times: [
+      0,
+      0.4,
+      1
+    ],
+    ease: EASE_OUT
+  } : {
+    duration: 0.42,
+    times: [
+      0,
+      0.5,
+      1
+    ],
+    ease: EASE_OUT
   };
-}
-function MorphPopoverTrigger({ children }) {
-  const ctx = useMorphContext("MorphPopoverTrigger");
-  if (!isValidElement(children)) return children;
-  const child = children;
-  const childOnClick = child.props.onClick;
-  const childRef = child.props.ref;
-  return cloneElement(child, {
-    id: ctx.triggerId,
-    ref: mergeRefs(childRef, (node) => {
-      ctx.triggerRef.current = node;
-    }),
-    onClick: (e) => {
-      childOnClick?.(e);
-      ctx.toggle();
-    },
-    "aria-haspopup": "dialog",
-    "aria-expanded": ctx.open,
-    "aria-controls": ctx.open ? ctx.contentId : void 0
-  });
-}
-var originFor = (side, align) => `${side === "bottom" ? "top" : "bottom"} ${align === "end" ? "right" : "left"}`;
-function clipHidden(side, align, radius) {
-  return `inset(${side === "bottom" ? "0%" : "92%"} ${align === "end" ? "0%" : "92%"} ${side === "bottom" ? "92%" : "0%"} ${align === "end" ? "92%" : "0%"} round ${radius}px)`;
-}
-var clipShown = (radius) => `inset(0% 0% 0% 0% round ${radius}px)`;
-var MORPH_CLIP_TRANSITION = {
-  duration: 0.32,
-  ease: EASE_OUT
-};
-function MorphPopoverContent({ children, side = "bottom", align = "end", sideOffset = 8, radius = 16, className }) {
-  const ctx = useMorphContext("MorphPopoverContent");
-  const reduce = useReducedMotion() ?? false;
-  const portalReady = useHydrated();
-  const layout = usePopoverPortalPosition(ctx.triggerRef, ctx.contentRef, portalReady && ctx.open);
-  const left = layout ? align === "end" ? layout.trigger.left + layout.trigger.width - layout.content.width : layout.trigger.left : 0;
-  const top = layout ? side === "bottom" ? layout.trigger.top + layout.trigger.height + sideOffset : layout.trigger.top - layout.content.height - sideOffset : 0;
-  const wrap = reduce ? void 0 : {
-    hidden: {
-      opacity: 0,
-      scale: 0.96,
-      transition: SPRING_PANEL
-    },
-    show: {
-      opacity: 1,
-      scale: 1,
-      transition: SPRING_PANEL
-    }
-  };
-  const clip = reduce ? void 0 : {
-    hidden: {
-      clipPath: clipHidden(side, align, radius),
-      transition: MORPH_CLIP_TRANSITION
-    },
-    show: {
-      clipPath: clipShown(radius),
-      transition: MORPH_CLIP_TRANSITION
-    }
-  };
-  if (!portalReady) return null;
-  return createPortal(/* @__PURE__ */ jsx(AnimatePresence, { children: ctx.open ? /* @__PURE__ */ jsx(m.div, {
-    "data-morph-popover-portal": "",
-    variants: wrap,
-    initial: reduce ? { opacity: 0 } : "hidden",
-    animate: reduce ? { opacity: 1 } : "show",
-    exit: reduce ? { opacity: 0 } : "hidden",
-    transition: reduce ? { duration: 0.12 } : void 0,
-    style: {
-      left,
-      top,
-      visibility: layout ? "visible" : "hidden",
-      transformOrigin: originFor(side, align)
-    },
-    className: "fixed z-[9999] [filter:drop-shadow(0_10px_18px_rgba(0,0,0,0.14))]",
-    children: /* @__PURE__ */ jsx(m.div, {
-      ref: ctx.contentRef,
-      id: ctx.contentId,
-      role: "dialog",
-      "aria-labelledby": ctx.triggerId,
-      variants: clip,
-      style: { borderRadius: radius },
-      className: cn("overflow-hidden border border-border bg-background", className),
-      children
-    })
-  }) : null }), document.body);
-}
-var INSTANT_TRANSITION = { duration: 0 };
-var CHEVRON_TRANSITION = {
-  type: "spring",
-  duration: 0.4,
-  bounce: 0.3
-};
-var LIST_VARIANTS = {
-  hidden: {},
-  show: { transition: {
-    staggerChildren: 0.035,
-    delayChildren: 0.05
-  } }
-};
-var ITEM_VARIANTS = {
-  hidden: {
-    opacity: 0,
-    y: -6,
-    filter: "blur(3px)"
-  },
-  show: {
-    opacity: 1,
-    y: 0,
-    filter: "blur(0px)"
-  }
-};
-var AnimatedSelectContext = createContext(null);
-function useAnimatedSelectContext(component) {
-  const ctx = useContext(AnimatedSelectContext);
-  if (!ctx) throw new Error(`${component} must be used within <AnimatedSelect>`);
-  return ctx;
-}
-function AnimatedSelect({ value, defaultValue, onValueChange, disabled = false, className, children }) {
-  const reduce = useReducedMotion() ?? false;
-  const baseId = useId();
-  const rootRef = useRef(null);
-  const [open, setOpen] = useState(false);
-  const [internal, setInternal] = useState(defaultValue);
-  const [labels, setLabels] = useState(/* @__PURE__ */ new Map());
-  const [placement, setPlacement] = useState("bottom");
-  const controlled = value !== void 0;
-  const current = controlled ? value : internal;
-  const select = useCallback((next) => {
-    if (!controlled) setInternal(next);
-    onValueChange?.(next);
-    setOpen(false);
-  }, [controlled, onValueChange]);
-  const register = useCallback((v, label) => {
-    setLabels((m2) => m2.get(v) === label ? m2 : new Map(m2).set(v, label));
-  }, []);
-  const unregister = useCallback((v) => {
-    setLabels((m2) => {
-      if (!m2.has(v)) return m2;
-      const next = new Map(m2);
-      next.delete(v);
-      return next;
-    });
-  }, []);
-  useEffect(() => {
-    if (!open) return;
-    const onKey = (e) => e.key === "Escape" && setOpen(false);
-    const onPointer = (e) => {
-      if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
-    };
-    window.addEventListener("keydown", onKey);
-    window.addEventListener("pointerdown", onPointer);
-    return () => {
-      window.removeEventListener("keydown", onKey);
-      window.removeEventListener("pointerdown", onPointer);
-    };
-  }, [open]);
-  const ctx = useMemo(() => ({
-    value: current,
-    open,
-    setOpen,
-    select,
-    register,
-    unregister,
-    labelFor: (v) => v === void 0 ? void 0 : labels.get(v),
-    reduce,
-    triggerId: `${baseId}-trigger`,
-    listId: `${baseId}-list`,
-    disabled,
-    placement,
-    setPlacement
-  }), [
-    current,
-    open,
-    select,
-    register,
-    unregister,
-    labels,
-    reduce,
-    baseId,
-    disabled,
-    placement
-  ]);
-  return /* @__PURE__ */ jsx(AnimatedSelectContext.Provider, {
-    value: ctx,
-    children: /* @__PURE__ */ jsx("div", {
-      ref: rootRef,
-      className: cn("relative", className),
-      children
-    })
-  });
-}
-function AnimatedSelectTrigger({ className, children }) {
-  const ctx = useAnimatedSelectContext("AnimatedSelectTrigger");
-  const isTop = ctx.placement === "top";
-  const kf = ctx.open ? [
-    0,
-    0,
-    12
-  ] : [
-    12,
-    0,
-    12
-  ];
-  const kfT = ctx.reduce ? { duration: 0 } : ctx.open ? {
-    duration: 0.6,
-    times: [
-      0,
-      0.4,
-      1
-    ],
-    ease: EASE_OUT
-  } : {
-    duration: 0.42,
-    times: [
-      0,
-      0.5,
-      1
-    ],
-    ease: EASE_OUT
-  };
-  return /* @__PURE__ */ jsxs(m.button, {
-    type: "button",
+  return /* @__PURE__ */ jsxs(m.button, {
+    type: "button",
     id: ctx.triggerId,
     disabled: ctx.disabled,
     "aria-haspopup": "listbox",
@@ -1032,6 +517,524 @@ function AnimatedSelectItem({ value, disabled = false, className, children }) {
     })
   });
 }
+var VARIANT_CLASS = {
+  primary: "bg-primary text-primary-foreground hover:bg-primary/90",
+  secondary: "border border-border bg-card text-foreground hover:border-border",
+  ghost: "text-muted-foreground hover:text-foreground hover:bg-primary/5",
+  outline: "border border-border bg-transparent text-foreground hover:bg-primary/5"
+};
+var SIZE_CLASS = {
+  sm: "h-8 px-3 text-xs gap-1.5 rounded-full",
+  md: "h-10 px-5 text-sm gap-2 rounded-full",
+  lg: "h-12 px-6 text-base gap-2 rounded-full",
+  icon: "h-8 w-8 rounded-lg"
+};
+var Button = forwardRef(function Button2({ variant = "primary", size = "md", pressScale = 0.93, ripple = false, className, children, onPointerDown, ...rest }, ref) {
+  const reduce = useReducedMotion();
+  const canHover = useHoverCapable();
+  const [ripples, setRipples] = useState([]);
+  const nextId = useRef(0);
+  const handlePointerDown = useCallback((event) => {
+    if (ripple && !reduce) {
+      const rect = event.currentTarget.getBoundingClientRect();
+      const size2 = Math.max(rect.width, rect.height) * 2;
+      const id = nextId.current++;
+      setRipples((prev) => [...prev, {
+        id,
+        x: event.clientX - rect.left,
+        y: event.clientY - rect.top,
+        size: size2
+      }]);
+    }
+    onPointerDown?.(event);
+  }, [
+    ripple,
+    reduce,
+    onPointerDown
+  ]);
+  return /* @__PURE__ */ jsxs(m.button, {
+    ref,
+    type: "button",
+    whileTap: reduce ? void 0 : { scale: pressScale },
+    whileHover: reduce || !canHover ? void 0 : { scale: 1.02 },
+    transition: SPRING_PRESS,
+    onPointerDown: handlePointerDown,
+    className: cn("inline-flex items-center justify-center font-medium select-none", "transition-colors", "disabled:pointer-events-none disabled:opacity-50", ripple && "relative overflow-hidden", VARIANT_CLASS[variant], SIZE_CLASS[size], className),
+    ...rest,
+    children: [/* @__PURE__ */ jsx("span", {
+      className: cn("pointer-events-none absolute inset-0 overflow-hidden rounded-[inherit]", !ripple && "hidden"),
+      children: /* @__PURE__ */ jsx(AnimatePresence, { children: ripple && !reduce ? ripples.map((r) => /* @__PURE__ */ jsx(m.span, {
+        className: "absolute rounded-full bg-current",
+        style: {
+          left: r.x,
+          top: r.y,
+          width: r.size,
+          height: r.size,
+          x: "-50%",
+          y: "-50%"
+        },
+        initial: {
+          scale: 0.05,
+          opacity: 0.3
+        },
+        animate: {
+          scale: 1,
+          opacity: 0
+        },
+        exit: { opacity: 0 },
+        transition: {
+          duration: 1.6,
+          ease: EASE_OUT
+        },
+        onAnimationComplete: () => setRipples((prev) => prev.filter((x) => x.id !== r.id))
+      }, r.id)) : null })
+    }), children]
+  });
+});
+forwardRef(function ButtonLink({ variant = "primary", size = "md", pressScale = 0.93, className, children, ...rest }, ref) {
+  const reduce = useReducedMotion();
+  const canHover = useHoverCapable();
+  return /* @__PURE__ */ jsx(m.a, {
+    ref,
+    whileTap: reduce ? void 0 : { scale: pressScale },
+    whileHover: reduce || !canHover ? void 0 : { scale: 1.02 },
+    transition: SPRING_PRESS,
+    className: cn("inline-flex items-center justify-center font-medium select-none", "transition-colors", VARIANT_CLASS[variant], SIZE_CLASS[size], className),
+    ...rest,
+    children
+  });
+});
+function Magnetic({ children, strength = 0.35, className }) {
+  const ref = useRef(null);
+  const reduce = useReducedMotion();
+  const canHover = useHoverCapable();
+  const enabled = !reduce && canHover;
+  const x = useMotionValue(0);
+  const y = useMotionValue(0);
+  const sx = useSpring(x, SPRING_MOUSE);
+  const sy = useSpring(y, SPRING_MOUSE);
+  const onMove = (e) => {
+    const el = ref.current;
+    if (!el || !enabled) return;
+    const rect = el.getBoundingClientRect();
+    x.set((e.clientX - rect.left - rect.width / 2) * strength);
+    y.set((e.clientY - rect.top - rect.height / 2) * strength);
+  };
+  const onLeave = () => {
+    x.set(0);
+    y.set(0);
+  };
+  return /* @__PURE__ */ jsx(m.div, {
+    ref,
+    onMouseMove: onMove,
+    onMouseLeave: onLeave,
+    style: {
+      x: sx,
+      y: sy
+    },
+    className: cn("inline-block", className),
+    children
+  });
+}
+forwardRef(function MagneticButton({ strength = 0.25, magneticClassName, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(Magnetic, {
+    strength,
+    className: magneticClassName,
+    children: /* @__PURE__ */ jsx(Button, {
+      ref,
+      ...rest,
+      children
+    })
+  });
+});
+var CASCADE_STAGGER = 0.025;
+var ROLL_BLUR = "blur(6px)";
+var CASCADE_LETTER_VARIANTS = {
+  initial: {
+    opacity: 0,
+    y: "105%",
+    filter: ROLL_BLUR
+  },
+  animate: (delay = 0) => ({
+    opacity: 1,
+    y: "0%",
+    filter: "blur(0px)",
+    transition: {
+      ...SPRING_SWAP,
+      delay
+    }
+  }),
+  exit: (delay = 0) => ({
+    opacity: 0,
+    y: "-105%",
+    filter: ROLL_BLUR,
+    transition: {
+      duration: 0.16,
+      ease: EASE_OUT,
+      delay: delay * 0.5
+    }
+  })
+};
+var ICON_VARIANTS = {
+  initial: {
+    opacity: 0,
+    width: 0,
+    scale: 0.7,
+    filter: ROLL_BLUR
+  },
+  animate: {
+    opacity: 1,
+    width: "1.5rem",
+    scale: 1,
+    filter: "blur(0px)",
+    transition: SPRING_SWAP
+  },
+  exit: {
+    opacity: 0,
+    width: 0,
+    scale: 0.7,
+    filter: ROLL_BLUR,
+    transition: {
+      duration: 0.16,
+      ease: EASE_OUT
+    }
+  }
+};
+function IconSlot({ keyId, children }) {
+  const reduce = useReducedMotion();
+  return /* @__PURE__ */ jsx(m.span, {
+    variants: ICON_VARIANTS,
+    initial: reduce ? { opacity: 0 } : "initial",
+    animate: reduce ? { opacity: 1 } : "animate",
+    exit: reduce ? { opacity: 0 } : "exit",
+    transition: reduce ? { duration: 0.15 } : void 0,
+    className: "inline-grid shrink-0 place-items-center overflow-hidden",
+    children
+  }, keyId);
+}
+function TextSlot({ value, children }) {
+  const reduce = useReducedMotion();
+  const measureRef = useRef(null);
+  const [width, setWidth] = useState();
+  const label = typeof children === "string" ? children : null;
+  const cascade = label !== null && !reduce;
+  useLayoutEffect(() => {
+    const nextWidth = measureRef.current?.offsetWidth;
+    if (!nextWidth) return;
+    setWidth((current) => current === nextWidth ? current : nextWidth);
+  });
+  return /* @__PURE__ */ jsxs(m.span, {
+    initial: false,
+    layout: "size",
+    style: { width },
+    transition: reduce ? { duration: 0 } : SPRING_SWAP,
+    className: "relative inline-block overflow-hidden whitespace-nowrap align-bottom",
+    children: [
+      /* @__PURE__ */ jsx("span", {
+        ref: measureRef,
+        "aria-hidden": true,
+        className: "invisible inline-block whitespace-nowrap",
+        children: cascade ? label.split("").map((char, index) => /* @__PURE__ */ jsx("span", {
+          className: "inline-block whitespace-pre",
+          children: char
+        }, index)) : children
+      }),
+      cascade ? /* @__PURE__ */ jsx("span", {
+        className: "sr-only",
+        children: label
+      }) : null,
+      /* @__PURE__ */ jsx(AnimatePresence, {
+        initial: false,
+        children: cascade ? /* @__PURE__ */ jsx(m.span, {
+          "aria-hidden": true,
+          initial: "initial",
+          animate: "animate",
+          exit: "exit",
+          className: "absolute left-0 top-0 inline-block whitespace-pre",
+          children: label.split("").map((char, index) => /* @__PURE__ */ jsx(m.span, {
+            custom: index * CASCADE_STAGGER,
+            variants: CASCADE_LETTER_VARIANTS,
+            className: "inline-block whitespace-pre",
+            children: char
+          }, index))
+        }, `cascade-${value}`) : /* @__PURE__ */ jsx(m.span, {
+          initial: reduce ? { opacity: 0 } : {
+            opacity: 0,
+            y: 14,
+            filter: ROLL_BLUR
+          },
+          animate: reduce ? { opacity: 1 } : {
+            opacity: 1,
+            y: 0,
+            filter: "blur(0px)"
+          },
+          exit: reduce ? { opacity: 0 } : {
+            opacity: 0,
+            y: -14,
+            filter: ROLL_BLUR
+          },
+          transition: reduce ? { duration: 0.15 } : SPRING_SWAP,
+          className: "absolute left-0 top-0 inline-block",
+          children
+        }, `text-${value}`)
+      })
+    ]
+  });
+}
+forwardRef(function StatefulButton({ state = "idle", children, loadingText = "Loading", successText = "Done", errorText = "Try again", icon, disabled, ...rest }, ref) {
+  const isBusy = state === "loading";
+  const stateText = state === "loading" ? loadingText : state === "success" ? successText : state === "error" ? errorText : children;
+  const textKey = typeof stateText === "string" ? `${state}-${stateText}` : state;
+  return /* @__PURE__ */ jsx(Button, {
+    ref,
+    disabled: disabled || isBusy,
+    "aria-busy": isBusy,
+    whileHover: void 0,
+    ...rest,
+    children: /* @__PURE__ */ jsxs("span", {
+      "aria-live": "polite",
+      className: "relative inline-flex items-center justify-center overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsxs(AnimatePresence, {
+          initial: false,
+          children: [
+            state === "loading" ? /* @__PURE__ */ jsx(IconSlot, {
+              keyId: "loading-icon",
+              children: /* @__PURE__ */ jsx(LoaderCircle, { className: "size-4 animate-spin" })
+            }) : null,
+            state === "success" ? /* @__PURE__ */ jsx(IconSlot, {
+              keyId: "success-icon",
+              children: /* @__PURE__ */ jsx(Check, { className: "size-4" })
+            }) : null,
+            state === "error" ? /* @__PURE__ */ jsx(IconSlot, {
+              keyId: "error-icon",
+              children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+            }) : null
+          ]
+        }),
+        /* @__PURE__ */ jsx(TextSlot, {
+          value: textKey,
+          children: stateText
+        }),
+        /* @__PURE__ */ jsx(AnimatePresence, {
+          initial: false,
+          children: state === "idle" && icon ? /* @__PURE__ */ jsx(IconSlot, {
+            keyId: "idle-icon",
+            children: icon
+          }) : null
+        })
+      ]
+    })
+  });
+});
+function sameLayout(a, b) {
+  return a?.trigger.left === b.trigger.left && a.trigger.top === b.trigger.top && a.trigger.width === b.trigger.width && a.trigger.height === b.trigger.height && a.content.width === b.content.width && a.content.height === b.content.height;
+}
+function usePopoverPortalPosition(triggerRef, contentRef, active) {
+  const [layout, setLayout] = useState(null);
+  const update = useCallback(() => {
+    const trigger = triggerRef.current;
+    const content = contentRef.current;
+    if (!trigger || !content) return;
+    const rect = trigger.getBoundingClientRect();
+    const next = {
+      trigger: {
+        left: rect.left,
+        top: rect.top,
+        width: rect.width,
+        height: rect.height
+      },
+      content: {
+        width: content.offsetWidth,
+        height: content.offsetHeight
+      }
+    };
+    setLayout((current) => sameLayout(current, next) ? current : next);
+  }, [contentRef, triggerRef]);
+  useLayoutEffect(() => {
+    update();
+    if (!active) return;
+    const trigger = triggerRef.current;
+    const content = contentRef.current;
+    const observer = new ResizeObserver(update);
+    if (trigger) observer.observe(trigger);
+    if (content) observer.observe(content);
+    window.addEventListener("scroll", update, true);
+    window.addEventListener("resize", update);
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("scroll", update, true);
+      window.removeEventListener("resize", update);
+    };
+  }, [
+    active,
+    contentRef,
+    triggerRef,
+    update
+  ]);
+  return layout;
+}
+function subscribe() {
+  return () => {
+  };
+}
+function getSnapshot() {
+  return true;
+}
+function getServerSnapshot() {
+  return false;
+}
+function useHydrated() {
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+var MorphContext = createContext(null);
+function useMorphContext(component) {
+  const ctx = useContext(MorphContext);
+  if (!ctx) throw new Error(`${component} must be used within <MorphPopover>`);
+  return ctx;
+}
+function MorphPopover({ children, open: controlledOpen, defaultOpen = false, onOpenChange, className }) {
+  const baseId = useId();
+  const rootRef = useRef(null);
+  const triggerRef = useRef(null);
+  const contentRef = useRef(null);
+  const [internalOpen, setInternalOpen] = useState(defaultOpen);
+  const controlled = controlledOpen !== void 0;
+  const open = controlled ? controlledOpen : internalOpen;
+  const setOpen = useCallback((next) => {
+    if (!controlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  }, [controlled, onOpenChange]);
+  const toggle = useCallback(() => setOpen(!open), [setOpen, open]);
+  const setOpenEvent = useEffectEvent(setOpen);
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => e.key === "Escape" && setOpenEvent(false);
+    const onPointer = (e) => {
+      const target = e.target;
+      if (rootRef.current && !rootRef.current.contains(target) && !contentRef.current?.contains(target)) setOpenEvent(false);
+    };
+    window.addEventListener("keydown", onKey);
+    window.addEventListener("pointerdown", onPointer);
+    return () => {
+      window.removeEventListener("keydown", onKey);
+      window.removeEventListener("pointerdown", onPointer);
+    };
+  }, [open]);
+  const ctx = useMemo(() => ({
+    open,
+    setOpen,
+    toggle,
+    triggerId: `${baseId}-trigger`,
+    contentId: `${baseId}-content`,
+    triggerRef,
+    contentRef
+  }), [
+    open,
+    setOpen,
+    toggle,
+    baseId
+  ]);
+  return /* @__PURE__ */ jsx(MorphContext.Provider, {
+    value: ctx,
+    children: /* @__PURE__ */ jsx("div", {
+      ref: rootRef,
+      className: cn("relative inline-flex", className),
+      children
+    })
+  });
+}
+function mergeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) if (typeof ref === "function") ref(node);
+    else if (ref && typeof ref === "object") ref.current = node;
+  };
+}
+function MorphPopoverTrigger({ children }) {
+  const ctx = useMorphContext("MorphPopoverTrigger");
+  if (!isValidElement(children)) return children;
+  const child = children;
+  const childOnClick = child.props.onClick;
+  const childRef = child.props.ref;
+  return cloneElement(child, {
+    id: ctx.triggerId,
+    ref: mergeRefs(childRef, (node) => {
+      ctx.triggerRef.current = node;
+    }),
+    onClick: (e) => {
+      childOnClick?.(e);
+      ctx.toggle();
+    },
+    "aria-haspopup": "dialog",
+    "aria-expanded": ctx.open,
+    "aria-controls": ctx.open ? ctx.contentId : void 0
+  });
+}
+var originFor = (side, align) => `${side === "bottom" ? "top" : "bottom"} ${align === "end" ? "right" : "left"}`;
+function clipHidden(side, align, radius) {
+  return `inset(${side === "bottom" ? "0%" : "92%"} ${align === "end" ? "0%" : "92%"} ${side === "bottom" ? "92%" : "0%"} ${align === "end" ? "92%" : "0%"} round ${radius}px)`;
+}
+var clipShown = (radius) => `inset(0% 0% 0% 0% round ${radius}px)`;
+var MORPH_CLIP_TRANSITION = {
+  duration: 0.32,
+  ease: EASE_OUT
+};
+function MorphPopoverContent({ children, side = "bottom", align = "end", sideOffset = 8, radius = 16, className }) {
+  const ctx = useMorphContext("MorphPopoverContent");
+  const reduce = useReducedMotion() ?? false;
+  const portalReady = useHydrated();
+  const layout = usePopoverPortalPosition(ctx.triggerRef, ctx.contentRef, portalReady && ctx.open);
+  const left = layout ? align === "end" ? layout.trigger.left + layout.trigger.width - layout.content.width : layout.trigger.left : 0;
+  const top = layout ? side === "bottom" ? layout.trigger.top + layout.trigger.height + sideOffset : layout.trigger.top - layout.content.height - sideOffset : 0;
+  const wrap = reduce ? void 0 : {
+    hidden: {
+      opacity: 0,
+      scale: 0.96,
+      transition: SPRING_PANEL
+    },
+    show: {
+      opacity: 1,
+      scale: 1,
+      transition: SPRING_PANEL
+    }
+  };
+  const clip = reduce ? void 0 : {
+    hidden: {
+      clipPath: clipHidden(side, align, radius),
+      transition: MORPH_CLIP_TRANSITION
+    },
+    show: {
+      clipPath: clipShown(radius),
+      transition: MORPH_CLIP_TRANSITION
+    }
+  };
+  if (!portalReady) return null;
+  return createPortal(/* @__PURE__ */ jsx(AnimatePresence, { children: ctx.open ? /* @__PURE__ */ jsx(m.div, {
+    "data-morph-popover-portal": "",
+    variants: wrap,
+    initial: reduce ? { opacity: 0 } : "hidden",
+    animate: reduce ? { opacity: 1 } : "show",
+    exit: reduce ? { opacity: 0 } : "hidden",
+    transition: reduce ? { duration: 0.12 } : void 0,
+    style: {
+      left,
+      top,
+      visibility: layout ? "visible" : "hidden",
+      transformOrigin: originFor(side, align)
+    },
+    className: "fixed z-[9999] [filter:drop-shadow(0_10px_18px_rgba(0,0,0,0.14))]",
+    children: /* @__PURE__ */ jsx(m.div, {
+      ref: ctx.contentRef,
+      id: ctx.contentId,
+      role: "dialog",
+      "aria-labelledby": ctx.triggerId,
+      variants: clip,
+      style: { borderRadius: radius },
+      className: cn("overflow-hidden", elevatedMenu, className),
+      children
+    })
+  }) : null }), document.body);
+}
 function PromptInput({ value, defaultValue = "", onValueChange, models = [], model, defaultModel, onModelChange, actions = [], onAction, onSubmit, loading = false, submitWhileLoading = false, onStop, minRows = 2, maxRows = 8, leadingAction, className, disabled, placeholder = "Ask the agent to do something\u2026", "aria-label": ariaLabel = "Prompt", onKeyDown, ...textareaProps }) {
   const reduce = useReducedMotion() ?? false;
   const textareaRef = useRef(null);