@qredence/fleet 0.5.11 → 0.6.1

package/dist/web/server/{chunk-WILCIZYU.js → chunk-ZIFSJ3HQ.js}

@@ -3,18 +3,18 @@ import {
 } from "./chunk-FJV6EQDW.js";
 import {
   notify
-} from "./chunk-WYL2DW5R.js";
+} from "./chunk-JTCCQZLN.js";
 import {
   LazyMarkdown,
   useHoverCapable
-} from "./chunk-N6NOTURM.js";
+} from "./chunk-NWDI3OWB.js";
 import {
   Copy
-} from "./chunk-2ATMSG7U.js";
+} from "./chunk-EJEPDVK6.js";
 import {
   AnimatePresence,
   useReducedMotion
-} from "./chunk-ZJFA4F5X.js";
+} from "./chunk-NIZBFVJF.js";
 import {
   ChevronRight
 } from "./chunk-3C4CFCIS.js";
@@ -22,7 +22,7 @@ import {
   EASE_OUT,
   SPRING_LAYOUT,
   m
-} from "./chunk-K3BXQG3N.js";
+} from "./chunk-EBG3XFGQ.js";
 import {
   segmentOpenUIContent
 } from "./chunk-NFRJDPB3.js";
@@ -42,7 +42,7 @@ import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/virtualized-turn-list-CVAfBX0T.js
+// web/app/dist/server/assets/virtualized-turn-list-DNo8CDwR.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 +86,29 @@ var FileCode = createLucideIcon("file-code", [
     key: "yinavb"
   }]
 ]);
+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 MessageSideContext = createContext(void 0);
 var MessageBubbleContext = createContext({
   animateIn: true,
@@ -747,258 +770,124 @@ 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();
-    }
+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
+      })]
+    })
   });
+});
+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 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;
+      if (copiedTimerRef.current) window.clearTimeout(copiedTimerRef.current);
     };
-  }, [open]);
-  const dialogRef = useRef(null);
-  const onLightDismiss = useEffectEvent((event) => {
-    if (dialogRef.current && event.target === dialogRef.current) onClose();
+  }, []);
+  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") })]
+    })
   });
-  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",
+}
+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
+    })]
+  });
+}
+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) {
-  return typeof value === "object" && value !== null;
+function isRecord$2(value) {
+  return typeof value === "object" && value !== null;
 }
 function isTextPart(part) {
   return isRecord$2(part) && part.type === "text" && typeof part.text === "string";
@@ -1022,170 +911,19 @@ function getTextFromParts(parts, 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 "";
+function parseStructuredJson(value) {
+  if (typeof value !== "string") return value;
+  const trimmed = value.trim();
+  if (!trimmed) return value;
   try {
-    return JSON.stringify(value, null, 2) ?? "";
+    const parsed = JSON.parse(trimmed);
+    return isRecord$1(parsed) || Array.isArray(parsed) ? parsed : value;
   } 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;
+    return value;
   }
 }
 function normalizeToolPart(part) {
-  if (!isRecord(part)) return part;
+  if (!isRecord$1(part)) return part;
   if (typeof part.type !== "string" || !part.type.startsWith("tool-")) return part;
   const normalizedInput = parseStructuredJson(part.input);
   const normalizedOutput = parseStructuredJson(part.output);
@@ -1209,70 +947,6 @@ function normalizeAssistantToolParts(parts) {
   });
   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;
@@ -1328,166 +1002,492 @@ 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-[0.875rem]",
+    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(--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
+        }]
+      })
+    ]
   });
-});
-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
+  };
 }
-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);
+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 (current) turns.push(current);
-  return turns;
-}
-var LazyGenerativeTextRenderer = lazy(() => import("./openui-renderer-Cj7kfqyL-EKJ6JTTQ.js").then((n) => n.n).then(({ GenerativeTextRenderer }) => ({ default: GenerativeTextRenderer })));
+  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-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 LazyGenerativeTextRenderer = lazy(() => import("./openui-renderer-MKFv6LlH-MDRSVFEY.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",
@@ -1693,16 +1693,16 @@ function VirtualizedTurnList({ estimateSize, getItemKey, itemGap = 0, items, ove
 
 export {
   ChevronLeft,
+  groupMessages,
   MessageBubble,
   MessageBubbleContent,
   MessageScroller,
   Message,
   MessageContent,
-  FileAttachment,
-  UserMessage,
   normalizeAssistantToolParts,
   buildAssistantElements,
-  groupMessages,
+  FileAttachment,
+  UserMessage,
   FleetGenerativeTextRenderer,
   VirtualizedTurnList
 };