@qredence/fleet 0.5.1 → 0.5.7

package/dist/web/server/{chunk-Y6LJ4WBI.js → chunk-EGQ6ZX4D.js}

@@ -1,46 +1,40 @@
 import {
-  LazyMarkdown,
-  Terminal,
-  useHoverCapable
-} from "./chunk-44IVTHDV.js";
+  Image
+} from "./chunk-GV7DJIHY.js";
 import {
   notify
-} from "./chunk-EIVNRYP3.js";
+} from "./chunk-K4ESBQ3R.js";
+import {
+  LazyMarkdown,
+  useHoverCapable
+} from "./chunk-KZSM3BHO.js";
 import {
-  CircleX,
-  Copy,
-  Wrench
-} from "./chunk-PWK2HJIV.js";
+  Copy
+} from "./chunk-LNGWHEE6.js";
 import {
   AnimatePresence,
-  EASE_OUT,
-  SPRING_LAYOUT,
-  m,
   useReducedMotion
-} from "./chunk-QJBEWT4E.js";
-import {
-  CircleCheck,
-  LoaderCircle
-} from "./chunk-PKCTG7EW.js";
+} from "./chunk-ZJFA4F5X.js";
 import {
   ChevronRight
 } from "./chunk-7QCDOBZ3.js";
+import {
+  EASE_OUT,
+  SPRING_LAYOUT,
+  m
+} from "./chunk-K3BXQG3N.js";
 import {
   segmentOpenUIContent
 } from "./chunk-NFRJDPB3.js";
-import {
-  ChevronDown
-} from "./chunk-QLY3L4A2.js";
 import {
   Check
-} from "./chunk-NLIUTTKL.js";
+} from "./chunk-6QNW66XR.js";
 import {
   X
-} from "./chunk-X2TUFLTP.js";
+} from "./chunk-YHXAXJ6I.js";
 import {
-  CircleAlert,
   FileText
-} from "./chunk-7APYEQIO.js";
+} from "./chunk-QAE5SXDK.js";
 import {
   createLucideIcon
 } from "./chunk-E26EAQIM.js";
@@ -48,7 +42,7 @@ import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/conversation-turns-wRm6Ard7.js
+// web/app/dist/server/assets/generative-text-renderer-DuVL688Q.js
 import { Suspense, cloneElement, createContext, lazy, memo, useCallback, useContext, useEffect, useEffectEvent, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
@@ -92,65 +86,6 @@ var FileCode = createLucideIcon("file-code", [
     key: "yinavb"
   }]
 ]);
-var FilePenLine = createLucideIcon("file-pen-line", [
-  ["path", {
-    d: "M14.364 13.634a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506l4.013-4.009a1 1 0 0 0-3.004-3.004z",
-    key: "ukzhwg"
-  }],
-  ["path", {
-    d: "M14.487 7.858A1 1 0 0 1 14 7V2",
-    key: "1klhew"
-  }],
-  ["path", {
-    d: "M20 19.645V20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l2.516 2.516",
-    key: "rxaxab"
-  }],
-  ["path", {
-    d: "M8 18h1",
-    key: "13wk12"
-  }]
-]);
-var FileSearch = createLucideIcon("file-search", [
-  ["path", {
-    d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
-    key: "1oefj6"
-  }],
-  ["path", {
-    d: "M14 2v5a1 1 0 0 0 1 1h5",
-    key: "wfsgrz"
-  }],
-  ["circle", {
-    cx: "11.5",
-    cy: "14.5",
-    r: "2.5",
-    key: "1bq0ko"
-  }],
-  ["path", {
-    d: "M13.3 16.3 15 18",
-    key: "2quom7"
-  }]
-]);
-var Image = createLucideIcon("image", [
-  ["rect", {
-    width: "18",
-    height: "18",
-    x: "3",
-    y: "3",
-    rx: "2",
-    ry: "2",
-    key: "1m3agn"
-  }],
-  ["circle", {
-    cx: "9",
-    cy: "9",
-    r: "2",
-    key: "af1f0g"
-  }],
-  ["path", {
-    d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",
-    key: "1xmnt7"
-  }]
-]);
 var MessageSideContext = createContext(void 0);
 var MessageBubbleContext = createContext({
   animateIn: true,
@@ -585,8 +520,8 @@ function useMessageScrollerRail({ navigation, followThreshold, contentRef, viewp
     scheduleRailSync,
     scrollToRailItem: useCallback((item) => {
       const viewport = viewportRef.current;
-      const target2 = railTargetsRef.current.get(item.id);
-      if (!viewport || !target2) return;
+      const target = railTargetsRef.current.get(item.id);
+      if (!viewport || !target) return;
       const lastItem = railItems.at(-1)?.id === item.id;
       setActiveRailId(item.id);
       if (lastItem) {
@@ -597,7 +532,7 @@ function useMessageScrollerRail({ navigation, followThreshold, contentRef, viewp
       setFollowing(false);
       markProgrammaticScroll(reduce || !smooth ? "auto" : "smooth");
       const viewportRect = viewport.getBoundingClientRect();
-      const targetRect = target2.getBoundingClientRect();
+      const targetRect = target.getBoundingClientRect();
       const top = viewport.scrollTop + targetRect.top - viewportRect.top - (viewport.clientHeight - targetRect.height) / 2;
       const behavior = reduce || !smooth ? "auto" : "smooth";
       if (typeof viewport.scrollTo === "function") viewport.scrollTo({
@@ -812,537 +747,169 @@ function MessageContent({ className, ...props }) {
     ...props
   });
 }
-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 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 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",
+  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("div", {
-        className: "border-b border-border/50 px-3 py-2 text-xs font-medium text-muted-foreground",
-        children: part.title
+      /* @__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" })
       }),
-      part.text ? /* @__PURE__ */ jsx("pre", {
-        className: "m-0 whitespace-pre-wrap break-words px-3 py-3 font-mono text-xs leading-5 text-foreground/80",
-        children: part.text
-      }) : null,
-      payload ? /* @__PURE__ */ jsxs("details", {
-        open: true,
-        className: "border-t border-border/50 px-3 py-2",
-        children: [/* @__PURE__ */ jsx("summary", {
-          className: "cursor-pointer text-xs font-medium text-muted-foreground",
-          children: "Payload"
-        }), /* @__PURE__ */ jsx("pre", {
-          className: "m-0 mt-2 max-w-full whitespace-pre-wrap break-words font-mono text-xs leading-5 text-foreground/70",
-          children: payload
+      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
+          ]
         })]
-      }) : null
+      })
     ]
-  });
+  }), document.body);
 }
-function isRecord$2(value) {
-  return typeof value === "object" && value !== null;
+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 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;
-  });
-  return changed ? normalizedParts : parts;
-}
-var timeFormatter = new Intl.DateTimeFormat("en-US", {
-  hour: "numeric",
-  minute: "2-digit",
-  hour12: true
-});
-var dateFormatter = new Intl.DateTimeFormat("en-US", {
-  month: "short",
-  day: "numeric"
-});
-function formatTimestamp(date) {
-  const now = /* @__PURE__ */ new Date();
-  if (date.getFullYear() === now.getFullYear() && date.getMonth() === now.getMonth() && date.getDate() === now.getDate()) return timeFormatter.format(date);
-  return dateFormatter.format(date);
-}
-function CopyButton({ text, onCopied }) {
-  const [copied, setCopied] = useState(false);
-  const copiedTimerRef = useRef(null);
-  useEffect(() => {
-    return () => {
-      if (copiedTimerRef.current) window.clearTimeout(copiedTimerRef.current);
-    };
-  }, []);
-  const handleCopy = async () => {
-    try {
-      await navigator.clipboard.writeText(text);
-      setCopied(true);
-      if (copiedTimerRef.current) window.clearTimeout(copiedTimerRef.current);
-      copiedTimerRef.current = window.setTimeout(() => {
-        setCopied(false);
-        copiedTimerRef.current = null;
-      }, 2e3);
-      notify.success("Copied to clipboard");
-      onCopied?.();
-    } catch {
-      notify.error("Failed to copy to clipboard");
-    }
-  };
-  return /* @__PURE__ */ jsx("button", {
-    type: "button",
-    tabIndex: -1,
-    "aria-label": copied ? "Copied" : "Copy message",
-    onClick: handleCopy,
-    onPointerDown: (event) => {
-      event.stopPropagation();
-    },
-    onMouseDown: (event) => event.stopPropagation(),
-    className: cn("flex size-6 items-center justify-center rounded-md transition-[background-color,opacity,transform] duration-150 ease-out active:scale-[0.97]", "bg-transparent opacity-50 hover:bg-an-foreground/10 hover:opacity-100"),
-    children: /* @__PURE__ */ jsxs("div", {
-      className: "relative h-3.5 w-3.5",
-      children: [/* @__PURE__ */ jsx(Copy, { className: cn("absolute inset-0 h-3.5 w-3.5 text-an-foreground-muted transition-[opacity,transform] duration-150 ease-out", copied ? "scale-50 opacity-0" : "scale-100 opacity-100") }), /* @__PURE__ */ jsx(Check, { className: cn("absolute inset-0 h-3.5 w-3.5 text-an-foreground-muted transition-[opacity,transform] duration-150 ease-out", copied ? "scale-100 opacity-100" : "scale-50 opacity-0") })]
-    })
-  });
-}
-function MessageToolbar({ text, timestamp, heightClass, hoverClass, isVisible, alignClass, onCopied }) {
-  return /* @__PURE__ */ jsxs("div", {
-    className: cn("pointer-events-none flex items-center gap-1 pt-1 text-xs text-an-foreground-muted/70 opacity-0 transition-opacity duration-100", heightClass, alignClass, hoverClass, isVisible && "pointer-events-auto opacity-100"),
-    onMouseDown: (event) => event.stopPropagation(),
-    onPointerDown: (event) => event.stopPropagation(),
-    children: [timestamp && /* @__PURE__ */ jsx("span", { children: timestamp }), text && /* @__PURE__ */ jsx(CopyButton, {
-      text,
-      onCopied
-    })]
-  });
-}
-function isRecord$1(value) {
-  return typeof value === "object" && value !== null;
-}
-function isTextPart(part) {
-  return isRecord$1(part) && part.type === "text" && typeof part.text === "string";
-}
-function isErrorPart(part) {
-  return isRecord$1(part) && part.type === "error" && typeof part.message === "string";
-}
-function isPayloadPart(part) {
-  return isRecord$1(part) && part.type === "payload" && typeof part.kind === "string" && typeof part.title === "string";
-}
-function isV5ToolPart(part) {
-  if (!isRecord$1(part)) return false;
-  const partType = part.type;
-  return partType === "dynamic-tool" || typeof partType === "string" && partType.startsWith("tool-");
-}
-function getTextFromParts(parts, joiner) {
-  const texts = [];
-  for (const part of parts) if (isTextPart(part)) texts.push(part.text);
-  return texts.join(joiner);
-}
-memo(function UserTurn(props) {
-  const { message, UserMessageComponent, userMessageClassName, onCopied, display } = props;
-  const { enableImagePreview, showCopyToolbar, isMounted, isCopyVisible } = display;
-  const text = getTextFromParts(message.parts ?? [], "");
-  const hasParts = (message.parts ?? []).length > 0;
-  if (!text && !hasParts) return null;
-  const userCreatedAt = message?.createdAt;
-  const userCopyKey = `user-${message.id}`;
-  const userTimestamp = isMounted && userCreatedAt ? formatTimestamp(new Date(userCreatedAt)) : void 0;
-  return /* @__PURE__ */ jsxs("div", {
-    className: "group/user-message",
-    children: [/* @__PURE__ */ jsx(UserMessageComponent, {
-      message,
-      className: userMessageClassName,
-      enableImagePreview
-    }), (showCopyToolbar && Boolean(text) || Boolean(userTimestamp)) && /* @__PURE__ */ jsx(MessageToolbar, {
-      text: showCopyToolbar ? text : "",
-      timestamp: userTimestamp,
-      heightClass: "h-[28px]",
-      hoverClass: "group-hover/user-message:opacity-100 group-hover/user-message:pointer-events-auto",
-      isVisible: isCopyVisible,
-      alignClass: "justify-end",
-      onCopied: () => onCopied(userCopyKey)
-    })]
-  });
-});
-memo(function AssistantTurn(props) {
-  const { assistantMsgs, turnKey, ToolRendererComponent, TextRendererComponent, toolRenderers, onOpenUIAction, onOpenUIArtifactReady, onOpenArtifact, onCopied, stream, copy, display } = props;
-  const { isLast: isLastTurn, isStreaming } = stream;
-  const { enabled: showCopyToolbar, isVisible: isCopyVisible } = copy;
-  const { suppressQuestionTool } = display;
-  const assistantText = getTextFromParts(assistantMsgs.flatMap((msg) => msg.parts ?? []), "\n\n");
-  const isTurnStreaming = isStreaming && isLastTurn;
-  const showToolbar = showCopyToolbar && Boolean(assistantText.trim()) && !isTurnStreaming;
-  const copyKey = `assistant-${turnKey}-all`;
-  const toolbarText = showCopyToolbar ? assistantText : "";
-  return /* @__PURE__ */ jsxs("div", {
-    className: "group/assistant-turn",
-    children: [/* @__PURE__ */ jsx("div", {
-      className: "flex flex-col gap-3",
-      children: assistantMsgs.map((msg, i) => {
-        const isLastMsg = isLastTurn && i === assistantMsgs.length - 1;
-        return /* @__PURE__ */ jsx(AssistantParts, {
-          msg,
-          isLast: isLastMsg,
-          isStreaming,
-          suppressQuestionTool,
-          ToolRendererComponent,
-          TextRendererComponent,
-          toolRenderers,
-          onOpenUIAction,
-          onOpenUIArtifactReady,
-          onOpenArtifact
-        }, msg.id);
-      })
-    }), (showToolbar || isCopyVisible) && /* @__PURE__ */ jsx(MessageToolbar, {
-      text: toolbarText,
-      heightClass: "h-[48px] flex items-start w-full",
-      hoverClass: "group-hover/assistant-turn:opacity-100 group-hover/assistant-turn:pointer-events-auto",
-      isVisible: isCopyVisible,
-      alignClass: "justify-start",
-      onCopied: () => onCopied(copyKey)
-    })]
-  });
-});
-var TOOL_CALL_KEY_PREFIX = "tool-call:";
-var UNKEYED_TOOL_KEY_PREFIX = "unkeyed-tool:";
-function getAssistantToolElementKey(messageId, part, occurrence) {
-  if (part.toolCallId) return `${TOOL_CALL_KEY_PREFIX}${part.toolCallId}`;
-  return `${UNKEYED_TOOL_KEY_PREFIX}${messageId}:${part.type}:${occurrence}`;
-}
-function buildAssistantElements(parts, opts) {
-  const { messageId, isLast, isStreaming, suppressQuestionTool, suppressTextWhenPlanWrite = false, ToolRendererComponent, TextRendererComponent, toolRenderers, onOpenUIAction, onOpenUIArtifactReady, onOpenArtifact } = opts;
-  const elems = [];
-  const textChunks = [];
-  const hasPlanWritePresentation = suppressTextWhenPlanWrite && parts.some((part) => isV5ToolPart(part) && part.type === "tool-PlanWrite");
-  const taskPartIds = new Set(parts.filter((p) => isV5ToolPart(p) && (p.type === "tool-Task" || p.type === "tool-Agent") && typeof p.toolCallId === "string").map((p) => p.toolCallId));
-  const nestedToolsMap = /* @__PURE__ */ new Map();
-  const nestedToolIds = /* @__PURE__ */ new Set();
-  const unkeyedToolOccurrences = /* @__PURE__ */ new Map();
-  for (const part of parts) {
-    if (!isV5ToolPart(part)) continue;
-    if (part.type === "tool-TaskOutput") continue;
-    if (!part.toolCallId || !part.toolCallId.includes(":")) continue;
-    const parentId = part.toolCallId.split(":")[0];
-    if (!taskPartIds.has(parentId)) continue;
-    if (!nestedToolsMap.has(parentId)) nestedToolsMap.set(parentId, []);
-    nestedToolsMap.get(parentId).push(part);
-    nestedToolIds.add(part.toolCallId);
-  }
-  let i = 0;
-  while (i < parts.length) {
-    const part = parts[i];
-    if (isV5ToolPart(part) && part.type === "tool-TaskOutput") {
-      i++;
-      continue;
-    }
-    if (isTextPart(part)) {
-      const text2 = part.text;
-      if (text2 && !hasPlanWritePresentation) textChunks.push(text2);
-      i++;
-      continue;
-    }
-    if (isErrorPart(part)) {
-      elems.push(/* @__PURE__ */ jsx(ErrorMessage, {
-        title: part.title,
-        message: part.message
-      }, `${messageId}-error-${part.title}-${part.message}`));
-      i++;
-      continue;
-    }
-    if (isPayloadPart(part)) {
-      elems.push(/* @__PURE__ */ jsx(PayloadPart, { part }, `${messageId}-payload-${i}`));
-      i++;
-      continue;
-    }
-    if (isV5ToolPart(part)) {
-      if (suppressQuestionTool && part.type === "tool-Question") {
-        i++;
-        continue;
-      }
-      if (part.toolCallId && nestedToolIds.has(part.toolCallId)) {
-        i++;
-        continue;
-      }
-      const chatStreamingStatus = isLast && isStreaming ? "streaming" : void 0;
-      const toolCallId = part.toolCallId;
-      const nestedTools = (part.type === "tool-Task" || part.type === "tool-Agent") && toolCallId ? nestedToolsMap.get(toolCallId) || [] : void 0;
-      const occurrence = part.toolCallId ? 0 : unkeyedToolOccurrences.get(part.type) ?? 0;
-      if (!part.toolCallId) unkeyedToolOccurrences.set(part.type, occurrence + 1);
-      elems.push(/* @__PURE__ */ jsx(ToolRendererComponent, {
-        part,
-        nestedTools,
-        chatStatus: chatStreamingStatus,
-        toolRenderers
-      }, getAssistantToolElementKey(messageId, part, occurrence)));
-      i++;
-      continue;
-    }
-    i++;
-  }
-  const text = textChunks.join("\n\n");
-  if (text) elems.push(/* @__PURE__ */ jsx("div", {
-    className: "group/assistant-text text-[14px]",
-    children: /* @__PURE__ */ jsx(TextRendererComponent, {
-      content: text,
-      isStreaming,
-      messageId,
-      onOpenUIAction,
-      onOpenUIArtifactReady,
-      onOpenArtifact,
-      className: "leading-relaxed [&_p]:leading-relaxed"
-    })
-  }, `${messageId}-text-final`));
-  return elems;
-}
-function AssistantParts({ msg, isLast, isStreaming, suppressQuestionTool, ToolRendererComponent, TextRendererComponent, toolRenderers, onOpenUIAction, onOpenUIArtifactReady, onOpenArtifact }) {
-  const parts = useMemo(() => normalizeAssistantToolParts(msg.parts ?? []), [msg.parts]);
-  const elements = useMemo(() => buildAssistantElements(parts, {
-    messageId: msg.id,
-    isLast,
-    isStreaming,
-    suppressQuestionTool,
-    ToolRendererComponent,
-    TextRendererComponent,
-    toolRenderers,
-    onOpenUIAction,
-    onOpenUIArtifactReady,
-    onOpenArtifact
-  }), [
-    parts,
-    msg.id,
-    isLast,
-    isStreaming,
-    suppressQuestionTool,
-    ToolRendererComponent,
-    TextRendererComponent,
-    toolRenderers,
-    onOpenUIAction,
-    onOpenUIArtifactReady,
-    onOpenArtifact
-  ]);
-  if (elements.length > 1) return /* @__PURE__ */ jsx("div", {
-    className: "group/assistant-turn flex flex-col gap-3",
-    children: elements
-  });
-  return /* @__PURE__ */ jsx("div", {
-    className: "group/assistant-turn",
-    children: elements
-  });
-}
-function 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 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 }) {
@@ -1430,11 +997,33 @@ function FileAttachment({ id, filename, size, isImage, url, onRemove, className,
     ]
   });
 }
-function isRecord(value) {
+function isRecord$2(value) {
+  return typeof value === "object" && value !== null;
+}
+function isTextPart(part) {
+  return isRecord$2(part) && part.type === "text" && typeof part.text === "string";
+}
+function isErrorPart(part) {
+  return isRecord$2(part) && part.type === "error" && typeof part.message === "string";
+}
+function isPayloadPart(part) {
+  return isRecord$2(part) && part.type === "payload" && typeof part.kind === "string" && typeof part.title === "string";
+}
+function isV5ToolPart(part) {
+  if (!isRecord$2(part)) return false;
+  const partType = part.type;
+  return partType === "dynamic-tool" || typeof partType === "string" && partType.startsWith("tool-");
+}
+function getTextFromParts(parts, joiner) {
+  const texts = [];
+  for (const part of parts) if (isTextPart(part)) texts.push(part.text);
+  return texts.join(joiner);
+}
+function isRecord$1(value) {
   return typeof value === "object" && value !== null;
 }
 function getImageUrlFromPart(part) {
-  if (!isRecord(part)) return null;
+  if (!isRecord$1(part)) return null;
   const type = part.type;
   if (typeof type !== "string") return null;
   if (type === "image") {
@@ -1452,7 +1041,7 @@ function getImageUrlFromPart(part) {
   return null;
 }
 function getFileFromPart(part) {
-  if (!isRecord(part)) return null;
+  if (!isRecord$1(part)) return null;
   if (part.type !== "file") return null;
   const filePart = part;
   const filename = filePart.filename || filePart.name || filePart.fileName || "Attachment";
@@ -1473,7 +1062,7 @@ var UserMessage = memo(function UserMessage2({ message, className, enableImagePr
     const file = getFileFromPart(part);
     if (file) files.push(file);
   }
-  if (isRecord(message) && Array.isArray(message.experimental_attachments)) {
+  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;
@@ -1529,221 +1118,350 @@ var UserMessage = memo(function UserMessage2({ message, className, enableImagePr
     ]
   });
 });
-var LazyGenerativeTextRenderer = lazy(() => import("./openui-renderer-Cg4RSE9k-7BTJIYZJ.js").then((n) => n.n).then(({ GenerativeTextRenderer }) => ({ default: GenerativeTextRenderer })));
-function PlainTextFallback({ className, content }) {
+var ErrorMessage = memo(function ErrorMessage2({ title = "Something went wrong", message, className }) {
   return /* @__PURE__ */ jsx("div", {
-    className: className ? `${className} whitespace-pre-wrap` : "whitespace-pre-wrap",
-    children: content
+    className: cn("flex justify-start", className),
+    children: /* @__PURE__ */ jsxs("div", {
+      className: "rounded-[8px] border border-red-500/30 bg-red-500/10 px-4 py-2.5 text-sm text-an-foreground",
+      children: [/* @__PURE__ */ jsx("div", {
+        className: "font-medium text-an-foreground",
+        children: title
+      }), /* @__PURE__ */ jsx("div", {
+        className: "mt-0.5 text-an-foreground-muted",
+        children: message
+      })]
+    })
+  });
+});
+function formatPayload(value) {
+  if (typeof value === "string") return value;
+  if (value === void 0) return "";
+  try {
+    return JSON.stringify(value, null, 2) ?? "";
+  } catch {
+    return String(value);
+  }
+}
+function PayloadPart({ part }) {
+  const payload = formatPayload(part.payload);
+  return /* @__PURE__ */ jsxs("section", {
+    "data-payload-kind": part.kind,
+    className: "w-full min-w-0 overflow-hidden rounded-xl border border-border/60 bg-muted/40 text-sm",
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        className: "border-b border-border/50 px-3 py-2 text-xs font-medium text-muted-foreground",
+        children: part.title
+      }),
+      part.text ? /* @__PURE__ */ jsx("pre", {
+        className: "m-0 whitespace-pre-wrap break-words px-3 py-3 font-mono text-xs leading-5 text-foreground/80",
+        children: part.text
+      }) : null,
+      payload ? /* @__PURE__ */ jsxs("details", {
+        open: true,
+        className: "border-t border-border/50 px-3 py-2",
+        children: [/* @__PURE__ */ jsx("summary", {
+          className: "cursor-pointer text-xs font-medium text-muted-foreground",
+          children: "Payload"
+        }), /* @__PURE__ */ jsx("pre", {
+          className: "m-0 mt-2 max-w-full whitespace-pre-wrap break-words font-mono text-xs leading-5 text-foreground/70",
+          children: payload
+        })]
+      }) : null
+    ]
+  });
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function parseStructuredJson(value) {
+  if (typeof value !== "string") return value;
+  const trimmed = value.trim();
+  if (!trimmed) return value;
+  try {
+    const parsed = JSON.parse(trimmed);
+    return isRecord(parsed) || Array.isArray(parsed) ? parsed : value;
+  } catch {
+    return value;
+  }
+}
+function normalizeToolPart(part) {
+  if (!isRecord(part)) return part;
+  if (typeof part.type !== "string" || !part.type.startsWith("tool-")) return part;
+  const normalizedInput = parseStructuredJson(part.input);
+  const normalizedOutput = parseStructuredJson(part.output);
+  const normalizedResult = parseStructuredJson(part.result);
+  const inputChanged = normalizedInput !== part.input;
+  const outputChanged = normalizedOutput !== part.output;
+  const resultChanged = normalizedResult !== part.result;
+  if (!inputChanged && !outputChanged && !resultChanged) return part;
+  const normalizedPart = { ...part };
+  if (inputChanged) normalizedPart.input = normalizedInput;
+  if (outputChanged) normalizedPart.output = normalizedOutput;
+  if (resultChanged) normalizedPart.result = normalizedResult;
+  return normalizedPart;
+}
+function normalizeAssistantToolParts(parts) {
+  let changed = false;
+  const normalizedParts = parts.map((part) => {
+    const normalizedPart = normalizeToolPart(part);
+    if (normalizedPart !== part) changed = true;
+    return normalizedPart;
+  });
+  return changed ? normalizedParts : parts;
+}
+var timeFormatter = new Intl.DateTimeFormat("en-US", {
+  hour: "numeric",
+  minute: "2-digit",
+  hour12: true
+});
+var dateFormatter = new Intl.DateTimeFormat("en-US", {
+  month: "short",
+  day: "numeric"
+});
+function formatTimestamp(date) {
+  const now = /* @__PURE__ */ new Date();
+  if (date.getFullYear() === now.getFullYear() && date.getMonth() === now.getMonth() && date.getDate() === now.getDate()) return timeFormatter.format(date);
+  return dateFormatter.format(date);
+}
+function CopyButton({ text, onCopied }) {
+  const [copied, setCopied] = useState(false);
+  const copiedTimerRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      if (copiedTimerRef.current) window.clearTimeout(copiedTimerRef.current);
+    };
+  }, []);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      if (copiedTimerRef.current) window.clearTimeout(copiedTimerRef.current);
+      copiedTimerRef.current = window.setTimeout(() => {
+        setCopied(false);
+        copiedTimerRef.current = null;
+      }, 2e3);
+      notify.success("Copied to clipboard");
+      onCopied?.();
+    } catch {
+      notify.error("Failed to copy to clipboard");
+    }
+  };
+  return /* @__PURE__ */ jsx("button", {
+    type: "button",
+    tabIndex: -1,
+    "aria-label": copied ? "Copied" : "Copy message",
+    onClick: handleCopy,
+    onPointerDown: (event) => {
+      event.stopPropagation();
+    },
+    onMouseDown: (event) => event.stopPropagation(),
+    className: cn("flex size-6 items-center justify-center rounded-md transition-[background-color,opacity,transform] duration-150 ease-out active:scale-[0.97]", "bg-transparent opacity-50 hover:bg-an-foreground/10 hover:opacity-100"),
+    children: /* @__PURE__ */ jsxs("div", {
+      className: "relative h-3.5 w-3.5",
+      children: [/* @__PURE__ */ jsx(Copy, { className: cn("absolute inset-0 h-3.5 w-3.5 text-an-foreground-muted transition-[opacity,transform] duration-150 ease-out", copied ? "scale-50 opacity-0" : "scale-100 opacity-100") }), /* @__PURE__ */ jsx(Check, { className: cn("absolute inset-0 h-3.5 w-3.5 text-an-foreground-muted transition-[opacity,transform] duration-150 ease-out", copied ? "scale-100 opacity-100" : "scale-50 opacity-0") })]
+    })
   });
 }
-function FleetGenerativeTextRenderer(props) {
-  if (!useMemo(() => segmentOpenUIContent(props.content).some((segment) => segment.type === "openui"), [props.content])) return /* @__PURE__ */ jsx(LazyMarkdown, {
-    className: props.className,
-    content: props.content
-  });
-  return /* @__PURE__ */ jsx(Suspense, {
-    fallback: /* @__PURE__ */ jsx(PlainTextFallback, {
-      className: props.className,
-      content: props.content
-    }),
-    children: /* @__PURE__ */ jsx(LazyGenerativeTextRenderer, { ...props })
+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 orderedRlmChildren(children, tree) {
-  const byId = new Map(children.map((child) => [child.id, child]));
-  const visited = /* @__PURE__ */ new Set();
-  const ordered = [];
-  const visit = (id) => {
-    if (visited.has(id)) return;
-    visited.add(id);
-    const child = byId.get(id);
-    if (child) ordered.push(child);
-    for (const nextId of tree?.nodes[id]?.childrenIds ?? []) visit(nextId);
-  };
-  for (const id of tree?.rootChildrenIds ?? []) visit(id);
-  for (const child of children) visit(child.id);
-  return ordered;
-}
-function rlmStatusIcon(status2) {
-  if (status2 === "done") return /* @__PURE__ */ jsx(CircleCheck, { className: "size-3.5 text-emerald-600 dark:text-emerald-400" });
-  if (status2 === "error") return /* @__PURE__ */ jsx(CircleAlert, { className: "size-3.5 text-destructive" });
-  if (status2 === "cancelled") return /* @__PURE__ */ jsx(CircleX, { className: "size-3.5 text-muted-foreground" });
-  return /* @__PURE__ */ jsx(LoaderCircle, { className: "size-3.5 animate-spin text-blue-600 dark:text-blue-400" });
-}
-function FleetSubagentList({ children, tree, className }) {
-  const agents = useMemo(() => orderedRlmChildren(children, tree), [children, tree]);
-  const active = agents.some((child) => child.status === "queued" || child.status === "running");
-  const [open, setOpen] = useState(active);
-  if (agents.length === 0) return null;
-  return /* @__PURE__ */ jsxs("section", {
-    className: cn("mt-2 rounded-xl border border-border/60 bg-muted/20", className),
-    children: [/* @__PURE__ */ jsxs("button", {
-      type: "button",
-      "aria-expanded": open || active,
-      onClick: () => setOpen((current) => !current),
-      className: "flex w-full items-center gap-2 px-3 py-2 text-left text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-      children: [
-        active ? /* @__PURE__ */ jsx(LoaderCircle, { className: "size-3.5 animate-spin text-blue-600 dark:text-blue-400" }) : /* @__PURE__ */ jsx(CircleCheck, { className: "size-3.5 text-emerald-600 dark:text-emerald-400" }),
-        /* @__PURE__ */ jsx("span", {
-          className: "flex-1 font-medium",
-          children: active ? "Subagents working" : "Subagents completed"
-        }),
-        /* @__PURE__ */ jsx("span", {
-          className: "text-xs text-muted-foreground",
-          children: agents.length
-        }),
-        /* @__PURE__ */ jsx(ChevronDown, { className: cn("size-3.5 text-muted-foreground transition-transform", (open || active) && "rotate-180") })
-      ]
-    }), open || active ? /* @__PURE__ */ jsx("div", {
-      className: "space-y-1 border-t border-border/50 px-3 py-2",
-      children: agents.map((child) => /* @__PURE__ */ jsxs("div", {
-        className: "flex min-w-0 items-start gap-2",
-        style: { paddingLeft: `${Math.max(0, child.depth ?? 0) * 12}px` },
-        children: [
-          /* @__PURE__ */ jsx("span", {
-            className: "mt-0.5 shrink-0",
-            children: rlmStatusIcon(child.status)
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "min-w-0 flex-1",
-            children: [/* @__PURE__ */ jsxs("div", {
-              className: "flex min-w-0 items-baseline gap-2",
-              children: [/* @__PURE__ */ jsx("span", {
-                className: "truncate text-sm text-foreground/85",
-                children: child.label
-              }), child.model ? /* @__PURE__ */ jsx("span", {
-                className: "truncate font-mono text-[10px] text-muted-foreground",
-                children: child.model
-              }) : null]
-            }), child.answerPreview || child.activity?.toolName || child.error ? /* @__PURE__ */ jsx("p", {
-              className: "truncate text-xs text-muted-foreground",
-              children: child.error ?? child.answerPreview ?? child.activity?.toolName
-            }) : null]
-          }),
-          /* @__PURE__ */ jsx("span", {
-            className: "shrink-0 text-[10px] capitalize text-muted-foreground",
-            children: child.status
-          })
-        ]
-      }, child.id))
-    }) : null]
+memo(function UserTurn(props) {
+  const { message, UserMessageComponent, userMessageClassName, onCopied, display } = props;
+  const { enableImagePreview, showCopyToolbar, isMounted, isCopyVisible } = display;
+  const text = getTextFromParts(message.parts ?? [], "");
+  const hasParts = (message.parts ?? []).length > 0;
+  if (!text && !hasParts) return null;
+  const userCreatedAt = message?.createdAt;
+  const userCopyKey = `user-${message.id}`;
+  const userTimestamp = isMounted && userCreatedAt ? formatTimestamp(new Date(userCreatedAt)) : void 0;
+  return /* @__PURE__ */ jsxs("div", {
+    className: "group/user-message",
+    children: [/* @__PURE__ */ jsx(UserMessageComponent, {
+      message,
+      className: userMessageClassName,
+      enableImagePreview
+    }), (showCopyToolbar && Boolean(text) || Boolean(userTimestamp)) && /* @__PURE__ */ jsx(MessageToolbar, {
+      text: showCopyToolbar ? text : "",
+      timestamp: userTimestamp,
+      heightClass: "h-[28px]",
+      hoverClass: "group-hover/user-message:opacity-100 group-hover/user-message:pointer-events-auto",
+      isVisible: isCopyVisible,
+      alignClass: "justify-end",
+      onCopied: () => onCopied(userCopyKey)
+    })]
   });
+});
+memo(function AssistantTurn(props) {
+  const { assistantMsgs, turnKey, ToolRendererComponent, TextRendererComponent, toolRenderers, onOpenUIAction, onOpenUIArtifactReady, onOpenArtifact, onCopied, stream, copy, display } = props;
+  const { isLast: isLastTurn, isStreaming } = stream;
+  const { enabled: showCopyToolbar, isVisible: isCopyVisible } = copy;
+  const { suppressQuestionTool } = display;
+  const assistantText = getTextFromParts(assistantMsgs.flatMap((msg) => msg.parts ?? []), "\n\n");
+  const isTurnStreaming = isStreaming && isLastTurn;
+  const showToolbar = showCopyToolbar && Boolean(assistantText.trim()) && !isTurnStreaming;
+  const copyKey = `assistant-${turnKey}-all`;
+  const toolbarText = showCopyToolbar ? assistantText : "";
+  return /* @__PURE__ */ jsxs("div", {
+    className: "group/assistant-turn",
+    children: [/* @__PURE__ */ jsx("div", {
+      className: "flex flex-col gap-3",
+      children: assistantMsgs.map((msg, i) => {
+        const isLastMsg = isLastTurn && i === assistantMsgs.length - 1;
+        return /* @__PURE__ */ jsx(AssistantParts, {
+          msg,
+          isLast: isLastMsg,
+          isStreaming,
+          suppressQuestionTool,
+          ToolRendererComponent,
+          TextRendererComponent,
+          toolRenderers,
+          onOpenUIAction,
+          onOpenUIArtifactReady,
+          onOpenArtifact
+        }, msg.id);
+      })
+    }), (showToolbar || isCopyVisible) && /* @__PURE__ */ jsx(MessageToolbar, {
+      text: toolbarText,
+      heightClass: "h-[48px] flex items-start w-full",
+      hoverClass: "group-hover/assistant-turn:opacity-100 group-hover/assistant-turn:pointer-events-auto",
+      isVisible: isCopyVisible,
+      alignClass: "justify-start",
+      onCopied: () => onCopied(copyKey)
+    })]
+  });
+});
+var TOOL_CALL_KEY_PREFIX = "tool-call:";
+var UNKEYED_TOOL_KEY_PREFIX = "unkeyed-tool:";
+function getAssistantToolElementKey(messageId, part, occurrence) {
+  if (part.toolCallId) return `${TOOL_CALL_KEY_PREFIX}${part.toolCallId}`;
+  return `${UNKEYED_TOOL_KEY_PREFIX}${messageId}:${part.type}:${occurrence}`;
 }
-function record(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
-}
-function target(input, fallback) {
-  const source = record(input);
-  for (const key of [
-    "path",
-    "filePath",
-    "command",
-    "cmd",
-    "query",
-    "pattern",
-    "code"
-  ]) if (typeof source?.[key] === "string" && source[key]) return source[key];
-  return fallback;
-}
-function status(part, streaming) {
-  const state = part.state;
-  if (state === "output-error" || state === "error") return "error";
-  if (state === "cancelled" || state === "canceled" || state === "aborted") return "cancelled";
-  if (state === "input-streaming" || state === "streaming") return streaming ? "running" : "cancelled";
-  return streaming && part.output === void 0 && part.result === void 0 ? "running" : "complete";
-}
-function toolStep(part, fallbackId, streaming) {
-  const type = part.type;
-  if (typeof type !== "string" || !type.startsWith("tool-") || type === "tool-FleetReasoning" || type === "tool-Thinking") return void 0;
-  const name = type.slice(5);
-  const lower = name.toLowerCase();
-  const icon = lower.includes("edit") || lower.includes("write") || lower.includes("patch") ? FilePenLine : lower.includes("read") || lower.includes("search") || lower.includes("grep") || lower.includes("glob") ? FileSearch : lower.includes("bash") || lower.includes("shell") || lower.includes("python") || lower.includes("ipython") ? Terminal : Wrench;
-  const verb = lower.includes("edit") || lower.includes("write") || lower.includes("patch") ? "Edited" : lower.includes("read") ? "Read" : lower.includes("search") || lower.includes("grep") || lower.includes("glob") ? "Searched" : lower.includes("bash") || lower.includes("shell") || lower.includes("python") || lower.includes("ipython") ? "Ran" : name;
-  return {
-    id: typeof part.toolCallId === "string" ? part.toolCallId : fallbackId,
-    icon,
-    verb,
-    target: target(part.input ?? part.args, name),
-    status: status(part, streaming)
-  };
-}
-function artifactStep(artifact) {
-  const icon = artifact.kind === "diff" ? FilePenLine : artifact.kind === "bash" || artifact.kind === "ipython" ? Terminal : Wrench;
-  return {
-    id: `artifact:${artifact.id}`,
-    icon,
-    verb: artifact.kind === "compaction" ? "Compacted" : artifact.kind === "refinement" ? "Refined" : artifact.kind === "recap" ? "Recapped" : artifact.kind === "rlm" ? "Delegated" : artifact.kind === "diff" ? "Edited" : "Completed",
-    target: artifact.title,
-    status: artifact.status === "success" ? "complete" : artifact.status
-  };
-}
-function statusClass(status2) {
-  if (status2 === "running") return "text-blue-600 dark:text-blue-400";
-  if (status2 === "error") return "text-destructive";
-  if (status2 === "cancelled") return "text-muted-foreground";
-  return "text-emerald-600 dark:text-emerald-400";
+function buildAssistantElements(parts, opts) {
+  const { messageId, isLast, isStreaming, suppressQuestionTool, suppressTextWhenPlanWrite = false, ToolRendererComponent, TextRendererComponent, toolRenderers, onOpenUIAction, onOpenUIArtifactReady, onOpenArtifact } = opts;
+  const elems = [];
+  const textChunks = [];
+  const hasPlanWritePresentation = suppressTextWhenPlanWrite && parts.some((part) => isV5ToolPart(part) && part.type === "tool-PlanWrite");
+  const taskPartIds = new Set(parts.filter((p) => isV5ToolPart(p) && (p.type === "tool-Task" || p.type === "tool-Agent") && typeof p.toolCallId === "string").map((p) => p.toolCallId));
+  const nestedToolsMap = /* @__PURE__ */ new Map();
+  const nestedToolIds = /* @__PURE__ */ new Set();
+  const unkeyedToolOccurrences = /* @__PURE__ */ new Map();
+  for (const part of parts) {
+    if (!isV5ToolPart(part)) continue;
+    if (part.type === "tool-TaskOutput") continue;
+    if (!part.toolCallId || !part.toolCallId.includes(":")) continue;
+    const parentId = part.toolCallId.split(":")[0];
+    if (!taskPartIds.has(parentId)) continue;
+    if (!nestedToolsMap.has(parentId)) nestedToolsMap.set(parentId, []);
+    nestedToolsMap.get(parentId).push(part);
+    nestedToolIds.add(part.toolCallId);
+  }
+  let i = 0;
+  while (i < parts.length) {
+    const part = parts[i];
+    if (isV5ToolPart(part) && part.type === "tool-TaskOutput") {
+      i++;
+      continue;
+    }
+    if (isTextPart(part)) {
+      const text2 = part.text;
+      if (text2 && !hasPlanWritePresentation) textChunks.push(text2);
+      i++;
+      continue;
+    }
+    if (isErrorPart(part)) {
+      elems.push(/* @__PURE__ */ jsx(ErrorMessage, {
+        title: part.title,
+        message: part.message
+      }, `${messageId}-error-${part.title}-${part.message}`));
+      i++;
+      continue;
+    }
+    if (isPayloadPart(part)) {
+      elems.push(/* @__PURE__ */ jsx(PayloadPart, { part }, `${messageId}-payload-${i}`));
+      i++;
+      continue;
+    }
+    if (isV5ToolPart(part)) {
+      if (suppressQuestionTool && part.type === "tool-Question") {
+        i++;
+        continue;
+      }
+      if (part.toolCallId && nestedToolIds.has(part.toolCallId)) {
+        i++;
+        continue;
+      }
+      const chatStreamingStatus = isLast && isStreaming ? "streaming" : void 0;
+      const toolCallId = part.toolCallId;
+      const nestedTools = (part.type === "tool-Task" || part.type === "tool-Agent") && toolCallId ? nestedToolsMap.get(toolCallId) || [] : void 0;
+      const occurrence = part.toolCallId ? 0 : unkeyedToolOccurrences.get(part.type) ?? 0;
+      if (!part.toolCallId) unkeyedToolOccurrences.set(part.type, occurrence + 1);
+      elems.push(/* @__PURE__ */ jsx(ToolRendererComponent, {
+        part,
+        nestedTools,
+        chatStatus: chatStreamingStatus,
+        toolRenderers
+      }, getAssistantToolElementKey(messageId, part, occurrence)));
+      i++;
+      continue;
+    }
+    i++;
+  }
+  const text = textChunks.join("\n\n");
+  if (text) elems.push(/* @__PURE__ */ jsx("div", {
+    className: "group/assistant-text text-[14px]",
+    children: /* @__PURE__ */ jsx(TextRendererComponent, {
+      content: text,
+      isStreaming,
+      messageId,
+      onOpenUIAction,
+      onOpenUIArtifactReady,
+      onOpenArtifact,
+      className: "leading-relaxed [&_p]:leading-relaxed"
+    })
+  }, `${messageId}-text-final`));
+  return elems;
 }
-function FleetToolTimeline({ messages, artifacts = [], streaming, className }) {
-  const steps = useMemo(() => {
-    const seen = /* @__PURE__ */ new Set();
-    const fromMessages = messages.flatMap((message) => message.parts.flatMap((part, index) => {
-      const step = toolStep(record(part) ?? {}, `${message.id}:${index}`, streaming);
-      if (!step || seen.has(step.id)) return [];
-      seen.add(step.id);
-      return [step];
-    }));
-    const fromArtifacts = artifacts.flatMap((artifact) => {
-      if (artifact.sourceToolCallId && seen.has(artifact.sourceToolCallId)) return [];
-      const step = artifactStep(artifact);
-      if (seen.has(step.id)) return [];
-      seen.add(step.id);
-      return [step];
-    });
-    return [...fromMessages, ...fromArtifacts];
-  }, [
-    artifacts,
-    messages,
-    streaming
+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
   ]);
-  const [open, setOpen] = useState(true);
-  if (steps.length === 0) return null;
-  const active = steps.at(-1);
-  const ActiveIcon = active?.icon;
-  return /* @__PURE__ */ jsxs("section", {
-    className: cn("mb-2 rounded-xl border border-border/60 bg-muted/20", className),
-    children: [/* @__PURE__ */ jsxs("button", {
-      type: "button",
-      "aria-expanded": open,
-      onClick: () => setOpen((current) => !current),
-      className: "flex w-full items-center gap-2 px-3 py-2 text-left text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-      children: [
-        active && ActiveIcon ? /* @__PURE__ */ jsx(ActiveIcon, { className: cn("size-3.5 shrink-0", statusClass(active.status), active.status === "running" && "animate-pulse") }) : null,
-        /* @__PURE__ */ jsx("span", {
-          className: "min-w-0 flex-1 truncate font-medium",
-          children: streaming && active ? `${active.verb} ${active.target}` : `${steps.length} tool ${steps.length === 1 ? "action" : "actions"}`
-        }),
-        /* @__PURE__ */ jsx(ChevronDown, { className: cn("size-3.5 text-muted-foreground transition-transform", open && "rotate-180") })
-      ]
-    }), open ? /* @__PURE__ */ jsx("div", {
-      className: "space-y-1 border-t border-border/50 px-3 py-2",
-      children: steps.map((step) => {
-        const Icon = step.icon;
-        return /* @__PURE__ */ jsxs("div", {
-          className: "flex min-w-0 items-center gap-2 text-xs",
-          children: [
-            /* @__PURE__ */ jsx(Icon, { className: cn("size-3.5 shrink-0", statusClass(step.status)) }),
-            /* @__PURE__ */ jsx("span", {
-              className: "shrink-0 text-muted-foreground",
-              children: step.verb
-            }),
-            /* @__PURE__ */ jsx("span", {
-              className: "min-w-0 flex-1 truncate font-mono text-foreground/75",
-              children: step.target
-            })
-          ]
-        }, step.id);
-      })
-    }) : null]
+  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 groupMessages(messages) {
@@ -1769,25 +1487,40 @@ function groupMessages(messages) {
   if (current) turns.push(current);
   return turns;
 }
+var LazyGenerativeTextRenderer = lazy(() => import("./openui-renderer-Dk0Ak9cW-MUJQHDAS.js").then((n) => n.n).then(({ GenerativeTextRenderer }) => ({ default: GenerativeTextRenderer })));
+function PlainTextFallback({ className, content }) {
+  return /* @__PURE__ */ jsx("div", {
+    className: className ? `${className} whitespace-pre-wrap` : "whitespace-pre-wrap",
+    children: content
+  });
+}
+function FleetGenerativeTextRenderer(props) {
+  if (!useMemo(() => segmentOpenUIContent(props.content).some((segment) => segment.type === "openui"), [props.content])) return /* @__PURE__ */ jsx(LazyMarkdown, {
+    className: props.className,
+    content: props.content
+  });
+  return /* @__PURE__ */ jsx(Suspense, {
+    fallback: /* @__PURE__ */ jsx(PlainTextFallback, {
+      className: props.className,
+      content: props.content
+    }),
+    children: /* @__PURE__ */ jsx(LazyGenerativeTextRenderer, { ...props })
+  });
+}
 
 export {
   ChevronLeft,
-  Image,
   MessageBubble,
   MessageBubbleContent,
   MessageScroller,
   Message,
   MessageContent,
-  normalizeAssistantToolParts,
-  buildAssistantElements,
   FileAttachment,
   UserMessage,
-  FleetGenerativeTextRenderer,
-  orderedRlmChildren,
-  rlmStatusIcon,
-  FleetSubagentList,
-  FleetToolTimeline,
-  groupMessages
+  normalizeAssistantToolParts,
+  buildAssistantElements,
+  groupMessages,
+  FleetGenerativeTextRenderer
 };
 /**
 * @license lucide-react v1.33.0 - ISC