@qredence/fleet 0.6.0 → 0.6.2

package/dist/web/server/chunk-YKVGQBZA.js

@@ -1,1262 +0,0 @@
-import {
-  Square
-} from "./chunk-7CNGNFFK.js";
-import {
-  Plus
-} from "./chunk-PVJCTQFK.js";
-import {
-  useHoverCapable
-} from "./chunk-N6NOTURM.js";
-import {
-  LoaderCircle
-} from "./chunk-TNL4YV63.js";
-import {
-  AnimatePresence,
-  useReducedMotion
-} from "./chunk-ZJFA4F5X.js";
-import {
-  EASE_OUT,
-  MotionConfigContext,
-  SPRING_MOUSE,
-  SPRING_PANEL,
-  SPRING_PRESS,
-  SPRING_SWAP,
-  m,
-  useConstant,
-  useIsomorphicLayoutEffect
-} from "./chunk-K3BXQG3N.js";
-import {
-  JSAnimation,
-  cancelFrame,
-  collectMotionValues,
-  frame,
-  interpolate,
-  isMotionValue,
-  motionValue
-} from "./chunk-FAGDMGLK.js";
-import {
-  ChevronDown
-} from "./chunk-WWJF4RO2.js";
-import {
-  Check
-} from "./chunk-4QD4PCVP.js";
-import {
-  X
-} from "./chunk-JBLHIEVG.js";
-import {
-  createLucideIcon
-} from "./chunk-4ZIEVI5O.js";
-import {
-  cn
-} from "./chunk-DJMHPJBP.js";
-
-// web/app/dist/server/assets/prompt-input-CQuyIgBz.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";
-var ArrowUp = createLucideIcon("arrow-up", [["path", {
-  d: "m5 12 7-7 7 7",
-  key: "hav0vg"
-}], ["path", {
-  d: "M12 19V5",
-  key: "x0mq9r"
-}]]);
-function transform(...args) {
-  const useImmediate = !Array.isArray(args[0]);
-  const argOffset = useImmediate ? 0 : -1;
-  const inputValue = args[0 + argOffset];
-  const inputRange = args[1 + argOffset];
-  const outputRange = args[2 + argOffset];
-  const options = args[3 + argOffset];
-  const interpolator = interpolate(inputRange, outputRange, options);
-  return useImmediate ? interpolator(inputValue) : interpolator;
-}
-function attachFollow(value, source, options = {}) {
-  const initialValue = value.get();
-  let activeAnimation = null;
-  let latestValue = initialValue;
-  let latestSetter;
-  const unit = typeof initialValue === "string" ? initialValue.replace(/[\d.-]/g, "") : void 0;
-  const stopAnimation = () => {
-    if (activeAnimation) {
-      activeAnimation.stop();
-      activeAnimation = null;
-    }
-    value.animation = void 0;
-  };
-  const startAnimation = () => {
-    const currentValue = asNumber(value.get());
-    const targetValue = asNumber(latestValue);
-    if (currentValue === targetValue) {
-      stopAnimation();
-      return;
-    }
-    const velocity = activeAnimation ? activeAnimation.getGeneratorVelocity() : value.getVelocity();
-    stopAnimation();
-    activeAnimation = new JSAnimation({
-      keyframes: [currentValue, targetValue],
-      velocity,
-      type: "spring",
-      restDelta: 1e-3,
-      restSpeed: 0.01,
-      ...options,
-      onUpdate: latestSetter
-    });
-  };
-  const scheduleAnimation = () => {
-    startAnimation();
-    value.animation = activeAnimation ?? void 0;
-    value["events"].animationStart?.notify();
-    activeAnimation?.then(() => {
-      value.animation = void 0;
-      value["events"].animationComplete?.notify();
-    });
-  };
-  value.attach((v, set) => {
-    latestValue = v;
-    latestSetter = (latest) => set(parseValue(latest, unit));
-    frame.postRender(scheduleAnimation);
-  }, stopAnimation);
-  if (isMotionValue(source)) {
-    let skipNextAnimation = options.skipInitialAnimation === true;
-    const removeSourceOnChange = source.on("change", (v) => {
-      if (skipNextAnimation) {
-        skipNextAnimation = false;
-        value.jump(parseValue(v, unit), false);
-      } else value.set(parseValue(v, unit));
-    });
-    const removeValueOnDestroy = value.on("destroy", removeSourceOnChange);
-    return () => {
-      removeSourceOnChange();
-      removeValueOnDestroy();
-    };
-  }
-  return stopAnimation;
-}
-function parseValue(v, unit) {
-  return unit ? v + unit : v;
-}
-function asNumber(v) {
-  return typeof v === "number" ? v : parseFloat(v);
-}
-function useMotionValue(initial) {
-  const value = useConstant(() => motionValue(initial));
-  const { isStatic } = useContext(MotionConfigContext);
-  if (isStatic) {
-    const [, setLatest] = useState(initial);
-    useEffect(() => value.on("change", setLatest), []);
-  }
-  return value;
-}
-function useCombineMotionValues(values, combineValues) {
-  const value = useMotionValue(combineValues());
-  const updateValue = () => value.set(combineValues());
-  updateValue();
-  useIsomorphicLayoutEffect(() => {
-    const scheduleUpdate = () => frame.preRender(updateValue, false, true);
-    const subscriptions = values.map((v) => v.on("change", scheduleUpdate));
-    return () => {
-      subscriptions.forEach((unsubscribe) => unsubscribe());
-      cancelFrame(updateValue);
-    };
-  });
-  return value;
-}
-function useComputed(compute) {
-  collectMotionValues.current = [];
-  compute();
-  const value = useCombineMotionValues(collectMotionValues.current, compute);
-  collectMotionValues.current = void 0;
-  return value;
-}
-function useTransform(input, inputRangeOrTransformer, outputRangeOrMap, options) {
-  if (typeof input === "function") return useComputed(input);
-  if (outputRangeOrMap !== void 0 && !Array.isArray(outputRangeOrMap) && typeof inputRangeOrTransformer !== "function") return useMapTransform(input, inputRangeOrTransformer, outputRangeOrMap, options);
-  const transformer = typeof inputRangeOrTransformer === "function" ? inputRangeOrTransformer : transform(inputRangeOrTransformer, outputRangeOrMap, options);
-  const result = Array.isArray(input) ? useListTransform(input, transformer) : useListTransform([input], ([latest]) => transformer(latest));
-  const inputAccelerate = !Array.isArray(input) ? input.accelerate : void 0;
-  if (inputAccelerate && !inputAccelerate.isTransformed && typeof inputRangeOrTransformer !== "function" && Array.isArray(outputRangeOrMap) && options?.clamp !== false) result.accelerate = {
-    ...inputAccelerate,
-    times: inputRangeOrTransformer,
-    keyframes: outputRangeOrMap,
-    isTransformed: true,
-    ...options?.ease ? { ease: options.ease } : {}
-  };
-  return result;
-}
-function useListTransform(values, transformer) {
-  const latest = useConstant(() => []);
-  return useCombineMotionValues(values, () => {
-    latest.length = 0;
-    const numValues = values.length;
-    for (let i = 0; i < numValues; i++) latest[i] = values[i].get();
-    return transformer(latest);
-  });
-}
-function useMapTransform(inputValue, inputRange, outputMap, options) {
-  const keys = useConstant(() => Object.keys(outputMap));
-  const output = useConstant(() => ({}));
-  for (const key of keys) output[key] = useTransform(inputValue, inputRange, outputMap[key], options);
-  return output;
-}
-function useFollowValue(source, options = {}) {
-  const { isStatic } = useContext(MotionConfigContext);
-  const getFromSource = () => isMotionValue(source) ? source.get() : source;
-  if (isStatic) return useTransform(getFromSource);
-  const value = useMotionValue(getFromSource());
-  useInsertionEffect(() => {
-    return attachFollow(value, source, options);
-  }, [value, JSON.stringify(options)]);
-  return value;
-}
-function useSpring(source, options = {}) {
-  return useFollowValue(source, {
-    type: "spring",
-    ...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 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 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",
-    id: ctx.triggerId,
-    disabled: ctx.disabled,
-    "aria-haspopup": "listbox",
-    "aria-expanded": ctx.open,
-    "aria-controls": ctx.listId,
-    onClick: () => ctx.setOpen(!ctx.open),
-    initial: false,
-    animate: {
-      borderTopLeftRadius: isTop ? kf : 12,
-      borderTopRightRadius: isTop ? kf : 12,
-      borderBottomLeftRadius: isTop ? 12 : kf,
-      borderBottomRightRadius: isTop ? 12 : kf
-    },
-    transition: {
-      borderTopLeftRadius: isTop ? kfT : INSTANT_TRANSITION,
-      borderTopRightRadius: isTop ? kfT : INSTANT_TRANSITION,
-      borderBottomLeftRadius: isTop ? INSTANT_TRANSITION : kfT,
-      borderBottomRightRadius: isTop ? INSTANT_TRANSITION : kfT
-    },
-    className: cn("relative z-10 flex w-full items-center justify-between gap-2 rounded-xl border border-border bg-background px-3 py-2 text-sm text-foreground outline-none transition-colors", "hover:border-(--color-border-strong) focus-visible:ring-2 focus-visible:ring-foreground/20", "disabled:pointer-events-none disabled:opacity-50", className),
-    children: [children, /* @__PURE__ */ jsx(m.span, {
-      "aria-hidden": true,
-      animate: { rotate: ctx.open ? 180 : 0 },
-      transition: ctx.reduce ? { duration: 0 } : CHEVRON_TRANSITION,
-      className: "text-muted-foreground",
-      children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" })
-    })]
-  });
-}
-function AnimatedSelectContent({ className, children }) {
-  const ctx = useAnimatedSelectContext("AnimatedSelectContent");
-  const innerRef = useRef(null);
-  const [height, setHeight] = useState(0);
-  const open = ctx.open;
-  const { setPlacement } = ctx;
-  useLayoutEffect(() => {
-    const node = innerRef.current;
-    if (!node) return;
-    const measure = () => setHeight(node.offsetHeight);
-    measure();
-    const observer = new ResizeObserver(measure);
-    observer.observe(node);
-    return () => observer.disconnect();
-  });
-  useLayoutEffect(() => {
-    if (!open) return;
-    const trigger = document.getElementById(ctx.triggerId);
-    const node = innerRef.current;
-    if (!trigger || !node) return;
-    const rect = trigger.getBoundingClientRect();
-    const h = node.offsetHeight;
-    const below = window.innerHeight - rect.bottom;
-    const above = rect.top;
-    setPlacement(below < h + 16 && above > below ? "top" : "bottom");
-  }, [
-    open,
-    ctx.triggerId,
-    setPlacement
-  ]);
-  const isTop = ctx.placement === "top";
-  const nearGap = open ? 8 : 0;
-  const nearRadius = open ? 12 : 0;
-  const gapT = open ? {
-    type: "spring",
-    duration: 0.6,
-    bounce: 0.5,
-    delay: 0.12
-  } : {
-    type: "spring",
-    duration: 0.3,
-    bounce: 0.1
-  };
-  const radiusT = open ? {
-    duration: 0.3,
-    ease: EASE_OUT,
-    delay: 0.14
-  } : {
-    duration: 0.16,
-    ease: EASE_OUT
-  };
-  return /* @__PURE__ */ jsx(m.div, {
-    id: ctx.listId,
-    role: "listbox",
-    "aria-labelledby": ctx.triggerId,
-    "aria-hidden": !open,
-    inert: !open,
-    initial: false,
-    animate: ctx.reduce ? {
-      opacity: open ? 1 : 0,
-      height: open ? height : 0
-    } : {
-      opacity: open ? 1 : 0,
-      height: open ? height : 0,
-      marginTop: isTop ? 0 : nearGap,
-      marginBottom: isTop ? nearGap : 0,
-      borderTopLeftRadius: isTop ? 12 : nearRadius,
-      borderTopRightRadius: isTop ? 12 : nearRadius,
-      borderBottomLeftRadius: isTop ? nearRadius : 12,
-      borderBottomRightRadius: isTop ? nearRadius : 12
-    },
-    transition: ctx.reduce ? { duration: 0.12 } : {
-      opacity: open ? { duration: 0.18 } : {
-        duration: 0.16,
-        delay: 0.12
-      },
-      height: open ? {
-        type: "spring",
-        duration: 0.42,
-        bounce: 0.14
-      } : {
-        duration: 0.26,
-        ease: EASE_OUT,
-        delay: 0.14
-      },
-      marginTop: isTop ? INSTANT_TRANSITION : gapT,
-      marginBottom: isTop ? gapT : INSTANT_TRANSITION,
-      borderTopLeftRadius: isTop ? INSTANT_TRANSITION : radiusT,
-      borderTopRightRadius: isTop ? INSTANT_TRANSITION : radiusT,
-      borderBottomLeftRadius: isTop ? radiusT : INSTANT_TRANSITION,
-      borderBottomRightRadius: isTop ? radiusT : INSTANT_TRANSITION
-    },
-    style: {
-      transformOrigin: isTop ? "bottom" : "top",
-      overflow: "hidden",
-      pointerEvents: open ? "auto" : "none"
-    },
-    className: cn("absolute left-0 right-0 z-20 rounded-xl border border-border bg-background shadow-lg", isTop ? "bottom-full" : "top-full", className),
-    children: /* @__PURE__ */ jsx(m.div, {
-      ref: innerRef,
-      variants: ctx.reduce ? void 0 : LIST_VARIANTS,
-      initial: false,
-      animate: open ? "show" : "hidden",
-      className: "p-1",
-      children
-    })
-  });
-}
-function AnimatedSelectItem({ value, disabled = false, className, children }) {
-  const ctx = useAnimatedSelectContext("AnimatedSelectItem");
-  const selected = ctx.value === value;
-  const label = typeof children === "string" ? children : value;
-  useLayoutEffect(() => {
-    ctx.register(value, label);
-    return () => ctx.unregister(value);
-  }, [
-    ctx.register,
-    ctx.unregister,
-    value,
-    label
-  ]);
-  return /* @__PURE__ */ jsx(m.li, {
-    variants: ctx.reduce ? void 0 : ITEM_VARIANTS,
-    children: /* @__PURE__ */ jsxs("button", {
-      type: "button",
-      role: "option",
-      "aria-selected": selected,
-      disabled,
-      onClick: () => ctx.select(value),
-      className: cn("flex w-full items-center justify-between gap-2 rounded-lg px-2.5 py-1.5 text-left text-sm outline-none transition-colors", selected ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:bg-muted", "disabled:pointer-events-none disabled:opacity-50", className),
-      children: [children, selected ? /* @__PURE__ */ jsx(Check, { className: "size-3.5 shrink-0" }) : null]
-    })
-  });
-}
-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);
-  const measurementRef = useRef(null);
-  const [internalValue, setInternalValue] = useState(defaultValue);
-  const [internalModel, setInternalModel] = useState(defaultModel ?? models[0]?.value);
-  const [actionsOpen, setActionsOpen] = useState(false);
-  const currentValue = value ?? internalValue;
-  const currentModelValue = model ?? internalModel;
-  const currentModel = models.find((option) => option.value === currentModelValue);
-  const canSubmit = Boolean(currentValue.trim()) && !disabled && (!loading || submitWhileLoading);
-  const resizeTextarea = useCallback(() => {
-    const textarea = textareaRef.current;
-    const measurement = measurementRef.current;
-    if (!textarea || !measurement || textarea.value !== currentValue) return;
-    const lineHeight = 24;
-    const height = `${Math.min(Math.max(measurement.scrollHeight, minRows * lineHeight), maxRows * lineHeight)}px`;
-    if (textarea.style.height !== height) textarea.style.height = height;
-  }, [
-    currentValue,
-    maxRows,
-    minRows
-  ]);
-  useLayoutEffect(() => {
-    resizeTextarea();
-  }, [resizeTextarea]);
-  const resizeRef = useRef(resizeTextarea);
-  useEffect(() => {
-    resizeRef.current = resizeTextarea;
-  });
-  useEffect(() => {
-    const textarea = textareaRef.current;
-    if (!textarea || typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(() => resizeRef.current());
-    observer.observe(textarea);
-    return () => observer.disconnect();
-  }, []);
-  const setValue = (next) => {
-    if (value === void 0) setInternalValue(next);
-    onValueChange?.(next);
-  };
-  const setModel = (next) => {
-    if (model === void 0) setInternalModel(next);
-    onModelChange?.(next);
-  };
-  const submit = (event) => {
-    event?.preventDefault();
-    const prompt = currentValue.trim();
-    if (!prompt || disabled || loading && !submitWhileLoading) return;
-    onSubmit?.(prompt, currentModelValue);
-    if (value === void 0) setInternalValue("");
-    textareaRef.current?.focus({ preventScroll: true });
-  };
-  const handleKeyDown = (event) => {
-    onKeyDown?.(event);
-    if (event.defaultPrevented || event.key !== "Enter" || event.shiftKey || event.nativeEvent.isComposing) return;
-    event.preventDefault();
-    submit();
-  };
-  return /* @__PURE__ */ jsxs("form", {
-    onSubmit: submit,
-    className: cn("relative w-full rounded-[24px] border border-border/70 bg-sidebar p-2 text-[color:var(--foreground)] shadow-sm transition-[border-color,box-shadow] focus-within:border-foreground/25 focus-within:ring-1 focus-within:ring-ring/20", disabled && "opacity-60", className),
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        ref: measurementRef,
-        "aria-hidden": "true",
-        className: "pointer-events-none invisible absolute inset-x-2 top-0 whitespace-pre-wrap px-2 text-sm leading-6 [overflow-wrap:break-word]",
-        children: `${currentValue}\u200B`
-      }),
-      /* @__PURE__ */ jsx("textarea", {
-        ref: textareaRef,
-        value: currentValue,
-        disabled,
-        placeholder,
-        "aria-label": ariaLabel,
-        rows: minRows,
-        ...textareaProps,
-        onChange: (event) => setValue(event.target.value),
-        onKeyDown: handleKeyDown,
-        className: "scrollbar-hide block w-full resize-none overflow-y-auto bg-transparent px-2 pt-1.5 text-sm leading-6 text-foreground outline-none placeholder:text-foreground/55"
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "mt-1 flex min-h-8 items-center gap-1",
-        children: [
-          actions.length ? /* @__PURE__ */ jsxs(MorphPopover, {
-            open: actionsOpen,
-            onOpenChange: setActionsOpen,
-            children: [/* @__PURE__ */ jsx(MorphPopoverTrigger, { children: /* @__PURE__ */ jsx(Button, {
-              type: "button",
-              variant: "ghost",
-              size: "icon",
-              disabled: disabled || loading,
-              "aria-label": "Add to prompt",
-              className: "size-8 rounded-full text-foreground/70 hover:text-foreground",
-              children: /* @__PURE__ */ jsx(m.span, {
-                "aria-hidden": "true",
-                animate: { rotate: actionsOpen ? 45 : 0 },
-                transition: reduce ? { duration: 0 } : SPRING_SWAP,
-                children: /* @__PURE__ */ jsx(Plus, { className: "size-4" })
-              })
-            }) }), /* @__PURE__ */ jsx(MorphPopoverContent, {
-              side: "top",
-              align: "start",
-              sideOffset: 8,
-              radius: 12,
-              className: "w-56 p-1.5",
-              children: actions.map((action) => /* @__PURE__ */ jsxs("button", {
-                type: "button",
-                disabled: action.disabled,
-                onClick: () => {
-                  onAction?.(action.value);
-                  setActionsOpen(false);
-                },
-                className: "flex w-full items-start gap-2.5 rounded-lg px-2.5 py-2 text-left outline-none transition-colors hover:bg-muted focus-visible:bg-muted disabled:pointer-events-none disabled:opacity-50",
-                children: [action.icon ? /* @__PURE__ */ jsx("span", {
-                  className: "mt-0.5 grid size-5 shrink-0 place-items-center text-foreground/70 [&_svg]:size-4",
-                  children: action.icon
-                }) : null, /* @__PURE__ */ jsxs("span", {
-                  className: "min-w-0",
-                  children: [/* @__PURE__ */ jsx("span", {
-                    className: "block text-sm text-foreground",
-                    children: action.label
-                  }), action.description ? /* @__PURE__ */ jsx("span", {
-                    className: "mt-0.5 block text-xs leading-4 text-foreground/60",
-                    children: action.description
-                  }) : null]
-                })]
-              }, action.value))
-            })]
-          }) : null,
-          leadingAction,
-          models.length ? /* @__PURE__ */ jsxs(AnimatedSelect, {
-            value: currentModelValue,
-            onValueChange: setModel,
-            disabled: disabled || loading,
-            className: "min-w-0",
-            children: [/* @__PURE__ */ jsx(AnimatedSelectTrigger, {
-              className: "h-8 w-auto max-w-52 rounded-xl border-0 bg-transparent px-2 py-0 text-xs hover:bg-muted focus-visible:ring-2",
-              children: /* @__PURE__ */ jsxs("span", {
-                className: "flex min-w-0 items-center gap-1.5",
-                children: [currentModel?.icon ? /* @__PURE__ */ jsx("span", {
-                  className: "grid size-4 shrink-0 place-items-center text-foreground/70 [&_svg]:size-3.5",
-                  children: currentModel.icon
-                }) : null, /* @__PURE__ */ jsx("span", {
-                  className: "truncate text-foreground/70",
-                  children: currentModel?.label ?? "Choose model"
-                })]
-              })
-            }), /* @__PURE__ */ jsx(AnimatedSelectContent, {
-              className: "right-auto w-52 shadow-none",
-              children: models.map((option) => /* @__PURE__ */ jsx(AnimatedSelectItem, {
-                value: option.value,
-                disabled: option.disabled,
-                className: "py-2",
-                children: /* @__PURE__ */ jsxs("span", {
-                  className: "flex min-w-0 items-center gap-2",
-                  children: [option.icon ? /* @__PURE__ */ jsx("span", {
-                    className: "grid size-5 shrink-0 place-items-center text-muted-foreground [&_svg]:size-4",
-                    children: option.icon
-                  }) : null, /* @__PURE__ */ jsx("span", {
-                    className: "min-w-0 truncate text-sm text-foreground",
-                    children: option.label
-                  })]
-                })
-              }, option.value))
-            })]
-          }) : null,
-          loading && onStop ? /* @__PURE__ */ jsx(Button, {
-            type: "button",
-            size: "icon",
-            "aria-label": "Stop generating",
-            onClick: onStop,
-            className: "ml-auto size-8 rounded-full",
-            children: /* @__PURE__ */ jsx(Square, { className: "size-3 fill-current" })
-          }) : null,
-          !loading || canSubmit ? /* @__PURE__ */ jsx(Button, {
-            type: "submit",
-            size: "icon",
-            disabled: !canSubmit,
-            "aria-label": loading ? "Steer current run" : "Send prompt",
-            className: cn("size-8 rounded-full", !loading && "ml-auto"),
-            children: /* @__PURE__ */ jsx(AnimatePresence, {
-              initial: false,
-              mode: "popLayout",
-              children: /* @__PURE__ */ jsx(m.span, {
-                initial: reduce ? { opacity: 1 } : {
-                  opacity: 0,
-                  y: 3,
-                  scale: 0.8
-                },
-                animate: {
-                  opacity: 1,
-                  y: 0,
-                  scale: 1
-                },
-                exit: reduce ? { opacity: 0 } : {
-                  opacity: 0,
-                  y: -3,
-                  scale: 0.8
-                },
-                transition: reduce ? { duration: 0 } : SPRING_SWAP,
-                className: "grid place-items-center",
-                children: /* @__PURE__ */ jsx(ArrowUp, { className: "size-4" })
-              }, "send")
-            })
-          }) : null
-        ]
-      })
-    ]
-  });
-}
-
-export {
-  ArrowUp,
-  Button,
-  usePopoverPortalPosition,
-  useHydrated,
-  MorphPopover,
-  MorphPopoverTrigger,
-  MorphPopoverContent,
-  PromptInput
-};
-/**
-* @license lucide-react v1.38.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/