@qredence/fleet 0.6.0 → 0.6.2

package/dist/web/server/{chunk-BBBS5AS7.js → chunk-4OTHKQMG.js}

@@ -1,20 +1,24 @@
-import {
-  Image
-} from "./chunk-FJV6EQDW.js";
 import {
   notify
-} from "./chunk-WYL2DW5R.js";
+} from "./chunk-BUXJSBE3.js";
 import {
-  LazyMarkdown,
   useHoverCapable
-} from "./chunk-N6NOTURM.js";
+} from "./chunk-NCK2FJAD.js";
+import {
+  LazyMarkdown
+} from "./chunk-7NZ3FJDA.js";
 import {
+  CircleX,
   Copy
-} from "./chunk-2ATMSG7U.js";
+} from "./chunk-WU6X3GPJ.js";
+import {
+  CircleCheck,
+  LoaderCircle
+} from "./chunk-TNL4YV63.js";
 import {
   AnimatePresence,
   useReducedMotion
-} from "./chunk-ZJFA4F5X.js";
+} from "./chunk-CAPTFJOC.js";
 import {
   ChevronRight
 } from "./chunk-3C4CFCIS.js";
@@ -22,7 +26,7 @@ import {
   EASE_OUT,
   SPRING_LAYOUT,
   m
-} from "./chunk-K3BXQG3N.js";
+} from "./chunk-7FK6YEMA.js";
 import {
   segmentOpenUIContent
 } from "./chunk-NFRJDPB3.js";
@@ -33,16 +37,17 @@ import {
   X
 } from "./chunk-JBLHIEVG.js";
 import {
+  CircleAlert,
   FileText
-} from "./chunk-AR7O7JXD.js";
+} from "./chunk-KBWUBWVJ.js";
 import {
   createLucideIcon
 } from "./chunk-4ZIEVI5O.js";
 import {
   cn
-} from "./chunk-DJMHPJBP.js";
+} from "./chunk-CHEC7TWB.js";
 
-// web/app/dist/server/assets/virtualized-turn-list-atr4a0d6.js
+// web/app/dist/server/assets/virtualized-turn-list-Coc3IbGL.js
 import { Fragment, 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";
@@ -86,6 +91,34 @@ var FileCode = createLucideIcon("file-code", [
     key: "yinavb"
   }]
 ]);
+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,
@@ -145,7 +178,7 @@ function MessageBubble({ variant = "soft", align, animateIn = false, className,
   });
 }
 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]");
+  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-[90%] [&_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");
@@ -159,7 +192,7 @@ function MessageBubbleContent({ render, className, children, ref, ...props }) {
   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",
+    layout: false,
     layoutDependency: layoutVersion,
     initial: animateIn && !reduce ? {
       opacity: 0,
@@ -747,270 +780,175 @@ function MessageContent({ className, ...props }) {
     ...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();
-    }
+function isRecord$2(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$2(parsed) || Array.isArray(parsed) ? parsed : value;
+  } catch {
+    return value;
+  }
+}
+function normalizeToolPart(part) {
+  if (!isRecord$2(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;
   });
-  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();
+  return changed ? normalizedParts : parts;
+}
+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-foreground",
+      children: [/* @__PURE__ */ jsx("div", {
+        className: "font-medium text-foreground",
+        children: title
+      }), /* @__PURE__ */ jsx("div", {
+        className: "mt-0.5 text-muted-foreground",
+        children: message
+      })]
+    })
   });
+});
+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(() => {
-    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();
+      if (copiedTimerRef.current) window.clearTimeout(copiedTimerRef.current);
     };
-  }, [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",
+  }, []);
+  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-foreground/10 hover:opacity-100"),
+    children: /* @__PURE__ */ jsxs("div", {
+      className: "relative size-3.5",
+      children: [/* @__PURE__ */ jsx(Copy, { className: cn("absolute inset-0 h-3.5 w-3.5 text-muted-foreground 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-muted-foreground 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-muted-foreground/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
+    })]
+  });
+}
+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("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" })
+      /* @__PURE__ */ jsx("div", {
+        className: "border-b border-border/50 px-3 py-2 text-xs font-medium text-muted-foreground",
+        children: part.title
       }),
-      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
-          ]
+      part.text ? /* @__PURE__ */ jsx("pre", {
+        className: "m-0 whitespace-pre-wrap break-words p-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
     ]
-  }), 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-[0.625rem] 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) {
+function isRecord$1(value) {
   return typeof value === "object" && value !== null;
 }
 function isTextPart(part) {
-  return isRecord$2(part) && part.type === "text" && typeof part.text === "string";
+  return isRecord$1(part) && part.type === "text" && typeof part.text === "string";
 }
 function isErrorPart(part) {
-  return isRecord$2(part) && part.type === "error" && typeof part.message === "string";
+  return isRecord$1(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";
+  return isRecord$1(part) && part.type === "payload" && typeof part.kind === "string" && typeof part.title === "string";
 }
 function isV5ToolPart(part) {
-  if (!isRecord$2(part)) return false;
+  if (!isRecord$1(part)) return false;
   const partType = part.type;
   return partType === "dynamic-tool" || typeof partType === "string" && partType.startsWith("tool-");
 }
@@ -1019,284 +957,30 @@ function getTextFromParts(parts, joiner) {
   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}`
-  }));
+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: 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 p-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 size-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)
-    })]
+    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) {
@@ -1328,141 +1012,514 @@ memo(function AssistantTurn(props) {
           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)
-    })]
+    }), (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-body",
+    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 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(--chat-input-radius)-var(--chat-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(--chat-input-radius)-var(--chat-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(--chat-input-radius)-var(--chat-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(--chat-input-radius)-var(--chat-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-micro 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
+        }]
+      })
+    ]
   });
-});
-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);
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function getImageUrlFromPart(part) {
+  if (!isRecord(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;
   }
-  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;
+  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}`;
     }
-    i++;
   }
-  const text = textChunks.join("\n\n");
-  if (text) elems.push(/* @__PURE__ */ jsx("div", {
-    className: "group/assistant-text text-[0.875rem]",
-    children: /* @__PURE__ */ jsx(TextRendererComponent, {
-      content: text,
-      isStreaming,
-      messageId,
-      onOpenUIAction,
-      onOpenUIArtifactReady,
-      onOpenArtifact,
-      className: "leading-relaxed [&_p]:leading-relaxed"
-    })
-  }, `${messageId}-text-final`));
-  return elems;
+  return null;
 }
-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 getFileFromPart(part) {
+  if (!isRecord(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(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-chat-message bg-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",
+          width: 184,
+          height: 120,
+          className: "block max-h-[120px] max-w-[184px] rounded-chat-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-chat-message bg-muted px-3.5 py-1.5 text-sm text-foreground transition-colors",
+          children: /* @__PURE__ */ jsx("p", {
+            className: "leading-5 wrap-break-word whitespace-pre-wrap text-pretty",
+            children: text
+          })
+        })
+      })
+    ]
   });
+});
+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(status) {
+  if (status === "done") return /* @__PURE__ */ jsx(CircleCheck, { className: "size-3.5 text-emerald-600 dark:text-emerald-400" });
+  if (status === "error" || status === "failed") return /* @__PURE__ */ jsx(CircleAlert, { className: "size-3.5 text-destructive" });
+  if (status === "cancelled") return /* @__PURE__ */ jsx(CircleX, { className: "size-3.5 text-muted-foreground" });
+  if (status === "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-primary" });
 }
 function groupMessages(messages) {
   const turns = [];
@@ -1487,17 +1544,18 @@ function groupMessages(messages) {
   if (current) turns.push(current);
   return turns;
 }
-var LazyGenerativeTextRenderer = lazy(() => import("./openui-renderer-Biyyjhjn-SJOEKPTJ.js").then((n) => n.n).then(({ GenerativeTextRenderer }) => ({ default: GenerativeTextRenderer })));
+var LazyGenerativeTextRenderer = lazy(() => import("./openui-renderer-moJGf0LA-QCU3PI6H.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) {
+function SessionGenerativeTextRenderer(props) {
   if (!useMemo(() => segmentOpenUIContent(props.content).some((segment) => segment.type === "openui"), [props.content])) return /* @__PURE__ */ jsx(LazyMarkdown, {
     className: props.className,
-    content: props.content
+    content: props.content,
+    isStreaming: props.isStreaming
   });
   return /* @__PURE__ */ jsx(Suspense, {
     fallback: /* @__PURE__ */ jsx(PlainTextFallback, {
@@ -1525,7 +1583,7 @@ function buildOffsets(itemKeys, measuredHeights, estimateSize, itemGap) {
 }
 function VirtualizedTurnList({ estimateSize, getItemKey, itemGap = 0, items, overscan = 1.5, renderItem, viewportRef }) {
   const itemKeys = useMemo(() => items.map((item, index) => getItemKey(item, index)), [getItemKey, items]);
-  const shouldVirtualize = items.length >= 40;
+  const shouldVirtualize = items.length >= 16;
   const [measuredHeights, setMeasuredHeights] = useState(() => /* @__PURE__ */ new Map());
   const [viewport, setViewport] = useState({
     height: 0,
@@ -1540,6 +1598,7 @@ function VirtualizedTurnList({ estimateSize, getItemKey, itemGap = 0, items, ove
   const rowNodesRef = useRef(/* @__PURE__ */ new Map());
   const rowKeysRef = useRef(/* @__PURE__ */ new WeakMap());
   const rowObserverRef = useRef(null);
+  const viewportRafRef = useRef(null);
   const updateViewport = useCallback(() => {
     const element = viewportRef.current;
     if (!element) return;
@@ -1549,6 +1608,13 @@ function VirtualizedTurnList({ estimateSize, getItemKey, itemGap = 0, items, ove
     };
     setViewport((current) => current.height === next.height && current.scrollTop === next.scrollTop ? current : next);
   }, [viewportRef]);
+  const scheduleViewportUpdate = useCallback(() => {
+    if (viewportRafRef.current != null) return;
+    viewportRafRef.current = window.requestAnimationFrame(() => {
+      viewportRafRef.current = null;
+      updateViewport();
+    });
+  }, [updateViewport]);
   const setRowRef = useCallback((key, node) => {
     const previous = rowNodesRef.current.get(key);
     if (previous && previous !== node) {
@@ -1587,20 +1653,28 @@ function VirtualizedTurnList({ estimateSize, getItemKey, itemGap = 0, items, ove
   useEffect(() => {
     const element = viewportRef.current;
     if (!element) return;
-    element.addEventListener("scroll", updateViewport, { passive: true });
-    window.addEventListener("resize", updateViewport);
+    element.addEventListener("scroll", scheduleViewportUpdate, { passive: true });
+    window.addEventListener("resize", scheduleViewportUpdate);
     updateViewport();
     let viewportObserver;
     if (typeof ResizeObserver !== "undefined") {
-      viewportObserver = new ResizeObserver(updateViewport);
+      viewportObserver = new ResizeObserver(scheduleViewportUpdate);
       viewportObserver.observe(element);
     }
     return () => {
-      element.removeEventListener("scroll", updateViewport);
-      window.removeEventListener("resize", updateViewport);
+      element.removeEventListener("scroll", scheduleViewportUpdate);
+      window.removeEventListener("resize", scheduleViewportUpdate);
       viewportObserver?.disconnect();
+      if (viewportRafRef.current != null) {
+        window.cancelAnimationFrame(viewportRafRef.current);
+        viewportRafRef.current = null;
+      }
     };
-  }, [updateViewport, viewportRef]);
+  }, [
+    scheduleViewportUpdate,
+    updateViewport,
+    viewportRef
+  ]);
   const updateMeasuredHeights = useCallback((entries) => {
     const current = measuredHeightsRef.current;
     let next = current;
@@ -1698,12 +1772,14 @@ export {
   MessageScroller,
   Message,
   MessageContent,
-  FileAttachment,
-  UserMessage,
   normalizeAssistantToolParts,
   buildAssistantElements,
+  FileAttachment,
+  UserMessage,
+  orderedRlmChildren,
+  rlmStatusIcon,
   groupMessages,
-  FleetGenerativeTextRenderer,
+  SessionGenerativeTextRenderer,
   VirtualizedTurnList
 };
 /**