@qredence/fleet 0.5.0 → 0.5.5

package/dist/web/server/chunk-56HSKUBD.js

@@ -0,0 +1,1805 @@
+import {
+  LazyMarkdown,
+  Terminal,
+  useHoverCapable
+} from "./chunk-3HUI75QM.js";
+import {
+  notify
+} from "./chunk-FZRBAPUM.js";
+import {
+  CircleX,
+  Copy,
+  Wrench
+} from "./chunk-6D524OCJ.js";
+import {
+  AnimatePresence,
+  EASE_OUT,
+  SPRING_LAYOUT,
+  m,
+  useReducedMotion
+} from "./chunk-QJBEWT4E.js";
+import {
+  CircleCheck,
+  LoaderCircle
+} from "./chunk-PKCTG7EW.js";
+import {
+  ChevronRight
+} from "./chunk-7QCDOBZ3.js";
+import {
+  segmentOpenUIContent
+} from "./chunk-NFRJDPB3.js";
+import {
+  ChevronDown
+} from "./chunk-QLY3L4A2.js";
+import {
+  Check
+} from "./chunk-NLIUTTKL.js";
+import {
+  X
+} from "./chunk-BLVCDQ7E.js";
+import {
+  CircleAlert,
+  FileText
+} from "./chunk-7APYEQIO.js";
+import {
+  createLucideIcon
+} from "./chunk-E26EAQIM.js";
+import {
+  cn
+} from "./chunk-DJMHPJBP.js";
+
+// web/app/dist/server/assets/generative-text-renderer-Cn-31rC8.js
+import { Suspense, cloneElement, createContext, lazy, memo, useCallback, useContext, useEffect, useEffectEvent, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+var ChevronLeft = createLucideIcon("chevron-left", [["path", {
+  d: "m15 18-6-6 6-6",
+  key: "1wnfg3"
+}]]);
+var FileBraces = createLucideIcon("file-braces", [
+  ["path", {
+    d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+    key: "1oefj6"
+  }],
+  ["path", {
+    d: "M14 2v5a1 1 0 0 0 1 1h5",
+    key: "wfsgrz"
+  }],
+  ["path", {
+    d: "M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1",
+    key: "1oajmo"
+  }],
+  ["path", {
+    d: "M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1",
+    key: "mpwhp6"
+  }]
+]);
+var FileCode = createLucideIcon("file-code", [
+  ["path", {
+    d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+    key: "1oefj6"
+  }],
+  ["path", {
+    d: "M14 2v5a1 1 0 0 0 1 1h5",
+    key: "wfsgrz"
+  }],
+  ["path", {
+    d: "M10 12.5 8 15l2 2.5",
+    key: "1tg20x"
+  }],
+  ["path", {
+    d: "m14 12.5 2 2.5-2 2.5",
+    key: "yinavb"
+  }]
+]);
+var FilePenLine = createLucideIcon("file-pen-line", [
+  ["path", {
+    d: "M14.364 13.634a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506l4.013-4.009a1 1 0 0 0-3.004-3.004z",
+    key: "ukzhwg"
+  }],
+  ["path", {
+    d: "M14.487 7.858A1 1 0 0 1 14 7V2",
+    key: "1klhew"
+  }],
+  ["path", {
+    d: "M20 19.645V20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l2.516 2.516",
+    key: "rxaxab"
+  }],
+  ["path", {
+    d: "M8 18h1",
+    key: "13wk12"
+  }]
+]);
+var FileSearch = createLucideIcon("file-search", [
+  ["path", {
+    d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+    key: "1oefj6"
+  }],
+  ["path", {
+    d: "M14 2v5a1 1 0 0 0 1 1h5",
+    key: "wfsgrz"
+  }],
+  ["circle", {
+    cx: "11.5",
+    cy: "14.5",
+    r: "2.5",
+    key: "1bq0ko"
+  }],
+  ["path", {
+    d: "M13.3 16.3 15 18",
+    key: "2quom7"
+  }]
+]);
+var Image = createLucideIcon("image", [
+  ["rect", {
+    width: "18",
+    height: "18",
+    x: "3",
+    y: "3",
+    rx: "2",
+    ry: "2",
+    key: "1m3agn"
+  }],
+  ["circle", {
+    cx: "9",
+    cy: "9",
+    r: "2",
+    key: "af1f0g"
+  }],
+  ["path", {
+    d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",
+    key: "1xmnt7"
+  }]
+]);
+var RotateCw = createLucideIcon("rotate-cw", [["path", {
+  d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8",
+  key: "1p45f6"
+}], ["path", {
+  d: "M21 3v5h-5",
+  key: "1q7to0"
+}]]);
+var MessageSideContext = createContext(void 0);
+var MessageBubbleContext = createContext({
+  animateIn: true,
+  variant: "soft"
+});
+var MessageBubbleLayoutContext = createContext(() => {
+});
+function mergeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) if (typeof ref === "function") ref(node);
+    else if (ref) ref.current = node;
+  };
+}
+var BUBBLE_CONTENT_REVEAL = {
+  duration: 0.12,
+  ease: EASE_OUT,
+  delay: 0.04
+};
+var BUBBLE_POP = {
+  type: "spring",
+  stiffness: 520,
+  damping: 27,
+  mass: 0.52
+};
+function MessageBubble({ variant = "soft", align, animateIn = false, className, children, initial, animate, exit, transition, layout, ...props }) {
+  const reduce = useReducedMotion() ?? false;
+  const messageSide = useContext(MessageSideContext);
+  const resolvedAlign = align ?? messageSide ?? "start";
+  const messageBubbleContextValue = useMemo(() => ({
+    align: resolvedAlign,
+    animateIn,
+    variant
+  }), [
+    animateIn,
+    resolvedAlign,
+    variant
+  ]);
+  return /* @__PURE__ */ jsx(MessageBubbleContext.Provider, {
+    value: messageBubbleContextValue,
+    children: /* @__PURE__ */ jsx(m.div, {
+      "data-slot": "message-bubble",
+      "data-align": resolvedAlign,
+      "data-variant": variant,
+      layout,
+      initial: initial ?? false,
+      animate,
+      exit: exit ?? (reduce ? { opacity: 0 } : {
+        opacity: 0,
+        y: -3,
+        scale: 0.99
+      }),
+      transition: transition ?? (reduce ? { duration: 0.12 } : SPRING_LAYOUT),
+      className: cn("group/bubble flex w-full flex-col", resolvedAlign === "end" ? "items-end" : "items-start", className),
+      ...props,
+      children
+    })
+  });
+}
+function bubbleContentClass(variant, interactive) {
+  return cn("relative z-0 min-w-9 max-w-[82%] rounded-2xl px-3.5 py-2.5 text-sm leading-6 text-foreground", "[&_a]:font-medium [&_a]:underline [&_a]:underline-offset-4 [&_code]:rounded [&_code]:bg-background/60 [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.9em] [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_p+p]:mt-2 [&_pre]:my-2 [&_pre]:overflow-x-auto [&_pre]:rounded-xl [&_pre]:bg-background/60 [&_pre]:p-3 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5", variant === "solid" && "text-background", variant === "ghost" && "w-full max-w-none rounded-none px-0 py-0", variant === "danger" && "text-destructive", interactive && "cursor-pointer text-left outline-none transition-[background-color,color,transform] duration-150 hover:brightness-[0.98] focus-visible:ring-2 focus-visible:ring-ring active:scale-[0.99]");
+}
+function bubbleSurfaceClass(variant, align) {
+  return cn("pointer-events-none absolute inset-0 -z-10 rounded-[inherit]", align === "end" ? "origin-bottom-right" : "origin-bottom-left", variant === "solid" && "bg-foreground", variant === "soft" && "bg-muted", variant === "tint" && "bg-primary/10", variant === "outline" && "border border-border/70 bg-background", variant === "danger" && "bg-destructive/10");
+}
+function MessageBubbleContent({ render, className, children, ref, ...props }) {
+  const reduce = useReducedMotion() ?? false;
+  const { align = "start", animateIn, variant } = useContext(MessageBubbleContext);
+  const [layoutVersion, setLayoutVersion] = useState(0);
+  const notifyLayout = useCallback(() => setLayoutVersion((version) => version + 1), []);
+  const interactive = render?.type === "button" || render?.type === "a";
+  const classes = cn(bubbleContentClass(variant, interactive), className);
+  const composedChildren = /* @__PURE__ */ jsxs(Fragment$1, { children: [variant !== "ghost" ? /* @__PURE__ */ jsx(m.span, {
+    "aria-hidden": "true",
+    layout: reduce ? false : "size",
+    layoutDependency: layoutVersion,
+    initial: animateIn && !reduce ? {
+      opacity: 0,
+      scale: 0.92
+    } : false,
+    animate: {
+      opacity: 1,
+      scale: 1
+    },
+    transition: reduce ? { duration: 0 } : {
+      opacity: {
+        duration: 0.12,
+        ease: EASE_OUT
+      },
+      scale: BUBBLE_POP,
+      layout: SPRING_LAYOUT
+    },
+    className: bubbleSurfaceClass(variant, align)
+  }) : null, /* @__PURE__ */ jsx(MessageBubbleLayoutContext.Provider, {
+    value: notifyLayout,
+    children: /* @__PURE__ */ jsx(m.div, {
+      initial: animateIn ? reduce ? { opacity: 0 } : { opacity: 0 } : false,
+      animate: { opacity: 1 },
+      transition: reduce ? {
+        duration: 0.12,
+        ease: EASE_OUT
+      } : BUBBLE_CONTENT_REVEAL,
+      className: "relative",
+      children
+    })
+  })] });
+  if (render) {
+    const child = render;
+    return cloneElement(child, {
+      ...props,
+      ref: mergeRefs(child.props.ref, ref),
+      className: cn(classes, child.props.className),
+      children: composedChildren,
+      "data-slot": "message-bubble-content"
+    });
+  }
+  return /* @__PURE__ */ jsx("div", {
+    ref,
+    "data-slot": "message-bubble-content",
+    className: classes,
+    ...props,
+    children: composedChildren
+  });
+}
+function DefaultPreview({ item }) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-slot": "preview-rail-card",
+    className: "rounded-2xl border border-border bg-card p-4 shadow-sm",
+    children: [/* @__PURE__ */ jsx("p", {
+      "data-slot": "preview-rail-title",
+      className: "font-medium text-card-foreground",
+      children: item.label
+    }), item.description ? /* @__PURE__ */ jsx("div", {
+      "data-slot": "preview-rail-description",
+      className: "mt-1 text-sm leading-6 text-muted-foreground",
+      children: item.description
+    }) : null]
+  });
+}
+function PreviewRail({ items, label = "Section navigation", orientation = "vertical", activeId, defaultActiveId, onActiveChange, onItemSelect, renderPreview, showPreview = true, previewSide = "after", highlightActive = false, itemSize = 24, children, className, railClassName, previewContainerClassName, previewClassName }) {
+  const uid = useId();
+  const reduce = useReducedMotion();
+  const canHover = useHoverCapable();
+  const [internalActiveId, setInternalActiveId] = useState(defaultActiveId ?? items[0]?.id ?? "");
+  const [hoveredId, setHoveredId] = useState(null);
+  const [focusedId, setFocusedId] = useState(null);
+  const requestedActiveId = activeId ?? internalActiveId;
+  const selectedId = items.some((item) => item.id === requestedActiveId) ? requestedActiveId : items[0]?.id ?? "";
+  const displayedId = hoveredId ?? focusedId ?? "";
+  const highlightedId = displayedId || (highlightActive ? selectedId : "");
+  const displayedIndex = items.findIndex((item) => item.id === highlightedId);
+  const rowTemplate = items.length ? `repeat(${items.length}, ${itemSize}px)` : void 0;
+  const isHorizontal = orientation === "horizontal";
+  const selectItem = (id) => {
+    if (activeId === void 0) setInternalActiveId(id);
+    onActiveChange?.(id);
+  };
+  return /* @__PURE__ */ jsxs(m.div, {
+    layoutRoot: true,
+    onBlur: (event) => {
+      if (!event.currentTarget.contains(event.relatedTarget)) setFocusedId(null);
+    },
+    className: cn("isolate relative flex w-full overflow-visible", isHorizontal ? "min-h-64 flex-col items-center justify-center" : "min-h-80", className),
+    children: [
+      /* @__PURE__ */ jsx("nav", {
+        "aria-label": label,
+        onPointerLeave: () => setHoveredId(null),
+        style: isHorizontal ? { gridTemplateColumns: rowTemplate } : { gridTemplateRows: rowTemplate },
+        className: cn("relative z-10 grid shrink-0", isHorizontal ? "h-12 w-fit max-w-full self-center justify-center" : "w-12 content-center", railClassName),
+        children: items.map((item, index) => {
+          const selected = item.id === selectedId;
+          const highlighted = item.id === highlightedId;
+          const distance = displayedIndex < 0 ? Number.POSITIVE_INFINITY : Math.abs(index - displayedIndex);
+          const scale = highlighted ? 1 : distance === 1 ? 0.68 : distance === 2 ? 0.44 : 0.25;
+          const itemContent = /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(m.span, {
+            "data-slot": "preview-rail-tick",
+            "aria-hidden": "true",
+            animate: isHorizontal ? { scaleY: scale } : { scaleX: scale },
+            transition: reduce ? { duration: 0 } : SPRING_LAYOUT,
+            className: cn("block bg-current", isHorizontal ? "h-12 w-0.5 origin-bottom" : "h-0.5 w-12 origin-left", highlighted ? "text-foreground" : void 0)
+          }) });
+          const sharedClassName = cn("relative flex text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", isHorizontal ? "h-12 w-6 items-end justify-center" : "h-6 w-12 items-center");
+          const sharedStyle = isHorizontal ? { width: itemSize } : { height: itemSize };
+          const handlePointerEnter = () => {
+            if (canHover) setHoveredId(item.id);
+          };
+          const handleFocus = (currentTarget) => {
+            if (currentTarget.matches(":focus-visible")) setFocusedId(item.id);
+          };
+          const handleSelect = () => {
+            selectItem(item.id);
+            onItemSelect?.(item);
+          };
+          return item.href ? /* @__PURE__ */ jsx("a", {
+            "data-slot": "preview-rail-item",
+            href: item.href,
+            target: item.target,
+            rel: item.rel ?? (item.target === "_blank" ? "noreferrer noopener" : void 0),
+            "aria-label": item.ariaLabel ?? item.label,
+            "aria-current": selected ? "page" : void 0,
+            onPointerEnter: handlePointerEnter,
+            onMouseEnter: handlePointerEnter,
+            onPointerDown: () => setFocusedId(null),
+            onFocus: (event) => handleFocus(event.currentTarget),
+            onClick: handleSelect,
+            style: sharedStyle,
+            className: sharedClassName,
+            children: itemContent
+          }, item.id) : /* @__PURE__ */ jsx("button", {
+            "data-slot": "preview-rail-item",
+            type: "button",
+            "aria-label": item.ariaLabel ?? item.label,
+            "aria-current": selected ? "location" : void 0,
+            onPointerEnter: handlePointerEnter,
+            onMouseEnter: handlePointerEnter,
+            onPointerDown: () => setFocusedId(null),
+            onFocus: (event) => handleFocus(event.currentTarget),
+            onClick: handleSelect,
+            style: sharedStyle,
+            className: sharedClassName,
+            children: itemContent
+          }, item.id);
+        })
+      }),
+      showPreview ? /* @__PURE__ */ jsx("div", {
+        "aria-hidden": "true",
+        style: isHorizontal ? { gridTemplateColumns: rowTemplate } : { gridTemplateRows: rowTemplate },
+        className: cn("pointer-events-none absolute z-50 grid", isHorizontal ? "top-1/2 left-1/2 h-5 w-fit max-w-full -translate-x-1/2 -translate-y-1/2 justify-center" : previewSide === "before" ? "inset-y-0 right-16 left-4 content-center" : "inset-y-0 right-4 left-16 content-center", previewContainerClassName),
+        children: items.map((item) => /* @__PURE__ */ jsx("div", {
+          style: isHorizontal ? { width: itemSize } : { height: itemSize },
+          className: cn("relative flex items-center", isHorizontal ? "justify-center" : void 0),
+          children: /* @__PURE__ */ jsx(AnimatePresence, {
+            mode: "wait",
+            initial: false,
+            children: item.id === displayedId ? /* @__PURE__ */ jsx(m.div, {
+              initial: reduce ? { opacity: 0 } : {
+                opacity: 0,
+                y: 4,
+                filter: "blur(6px)"
+              },
+              animate: reduce ? { opacity: 1 } : {
+                opacity: 1,
+                y: 0,
+                filter: "blur(0px)"
+              },
+              exit: reduce ? { opacity: 0 } : {
+                opacity: 0,
+                y: -2,
+                filter: "blur(4px)",
+                transition: {
+                  duration: 0.12,
+                  ease: EASE_OUT
+                }
+              },
+              transition: {
+                duration: reduce ? 0 : 0.18,
+                ease: EASE_OUT
+              },
+              className: cn(isHorizontal ? "absolute bottom-12 left-1/2 w-72 -translate-x-1/2" : cn("w-full max-w-sm", previewSide === "before" && "ml-auto"), previewClassName),
+              children: /* @__PURE__ */ jsx(m.div, {
+                layoutId: `preview-rail-card-${uid}`,
+                transition: reduce ? { duration: 0 } : SPRING_LAYOUT,
+                children: renderPreview ? renderPreview(item) : /* @__PURE__ */ jsx(DefaultPreview, { item })
+              })
+            }, item.id) : null
+          })
+        }, item.id))
+      }) : null,
+      children ? /* @__PURE__ */ jsx("div", {
+        className: "min-h-0 min-w-0 flex-1",
+        children
+      }) : null
+    ]
+  });
+}
+var PREVIEW_TITLE_LENGTH = 56;
+var PREVIEW_DESCRIPTION_LENGTH = 88;
+function truncateMessageText(text, limit) {
+  if (text.length <= limit) return text;
+  const excerpt = text.slice(0, limit);
+  const boundary = excerpt.lastIndexOf(" ");
+  return `${excerpt.slice(0, boundary > limit * 0.65 ? boundary : limit).trim()}\u2026`;
+}
+function getMessageText(message) {
+  return ((message.querySelector('[data-slot="message-bubble-content"]') ?? message.querySelector('[data-slot="message-content"]') ?? message).textContent ?? "").replace(/\s+/g, " ").trim();
+}
+function getMessagePreview(message, assistantResponse) {
+  const text = getMessageText(message);
+  if (!text) return {
+    label: "Message",
+    description: void 0
+  };
+  if (text.length <= PREVIEW_TITLE_LENGTH) {
+    const responseText2 = assistantResponse ? getMessageText(assistantResponse) : "";
+    return {
+      label: text,
+      description: responseText2 ? truncateMessageText(responseText2, PREVIEW_DESCRIPTION_LENGTH) : void 0
+    };
+  }
+  const titleBoundary = text.slice(0, PREVIEW_TITLE_LENGTH).lastIndexOf(" ");
+  const titleEnd = titleBoundary > PREVIEW_TITLE_LENGTH * 0.65 ? titleBoundary : PREVIEW_TITLE_LENGTH;
+  const label = `${text.slice(0, titleEnd).trim()}\u2026`;
+  const responseText = assistantResponse ? getMessageText(assistantResponse) : text.slice(titleEnd).trim();
+  return {
+    label,
+    description: responseText ? truncateMessageText(responseText, PREVIEW_DESCRIPTION_LENGTH) : void 0
+  };
+}
+function useMessageScrollerRail({ navigation, followThreshold, contentRef, viewportRef, reduce, smooth, scrollToEnd, setFollowing, markProgrammaticScroll }) {
+  const railFrameRef = useRef(void 0);
+  const railIdRef = useRef(/* @__PURE__ */ new WeakMap());
+  const railIdCounterRef = useRef(0);
+  const railTargetsRef = useRef(/* @__PURE__ */ new Map());
+  const [railItems, setRailItems] = useState([]);
+  const [activeRailId, setActiveRailId] = useState("");
+  const [railOverflowing, setRailOverflowing] = useState(false);
+  const updateActiveRailItem = useCallback(() => {
+    if (navigation !== "rail") return;
+    const viewport = viewportRef.current;
+    const targets = [...railTargetsRef.current.entries()];
+    if (!viewport || targets.length === 0) return;
+    const viewportRect = viewport.getBoundingClientRect();
+    if (viewport.scrollTop <= followThreshold) {
+      const firstId = targets[0]?.[0] ?? "";
+      setActiveRailId((current) => current === firstId ? current : firstId);
+      return;
+    }
+    if (viewport.scrollHeight - viewport.scrollTop - viewport.clientHeight <= followThreshold) {
+      const lastId = targets.at(-1)?.[0] ?? "";
+      setActiveRailId((current) => current === lastId ? current : lastId);
+      return;
+    }
+    const viewportCenter = viewportRect.top + viewportRect.height / 2;
+    let nearestId = targets[0]?.[0] ?? "";
+    let nearestDistance = Number.POSITIVE_INFINITY;
+    for (const [id, element] of targets) {
+      const rect = element.getBoundingClientRect();
+      const distance = Math.abs(rect.top + rect.height / 2 - viewportCenter);
+      if (distance < nearestDistance) {
+        nearestDistance = distance;
+        nearestId = id;
+      }
+    }
+    setActiveRailId((current) => current === nearestId ? current : nearestId);
+  }, [
+    followThreshold,
+    navigation,
+    viewportRef
+  ]);
+  const syncRailItems = useCallback(() => {
+    if (navigation !== "rail") return;
+    const content = contentRef.current;
+    const viewport = viewportRef.current;
+    if (!content || !viewport) return;
+    const messages = Array.from(content.querySelectorAll('[data-slot="message"]'));
+    const targets = /* @__PURE__ */ new Map();
+    const nextItems = messages.map((message, index) => {
+      let id = railIdRef.current.get(message);
+      if (!id) {
+        railIdCounterRef.current += 1;
+        id = `message-rail-${railIdCounterRef.current}`;
+        railIdRef.current.set(message, id);
+      }
+      targets.set(id, message);
+      const sender = message.dataset.from ?? "conversation";
+      const preview = getMessagePreview(message, sender === "user" ? messages.slice(index + 1).find((candidate) => candidate.dataset.from === "assistant") : void 0);
+      return {
+        id,
+        label: preview.label,
+        description: preview.description,
+        ariaLabel: `Go to ${sender} message ${index + 1} of ${messages.length}`
+      };
+    });
+    railTargetsRef.current = targets;
+    setRailItems((current) => {
+      return current.length === nextItems.length && current.every((item, index) => item.id === nextItems[index]?.id && item.label === nextItems[index]?.label && item.description === nextItems[index]?.description && item.ariaLabel === nextItems[index]?.ariaLabel) ? current : nextItems;
+    });
+    setRailOverflowing(viewport.scrollHeight > viewport.clientHeight + 1 && messages.length > 1);
+  }, [
+    contentRef,
+    navigation,
+    viewportRef
+  ]);
+  const scheduleRailSync = useCallback(() => {
+    if (navigation !== "rail") return;
+    if (railFrameRef.current) cancelAnimationFrame(railFrameRef.current);
+    railFrameRef.current = requestAnimationFrame(() => {
+      syncRailItems();
+      updateActiveRailItem();
+    });
+  }, [
+    navigation,
+    syncRailItems,
+    updateActiveRailItem
+  ]);
+  useEffect(() => {
+    if (navigation !== "rail") {
+      railTargetsRef.current.clear();
+      setRailItems([]);
+      setRailOverflowing(false);
+      return;
+    }
+    const content = contentRef.current;
+    const viewport = viewportRef.current;
+    if (!content || !viewport) return;
+    scheduleRailSync();
+    const mutationObserver = typeof MutationObserver === "undefined" ? null : new MutationObserver(scheduleRailSync);
+    mutationObserver?.observe(content, {
+      childList: true,
+      characterData: true,
+      subtree: true
+    });
+    const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(scheduleRailSync);
+    resizeObserver?.observe(content);
+    resizeObserver?.observe(viewport);
+    return () => {
+      mutationObserver?.disconnect();
+      resizeObserver?.disconnect();
+    };
+  }, [
+    contentRef,
+    navigation,
+    scheduleRailSync,
+    viewportRef
+  ]);
+  useEffect(() => () => {
+    if (railFrameRef.current) cancelAnimationFrame(railFrameRef.current);
+  }, []);
+  return {
+    activeRailId,
+    railItems,
+    railOverflowing,
+    scheduleRailSync,
+    scrollToRailItem: useCallback((item) => {
+      const viewport = viewportRef.current;
+      const target2 = railTargetsRef.current.get(item.id);
+      if (!viewport || !target2) return;
+      const lastItem = railItems.at(-1)?.id === item.id;
+      setActiveRailId(item.id);
+      if (lastItem) {
+        setFollowing(true);
+        scrollToEnd(reduce || !smooth ? "auto" : "smooth");
+        return;
+      }
+      setFollowing(false);
+      markProgrammaticScroll(reduce || !smooth ? "auto" : "smooth");
+      const viewportRect = viewport.getBoundingClientRect();
+      const targetRect = target2.getBoundingClientRect();
+      const top = viewport.scrollTop + targetRect.top - viewportRect.top - (viewport.clientHeight - targetRect.height) / 2;
+      const behavior = reduce || !smooth ? "auto" : "smooth";
+      if (typeof viewport.scrollTo === "function") viewport.scrollTo({
+        top,
+        behavior
+      });
+      else viewport.scrollTop = top;
+    }, [
+      markProgrammaticScroll,
+      railItems,
+      reduce,
+      scrollToEnd,
+      setFollowing,
+      smooth,
+      viewportRef
+    ])
+  };
+}
+function MessageScroller({ followOutput = true, followThreshold = 56, smooth = true, onFollowChange, label = "Conversation", busy, navigation, navigationLabel = "Message navigation", viewportClassName, contentClassName, railClassName, viewportRef: externalViewportRef, viewportProps, contentProps, className, children, ...props }) {
+  const reduce = useReducedMotion() ?? false;
+  const viewportRef = useRef(null);
+  const contentRef = useRef(null);
+  const followingRef = useRef(followOutput);
+  const programmaticScrollRef = useRef(false);
+  const scrollTimerRef = useRef(void 0);
+  const frameRef = useRef(void 0);
+  const { onScroll: onViewportScroll, onWheel: onViewportWheel, onTouchStart: onViewportTouchStart, onKeyDown: onViewportKeyDown, ...restViewportProps } = viewportProps ?? {};
+  const setViewportRef = useCallback((node) => {
+    viewportRef.current = node;
+    if (typeof externalViewportRef === "function") externalViewportRef(node);
+    else if (externalViewportRef) externalViewportRef.current = node;
+  }, [externalViewportRef]);
+  const setFollowing = useCallback((next) => {
+    if (followingRef.current === next) return;
+    followingRef.current = next;
+    onFollowChange?.(next);
+  }, [onFollowChange]);
+  const markProgrammaticScroll = useCallback((behavior) => {
+    programmaticScrollRef.current = true;
+    if (scrollTimerRef.current) window.clearTimeout(scrollTimerRef.current);
+    scrollTimerRef.current = window.setTimeout(() => {
+      programmaticScrollRef.current = false;
+    }, behavior === "smooth" ? 320 : 0);
+  }, []);
+  const scrollToEnd = useCallback((behavior) => {
+    const viewport2 = viewportRef.current;
+    if (!viewport2) return;
+    markProgrammaticScroll(behavior);
+    if (typeof viewport2.scrollTo === "function") viewport2.scrollTo({
+      top: viewport2.scrollHeight,
+      behavior
+    });
+    else viewport2.scrollTop = viewport2.scrollHeight;
+  }, [markProgrammaticScroll]);
+  const { activeRailId, railItems, railOverflowing, scheduleRailSync, scrollToRailItem } = useMessageScrollerRail({
+    navigation,
+    followThreshold,
+    contentRef,
+    viewportRef,
+    reduce,
+    smooth,
+    scrollToEnd,
+    setFollowing,
+    markProgrammaticScroll
+  });
+  const scheduleRailSyncEvent = useEffectEvent(scheduleRailSync);
+  const scrollToEndEvent = useEffectEvent(scrollToEnd);
+  const handleScroll = useCallback(() => {
+    const viewport2 = viewportRef.current;
+    if (!viewport2 || programmaticScrollRef.current) return;
+    const distance = viewport2.scrollHeight - viewport2.scrollTop - viewport2.clientHeight;
+    setFollowing(distance <= followThreshold);
+    scheduleRailSync();
+  }, [
+    followThreshold,
+    scheduleRailSync,
+    setFollowing
+  ]);
+  const leaveLiveEdge = useCallback(() => {
+    programmaticScrollRef.current = false;
+  }, []);
+  useLayoutEffect(() => {
+    followingRef.current = followOutput;
+    if (!followOutput) return;
+    frameRef.current = requestAnimationFrame(() => scrollToEndEvent("auto"));
+    return () => {
+      if (frameRef.current) cancelAnimationFrame(frameRef.current);
+    };
+  }, [followOutput]);
+  useEffect(() => {
+    const content = contentRef.current;
+    if (!content || typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(() => {
+      scheduleRailSyncEvent();
+      if (!followOutput || !followingRef.current) return;
+      scrollToEndEvent(reduce || !smooth ? "auto" : "smooth");
+    });
+    observer.observe(content);
+    return () => observer.disconnect();
+  }, [
+    followOutput,
+    reduce,
+    smooth
+  ]);
+  useEffect(() => () => {
+    if (scrollTimerRef.current) window.clearTimeout(scrollTimerRef.current);
+    if (frameRef.current) cancelAnimationFrame(frameRef.current);
+  }, []);
+  const viewport = /* @__PURE__ */ jsx("section", {
+    ref: setViewportRef,
+    "aria-label": label,
+    ...restViewportProps,
+    onScroll: (event) => {
+      handleScroll();
+      onViewportScroll?.(event);
+    },
+    onWheel: (event) => {
+      leaveLiveEdge();
+      onViewportWheel?.(event);
+    },
+    onTouchStart: (event) => {
+      leaveLiveEdge();
+      onViewportTouchStart?.(event);
+    },
+    onKeyDown: (event) => {
+      if ([
+        "ArrowUp",
+        "PageUp",
+        "Home"
+      ].includes(event.key)) leaveLiveEdge();
+      onViewportKeyDown?.(event);
+    },
+    className: cn("h-full overflow-y-auto overscroll-contain outline-none [overflow-anchor:none] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", navigation === "rail" ? "[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden" : "[scrollbar-gutter:stable]", viewportClassName, navigation === "rail" && railOverflowing && "pr-10"),
+    children: /* @__PURE__ */ jsx("div", {
+      ref: contentRef,
+      role: "log",
+      "aria-live": "polite",
+      "aria-relevant": "additions text",
+      "aria-busy": busy,
+      className: contentClassName,
+      ...contentProps,
+      children
+    })
+  });
+  return /* @__PURE__ */ jsx("div", {
+    "data-slot": "message-scroller",
+    className: cn("min-h-0", className),
+    ...props,
+    children: navigation === "rail" ? /* @__PURE__ */ jsx(PreviewRail, {
+      items: railOverflowing ? railItems : [],
+      label: navigationLabel,
+      activeId: activeRailId,
+      onItemSelect: scrollToRailItem,
+      previewSide: "before",
+      highlightActive: true,
+      itemSize: 14,
+      className: "h-full min-h-0 overflow-hidden",
+      previewContainerClassName: "right-8 left-3",
+      previewClassName: "mr-1 w-64 max-w-full [&_[data-slot=preview-rail-card]]:h-20 [&_[data-slot=preview-rail-card]]:overflow-hidden [&_[data-slot=preview-rail-card]]:p-3 [&_[data-slot=preview-rail-title]]:line-clamp-1 [&_[data-slot=preview-rail-title]]:text-xs [&_[data-slot=preview-rail-title]]:leading-4 [&_[data-slot=preview-rail-description]]:line-clamp-2 [&_[data-slot=preview-rail-description]]:text-xs [&_[data-slot=preview-rail-description]]:leading-4",
+      railClassName: cn("absolute inset-y-3 right-1 w-7 content-center py-1 [&_[data-slot=preview-rail-item]]:w-7 [&_[data-slot=preview-rail-item]]:justify-end [&_[data-slot=preview-rail-tick]]:h-px [&_[data-slot=preview-rail-tick]]:w-4 [&_[data-slot=preview-rail-tick]]:origin-right", railOverflowing ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0", railClassName),
+      children: viewport
+    }) : viewport
+  });
+}
+var MessageContext = createContext({ from: "assistant" });
+var MESSAGE_POP_UP = {
+  type: "spring",
+  stiffness: 480,
+  damping: 32,
+  mass: 0.62
+};
+function Message({ from, animateIn = false, children, className, initial, animate, transition, exit, style, ...props }) {
+  const reduce = useReducedMotion() ?? false;
+  const messageContextValue = useMemo(() => ({ from }), [from]);
+  return /* @__PURE__ */ jsx(MessageSideContext.Provider, {
+    value: from === "user" ? "end" : "start",
+    children: /* @__PURE__ */ jsx(MessageContext.Provider, {
+      value: messageContextValue,
+      children: /* @__PURE__ */ jsx(m.article, {
+        "data-slot": "message",
+        "data-from": from,
+        "aria-label": props["aria-label"] ?? `${from} message`,
+        initial: initial ?? (animateIn && !reduce ? {
+          opacity: 0,
+          transform: "translateY(8px) scale(0.95)"
+        } : false),
+        animate: animate ?? (animateIn && !reduce ? {
+          opacity: 1,
+          transform: "translateY(0px) scale(1)"
+        } : { opacity: 1 }),
+        exit: exit ?? (reduce ? { opacity: 0 } : {
+          opacity: 0,
+          transform: "translateY(-3px) scale(0.99)"
+        }),
+        transition: transition ?? (reduce ? { duration: 0.12 } : MESSAGE_POP_UP),
+        style: {
+          transformOrigin: from === "user" ? "100% 100%" : "0% 100%",
+          ...style
+        },
+        className: cn("group/message flex w-full items-start gap-2", from === "user" ? "flex-row-reverse" : "flex-row", className),
+        ...props,
+        children
+      })
+    })
+  });
+}
+function MessageContent({ className, ...props }) {
+  const { from } = useContext(MessageContext);
+  return /* @__PURE__ */ jsx("div", {
+    "data-slot": "message-content",
+    className: cn("flex min-w-0 flex-1 flex-col gap-1.5", from === "user" ? "items-end" : "items-start", className),
+    ...props
+  });
+}
+function ImageLightbox({ open, onClose, images, initialIndex = 0 }) {
+  const [currentIndex, setCurrentIndex] = useState(initialIndex);
+  const hasMultipleImages = images.length > 1;
+  useEffect(() => {
+    if (open) setCurrentIndex(initialIndex);
+  }, [open, initialIndex]);
+  const goToPrevious = useCallback((event) => {
+    event?.stopPropagation();
+    setCurrentIndex((prev) => prev > 0 ? prev - 1 : images.length - 1);
+  }, [images.length]);
+  const goToNext = useCallback((event) => {
+    event?.stopPropagation();
+    setCurrentIndex((prev) => prev < images.length - 1 ? prev + 1 : 0);
+  }, [images.length]);
+  const onLightboxKeyDown = useEffectEvent((event) => {
+    switch (event.key) {
+      case "ArrowLeft":
+        event.preventDefault();
+        if (hasMultipleImages) goToPrevious();
+        break;
+      case "ArrowRight":
+        event.preventDefault();
+        if (hasMultipleImages) goToNext();
+    }
+  });
+  useEffect(() => {
+    if (!open) return;
+    const handler = (event) => onLightboxKeyDown(event);
+    window.addEventListener("keydown", handler, true);
+    return () => window.removeEventListener("keydown", handler, true);
+  }, [open]);
+  useEffect(() => {
+    if (!open) return;
+    const previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = previousOverflow;
+    };
+  }, [open]);
+  const dialogRef = useRef(null);
+  const onLightDismiss = useEffectEvent((event) => {
+    if (dialogRef.current && event.target === dialogRef.current) onClose();
+  });
+  useEffect(() => {
+    if (!open) return;
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    if (!dialog.open) dialog.showModal();
+    const handler = (event) => onLightDismiss(event);
+    dialog.addEventListener("click", handler);
+    return () => {
+      dialog.removeEventListener("click", handler);
+      if (dialog.open) dialog.close();
+    };
+  }, [open]);
+  if (typeof document === "undefined") return null;
+  if (!open) return null;
+  const currentImage = images[currentIndex] ?? images[0];
+  if (!currentImage?.url) return null;
+  return createPortal(/* @__PURE__ */ jsxs("dialog", {
+    ref: dialogRef,
+    "aria-label": "Image viewer",
+    onClose: () => onClose(),
+    className: "fixed inset-0 z-50 m-0 flex h-full max-h-none w-full max-w-none items-center justify-center border-0 bg-black/90 p-0 backdrop:bg-transparent",
+    children: [
+      /* @__PURE__ */ jsx("button", {
+        type: "button",
+        onClick: onClose,
+        "aria-label": "Close fullscreen (Esc)",
+        className: "absolute top-4 right-4 z-10 inline-flex size-9 items-center justify-center rounded-full bg-black/50 text-white transition-colors hover:bg-black/70",
+        children: /* @__PURE__ */ jsx(X, { className: "size-5" })
+      }),
+      hasMultipleImages && /* @__PURE__ */ jsx("button", {
+        type: "button",
+        onClick: goToPrevious,
+        "aria-label": "Previous image (\u2190)",
+        className: "absolute top-1/2 left-4 z-10 inline-flex size-10 -translate-y-1/2 items-center justify-center rounded-full bg-black/50 text-white transition-colors hover:bg-black/70",
+        children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-6" })
+      }),
+      /* @__PURE__ */ jsx("img", {
+        src: currentImage.url,
+        alt: currentImage.filename ?? "Image preview",
+        className: "max-h-[85vh] max-w-[90vw] object-contain select-none",
+        onClick: (event) => event.stopPropagation(),
+        draggable: false
+      }),
+      hasMultipleImages && /* @__PURE__ */ jsx("button", {
+        type: "button",
+        onClick: goToNext,
+        "aria-label": "Next image (\u2192)",
+        className: "absolute top-1/2 right-4 z-10 inline-flex size-10 -translate-y-1/2 items-center justify-center rounded-full bg-black/50 text-white transition-colors hover:bg-black/70",
+        children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-6" })
+      }),
+      hasMultipleImages && /* @__PURE__ */ jsxs("div", {
+        className: "absolute bottom-6 left-1/2 flex -translate-x-1/2 flex-col items-center gap-3",
+        children: [/* @__PURE__ */ jsx("div", {
+          className: "flex gap-2",
+          children: images.map((image, idx) => /* @__PURE__ */ jsx("button", {
+            type: "button",
+            onClick: (event) => {
+              event.stopPropagation();
+              setCurrentIndex(idx);
+            },
+            "aria-label": `Go to image ${idx + 1}`,
+            className: cn("size-2 rounded-full transition-all", idx === currentIndex ? "scale-125 bg-white" : "bg-white/40 hover:bg-white/60")
+          }, image.url))
+        }), /* @__PURE__ */ jsxs("span", {
+          className: "text-sm text-white/70",
+          children: [
+            currentIndex + 1,
+            " / ",
+            images.length
+          ]
+        })]
+      })
+    ]
+  }), document.body);
+}
+function formatFileSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / 1048576).toFixed(1)} MB`;
+}
+function getFileIconName(filename, isImage) {
+  if (isImage) return "image";
+  const ext = filename.split(".").pop()?.toLowerCase();
+  if ([
+    "js",
+    "ts",
+    "jsx",
+    "tsx",
+    "py",
+    "rb",
+    "go",
+    "rs",
+    "java",
+    "kt",
+    "swift",
+    "c",
+    "cpp",
+    "h",
+    "hpp",
+    "cs",
+    "php"
+  ].includes(ext || "")) return "code";
+  if ([
+    "json",
+    "yaml",
+    "yml",
+    "xml"
+  ].includes(ext || "")) return "data";
+  return "text";
+}
+function renderFileIcon(iconName) {
+  switch (iconName) {
+    case "image":
+      return /* @__PURE__ */ jsx(Image, { className: "size-4 text-muted-foreground" });
+    case "code":
+      return /* @__PURE__ */ jsx(FileCode, { className: "size-4 text-muted-foreground" });
+    case "data":
+      return /* @__PURE__ */ jsx(FileBraces, { className: "size-4 text-muted-foreground" });
+    default:
+      return /* @__PURE__ */ jsx(FileText, { className: "size-4 text-muted-foreground" });
+  }
+}
+function FileAttachment({ id, filename, size, isImage, url, onRemove, className, display = "chip", enableImagePreview = true }) {
+  const [isHovered, setIsHovered] = useState(false);
+  const [isLightboxOpen, setIsLightboxOpen] = useState(false);
+  const iconName = getFileIconName(filename, isImage);
+  const isImageOnly = display === "image-only" && isImage && !!url;
+  const canPreview = Boolean(enableImagePreview && isImage && url);
+  const openLightbox = (event) => {
+    event?.stopPropagation();
+    setIsLightboxOpen(true);
+  };
+  return /* @__PURE__ */ jsxs("div", {
+    className: cn("relative rounded-[calc(var(--an-input-border-radius)-var(--an-context-padding))] bg-muted/50", isImageOnly ? "flex size-10 items-center justify-center" : "flex max-w-[200px] min-w-[120px] items-center gap-2 py-1 pr-2 pl-1", className),
+    onMouseEnter: () => setIsHovered(true),
+    onMouseLeave: () => setIsHovered(false),
+    children: [
+      isImageOnly ? /* @__PURE__ */ jsx("div", {
+        className: cn("size-8 shrink-0 overflow-hidden rounded-[calc(var(--an-input-border-radius)-var(--an-context-padding)-2px)]", canPreview && "cursor-pointer"),
+        onClick: canPreview ? openLightbox : void 0,
+        role: canPreview ? "button" : void 0,
+        tabIndex: canPreview ? 0 : void 0,
+        "aria-label": canPreview ? `Preview ${filename}` : void 0,
+        onKeyDown: canPreview ? (event) => {
+          if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            openLightbox();
+          }
+        } : void 0,
+        children: /* @__PURE__ */ jsx("img", {
+          src: url,
+          alt: filename,
+          className: "h-full w-full object-cover"
+        })
+      }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [isImage && url ? /* @__PURE__ */ jsx("div", {
+        className: cn("w-8 shrink-0 self-stretch overflow-hidden rounded-[calc(var(--an-input-border-radius)-var(--an-context-padding)-2px)]", canPreview && "cursor-pointer"),
+        onClick: canPreview ? openLightbox : void 0,
+        role: canPreview ? "button" : void 0,
+        tabIndex: canPreview ? 0 : void 0,
+        "aria-label": canPreview ? `Preview ${filename}` : void 0,
+        onKeyDown: canPreview ? (event) => {
+          if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            openLightbox();
+          }
+        } : void 0,
+        children: /* @__PURE__ */ jsx("img", {
+          src: url,
+          alt: filename,
+          className: "aspect-square h-full w-full object-cover"
+        })
+      }) : /* @__PURE__ */ jsx("div", {
+        className: "flex w-8 shrink-0 items-center justify-center self-stretch rounded-[calc(var(--an-input-border-radius)-var(--an-context-padding)-2px)] bg-muted",
+        children: renderFileIcon(iconName)
+      }), /* @__PURE__ */ jsxs("div", {
+        className: "flex min-w-0 flex-col",
+        children: [/* @__PURE__ */ jsx("span", {
+          className: "truncate text-sm font-medium text-foreground",
+          title: filename,
+          children: filename
+        }), size !== void 0 && /* @__PURE__ */ jsx("span", {
+          className: "text-[10px] text-muted-foreground",
+          children: formatFileSize(size)
+        })]
+      })] }),
+      onRemove && /* @__PURE__ */ jsx("button", {
+        onClick: (e) => {
+          e.stopPropagation();
+          onRemove();
+        },
+        "aria-label": `Remove ${filename}`,
+        className: `absolute -top-1.5 -right-1.5 z-10 flex size-4 items-center justify-center rounded-full border border-border bg-background text-muted-foreground transition-[opacity,transform] duration-150 ease-out hover:text-foreground active:scale-[0.97] ${isHovered ? "opacity-100" : "opacity-0"}`,
+        type: "button",
+        children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+      }),
+      canPreview && url && /* @__PURE__ */ jsx(ImageLightbox, {
+        open: isLightboxOpen,
+        onClose: () => setIsLightboxOpen(false),
+        images: [{
+          id,
+          url,
+          filename
+        }]
+      })
+    ]
+  });
+}
+function isRecord$2(value) {
+  return typeof value === "object" && value !== null;
+}
+function isTextPart(part) {
+  return isRecord$2(part) && part.type === "text" && typeof part.text === "string";
+}
+function isErrorPart(part) {
+  return isRecord$2(part) && part.type === "error" && typeof part.message === "string";
+}
+function isPayloadPart(part) {
+  return isRecord$2(part) && part.type === "payload" && typeof part.kind === "string" && typeof part.title === "string";
+}
+function isV5ToolPart(part) {
+  if (!isRecord$2(part)) return false;
+  const partType = part.type;
+  return partType === "dynamic-tool" || typeof partType === "string" && partType.startsWith("tool-");
+}
+function getTextFromParts(parts, joiner) {
+  const texts = [];
+  for (const part of parts) if (isTextPart(part)) texts.push(part.text);
+  return texts.join(joiner);
+}
+function isRecord$1(value) {
+  return typeof value === "object" && value !== null;
+}
+function getImageUrlFromPart(part) {
+  if (!isRecord$1(part)) return null;
+  const type = part.type;
+  if (typeof type !== "string") return null;
+  if (type === "image") {
+    const imagePart = part;
+    return imagePart.url ?? imagePart.image ?? null;
+  }
+  if (type === "data-image") return part.data?.url ?? null;
+  if (type === "file") {
+    const filePart = part;
+    if (filePart.mimeType?.startsWith("image/")) {
+      if (filePart.url) return filePart.url;
+      if (filePart.data) return `data:${filePart.mimeType};base64,${filePart.data}`;
+    }
+  }
+  return null;
+}
+function getFileFromPart(part) {
+  if (!isRecord$1(part)) return null;
+  if (part.type !== "file") return null;
+  const filePart = part;
+  const filename = filePart.filename || filePart.name || filePart.fileName || "Attachment";
+  if (filePart.mimeType?.startsWith("image/") ?? false) return null;
+  return {
+    filename,
+    size: filePart.size
+  };
+}
+var UserMessage = memo(function UserMessage2({ message, className, enableImagePreview = true }) {
+  const [lightboxIndex, setLightboxIndex] = useState(null);
+  const text = (message.parts?.filter(isTextPart) ?? []).map((p) => p.text).join("");
+  const images = [];
+  const files = [];
+  for (const part of message.parts ?? []) {
+    const imageUrl = getImageUrlFromPart(part);
+    if (imageUrl) images.push(imageUrl);
+    const file = getFileFromPart(part);
+    if (file) files.push(file);
+  }
+  if (isRecord$1(message) && Array.isArray(message.experimental_attachments)) {
+    for (const att of message.experimental_attachments) if (att.contentType?.startsWith("image/") && att.url) images.push(att.url);
+  }
+  if (!text && images.length === 0 && files.length === 0) return null;
+  const lightboxImages = images.map((url, i) => ({
+    id: `${message.id}-img-${i}`,
+    url,
+    filename: `image-${i + 1}`
+  }));
+  return /* @__PURE__ */ jsxs("div", {
+    className: cn("flex flex-col items-end gap-1", className),
+    children: [
+      images.length > 0 && images.map((url, i) => /* @__PURE__ */ jsx("div", {
+        className: cn("max-w-[200px] rounded-an-message bg-an-foreground/4 p-1.5", enableImagePreview && "cursor-pointer"),
+        onClick: enableImagePreview ? () => setLightboxIndex(i) : void 0,
+        role: enableImagePreview ? "button" : void 0,
+        tabIndex: enableImagePreview ? 0 : void 0,
+        onKeyDown: enableImagePreview ? (event) => {
+          if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            setLightboxIndex(i);
+          }
+        } : void 0,
+        children: /* @__PURE__ */ jsx("img", {
+          src: url,
+          alt: "attachment",
+          className: "block max-h-[120px] max-w-[184px] rounded-an-message-inner object-cover"
+        })
+      }, url)),
+      enableImagePreview && lightboxImages.length > 0 && /* @__PURE__ */ jsx(ImageLightbox, {
+        open: lightboxIndex !== null,
+        onClose: () => setLightboxIndex(null),
+        images: lightboxImages,
+        initialIndex: lightboxIndex ?? 0
+      }),
+      files.length > 0 && /* @__PURE__ */ jsx("div", {
+        className: "flex flex-col items-end gap-2",
+        children: files.map((file, i) => /* @__PURE__ */ jsx(FileAttachment, {
+          id: `${file.filename}-${i}`,
+          filename: file.filename,
+          size: file.size
+        }, `${file.filename}-${file.size}`))
+      }),
+      text && /* @__PURE__ */ jsx("div", {
+        className: "ms-[70px] max-w-[calc(95%-40px)]",
+        children: /* @__PURE__ */ jsx("div", {
+          className: "rounded-an-message bg-an-user-message-bg px-3.5 py-1.5 text-sm text-an-user-message-text transition-colors",
+          children: /* @__PURE__ */ jsx("p", {
+            className: "leading-5 wrap-break-word whitespace-pre-wrap",
+            children: text
+          })
+        })
+      })
+    ]
+  });
+});
+var ErrorMessage = memo(function ErrorMessage2({ title = "Something went wrong", message, className }) {
+  return /* @__PURE__ */ jsx("div", {
+    className: cn("flex justify-start", className),
+    children: /* @__PURE__ */ jsxs("div", {
+      className: "rounded-[8px] border border-red-500/30 bg-red-500/10 px-4 py-2.5 text-sm text-an-foreground",
+      children: [/* @__PURE__ */ jsx("div", {
+        className: "font-medium text-an-foreground",
+        children: title
+      }), /* @__PURE__ */ jsx("div", {
+        className: "mt-0.5 text-an-foreground-muted",
+        children: message
+      })]
+    })
+  });
+});
+function formatPayload(value) {
+  if (typeof value === "string") return value;
+  if (value === void 0) return "";
+  try {
+    return JSON.stringify(value, null, 2) ?? "";
+  } catch {
+    return String(value);
+  }
+}
+function PayloadPart({ part }) {
+  const payload = formatPayload(part.payload);
+  return /* @__PURE__ */ jsxs("section", {
+    "data-payload-kind": part.kind,
+    className: "w-full min-w-0 overflow-hidden rounded-xl border border-border/60 bg-muted/40 text-sm",
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        className: "border-b border-border/50 px-3 py-2 text-xs font-medium text-muted-foreground",
+        children: part.title
+      }),
+      part.text ? /* @__PURE__ */ jsx("pre", {
+        className: "m-0 whitespace-pre-wrap break-words px-3 py-3 font-mono text-xs leading-5 text-foreground/80",
+        children: part.text
+      }) : null,
+      payload ? /* @__PURE__ */ jsxs("details", {
+        open: true,
+        className: "border-t border-border/50 px-3 py-2",
+        children: [/* @__PURE__ */ jsx("summary", {
+          className: "cursor-pointer text-xs font-medium text-muted-foreground",
+          children: "Payload"
+        }), /* @__PURE__ */ jsx("pre", {
+          className: "m-0 mt-2 max-w-full whitespace-pre-wrap break-words font-mono text-xs leading-5 text-foreground/70",
+          children: payload
+        })]
+      }) : null
+    ]
+  });
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function parseStructuredJson(value) {
+  if (typeof value !== "string") return value;
+  const trimmed = value.trim();
+  if (!trimmed) return value;
+  try {
+    const parsed = JSON.parse(trimmed);
+    return isRecord(parsed) || Array.isArray(parsed) ? parsed : value;
+  } catch {
+    return value;
+  }
+}
+function normalizeToolPart(part) {
+  if (!isRecord(part)) return part;
+  if (typeof part.type !== "string" || !part.type.startsWith("tool-")) return part;
+  const normalizedInput = parseStructuredJson(part.input);
+  const normalizedOutput = parseStructuredJson(part.output);
+  const normalizedResult = parseStructuredJson(part.result);
+  const inputChanged = normalizedInput !== part.input;
+  const outputChanged = normalizedOutput !== part.output;
+  const resultChanged = normalizedResult !== part.result;
+  if (!inputChanged && !outputChanged && !resultChanged) return part;
+  const normalizedPart = { ...part };
+  if (inputChanged) normalizedPart.input = normalizedInput;
+  if (outputChanged) normalizedPart.output = normalizedOutput;
+  if (resultChanged) normalizedPart.result = normalizedResult;
+  return normalizedPart;
+}
+function normalizeAssistantToolParts(parts) {
+  let changed = false;
+  const normalizedParts = parts.map((part) => {
+    const normalizedPart = normalizeToolPart(part);
+    if (normalizedPart !== part) changed = true;
+    return normalizedPart;
+  });
+  return changed ? normalizedParts : parts;
+}
+var timeFormatter = new Intl.DateTimeFormat("en-US", {
+  hour: "numeric",
+  minute: "2-digit",
+  hour12: true
+});
+var dateFormatter = new Intl.DateTimeFormat("en-US", {
+  month: "short",
+  day: "numeric"
+});
+function formatTimestamp(date) {
+  const now = /* @__PURE__ */ new Date();
+  if (date.getFullYear() === now.getFullYear() && date.getMonth() === now.getMonth() && date.getDate() === now.getDate()) return timeFormatter.format(date);
+  return dateFormatter.format(date);
+}
+function CopyButton({ text, onCopied }) {
+  const [copied, setCopied] = useState(false);
+  const copiedTimerRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      if (copiedTimerRef.current) window.clearTimeout(copiedTimerRef.current);
+    };
+  }, []);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      if (copiedTimerRef.current) window.clearTimeout(copiedTimerRef.current);
+      copiedTimerRef.current = window.setTimeout(() => {
+        setCopied(false);
+        copiedTimerRef.current = null;
+      }, 2e3);
+      notify.success("Copied to clipboard");
+      onCopied?.();
+    } catch {
+      notify.error("Failed to copy to clipboard");
+    }
+  };
+  return /* @__PURE__ */ jsx("button", {
+    type: "button",
+    tabIndex: -1,
+    "aria-label": copied ? "Copied" : "Copy message",
+    onClick: handleCopy,
+    onPointerDown: (event) => {
+      event.stopPropagation();
+    },
+    onMouseDown: (event) => event.stopPropagation(),
+    className: cn("flex size-6 items-center justify-center rounded-md transition-[background-color,opacity,transform] duration-150 ease-out active:scale-[0.97]", "bg-transparent opacity-50 hover:bg-an-foreground/10 hover:opacity-100"),
+    children: /* @__PURE__ */ jsxs("div", {
+      className: "relative h-3.5 w-3.5",
+      children: [/* @__PURE__ */ jsx(Copy, { className: cn("absolute inset-0 h-3.5 w-3.5 text-an-foreground-muted transition-[opacity,transform] duration-150 ease-out", copied ? "scale-50 opacity-0" : "scale-100 opacity-100") }), /* @__PURE__ */ jsx(Check, { className: cn("absolute inset-0 h-3.5 w-3.5 text-an-foreground-muted transition-[opacity,transform] duration-150 ease-out", copied ? "scale-100 opacity-100" : "scale-50 opacity-0") })]
+    })
+  });
+}
+function MessageToolbar({ text, timestamp, heightClass, hoverClass, isVisible, alignClass, onCopied }) {
+  return /* @__PURE__ */ jsxs("div", {
+    className: cn("pointer-events-none flex items-center gap-1 pt-1 text-xs text-an-foreground-muted/70 opacity-0 transition-opacity duration-100", heightClass, alignClass, hoverClass, isVisible && "pointer-events-auto opacity-100"),
+    onMouseDown: (event) => event.stopPropagation(),
+    onPointerDown: (event) => event.stopPropagation(),
+    children: [timestamp && /* @__PURE__ */ jsx("span", { children: timestamp }), text && /* @__PURE__ */ jsx(CopyButton, {
+      text,
+      onCopied
+    })]
+  });
+}
+memo(function UserTurn(props) {
+  const { message, UserMessageComponent, userMessageClassName, onCopied, display } = props;
+  const { enableImagePreview, showCopyToolbar, isMounted, isCopyVisible } = display;
+  const text = getTextFromParts(message.parts ?? [], "");
+  const hasParts = (message.parts ?? []).length > 0;
+  if (!text && !hasParts) return null;
+  const userCreatedAt = message?.createdAt;
+  const userCopyKey = `user-${message.id}`;
+  const userTimestamp = isMounted && userCreatedAt ? formatTimestamp(new Date(userCreatedAt)) : void 0;
+  return /* @__PURE__ */ jsxs("div", {
+    className: "group/user-message",
+    children: [/* @__PURE__ */ jsx(UserMessageComponent, {
+      message,
+      className: userMessageClassName,
+      enableImagePreview
+    }), (showCopyToolbar && Boolean(text) || Boolean(userTimestamp)) && /* @__PURE__ */ jsx(MessageToolbar, {
+      text: showCopyToolbar ? text : "",
+      timestamp: userTimestamp,
+      heightClass: "h-[28px]",
+      hoverClass: "group-hover/user-message:opacity-100 group-hover/user-message:pointer-events-auto",
+      isVisible: isCopyVisible,
+      alignClass: "justify-end",
+      onCopied: () => onCopied(userCopyKey)
+    })]
+  });
+});
+memo(function AssistantTurn(props) {
+  const { assistantMsgs, turnKey, ToolRendererComponent, TextRendererComponent, toolRenderers, onOpenUIAction, onOpenUIArtifactReady, onOpenArtifact, onCopied, stream, copy, display } = props;
+  const { isLast: isLastTurn, isStreaming } = stream;
+  const { enabled: showCopyToolbar, isVisible: isCopyVisible } = copy;
+  const { suppressQuestionTool } = display;
+  const assistantText = getTextFromParts(assistantMsgs.flatMap((msg) => msg.parts ?? []), "\n\n");
+  const isTurnStreaming = isStreaming && isLastTurn;
+  const showToolbar = showCopyToolbar && Boolean(assistantText.trim()) && !isTurnStreaming;
+  const copyKey = `assistant-${turnKey}-all`;
+  const toolbarText = showCopyToolbar ? assistantText : "";
+  return /* @__PURE__ */ jsxs("div", {
+    className: "group/assistant-turn",
+    children: [/* @__PURE__ */ jsx("div", {
+      className: "flex flex-col gap-3",
+      children: assistantMsgs.map((msg, i) => {
+        const isLastMsg = isLastTurn && i === assistantMsgs.length - 1;
+        return /* @__PURE__ */ jsx(AssistantParts, {
+          msg,
+          isLast: isLastMsg,
+          isStreaming,
+          suppressQuestionTool,
+          ToolRendererComponent,
+          TextRendererComponent,
+          toolRenderers,
+          onOpenUIAction,
+          onOpenUIArtifactReady,
+          onOpenArtifact
+        }, msg.id);
+      })
+    }), (showToolbar || isCopyVisible) && /* @__PURE__ */ jsx(MessageToolbar, {
+      text: toolbarText,
+      heightClass: "h-[48px] flex items-start w-full",
+      hoverClass: "group-hover/assistant-turn:opacity-100 group-hover/assistant-turn:pointer-events-auto",
+      isVisible: isCopyVisible,
+      alignClass: "justify-start",
+      onCopied: () => onCopied(copyKey)
+    })]
+  });
+});
+var TOOL_CALL_KEY_PREFIX = "tool-call:";
+var UNKEYED_TOOL_KEY_PREFIX = "unkeyed-tool:";
+function getAssistantToolElementKey(messageId, part, occurrence) {
+  if (part.toolCallId) return `${TOOL_CALL_KEY_PREFIX}${part.toolCallId}`;
+  return `${UNKEYED_TOOL_KEY_PREFIX}${messageId}:${part.type}:${occurrence}`;
+}
+function buildAssistantElements(parts, opts) {
+  const { messageId, isLast, isStreaming, suppressQuestionTool, suppressTextWhenPlanWrite = false, ToolRendererComponent, TextRendererComponent, toolRenderers, onOpenUIAction, onOpenUIArtifactReady, onOpenArtifact } = opts;
+  const elems = [];
+  const textChunks = [];
+  const hasPlanWritePresentation = suppressTextWhenPlanWrite && parts.some((part) => isV5ToolPart(part) && part.type === "tool-PlanWrite");
+  const taskPartIds = new Set(parts.filter((p) => isV5ToolPart(p) && (p.type === "tool-Task" || p.type === "tool-Agent") && typeof p.toolCallId === "string").map((p) => p.toolCallId));
+  const nestedToolsMap = /* @__PURE__ */ new Map();
+  const nestedToolIds = /* @__PURE__ */ new Set();
+  const unkeyedToolOccurrences = /* @__PURE__ */ new Map();
+  for (const part of parts) {
+    if (!isV5ToolPart(part)) continue;
+    if (part.type === "tool-TaskOutput") continue;
+    if (!part.toolCallId || !part.toolCallId.includes(":")) continue;
+    const parentId = part.toolCallId.split(":")[0];
+    if (!taskPartIds.has(parentId)) continue;
+    if (!nestedToolsMap.has(parentId)) nestedToolsMap.set(parentId, []);
+    nestedToolsMap.get(parentId).push(part);
+    nestedToolIds.add(part.toolCallId);
+  }
+  let i = 0;
+  while (i < parts.length) {
+    const part = parts[i];
+    if (isV5ToolPart(part) && part.type === "tool-TaskOutput") {
+      i++;
+      continue;
+    }
+    if (isTextPart(part)) {
+      const text2 = part.text;
+      if (text2 && !hasPlanWritePresentation) textChunks.push(text2);
+      i++;
+      continue;
+    }
+    if (isErrorPart(part)) {
+      elems.push(/* @__PURE__ */ jsx(ErrorMessage, {
+        title: part.title,
+        message: part.message
+      }, `${messageId}-error-${part.title}-${part.message}`));
+      i++;
+      continue;
+    }
+    if (isPayloadPart(part)) {
+      elems.push(/* @__PURE__ */ jsx(PayloadPart, { part }, `${messageId}-payload-${i}`));
+      i++;
+      continue;
+    }
+    if (isV5ToolPart(part)) {
+      if (suppressQuestionTool && part.type === "tool-Question") {
+        i++;
+        continue;
+      }
+      if (part.toolCallId && nestedToolIds.has(part.toolCallId)) {
+        i++;
+        continue;
+      }
+      const chatStreamingStatus = isLast && isStreaming ? "streaming" : void 0;
+      const toolCallId = part.toolCallId;
+      const nestedTools = (part.type === "tool-Task" || part.type === "tool-Agent") && toolCallId ? nestedToolsMap.get(toolCallId) || [] : void 0;
+      const occurrence = part.toolCallId ? 0 : unkeyedToolOccurrences.get(part.type) ?? 0;
+      if (!part.toolCallId) unkeyedToolOccurrences.set(part.type, occurrence + 1);
+      elems.push(/* @__PURE__ */ jsx(ToolRendererComponent, {
+        part,
+        nestedTools,
+        chatStatus: chatStreamingStatus,
+        toolRenderers
+      }, getAssistantToolElementKey(messageId, part, occurrence)));
+      i++;
+      continue;
+    }
+    i++;
+  }
+  const text = textChunks.join("\n\n");
+  if (text) elems.push(/* @__PURE__ */ jsx("div", {
+    className: "group/assistant-text text-[14px]",
+    children: /* @__PURE__ */ jsx(TextRendererComponent, {
+      content: text,
+      isStreaming,
+      messageId,
+      onOpenUIAction,
+      onOpenUIArtifactReady,
+      onOpenArtifact,
+      className: "leading-relaxed [&_p]:leading-relaxed"
+    })
+  }, `${messageId}-text-final`));
+  return elems;
+}
+function AssistantParts({ msg, isLast, isStreaming, suppressQuestionTool, ToolRendererComponent, TextRendererComponent, toolRenderers, onOpenUIAction, onOpenUIArtifactReady, onOpenArtifact }) {
+  const parts = useMemo(() => normalizeAssistantToolParts(msg.parts ?? []), [msg.parts]);
+  const elements = useMemo(() => buildAssistantElements(parts, {
+    messageId: msg.id,
+    isLast,
+    isStreaming,
+    suppressQuestionTool,
+    ToolRendererComponent,
+    TextRendererComponent,
+    toolRenderers,
+    onOpenUIAction,
+    onOpenUIArtifactReady,
+    onOpenArtifact
+  }), [
+    parts,
+    msg.id,
+    isLast,
+    isStreaming,
+    suppressQuestionTool,
+    ToolRendererComponent,
+    TextRendererComponent,
+    toolRenderers,
+    onOpenUIAction,
+    onOpenUIArtifactReady,
+    onOpenArtifact
+  ]);
+  if (elements.length > 1) return /* @__PURE__ */ jsx("div", {
+    className: "group/assistant-turn flex flex-col gap-3",
+    children: elements
+  });
+  return /* @__PURE__ */ jsx("div", {
+    className: "group/assistant-turn",
+    children: elements
+  });
+}
+function orderedRlmChildren(children, tree) {
+  const byId = new Map(children.map((child) => [child.id, child]));
+  const visited = /* @__PURE__ */ new Set();
+  const ordered = [];
+  const visit = (id) => {
+    if (visited.has(id)) return;
+    visited.add(id);
+    const child = byId.get(id);
+    if (child) ordered.push(child);
+    for (const nextId of tree?.nodes[id]?.childrenIds ?? []) visit(nextId);
+  };
+  for (const id of tree?.rootChildrenIds ?? []) visit(id);
+  for (const child of children) visit(child.id);
+  return ordered;
+}
+function rlmStatusIcon(status2) {
+  if (status2 === "done") return /* @__PURE__ */ jsx(CircleCheck, { className: "size-3.5 text-emerald-600 dark:text-emerald-400" });
+  if (status2 === "error" || status2 === "failed") return /* @__PURE__ */ jsx(CircleAlert, { className: "size-3.5 text-destructive" });
+  if (status2 === "cancelled") return /* @__PURE__ */ jsx(CircleX, { className: "size-3.5 text-muted-foreground" });
+  if (status2 === "recovering") return /* @__PURE__ */ jsx(RotateCw, { className: "size-3.5 animate-spin text-amber-500 dark:text-amber-400" });
+  return /* @__PURE__ */ jsx(LoaderCircle, { className: "size-3.5 animate-spin text-blue-600 dark:text-blue-400" });
+}
+function FleetSubagentList({ children, tree, className }) {
+  const agents = useMemo(() => orderedRlmChildren(children, tree), [children, tree]);
+  const active = agents.some((child) => child.status === "queued" || child.status === "running" || child.status === "recovering");
+  const [open, setOpen] = useState(active);
+  if (agents.length === 0) return null;
+  return /* @__PURE__ */ jsxs("section", {
+    className: cn("mt-2 rounded-xl border border-border/60 bg-muted/20", className),
+    children: [/* @__PURE__ */ jsxs("button", {
+      type: "button",
+      "aria-expanded": open || active,
+      onClick: () => setOpen((current) => !current),
+      className: "flex w-full items-center gap-2 px-3 py-2 text-left text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      children: [
+        active ? /* @__PURE__ */ jsx(LoaderCircle, { className: "size-3.5 animate-spin text-blue-600 dark:text-blue-400" }) : /* @__PURE__ */ jsx(CircleCheck, { className: "size-3.5 text-emerald-600 dark:text-emerald-400" }),
+        /* @__PURE__ */ jsx("span", {
+          className: "flex-1 font-medium",
+          children: active ? "Subagents working" : "Subagents completed"
+        }),
+        /* @__PURE__ */ jsx("span", {
+          className: "text-xs text-muted-foreground",
+          children: agents.length
+        }),
+        /* @__PURE__ */ jsx(ChevronDown, { className: cn("size-3.5 text-muted-foreground transition-transform", (open || active) && "rotate-180") })
+      ]
+    }), open || active ? /* @__PURE__ */ jsx("div", {
+      className: "space-y-1 border-t border-border/50 px-3 py-2",
+      children: agents.map((child) => /* @__PURE__ */ jsxs("div", {
+        className: "flex min-w-0 items-start gap-2",
+        style: { paddingLeft: `${Math.max(0, child.depth ?? 0) * 12}px` },
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: "mt-0.5 shrink-0",
+            children: rlmStatusIcon(child.status)
+          }),
+          /* @__PURE__ */ jsxs("div", {
+            className: "min-w-0 flex-1",
+            children: [/* @__PURE__ */ jsxs("div", {
+              className: "flex min-w-0 items-baseline gap-2",
+              children: [/* @__PURE__ */ jsx("span", {
+                className: "truncate text-sm text-foreground/85",
+                children: child.label
+              }), child.model ? /* @__PURE__ */ jsx("span", {
+                className: "truncate font-mono text-[10px] text-muted-foreground",
+                children: child.model
+              }) : null]
+            }), child.answerPreview || child.activity?.toolName || child.error ? /* @__PURE__ */ jsx("p", {
+              className: "truncate text-xs text-muted-foreground",
+              children: child.error ?? child.answerPreview ?? child.activity?.toolName
+            }) : null]
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "shrink-0 text-[10px] capitalize text-muted-foreground",
+            children: child.status
+          })
+        ]
+      }, child.id))
+    }) : null]
+  });
+}
+function record(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
+}
+function target(input, fallback) {
+  const source = record(input);
+  for (const key of [
+    "path",
+    "filePath",
+    "command",
+    "cmd",
+    "query",
+    "pattern",
+    "code"
+  ]) if (typeof source?.[key] === "string" && source[key]) return source[key];
+  return fallback;
+}
+function status(part, streaming) {
+  const state = part.state;
+  if (state === "output-error" || state === "error") return "error";
+  if (state === "cancelled" || state === "canceled" || state === "aborted") return "cancelled";
+  if (state === "input-streaming" || state === "streaming") return streaming ? "running" : "cancelled";
+  return streaming && part.output === void 0 && part.result === void 0 ? "running" : "complete";
+}
+function toolStep(part, fallbackId, streaming) {
+  const type = part.type;
+  if (typeof type !== "string" || !type.startsWith("tool-") || type === "tool-FleetReasoning" || type === "tool-Thinking") return void 0;
+  const name = type.slice(5);
+  const lower = name.toLowerCase();
+  const icon = lower.includes("edit") || lower.includes("write") || lower.includes("patch") ? FilePenLine : lower.includes("read") || lower.includes("search") || lower.includes("grep") || lower.includes("glob") ? FileSearch : lower.includes("bash") || lower.includes("shell") || lower.includes("python") || lower.includes("ipython") ? Terminal : Wrench;
+  const verb = lower.includes("edit") || lower.includes("write") || lower.includes("patch") ? "Edited" : lower.includes("read") ? "Read" : lower.includes("search") || lower.includes("grep") || lower.includes("glob") ? "Searched" : lower.includes("bash") || lower.includes("shell") || lower.includes("python") || lower.includes("ipython") ? "Ran" : name;
+  return {
+    id: typeof part.toolCallId === "string" ? part.toolCallId : fallbackId,
+    icon,
+    verb,
+    target: target(part.input ?? part.args, name),
+    status: status(part, streaming)
+  };
+}
+function artifactStep(artifact) {
+  const icon = artifact.kind === "diff" ? FilePenLine : artifact.kind === "bash" || artifact.kind === "ipython" ? Terminal : Wrench;
+  return {
+    id: `artifact:${artifact.id}`,
+    icon,
+    verb: artifact.kind === "compaction" ? "Compacted" : artifact.kind === "refinement" ? "Refined" : artifact.kind === "recap" ? "Recapped" : artifact.kind === "rlm" ? "Delegated" : artifact.kind === "diff" ? "Edited" : "Completed",
+    target: artifact.title,
+    status: artifact.status === "success" ? "complete" : artifact.status
+  };
+}
+function statusClass(status2) {
+  if (status2 === "running") return "text-blue-600 dark:text-blue-400";
+  if (status2 === "error") return "text-destructive";
+  if (status2 === "cancelled") return "text-muted-foreground";
+  return "text-emerald-600 dark:text-emerald-400";
+}
+function FleetToolTimeline({ messages, artifacts = [], streaming, className }) {
+  const steps = useMemo(() => {
+    const seen = /* @__PURE__ */ new Set();
+    const fromMessages = messages.flatMap((message) => message.parts.flatMap((part, index) => {
+      const step = toolStep(record(part) ?? {}, `${message.id}:${index}`, streaming);
+      if (!step || seen.has(step.id)) return [];
+      seen.add(step.id);
+      return [step];
+    }));
+    const fromArtifacts = artifacts.flatMap((artifact) => {
+      if (artifact.sourceToolCallId && seen.has(artifact.sourceToolCallId)) return [];
+      const step = artifactStep(artifact);
+      if (seen.has(step.id)) return [];
+      seen.add(step.id);
+      return [step];
+    });
+    return [...fromMessages, ...fromArtifacts];
+  }, [
+    artifacts,
+    messages,
+    streaming
+  ]);
+  const [open, setOpen] = useState(true);
+  if (steps.length === 0) return null;
+  const active = steps.at(-1);
+  const ActiveIcon = active?.icon;
+  return /* @__PURE__ */ jsxs("section", {
+    className: cn("mb-2 rounded-xl border border-border/60 bg-muted/20", className),
+    children: [/* @__PURE__ */ jsxs("button", {
+      type: "button",
+      "aria-expanded": open,
+      onClick: () => setOpen((current) => !current),
+      className: "flex w-full items-center gap-2 px-3 py-2 text-left text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      children: [
+        active && ActiveIcon ? /* @__PURE__ */ jsx(ActiveIcon, { className: cn("size-3.5 shrink-0", statusClass(active.status), active.status === "running" && "animate-pulse") }) : null,
+        /* @__PURE__ */ jsx("span", {
+          className: "min-w-0 flex-1 truncate font-medium",
+          children: streaming && active ? `${active.verb} ${active.target}` : `${steps.length} tool ${steps.length === 1 ? "action" : "actions"}`
+        }),
+        /* @__PURE__ */ jsx(ChevronDown, { className: cn("size-3.5 text-muted-foreground transition-transform", open && "rotate-180") })
+      ]
+    }), open ? /* @__PURE__ */ jsx("div", {
+      className: "space-y-1 border-t border-border/50 px-3 py-2",
+      children: steps.map((step) => {
+        const Icon = step.icon;
+        return /* @__PURE__ */ jsxs("div", {
+          className: "flex min-w-0 items-center gap-2 text-xs",
+          children: [
+            /* @__PURE__ */ jsx(Icon, { className: cn("size-3.5 shrink-0", statusClass(step.status)) }),
+            /* @__PURE__ */ jsx("span", {
+              className: "shrink-0 text-muted-foreground",
+              children: step.verb
+            }),
+            /* @__PURE__ */ jsx("span", {
+              className: "min-w-0 flex-1 truncate font-mono text-foreground/75",
+              children: step.target
+            })
+          ]
+        }, step.id);
+      })
+    }) : null]
+  });
+}
+function groupMessages(messages) {
+  const turns = [];
+  let current;
+  for (const message of messages) {
+    if (message.role === "user") {
+      if (current) turns.push(current);
+      current = {
+        user: message,
+        assistants: []
+      };
+      continue;
+    }
+    if (message.role !== "assistant") continue;
+    if (!current || message.source === "local") {
+      if (current) turns.push(current);
+      current = { assistants: [message] };
+      continue;
+    }
+    current.assistants.push(message);
+  }
+  if (current) turns.push(current);
+  return turns;
+}
+var LazyGenerativeTextRenderer = lazy(() => import("./openui-renderer-c36_GYes-HX46N4M5.js").then((n) => n.n).then(({ GenerativeTextRenderer }) => ({ default: GenerativeTextRenderer })));
+function PlainTextFallback({ className, content }) {
+  return /* @__PURE__ */ jsx("div", {
+    className: className ? `${className} whitespace-pre-wrap` : "whitespace-pre-wrap",
+    children: content
+  });
+}
+function FleetGenerativeTextRenderer(props) {
+  if (!useMemo(() => segmentOpenUIContent(props.content).some((segment) => segment.type === "openui"), [props.content])) return /* @__PURE__ */ jsx(LazyMarkdown, {
+    className: props.className,
+    content: props.content
+  });
+  return /* @__PURE__ */ jsx(Suspense, {
+    fallback: /* @__PURE__ */ jsx(PlainTextFallback, {
+      className: props.className,
+      content: props.content
+    }),
+    children: /* @__PURE__ */ jsx(LazyGenerativeTextRenderer, { ...props })
+  });
+}
+
+export {
+  ChevronLeft,
+  Image,
+  MessageBubble,
+  MessageBubbleContent,
+  MessageScroller,
+  Message,
+  MessageContent,
+  FileAttachment,
+  UserMessage,
+  normalizeAssistantToolParts,
+  buildAssistantElements,
+  orderedRlmChildren,
+  rlmStatusIcon,
+  FleetSubagentList,
+  FleetToolTimeline,
+  groupMessages,
+  FleetGenerativeTextRenderer
+};
+/**
+* @license lucide-react v1.33.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/