@percena/weft 0.4.0-next.0 → 0.4.0-next.10

package/dist/chat.cjs

@@ -88,6 +88,7 @@ __export(chat_exports, {
   toStoredSession: () => toStoredSession,
   updateMessageAt: () => updateMessageAt,
   useAgentChatSession: () => useAgentChatSession,
+  useAgentSession: () => useAgentSession,
   useEventProcessor: () => useEventProcessor,
   useTimelineAgentChatSession: () => useTimelineAgentChatSession
 });
@@ -907,7 +908,7 @@ function TurnCardActionsMenu({
   hasEditOrWriteActivities,
   className
 }) {
-  const { t: t2 } = (0, import_react_i18next.useTranslation)();
+  const { t: t22 } = (0, import_react_i18next.useTranslation)();
   const [isOpen, setIsOpen] = React2.useState(false);
   if (!onOpenDetails && !onOpenMultiFileDiff) {
     return null;
@@ -945,7 +946,7 @@ function TurnCardActionsMenu({
           {
             onClick: onOpenMultiFileDiff,
             icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.FileDiff, {}),
-            children: t2("chat.viewFileChanges")
+            children: t22("chat.viewFileChanges")
           }
         ),
         onOpenDetails && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -953,7 +954,7 @@ function TurnCardActionsMenu({
           {
             onClick: onOpenDetails,
             icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.ArrowUpRight, {}),
-            children: t2("chat.viewTurnDetails")
+            children: t22("chat.viewTurnDetails")
           }
         )
       ]
@@ -2707,9 +2708,9 @@ function AcceptPlanDropdown({
   acceptOptionLabel,
   className
 }) {
-  const { t: t2 } = (0, import_react_i18next3.useTranslation)();
-  const effectiveAcceptLabel = acceptLabel ?? t2("plan.acceptPlan");
-  const effectiveAcceptOptionLabel = acceptOptionLabel ?? t2("plan.accept");
+  const { t: t22 } = (0, import_react_i18next3.useTranslation)();
+  const effectiveAcceptLabel = acceptLabel ?? t22("plan.acceptPlan");
+  const effectiveAcceptOptionLabel = acceptOptionLabel ?? t22("plan.accept");
   const [isOpen, setIsOpen] = (0, import_react9.useState)(false);
   const [position, setPosition] = (0, import_react9.useState)(null);
   const triggerRef = (0, import_react9.useRef)(null);
@@ -2839,7 +2840,7 @@ function AcceptPlanDropdown({
                 ),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-[13px] font-medium", children: effectiveAcceptOptionLabel }),
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-xs text-muted-foreground", children: t2("plan.executeImmediately") })
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-xs text-muted-foreground", children: t22("plan.executeImmediately") })
                 ]
               }
             ),
@@ -2854,8 +2855,8 @@ function AcceptPlanDropdown({
                   "transition-colors"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-[13px] font-medium", children: t2("plan.acceptAndCompact") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-xs text-muted-foreground", children: t2("plan.worksForComplex") })
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-[13px] font-medium", children: t22("plan.acceptAndCompact") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-xs text-muted-foreground", children: t22("plan.worksForComplex") })
                 ]
               }
             )
@@ -2905,7 +2906,7 @@ function StyledDropdownMenuItem({
   );
 }
 function BranchDropdown({ onBranch }) {
-  const { t: t2 } = (0, import_react_i18next2.useTranslation)();
+  const { t: t22 } = (0, import_react_i18next2.useTranslation)();
   const handleBranchClick = () => {
     onBranch({ newPanel: true });
   };
@@ -2914,8 +2915,8 @@ function BranchDropdown({ onBranch }) {
       "button",
       {
         type: "button",
-        "aria-label": t2("chat.branchOptions"),
-        title: t2("chat.branch"),
+        "aria-label": t22("chat.branchOptions"),
+        title: t22("chat.branch"),
         className: cn(
           "p-1 rounded-[4px] transition-colors select-none",
           "text-muted-foreground hover:text-foreground hover:bg-foreground/5",
@@ -2926,8 +2927,8 @@ function BranchDropdown({ onBranch }) {
       }
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StyledDropdownMenuContent, { align: "end", minWidth: "min-w-64", sideOffset: 6, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StyledDropdownMenuItem, { onClick: handleBranchClick, className: "items-start py-2", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[13px] leading-tight", children: t2("chat.branchFromThisMessage") }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "max-w-[220px] whitespace-normal text-xs leading-tight text-muted-foreground", children: t2("chat.branchFromThisMessageDescription") })
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[13px] leading-tight", children: t22("chat.branchFromThisMessage") }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "max-w-[220px] whitespace-normal text-xs leading-tight text-muted-foreground", children: t22("chat.branchFromThisMessageDescription") })
     ] }) }) })
   ] });
 }
@@ -2975,7 +2976,7 @@ function ResponseCard({
   openAnnotationRequest,
   annotationInteractionMode = "interactive"
 }) {
-  const { t: t2 } = (0, import_react_i18next2.useTranslation)();
+  const { t: t22 } = (0, import_react_i18next2.useTranslation)();
   const [displayedText, setDisplayedText] = (0, import_react5.useState)(text);
   const lastUpdateRef = (0, import_react5.useRef)(Date.now());
   const [copied, setCopied] = (0, import_react5.useState)(false);
@@ -3575,7 +3576,7 @@ function ResponseCard({
               "text-muted-foreground/50 hover:text-foreground",
               "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:opacity-100"
             ),
-            title: t2("common.viewFullscreen"),
+            title: t22("common.viewFullscreen"),
             children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react4.Maximize2, { className: "w-3.5 h-3.5" })
           }
         ),
@@ -3638,10 +3639,10 @@ function ResponseCard({
                 ),
                 children: copied ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react4.Check, { className: SIZE_CONFIG.iconSize }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: t2("common.copied") })
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: t22("common.copied") })
                 ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react4.Copy, { className: SIZE_CONFIG.iconSize }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: t2("common.copy") })
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: t22("common.copy") })
                 ] })
               }
             ),
@@ -3674,8 +3675,8 @@ function ResponseCard({
                   {
                     onAccept,
                     onAcceptWithCompact,
-                    acceptLabel: hasActiveFollowUpAnnotations ? t2("plan.acceptAndSendFollowups") : t2("plan.acceptPlan"),
-                    acceptOptionLabel: hasActiveFollowUpAnnotations ? t2("plan.acceptAndSendFollowups") : t2("plan.accept")
+                    acceptLabel: hasActiveFollowUpAnnotations ? t22("plan.acceptAndSendFollowups") : t22("plan.acceptPlan"),
+                    acceptOptionLabel: hasActiveFollowUpAnnotations ? t22("plan.acceptAndSendFollowups") : t22("plan.accept")
                   }
                 )
               }
@@ -4221,12 +4222,12 @@ function InlineExecution({
   onRetry,
   className
 }) {
-  const { t: t2 } = (0, import_react_i18next4.useTranslation)();
+  const { t: t22 } = (0, import_react_i18next4.useTranslation)();
   if (status === "executing") {
     return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: cn("space-y-3", className), children: [
       /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LoadingIndicator, { animated: true, showElapsed: true }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: cn("text-foreground/80", SIZE_CONFIG.fontSize), children: t2("common.editing") })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: cn("text-foreground/80", SIZE_CONFIG.fontSize), children: t22("common.editing") })
       ] }),
       activities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "space-y-0.5 pl-1", children: activities.slice(-3).map((activity) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(InlineActivityRow, { activity }, activity.id)) }),
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex items-center justify-start pt-1 border-t border-border/30", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
@@ -4238,7 +4239,7 @@ function InlineExecution({
             "text-muted-foreground hover:text-foreground transition-colors",
             SIZE_CONFIG.fontSize
           ),
-          children: t2("common.cancel")
+          children: t22("common.cancel")
         }
       ) })
     ] });
@@ -4247,7 +4248,7 @@ function InlineExecution({
     return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: cn("space-y-3", className), children: [
       /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react8.CheckCircle2, { className: "w-4 h-4 text-success" }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: cn("text-foreground font-medium", SIZE_CONFIG.fontSize), children: t2("common.done") })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: cn("text-foreground font-medium", SIZE_CONFIG.fontSize), children: t22("common.done") })
       ] }),
       result && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("text-muted-foreground leading-relaxed prose-compact", SIZE_CONFIG.fontSize), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Markdown, { children: result }) }),
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex items-center justify-end pt-1 border-t border-border/30", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
@@ -4261,7 +4262,7 @@ function InlineExecution({
           ),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react8.CheckCircle2, { className: "w-3 h-3" }),
-            t2("common.done")
+            t22("common.done")
           ]
         }
       ) })
@@ -4270,7 +4271,7 @@ function InlineExecution({
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: cn("space-y-3", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react8.XCircle, { className: "w-4 h-4 text-destructive" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: cn("text-foreground font-medium", SIZE_CONFIG.fontSize), children: t2("common.failed") })
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: cn("text-foreground font-medium", SIZE_CONFIG.fontSize), children: t22("common.failed") })
     ] }),
     error && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("text-destructive/80 leading-relaxed prose-compact", SIZE_CONFIG.fontSize), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Markdown, { children: error }) }),
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-end gap-2 pt-1 border-t border-border/30", children: [
@@ -4285,7 +4286,7 @@ function InlineExecution({
           ),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react8.X, { className: "w-3 h-3" }),
-            t2("common.dismiss")
+            t22("common.dismiss")
           ]
         }
       ),
@@ -4298,7 +4299,7 @@ function InlineExecution({
             "px-2 py-1 rounded-md bg-accent/10 text-accent hover:bg-accent/20 transition-colors",
             SIZE_CONFIG.fontSize
           ),
-          children: t2("common.retry")
+          children: t22("common.retry")
         }
       )
     ] })
@@ -4525,14 +4526,14 @@ function CommandBadge({ badge }) {
   );
 }
 function ContextBadge({ badge }) {
-  const { t: t2 } = (0, import_react_i18next5.useTranslation)();
+  const { t: t22 } = (0, import_react_i18next5.useTranslation)();
   const displayLabel = badge.collapsedLabel || badge.label;
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "span",
     {
       className: "inline-flex items-center gap-1 h-[22px] px-1.5 mr-1 rounded-[5px] bg-background shadow-minimal text-[12px] align-middle",
       style: { verticalAlign: "middle", transform: "translateY(-1px)" },
-      title: t2("chat.contextBadge"),
+      title: t22("chat.contextBadge"),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "h-[12px] w-[12px] rounded-[2px] bg-foreground/5 flex items-center justify-center text-foreground/50 shrink-0 text-[8px]", children: CONTEXT_ICON_TEXT }),
         /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "truncate max-w-[200px] text-muted-foreground", children: displayLabel })
@@ -4696,7 +4697,7 @@ function UserMessageBubble({
   isQueued,
   compactMode
 }) {
-  const { t: t2 } = (0, import_react_i18next5.useTranslation)();
+  const { t: t22 } = (0, import_react_i18next5.useTranslation)();
   const hasAttachments = attachments && attachments.length > 0;
   const [showQueued, setShowQueued] = (0, import_react12.useState)(isQueued ?? false);
   const queuedShownAtRef = (0, import_react12.useRef)(isQueued ? Date.now() : null);
@@ -4753,7 +4754,7 @@ function UserMessageBubble({
         {
           className: "shrink-0 cursor-pointer hover:opacity-80 transition-opacity",
           onClick: () => att.storedPath && onFileClick?.(att.storedPath),
-          title: t2("chat.clickToOpen", { name: att.name }),
+          title: t22("chat.clickToOpen", { name: att.name }),
           children: isImage ? (
             /* IMAGE: Square thumbnail only */
             /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-14 w-14 rounded-[8px] overflow-hidden bg-background shadow-minimal", children: hasThumbnail ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
@@ -4802,7 +4803,7 @@ function UserMessageBubble({
               "aria-live": "polite",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react9.Clock, { className: "h-3 w-3 animate-pulse", "aria-hidden": "true" }),
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-[11px] italic", children: t2("chat.queuedBadge") })
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-[11px] italic", children: t22("chat.queuedBadge") })
               ]
             }
           ),
@@ -5505,7 +5506,7 @@ function handleTextComplete(state, event) {
     const existingMsg = session.messages[msgIndex];
     const resolvedContent = event.text || streaming?.content || existingMsg?.content || "";
     const isCompletingAccumulatedText = Boolean(event.text) && (event.text === existingMsg.content || event.text === streaming?.content);
-    const completedTimestamp = isCompletingAccumulatedText ? existingMsg.timestamp : Math.max(event.timestamp ?? Date.now(), existingMsg.timestamp + 1);
+    const completedTimestamp = event.isIntermediate ? existingMsg.timestamp : isCompletingAccumulatedText ? existingMsg.timestamp : Math.max(event.timestamp ?? Date.now(), existingMsg.timestamp + 1);
     const updatedSession = updateMessageAt(session, msgIndex, {
       // Replace temporary renderer-generated ID with authoritative main-process ID
       // so branchFromMessageId always resolves against persisted session.jsonl.
@@ -7113,7 +7114,7 @@ var InProcessEventSource = class {
   }
 };
 
-// ../packages/local-chat/dist/index.js
+// ../packages/chat/dist/index.js
 var import_react18 = require("react");
 var import_react19 = require("react");
 
@@ -7135,7 +7136,7 @@ function timelineKey(item) {
   return `${item.epoch}:${item.seq}`;
 }
 
-// ../packages/local-chat/dist/index.js
+// ../packages/chat/dist/index.js
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var import_react20 = require("react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
@@ -7172,6 +7173,7 @@ function createAgentChatPanelModelFromTimeline(args) {
   };
 }
 function isChatTranscriptTimelineEnvelope(envelope) {
+  if (!envelope.item) return false;
   switch (envelope.item.type) {
     case "user_message":
     case "assistant_message_delta":
@@ -7897,6 +7899,3818 @@ function TimelineAgentChatPanel({
     )
   ] });
 }
+
+// ../packages/react/dist/index.js
+var React102 = __toESM(require("react"), 1);
+var import_react21 = require("react");
+var import_i18next3 = __toESM(require("i18next"), 1);
+var import_react22 = require("motion/react");
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var React22 = __toESM(require("react"), 1);
+var import_react_i18next6 = require("react-i18next");
+var import_lucide_react12 = require("lucide-react");
+var React11 = __toESM(require("react"), 1);
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_i18next4 = __toESM(require("i18next"), 1);
+var import_react23 = require("react");
+var import_react24 = require("motion/react");
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_react25 = require("react");
+var import_react_i18next7 = require("react-i18next");
+var import_lucide_react14 = require("lucide-react");
+var React62 = __toESM(require("react"), 1);
+var import_react_markdown2 = __toESM(require("react-markdown"), 1);
+var import_rehype_katex2 = __toESM(require("rehype-katex"), 1);
+var import_rehype_raw2 = __toESM(require("rehype-raw"), 1);
+var import_remark_gfm2 = __toESM(require("remark-gfm"), 1);
+var import_remark_math2 = __toESM(require("remark-math"), 1);
+var React32 = __toESM(require("react"), 1);
+var import_core4 = require("@shikijs/core");
+var import_engine_javascript2 = require("@shikijs/engine-javascript");
+var import_react26 = require("react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var React42 = __toESM(require("react"), 1);
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var React52 = __toESM(require("react"), 1);
+var import_lucide_react15 = require("lucide-react");
+var import_react27 = require("motion/react");
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_react28 = require("react");
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var React72 = __toESM(require("react"), 1);
+var import_jsx_runtime60 = require("react/jsx-runtime");
+var React82 = __toESM(require("react"), 1);
+var React92 = __toESM(require("react"), 1);
+var import_react29 = require("react");
+var import_react_i18next8 = require("react-i18next");
+var ReactDOM2 = __toESM(require("react-dom"), 1);
+var import_lucide_react16 = require("lucide-react");
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_react30 = require("motion/react");
+var import_lucide_react17 = require("lucide-react");
+var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_react_i18next9 = require("react-i18next");
+var import_lucide_react18 = require("lucide-react");
+var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_react31 = require("react");
+var import_react32 = require("react");
+var import_lucide_react19 = require("lucide-react");
+var import_lucide_react20 = require("lucide-react");
+var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_react_i18next10 = require("react-i18next");
+var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_react33 = require("react");
+var import_react34 = require("react");
+var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_react35 = require("react");
+var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_react36 = require("react");
+var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_react37 = require("react");
+var import_react38 = require("react");
+var import_react39 = require("react");
+var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_react40 = require("react");
+var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_react41 = require("react");
+var EN_FALLBACK2 = {
+  // TurnCard
+  "turnCard.processing": "Processing",
+  "turnCard.responding": "Responding",
+  "turnCard.stepsCompleted": "Steps completed",
+  "turnCard.starting": "Starting",
+  "turnCard.errorCount": "{{count}} errors",
+  // Common
+  "common.error": "Error",
+  "common.viewFullscreen": "View fullscreen",
+  "common.copy": "Copy",
+  "common.copied": "Copied",
+  "common.editing": "Editing",
+  "common.cancel": "Cancel",
+  "common.done": "Done",
+  "common.failed": "Failed",
+  "common.dismiss": "Dismiss",
+  "common.retry": "Retry",
+  // Chat
+  "chat.branchOptions": "Branch options",
+  "chat.branch": "Branch",
+  "chat.branchFromThisMessage": "Branch from this message",
+  "chat.branchFromThisMessageDescription": "Create a new conversation branch starting from this message",
+  "chat.contextBadge": "Context",
+  "chat.queuedBadge": "Queued",
+  "chat.viewFileChanges": "View file changes",
+  "chat.viewTurnDetails": "View turn details",
+  // Plan
+  "plan.acceptPlan": "Accept plan",
+  "plan.accept": "Accept",
+  "plan.executeImmediately": "Execute immediately",
+  "plan.acceptAndCompact": "Accept & compact",
+  "plan.worksForComplex": "Works well for complex multi-step plans",
+  "plan.acceptAndSendFollowups": "Accept & send follow-ups"
+};
+function normalizePath2(path) {
+  return path.replace(/\\/g, "/");
+}
+function pathStartsWith2(filePath, dirPath) {
+  const normalizedFile = normalizePath2(filePath);
+  const normalizedDir = normalizePath2(dirPath);
+  return normalizedFile.startsWith(normalizedDir + "/") || normalizedFile === normalizedDir;
+}
+function stripPathPrefix2(filePath, prefix) {
+  const normalizedFile = normalizePath2(filePath);
+  const normalizedPrefix = normalizePath2(prefix);
+  if (normalizedFile.startsWith(normalizedPrefix + "/")) {
+    return normalizedFile.slice(normalizedPrefix.length + 1);
+  }
+  return filePath;
+}
+function deriveTurnPhase2(turn) {
+  if (turn.isComplete) {
+    return "complete";
+  }
+  if (turn.response && turn.response.isStreaming) {
+    return "streaming";
+  }
+  const hasRunningTools = turn.activities.some((a) => a.type === "tool" && a.status === "running");
+  if (hasRunningTools) {
+    return "tool_active";
+  }
+  if (turn.activities.length > 0) {
+    return "awaiting";
+  }
+  return "pending";
+}
+function shouldShowThinkingIndicator2(phase, isBuffering) {
+  return phase === "pending" || phase === "awaiting" || phase === "streaming" && isBuffering;
+}
+function computeLastChildSet2(activities) {
+  const lastByParent = /* @__PURE__ */ new Map();
+  for (const activity of activities) {
+    if (activity.depth && activity.depth > 0) {
+      lastByParent.set(activity.parentId, activity.id);
+    }
+  }
+  return new Set(lastByParent.values());
+}
+function formatDuration2(ms) {
+  if (!Number.isFinite(ms) || ms < 0) {
+    return "--";
+  }
+  const seconds = ms / 1e3;
+  if (seconds < 60) {
+    return `${seconds.toFixed(1)}s`;
+  }
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = Math.round(seconds % 60);
+  if (minutes >= 2) {
+    return `${minutes}m+`;
+  }
+  return `${minutes}m ${remainingSeconds}s`;
+}
+function formatTokens2(count) {
+  if (!Number.isFinite(count) || count < 0) {
+    return "0";
+  }
+  count = Math.floor(count);
+  if (count < 1e3) {
+    return count.toString();
+  }
+  const k = count / 1e3;
+  if (k < 10) {
+    return `${k.toFixed(1)}k`;
+  }
+  return `${Math.round(k)}k`;
+}
+var PARENT_TASK_TOOL_NAMES3 = ["Task", "task"];
+function isParentTaskTool3(toolName) {
+  return PARENT_TASK_TOOL_NAMES3.includes(toolName);
+}
+function isActivityGroup2(item) {
+  return "type" in item && item.type === "group" && "parent" in item && "children" in item;
+}
+function extractTaskOutputData2(activity) {
+  if (!activity.content) return void 0;
+  try {
+    const parsed = JSON.parse(activity.content);
+    const data = {};
+    if (typeof parsed.duration_ms === "number") {
+      data.durationMs = parsed.duration_ms;
+    }
+    if (parsed.usage) {
+      if (typeof parsed.usage.input_tokens === "number") {
+        data.inputTokens = parsed.usage.input_tokens;
+      }
+      if (typeof parsed.usage.output_tokens === "number") {
+        data.outputTokens = parsed.usage.output_tokens;
+      }
+    }
+    if (data.durationMs !== void 0 || data.inputTokens !== void 0 || data.outputTokens !== void 0) {
+      return data;
+    }
+  } catch {
+  }
+  return void 0;
+}
+function groupActivitiesByParent2(activities) {
+  const taskToolUseIds = /* @__PURE__ */ new Set();
+  for (const activity of activities) {
+    if (isParentTaskTool3(activity.toolName ?? "") && activity.toolUseId) {
+      taskToolUseIds.add(activity.toolUseId);
+    }
+  }
+  const childrenByParent = /* @__PURE__ */ new Map();
+  for (const activity of activities) {
+    if (activity.parentId && taskToolUseIds.has(activity.parentId)) {
+      const existing = childrenByParent.get(activity.parentId) || [];
+      existing.push(activity);
+      childrenByParent.set(activity.parentId, existing);
+    }
+  }
+  const childIds = /* @__PURE__ */ new Set();
+  for (const children of childrenByParent.values()) {
+    for (const child of children) {
+      childIds.add(child.id);
+    }
+  }
+  const taskOutputByAgentId = /* @__PURE__ */ new Map();
+  for (const activity of activities) {
+    if (activity.toolName === "TaskOutput" && activity.status === "completed") {
+      const taskId = activity.toolInput?.task_id;
+      if (taskId) {
+        const data = extractTaskOutputData2(activity);
+        if (data) {
+          taskOutputByAgentId.set(taskId, data);
+        }
+      }
+    }
+  }
+  const taskToAgentId = /* @__PURE__ */ new Map();
+  for (const activity of activities) {
+    if (isParentTaskTool3(activity.toolName ?? "") && (activity.status === "completed" || activity.status === "backgrounded") && activity.content) {
+      const agentIdMatch = activity.content.match(/agentId:\s*([a-zA-Z0-9_-]+)/);
+      const capturedAgentId = agentIdMatch?.[1];
+      if (capturedAgentId && activity.toolUseId) {
+        taskToAgentId.set(activity.toolUseId, capturedAgentId);
+      }
+    }
+  }
+  const result = [];
+  for (const activity of activities) {
+    if (childIds.has(activity.id)) {
+      continue;
+    }
+    if (activity.toolName === "TaskOutput") {
+      continue;
+    }
+    if (isParentTaskTool3(activity.toolName ?? "")) {
+      const children = activity.toolUseId ? childrenByParent.get(activity.toolUseId) || [] : [];
+      let taskOutputData;
+      if (activity.toolUseId) {
+        const agentId = taskToAgentId.get(activity.toolUseId);
+        if (agentId) {
+          taskOutputData = taskOutputByAgentId.get(agentId);
+        }
+      }
+      result.push({
+        type: "group",
+        parent: activity,
+        children: children.sort((a, b) => a.timestamp - b.timestamp),
+        taskOutputData
+      });
+    } else {
+      result.push(activity);
+    }
+  }
+  return result;
+}
+function asRecord2(value) {
+  return value && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
+function normalizeFollowUpText2(text) {
+  return text.replace(/\s+/g, " ").trim();
+}
+function getAnnotationNoteText2(annotation) {
+  const noteBody = annotation.body.find((body) => body.type === "note");
+  const bodyText = noteBody?.text?.trim() ?? "";
+  if (bodyText.length > 0) return bodyText;
+  const followUpMeta = asRecord2(asRecord2(annotation.meta)?.followUp);
+  const metaText = typeof followUpMeta?.text === "string" ? followUpMeta.text.trim() : "";
+  return metaText;
+}
+function formatAnnotationFollowUpTooltipText2(annotation, maxLength = 180) {
+  const note = normalizeFollowUpText2(getAnnotationNoteText2(annotation));
+  if (!note) return "";
+  return note.length > maxLength ? `${note.slice(0, maxLength - 1).trimEnd()}\u2026` : note;
+}
+function extractAnnotationSelectedText2(annotation, messageContent) {
+  const quoteSelector = annotation.target.selectors.find(
+    (selector) => selector.type === "text-quote"
+  );
+  const quoteText = quoteSelector?.exact?.trim() ?? "";
+  if (quoteText.length > 0) return quoteText;
+  const positionSelector = annotation.target.selectors.find(
+    (selector) => selector.type === "text-position"
+  );
+  if (positionSelector) {
+    const start = Math.max(0, Math.min(positionSelector.start, messageContent.length));
+    const end = Math.max(start, Math.min(positionSelector.end, messageContent.length));
+    const slice = messageContent.slice(start, end).trim();
+    if (slice.length > 0) return slice;
+  }
+  return "Selected text";
+}
+function cn2(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+function Spinner2({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+    "svg",
+    {
+      className: cn2("animate-spin h-4 w-4 text-muted-foreground", className),
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          "circle",
+          {
+            className: "opacity-25",
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            strokeWidth: "4"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          "path",
+          {
+            className: "opacity-75",
+            fill: "currentColor",
+            d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+          }
+        )
+      ]
+    }
+  );
+}
+function SimpleDropdown2({
+  align = "start",
+  onOpenChange,
+  trigger,
+  children
+}) {
+  const [isOpen, setIsOpen] = React11.useState(false);
+  const handleToggle = () => {
+    const next = !isOpen;
+    setIsOpen(next);
+    onOpenChange?.(next);
+  };
+  const handleClose = () => {
+    setIsOpen(false);
+    onOpenChange?.(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "relative inline-flex", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { onClick: handleToggle, children: trigger }),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      "div",
+      {
+        className: cn2(
+          "absolute z-50 min-w-[160px] p-1",
+          "bg-background rounded-[8px] shadow-strong border border-border/50",
+          align === "end" ? "right-0" : "left-0",
+          "top-full mt-1"
+        ),
+        onClick: handleClose,
+        children
+      }
+    )
+  ] });
+}
+function SimpleDropdownItem2({
+  onClick,
+  icon,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn2(
+        "flex items-center gap-2 w-full px-2 py-1.5 text-left rounded-[6px]",
+        "hover:bg-foreground/[0.05] focus:bg-foreground/[0.05]",
+        "text-sm transition-colors",
+        className
+      ),
+      children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "shrink-0", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children })
+      ]
+    }
+  );
+}
+function TurnCardActionsMenu2({
+  onOpenDetails,
+  onOpenMultiFileDiff,
+  hasEditOrWriteActivities,
+  className
+}) {
+  const { t: t22 } = (0, import_react_i18next6.useTranslation)();
+  const [isOpen, setIsOpen] = React22.useState(false);
+  if (!onOpenDetails && !onOpenMultiFileDiff) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    SimpleDropdown2,
+    {
+      align: "end",
+      onOpenChange: setIsOpen,
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        "div",
+        {
+          role: "button",
+          tabIndex: 0,
+          className: cn2(
+            "p-1 rounded-[6px] transition-opacity shrink-0",
+            "opacity-0 group-hover:opacity-100",
+            "bg-background shadow-minimal",
+            "text-muted-foreground/50 hover:text-foreground",
+            "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:opacity-100",
+            isOpen && "opacity-100 text-foreground",
+            className
+          ),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+            }
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react12.MoreHorizontal, { className: "w-3 h-3" })
+        }
+      ),
+      children: [
+        onOpenMultiFileDiff && hasEditOrWriteActivities && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          SimpleDropdownItem2,
+          {
+            onClick: onOpenMultiFileDiff,
+            icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react12.FileDiff, {}),
+            children: t22("chat.viewFileChanges")
+          }
+        ),
+        onOpenDetails && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          SimpleDropdownItem2,
+          {
+            onClick: onOpenDetails,
+            icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react12.ArrowUpRight, {}),
+            children: t22("chat.viewTurnDetails")
+          }
+        )
+      ]
+    }
+  );
+}
+function splitComparableLines2(value) {
+  if (!value) return [];
+  const lines = value.split(/\r?\n/);
+  if (lines.length > 0 && lines[lines.length - 1] === "") {
+    lines.pop();
+  }
+  return lines;
+}
+function lcsLength2(a, b) {
+  if (a.length === 0 || b.length === 0) return 0;
+  const previous = new Array(b.length + 1).fill(0);
+  const current = new Array(b.length + 1).fill(0);
+  for (let i = 1; i <= a.length; i += 1) {
+    for (let j = 1; j <= b.length; j += 1) {
+      current[j] = a[i - 1] === b[j - 1] ? previous[j - 1] + 1 : Math.max(previous[j], current[j - 1]);
+    }
+    previous.splice(0, previous.length, ...current);
+    current.fill(0);
+  }
+  return previous[b.length] ?? 0;
+}
+function getTextDiffStats2(oldText, newText) {
+  const oldLines = splitComparableLines2(oldText);
+  const newLines = splitComparableLines2(newText);
+  const common = lcsLength2(oldLines, newLines);
+  return {
+    additions: Math.max(0, newLines.length - common),
+    deletions: Math.max(0, oldLines.length - common)
+  };
+}
+function getUnifiedDiffStats2(_diff, _path) {
+  let additions = 0;
+  let deletions = 0;
+  let files = 0;
+  for (const line of _diff.split(/\r?\n/)) {
+    if (line.startsWith("diff --git ") || line.startsWith("+++ ")) {
+      files += 1;
+      continue;
+    }
+    if (line.startsWith("+++") || line.startsWith("---") || line.startsWith("@@")) {
+      continue;
+    }
+    if (line.startsWith("+")) additions += 1;
+    if (line.startsWith("-")) deletions += 1;
+  }
+  return { added: additions, removed: deletions, additions, deletions, files };
+}
+function t2(key, options) {
+  const result = import_i18next4.default.t(key, options);
+  if (!result || result === key) {
+    const fallback = EN_FALLBACK2[key];
+    if (!fallback) return key;
+    if (options) {
+      return fallback.replace(/\{\{(\w+)\}\}/g, (_, k) => String(options[k] ?? ""));
+    }
+    return fallback;
+  }
+  return result;
+}
+function stripMarkdown2(text) {
+  return text.replace(/```(?:\w+)?\n?([\s\S]*?)```/g, "$1").replace(/`([^`]+)`/g, "$1").replace(/^#{1,6}\s+/gm, "").replace(/\*\*([^*]+)\*\*/g, "$1").replace(/\*([^*]+)\*/g, "$1").replace(/__([^_]+)__/g, "$1").replace(/_([^_]+)_/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/!\[[^\]]*\]\([^)]+\)/g, "").replace(/^>\s+/gm, "").replace(/^---+$/gm, "").replace(/\s+/g, " ").trim();
+}
+function computeEditWriteDiffStats2(toolName, toolInput) {
+  if (!toolInput) return null;
+  if (toolName === "Edit") {
+    if (toolInput.changes && Array.isArray(toolInput.changes)) {
+      let totalAdditions = 0;
+      let totalDeletions = 0;
+      for (const change of toolInput.changes) {
+        if (change.diff) {
+          const stats2 = getUnifiedDiffStats2(change.diff, change.path || "file");
+          if (stats2) {
+            totalAdditions += stats2.additions;
+            totalDeletions += stats2.deletions;
+          }
+        }
+      }
+      if (totalAdditions === 0 && totalDeletions === 0) return null;
+      return { additions: totalAdditions, deletions: totalDeletions };
+    }
+    const oldString = toolInput.old_string ?? "";
+    const newString = toolInput.new_string ?? "";
+    if (!oldString && !newString) return null;
+    const stats = getTextDiffStats2(oldString, newString);
+    if (stats.additions === 0 && stats.deletions === 0) return null;
+    return stats;
+  }
+  if (toolName === "Write") {
+    const content = toolInput.content ?? "";
+    if (!content) return null;
+    return getTextDiffStats2("", content);
+  }
+  return null;
+}
+var SIZE_CONFIG2 = {
+  /** Base font size class for all text */
+  fontSize: "text-[13px]",
+  /** Icon size class (width and height) */
+  iconSize: "w-3 h-3",
+  /** Spinner text size class */
+  spinnerSize: "text-[10px]",
+  /** Small spinner for header */
+  spinnerSizeSmall: "text-[8px]",
+  /** Activity row height in pixels (approx for calculation) */
+  activityRowHeight: 24,
+  /** Max visible activities before scrolling (show ~15 items) */
+  maxVisibleActivities: 15,
+  /** Number of items before which we apply staggered animation */
+  staggeredAnimationLimit: 10
+};
+var BUFFER_CONFIG2 = {
+  MIN_WORDS_STANDARD: 1,
+  // Base threshold for showing content
+  MIN_WORDS_CODE: 15,
+  // Code blocks show faster
+  MIN_WORDS_LIST: 20,
+  // Lists show faster
+  MIN_WORDS_QUESTION: 8,
+  // Questions from AI show faster
+  MIN_WORDS_HEADER: 12,
+  // Headers indicate structure
+  MIN_BUFFER_MS: 0,
+  // Show the first non-empty delta immediately
+  MAX_BUFFER_MS: 800,
+  // Keep fallback short if markdown structure is ambiguous
+  TIMEOUT_MIN_WORDS: 1,
+  // Show on timeout if at least this many words
+  HIGH_WORD_COUNT: 60,
+  // Show regardless of structure at this count
+  CONTENT_THROTTLE_MS: 60
+  // Light throttle while preserving live streaming feel
+};
+function countWords2(text) {
+  return text.trim().split(/\s+/).filter((w) => w.length > 0).length;
+}
+function hasCodeBlock2(text) {
+  return /```/.test(text);
+}
+function hasList2(text) {
+  return /^\s*[-*•]\s/m.test(text) || /^\s*\d+\.\s/m.test(text);
+}
+function hasHeader2(text) {
+  return /^#{1,4}\s/m.test(text);
+}
+function hasStructure2(text) {
+  if (/[.!?:]\s*$/.test(text.trimEnd())) return true;
+  if (/\n\s*\n/.test(text)) return true;
+  if (/\n\s*#{1,4}\s/.test(text)) return true;
+  if (hasCodeBlock2(text)) return true;
+  return false;
+}
+function isQuestion2(text) {
+  return /\?\s*$/.test(text.trim());
+}
+function shouldShowStreamingContent2(text, isStreaming, streamStartTime) {
+  const wordCount = countWords2(text);
+  if (!isStreaming) {
+    return { shouldShow: true, reason: "complete", wordCount };
+  }
+  if (text.trim().length > 0) {
+    return { shouldShow: true, reason: "threshold_met", wordCount };
+  }
+  const elapsed = streamStartTime ? Date.now() - streamStartTime : 0;
+  if (elapsed < BUFFER_CONFIG2.MIN_BUFFER_MS) {
+    return { shouldShow: false, reason: "min_time", wordCount };
+  }
+  if (elapsed > BUFFER_CONFIG2.MAX_BUFFER_MS && wordCount >= BUFFER_CONFIG2.TIMEOUT_MIN_WORDS) {
+    return { shouldShow: true, reason: "timeout", wordCount };
+  }
+  if (hasCodeBlock2(text) && wordCount >= BUFFER_CONFIG2.MIN_WORDS_CODE) {
+    return { shouldShow: true, reason: "code_block", wordCount };
+  }
+  if (hasHeader2(text) && wordCount >= BUFFER_CONFIG2.MIN_WORDS_HEADER) {
+    return { shouldShow: true, reason: "header", wordCount };
+  }
+  if (hasList2(text) && wordCount >= BUFFER_CONFIG2.MIN_WORDS_LIST) {
+    return { shouldShow: true, reason: "list", wordCount };
+  }
+  if (isQuestion2(text) && wordCount >= BUFFER_CONFIG2.MIN_WORDS_QUESTION) {
+    return { shouldShow: true, reason: "question", wordCount };
+  }
+  if (wordCount >= BUFFER_CONFIG2.MIN_WORDS_STANDARD && hasStructure2(text)) {
+    return { shouldShow: true, reason: "threshold_met", wordCount };
+  }
+  if (wordCount >= BUFFER_CONFIG2.HIGH_WORD_COUNT) {
+    return { shouldShow: true, reason: "high_word_count", wordCount };
+  }
+  return { shouldShow: false, reason: "buffering", wordCount };
+}
+function isResponseBuffering2(response) {
+  if (!response) return false;
+  if (!response.isStreaming) return false;
+  const decision = shouldShowStreamingContent2(response.text, response.isStreaming, response.streamStartTime);
+  return !decision.shouldShow;
+}
+function getToolDisplayName2(name) {
+  const stripped = name.replace(/^mcp__[^_]+__/, "");
+  const displayNames = {
+    "TodoWrite": "Todo List Updated",
+    "set_session_labels": "Set Session Labels",
+    "set_session_status": "Set Session Status",
+    "get_session_info": "Get Session Info",
+    "list_sessions": "List Sessions"
+  };
+  return displayNames[stripped] || stripped;
+}
+function stripSessionFolderPath2(filePath, sessionFolderPath) {
+  if (!sessionFolderPath) return filePath;
+  const workspacePath = normalizePath2(sessionFolderPath).replace(/\/sessions\/[^/]+$/, "");
+  if (pathStartsWith2(filePath, sessionFolderPath)) {
+    return stripPathPrefix2(filePath, sessionFolderPath);
+  }
+  if (pathStartsWith2(filePath, workspacePath)) {
+    return stripPathPrefix2(filePath, workspacePath);
+  }
+  return filePath;
+}
+function formatToolInput2(input, toolName, sessionFolderPath) {
+  if (!input || Object.keys(input).length === 0) return "";
+  if (toolName === "mcp__session__call_llm") return "";
+  const parts = [];
+  const isEditOrWrite = toolName === "Edit" || toolName === "Write";
+  if (isEditOrWrite && input.changes && Array.isArray(input.changes)) {
+    const firstChange = input.changes[0];
+    if (firstChange?.path) {
+      const pathStr = stripSessionFolderPath2(firstChange.path, sessionFolderPath);
+      parts.push(pathStr);
+    }
+    return parts.join(" ");
+  }
+  for (const [key, value] of Object.entries(input)) {
+    if (key === "_intent" || key === "description" || value === void 0 || value === null) continue;
+    if (isEditOrWrite && key !== "file_path") continue;
+    let valStr = typeof value === "string" ? value.replace(/\s+/g, " ").trim() : JSON.stringify(value);
+    if (isEditOrWrite && key === "file_path" && typeof value === "string") {
+      valStr = stripSessionFolderPath2(valStr, sessionFolderPath);
+    }
+    parts.push(valStr);
+    if (parts.length >= 2) break;
+  }
+  return parts.join(" ");
+}
+function extractActionFromDisplayName2(iconName, llmName) {
+  if (llmName.toLowerCase().startsWith(iconName.toLowerCase() + " ")) {
+    return llmName.slice(iconName.length + 1).trim();
+  }
+  return llmName;
+}
+function formatToolDisplay2(activity) {
+  const { toolName, displayName, toolInput, toolDisplayMeta } = activity;
+  if (toolDisplayMeta) {
+    if (toolName?.startsWith("mcp__") && toolDisplayMeta.category === "source") {
+      const parts = toolName.match(/^mcp__([^_]+)__(.+)$/);
+      if (parts) {
+        const toolSlug = parts[2];
+        return {
+          name: `${toolDisplayMeta.displayName}: ${toolSlug}`,
+          icon: toolDisplayMeta.iconDataUrl,
+          description: toolDisplayMeta.description
+        };
+      }
+    }
+    if (toolName === "Bash" && displayName) {
+      const iconName = toolDisplayMeta.displayName;
+      const action = extractActionFromDisplayName2(iconName, displayName);
+      return {
+        name: iconName.toLowerCase() === "terminal" ? action : `${iconName}: ${action}`,
+        icon: toolDisplayMeta.iconDataUrl,
+        description: toolDisplayMeta.description
+      };
+    }
+    if (displayName && toolDisplayMeta.category === "native") {
+      return {
+        name: displayName,
+        icon: toolDisplayMeta.iconDataUrl,
+        description: toolDisplayMeta.description
+      };
+    }
+    return {
+      name: toolDisplayMeta.displayName,
+      icon: toolDisplayMeta.iconDataUrl,
+      description: toolDisplayMeta.description
+    };
+  }
+  if (toolName === "Skill" && toolInput?.skill) {
+    const skillId = String(toolInput.skill);
+    const colonIdx = skillId.indexOf(":");
+    const slug = colonIdx > 0 ? skillId.slice(colonIdx + 1) : skillId;
+    return { name: slug };
+  }
+  const name = displayName || (toolName ? getToolDisplayName2(toolName) : t2("turnCard.processing"));
+  return { name };
+}
+function getPreviewText2(activities, intent, isStreaming, hasResponse, isComplete) {
+  if (intent) return intent;
+  const activityWithIntent = activities.find((a) => a.intent);
+  if (activityWithIntent?.intent) return activityWithIntent.intent;
+  if (isStreaming && hasResponse) return t2("turnCard.responding");
+  const runningTask = activities.find((a) => a.toolName === "Task" && a.status === "running");
+  if (runningTask?.toolInput?.description) {
+    return runningTask.toolInput.description;
+  }
+  if (isStreaming && !isComplete) {
+    const latestIntermediate = [...activities].reverse().find((a) => a.type === "intermediate" && a.content);
+    if (latestIntermediate?.content) {
+      return latestIntermediate.content;
+    }
+  }
+  const runningTools = activities.filter((a) => a.status === "running" && a.toolName);
+  const errorCount = activities.filter((a) => a.status === "error").length;
+  if (runningTools.length > 0) {
+    const toolNames = runningTools.map((a) => getToolDisplayName2(a.toolName)).slice(0, 3);
+    return `${toolNames.join(", ")}...`;
+  }
+  const firstTask = activities.find((a) => a.toolName === "Task");
+  if (firstTask?.toolInput?.description) {
+    const errorSuffix = errorCount > 0 ? t2("turnCard.errorCount", { count: errorCount }) : "";
+    return `${firstTask.toolInput.description}${errorSuffix}`;
+  }
+  if (isComplete || !isStreaming && activities.length > 0) {
+    const errorSuffix = errorCount > 0 ? t2("turnCard.errorCount", { count: errorCount }) : "";
+    return `${t2("turnCard.stepsCompleted")}${errorSuffix}`;
+  }
+  return t2("turnCard.starting");
+}
+function Tooltip2({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children });
+}
+function TooltipTrigger2({
+  children,
+  asChild = false
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children });
+}
+function TooltipContent2({
+  children,
+  side = "top",
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: cn2(
+    "px-2 py-1 text-xs rounded bg-foreground text-background",
+    "max-w-xs whitespace-normal",
+    className
+  ), children });
+}
+function ActivityStatusIcon2({
+  status,
+  toolName,
+  customIcon
+}) {
+  const renderIcon = () => {
+    if (status === "completed" && customIcon) {
+      const isLikelyEmoji = customIcon.length <= 8 && !/^(https?:\/\/|data:)/.test(customIcon);
+      if (isLikelyEmoji) {
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 flex items-center justify-center text-[10px] leading-none"), children: customIcon });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        "img",
+        {
+          src: customIcon,
+          alt: "",
+          className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 rounded-sm object-contain")
+        }
+      );
+    }
+    switch (status) {
+      case "pending":
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.Circle, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 text-muted-foreground/50") });
+      case "running":
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn2(SIZE_CONFIG2.iconSize, "flex items-center justify-center shrink-0"), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Spinner2, { className: SIZE_CONFIG2.spinnerSize }) });
+      case "backgrounded":
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn2(SIZE_CONFIG2.iconSize, "flex items-center justify-center shrink-0"), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Spinner2, { className: cn2(SIZE_CONFIG2.spinnerSize, "text-accent") }) });
+      case "completed":
+        if (toolName === "Edit") {
+          return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.Pencil, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 text-accent") });
+        }
+        if (toolName === "Write") {
+          return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.FilePenLine, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 text-accent") });
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.CheckCircle2, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 text-success") });
+      case "error":
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.XCircle, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 text-destructive") });
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react24.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    import_react24.motion.div,
+    {
+      initial: { opacity: 0, scale: 0.8 },
+      animate: { opacity: 1, scale: 1 },
+      exit: { opacity: 0, scale: 0.8 },
+      transition: { duration: 0.2, ease: "easeOut" },
+      className: "shrink-0",
+      children: renderIcon()
+    },
+    status
+  ) });
+}
+function TreeViewConnector2({ depth }) {
+  if (depth === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex self-stretch", children: Array.from({ length: depth }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "w-4 shrink-0" }, i)) });
+}
+function ActivityRow2({ activity, onOpenDetails, isLastChild, sessionFolderPath, displayMode = "detailed" }) {
+  const depth = activity.depth || 0;
+  if (activity.type === "intermediate") {
+    const isThinking = activity.status === "running";
+    const displayContent = isThinking ? "Thinking..." : stripMarkdown2(activity.content || "");
+    const isComplete2 = activity.status === "completed";
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-stretch", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TreeViewConnector2, { depth, isLastChild }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+        "div",
+        {
+          className: cn2(
+            "group/row flex items-center gap-2 py-0.5 text-foreground/75 flex-1 min-w-0",
+            SIZE_CONFIG2.fontSize
+          ),
+          onClick: onOpenDetails && isComplete2 ? onOpenDetails : void 0,
+          children: [
+            isThinking ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn2(SIZE_CONFIG2.iconSize, "flex items-center justify-center shrink-0"), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Spinner2, { className: SIZE_CONFIG2.spinnerSize }) }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.MessageCircleDashed, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0") }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: cn2("truncate flex-1", onOpenDetails && isComplete2 && "group-hover/row:underline"), children: displayContent }),
+            onOpenDetails && isComplete2 && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              "div",
+              {
+                role: "button",
+                tabIndex: 0,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onOpenDetails();
+                },
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" || e.key === " ") {
+                    e.stopPropagation();
+                    onOpenDetails();
+                  }
+                },
+                className: cn2(
+                  "p-0.5 rounded-[3px] opacity-0 group-hover/row:opacity-100 transition-opacity shrink-0",
+                  "hover:bg-muted/80 focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.ArrowUpRight, { className: SIZE_CONFIG2.iconSize })
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+  if (activity.type === "status") {
+    const isRunning = activity.status === "running";
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-stretch", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TreeViewConnector2, { depth, isLastChild }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+        "div",
+        {
+          className: cn2(
+            "flex items-center gap-2 py-0.5 text-muted-foreground flex-1 min-w-0",
+            SIZE_CONFIG2.fontSize
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn2(SIZE_CONFIG2.iconSize, "flex items-center justify-center shrink-0"), children: isRunning ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Spinner2, { className: SIZE_CONFIG2.spinnerSizeSmall }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.CheckCircle2, { className: cn2(SIZE_CONFIG2.iconSize, "text-success") }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "truncate", children: activity.content })
+          ]
+        }
+      )
+    ] });
+  }
+  const toolDisplay = formatToolDisplay2(activity);
+  const fullDisplayName = toolDisplay.name || (activity.type === "thinking" ? "Thinking" : "Processing");
+  const isMcpOrApiTool = activity.toolName?.startsWith("mcp__") ?? false;
+  let sourceName = fullDisplayName;
+  let toolSlug = void 0;
+  if (isMcpOrApiTool) {
+    const colonIndex = fullDisplayName.indexOf(":");
+    if (colonIndex > 0) {
+      sourceName = fullDisplayName.substring(0, colonIndex).trim();
+      toolSlug = fullDisplayName.substring(colonIndex + 1).trim();
+    }
+  }
+  const displayedName = isMcpOrApiTool ? sourceName : fullDisplayName;
+  const intentOrDescription = activity.intent || activity.toolInput?.description;
+  const inputSummary = formatToolInput2(activity.toolInput, activity.toolName, sessionFolderPath);
+  const diffStats = computeEditWriteDiffStats2(activity.toolName, activity.toolInput);
+  const isComplete = activity.status === "completed" || activity.status === "error";
+  const isBackgrounded = activity.status === "backgrounded";
+  const backgroundInfo = isBackgrounded ? activity.taskId ? `Task ID: ${activity.taskId}${activity.elapsedSeconds ? `, ${formatDuration2(activity.elapsedSeconds * 1e3)} elapsed` : ""}` : activity.shellId ? `Shell ID: ${activity.shellId}${activity.elapsedSeconds ? `, ${formatDuration2(activity.elapsedSeconds * 1e3)} elapsed` : ""}` : null : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-stretch", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TreeViewConnector2, { depth, isLastChild }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+      "div",
+      {
+        className: cn2(
+          "group/row flex items-center gap-2 py-0.5 text-muted-foreground flex-1 min-w-0",
+          SIZE_CONFIG2.fontSize
+        ),
+        onClick: onOpenDetails && isComplete ? onOpenDetails : void 0,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ActivityStatusIcon2, { status: activity.status, toolName: activity.toolName, customIcon: toolDisplay.icon }),
+          isMcpOrApiTool && !isBackgrounded && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "shrink-0", children: sourceName }),
+            activity.status === "error" && activity.error && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Tooltip2, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                "span",
+                {
+                  className: "px-1.5 py-0.5 bg-[color-mix(in_oklab,var(--destructive)_4%,var(--background))] shadow-tinted rounded-[4px] text-[10px] text-destructive font-medium cursor-default shrink-0",
+                  style: { "--shadow-color": "var(--destructive-rgb)" },
+                  children: t2("common.error")
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TooltipContent2, { side: "top", className: "max-w-[400px]", children: activity.error })
+            ] }),
+            activity.toolName === "mcp__session__call_llm" && activity.toolInput?.model && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "px-1.5 py-0.5 bg-background shadow-minimal rounded-[4px] text-[10px] text-foreground/60 shrink-0", children: String(activity.toolInput.model) }),
+            (intentOrDescription || displayMode === "detailed" && (toolSlug || inputSummary)) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: cn2("truncate flex-1 min-w-0", onOpenDetails && isComplete && "group-hover/row:underline"), children: [
+              intentOrDescription && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "opacity-60", children: " \xB7 " }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: intentOrDescription })
+              ] }),
+              displayMode === "detailed" && toolSlug && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "opacity-60", children: " \xB7 " }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "opacity-70", children: toolSlug })
+              ] }),
+              displayMode === "detailed" && inputSummary && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "opacity-60", children: " \xB7 " }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "opacity-50", children: inputSummary })
+              ] })
+            ] })
+          ] }),
+          !isMcpOrApiTool && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: cn2("shrink-0", onOpenDetails && isComplete && "group-hover/row:underline"), children: displayedName }),
+          !isMcpOrApiTool && !isBackgrounded && diffStats && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "flex items-center gap-1.5 text-[10px] shrink-0", children: [
+            diffStats.deletions > 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              "span",
+              {
+                className: "px-1.5 py-0.5 bg-[color-mix(in_oklab,var(--destructive)_5%,var(--background))] shadow-tinted rounded-[4px] text-destructive",
+                style: { "--shadow-color": "var(--destructive-rgb)" },
+                children: diffStats.deletions
+              }
+            ),
+            diffStats.additions > 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              "span",
+              {
+                className: "px-1.5 py-0.5 bg-[color-mix(in_oklab,var(--success)_5%,var(--background))] shadow-tinted rounded-[4px] text-success",
+                style: { "--shadow-color": "var(--success-rgb)" },
+                children: diffStats.additions
+              }
+            ),
+            (() => {
+              if (typeof activity.toolInput?.file_path === "string") {
+                return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "px-1.5 py-0.5 bg-background shadow-minimal rounded-[4px] text-[11px] text-foreground/70", children: normalizePath2(activity.toolInput.file_path).split("/").pop() });
+              }
+              if (Array.isArray(activity.toolInput?.changes)) {
+                const firstChange = activity.toolInput.changes[0];
+                if (firstChange?.path) {
+                  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "px-1.5 py-0.5 bg-background shadow-minimal rounded-[4px] text-[11px] text-foreground/70", children: normalizePath2(firstChange.path).split("/").pop() });
+                }
+              }
+              return null;
+            })()
+          ] }),
+          !isMcpOrApiTool && !isBackgrounded && !diffStats && activity.toolName === "Read" && typeof activity.toolInput?.file_path === "string" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "flex items-center gap-1.5 text-[10px] shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "px-1.5 py-0.5 bg-background shadow-minimal rounded-[4px] text-[11px] text-foreground/70", children: normalizePath2(activity.toolInput.file_path).split("/").pop() }) }),
+          !isMcpOrApiTool && activity.status === "error" && activity.error && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Tooltip2, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              "span",
+              {
+                className: "px-1.5 py-0.5 bg-[color-mix(in_oklab,var(--destructive)_4%,var(--background))] shadow-tinted rounded-[4px] text-[10px] text-destructive font-medium cursor-default shrink-0",
+                style: { "--shadow-color": "var(--destructive-rgb)" },
+                children: "Error"
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TooltipContent2, { side: "top", className: "max-w-[400px]", children: activity.error })
+          ] }),
+          !isMcpOrApiTool && !isBackgrounded && (intentOrDescription || displayMode === "detailed" && inputSummary) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: cn2("truncate flex-1 min-w-0", onOpenDetails && isComplete && "group-hover/row:underline"), children: [
+            intentOrDescription && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "opacity-60", children: " \xB7 " }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: intentOrDescription })
+            ] }),
+            displayMode === "detailed" && inputSummary && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "opacity-60", children: " \xB7 " }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "opacity-50", children: inputSummary })
+            ] })
+          ] }),
+          backgroundInfo && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "opacity-60 shrink-0", children: "\xB7" }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "truncate min-w-0 max-w-[300px] text-accent", children: backgroundInfo })
+          ] }),
+          onOpenDetails && isComplete && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            "div",
+            {
+              role: "button",
+              tabIndex: 0,
+              onClick: (e) => {
+                e.stopPropagation();
+                onOpenDetails();
+              },
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.stopPropagation();
+                  onOpenDetails();
+                }
+              },
+              className: cn2(
+                "p-0.5 rounded-[3px] opacity-0 group-hover/row:opacity-100 transition-opacity shrink-0",
+                "hover:bg-muted/80 focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.ArrowUpRight, { className: SIZE_CONFIG2.iconSize })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function ActivityGroupRow2({ group, expandedGroups: externalExpandedGroups, onExpandedGroupsChange, onOpenActivityDetails, animationIndex = 0, sessionFolderPath, displayMode = "detailed" }) {
+  const [localExpandedGroups, setLocalExpandedGroups] = (0, import_react23.useState)(/* @__PURE__ */ new Set());
+  const expandedGroups = externalExpandedGroups ?? localExpandedGroups;
+  const setExpandedGroups = onExpandedGroupsChange ?? setLocalExpandedGroups;
+  const groupId = group.parent.id;
+  const isExpanded = expandedGroups.has(groupId);
+  const toggleExpanded = (0, import_react23.useCallback)(() => {
+    const next = new Set(expandedGroups);
+    if (next.has(groupId)) {
+      next.delete(groupId);
+    } else {
+      next.add(groupId);
+    }
+    setExpandedGroups(next);
+  }, [groupId, expandedGroups, setExpandedGroups]);
+  const description = group.parent.toolInput?.description;
+  const subagentType = group.parent.toolInput?.subagent_type;
+  const isComplete = group.parent.status === "completed" || group.parent.status === "error";
+  const hasError = group.parent.status === "error";
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+    import_react24.motion.div,
+    {
+      initial: { opacity: 0, x: -8 },
+      animate: { opacity: 1, x: 0 },
+      transition: { delay: animationIndex < SIZE_CONFIG2.staggeredAnimationLimit ? animationIndex * 0.03 : 0.3 },
+      className: "space-y-0.5",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+          "div",
+          {
+            className: cn2(
+              "group/row flex items-center gap-2 py-0.5 rounded-md cursor-pointer text-muted-foreground",
+              "hover:text-foreground transition-colors",
+              SIZE_CONFIG2.fontSize
+            ),
+            onClick: toggleExpanded,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                import_react24.motion.div,
+                {
+                  initial: false,
+                  animate: { rotate: isExpanded ? 90 : 0 },
+                  transition: { duration: 0.15, ease: "easeOut" },
+                  className: cn2(SIZE_CONFIG2.iconSize, "flex items-center justify-center shrink-0"),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.ChevronRight, { className: SIZE_CONFIG2.iconSize })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ActivityStatusIcon2, { status: group.parent.status, toolName: group.parent.toolName }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "shrink-0 px-1.5 py-0.5 rounded-[4px] bg-background shadow-minimal text-[10px] font-medium", children: subagentType || "Task" }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: cn2(
+                "truncate",
+                hasError && "text-destructive"
+              ), children: description || "Task" }),
+              isComplete && group.taskOutputData && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "shrink-0 text-muted-foreground/60 tabular-nums", children: [
+                group.taskOutputData.durationMs !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: formatDuration2(group.taskOutputData.durationMs) }),
+                group.taskOutputData.durationMs !== void 0 && (group.taskOutputData.inputTokens !== void 0 || group.taskOutputData.outputTokens !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "mx-1", children: "\xB7" }),
+                (group.taskOutputData.inputTokens !== void 0 || group.taskOutputData.outputTokens !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { children: [
+                  formatTokens2((group.taskOutputData.inputTokens || 0) + (group.taskOutputData.outputTokens || 0)),
+                  " tokens"
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "flex-1" }),
+              onOpenActivityDetails && isComplete && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                "div",
+                {
+                  role: "button",
+                  tabIndex: 0,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onOpenActivityDetails(group.parent);
+                  },
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter" || e.key === " ") {
+                      e.stopPropagation();
+                      onOpenActivityDetails(group.parent);
+                    }
+                  },
+                  className: cn2(
+                    "p-0.5 rounded-[3px] opacity-0 group-hover/row:opacity-100 transition-opacity shrink-0",
+                    "hover:bg-muted/80 focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                  ),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.ArrowUpRight, { className: SIZE_CONFIG2.iconSize })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react24.AnimatePresence, { initial: false, children: isExpanded && group.children.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          import_react24.motion.div,
+          {
+            initial: { height: 0, opacity: 0 },
+            animate: { height: "auto", opacity: 1 },
+            exit: { height: 0, opacity: 0 },
+            transition: {
+              height: { duration: 0.2, ease: [0.4, 0, 0.2, 1] },
+              opacity: { duration: 0.15 }
+            },
+            className: "overflow-hidden",
+            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "pl-0 space-y-0.5 border-l-2 border-muted ml-[5px]", children: group.children.map((child, idx) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_react24.motion.div,
+              {
+                initial: { opacity: 0, x: -4 },
+                animate: { opacity: 1, x: 0 },
+                transition: { delay: idx * 0.02 },
+                className: "ml-[-4px]",
+                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                  ActivityRow2,
+                  {
+                    activity: child,
+                    onOpenDetails: onOpenActivityDetails ? () => onOpenActivityDetails(child) : void 0,
+                    isLastChild: idx === group.children.length - 1,
+                    sessionFolderPath,
+                    displayMode
+                  }
+                )
+              },
+              child.id
+            )) })
+          }
+        ) })
+      ]
+    }
+  );
+}
+var ShikiThemeContext2 = (0, import_react26.createContext)(null);
+function useShikiTheme2() {
+  return (0, import_react26.useContext)(ShikiThemeContext2);
+}
+var LANGUAGE_LOADERS2 = {
+  bash: () => import("@shikijs/langs/bash"),
+  c: () => import("@shikijs/langs/c"),
+  cpp: () => import("@shikijs/langs/cpp"),
+  css: () => import("@shikijs/langs/css"),
+  graphql: () => import("@shikijs/langs/graphql"),
+  html: () => import("@shikijs/langs/html"),
+  java: () => import("@shikijs/langs/java"),
+  javascript: () => import("@shikijs/langs/javascript"),
+  json: () => import("@shikijs/langs/json"),
+  jsx: () => import("@shikijs/langs/jsx"),
+  less: () => import("@shikijs/langs/less"),
+  markdown: () => import("@shikijs/langs/markdown"),
+  php: () => import("@shikijs/langs/php"),
+  python: () => import("@shikijs/langs/python"),
+  scss: () => import("@shikijs/langs/scss"),
+  shell: () => import("@shikijs/langs/shell"),
+  sql: () => import("@shikijs/langs/sql"),
+  svelte: () => import("@shikijs/langs/svelte"),
+  tsx: () => import("@shikijs/langs/tsx"),
+  typescript: () => import("@shikijs/langs/typescript"),
+  vue: () => import("@shikijs/langs/vue"),
+  wasm: () => import("@shikijs/langs/wasm"),
+  yaml: () => import("@shikijs/langs/yaml")
+};
+var THEME_LOADERS2 = {
+  "github-dark": () => import("@shikijs/themes/github-dark"),
+  "github-light": () => import("@shikijs/themes/github-light")
+};
+var createHighlighter2 = (0, import_core4.createBundledHighlighter)({
+  langs: LANGUAGE_LOADERS2,
+  themes: THEME_LOADERS2,
+  engine: () => (0, import_engine_javascript2.createJavaScriptRegexEngine)()
+});
+var { codeToHtml: codeToHtml2 } = (0, import_core4.createSingletonShorthands)(createHighlighter2);
+var LANGUAGE_ALIASES2 = {
+  "js": "javascript",
+  "ts": "typescript",
+  "py": "python",
+  "sh": "bash",
+  "zsh": "bash",
+  "yml": "yaml",
+  "gql": "graphql"
+};
+var highlightCache2 = /* @__PURE__ */ new Map();
+var CACHE_MAX_SIZE2 = 200;
+function getCacheKey2(code, lang, theme) {
+  return `${theme}:${lang}:${code}`;
+}
+function isValidLanguage2(lang) {
+  const normalized = LANGUAGE_ALIASES2[lang] || lang;
+  return normalized in LANGUAGE_LOADERS2;
+}
+function CodeBlock2({ code, language = "text", className, mode = "full", forcedTheme }) {
+  const [highlighted, setHighlighted] = React32.useState(null);
+  const [isLoading, setIsLoading] = React32.useState(true);
+  const [copied, setCopied] = React32.useState(false);
+  const contextShikiTheme = useShikiTheme2();
+  const langLower = language.toLowerCase();
+  const resolvedLang = LANGUAGE_ALIASES2[langLower] || langLower;
+  React32.useEffect(() => {
+    let cancelled = false;
+    async function highlight() {
+      let theme;
+      if (contextShikiTheme) {
+        theme = contextShikiTheme;
+      } else if (forcedTheme) {
+        theme = forcedTheme === "dark" ? "github-dark" : "github-light";
+      } else {
+        const isDark = document.documentElement.classList.contains("dark");
+        theme = isDark ? "github-dark" : "github-light";
+      }
+      const cacheKey = getCacheKey2(code, resolvedLang, theme);
+      const cached = highlightCache2.get(cacheKey);
+      if (cached) {
+        if (!cancelled) {
+          setHighlighted(cached);
+          setIsLoading(false);
+        }
+        return;
+      }
+      try {
+        const lang = isValidLanguage2(resolvedLang) ? resolvedLang : "text";
+        const html = await codeToHtml2(code, {
+          lang,
+          theme
+        });
+        if (highlightCache2.size >= CACHE_MAX_SIZE2) {
+          const firstKey = highlightCache2.keys().next().value;
+          if (firstKey) highlightCache2.delete(firstKey);
+        }
+        highlightCache2.set(cacheKey, html);
+        if (!cancelled) {
+          setHighlighted(html);
+          setIsLoading(false);
+        }
+      } catch (error) {
+        console.warn(`Shiki highlighting failed for language "${resolvedLang}":`, error);
+        if (!cancelled) {
+          setHighlighted(null);
+          setIsLoading(false);
+        }
+      }
+    }
+    highlight();
+    return () => {
+      cancelled = true;
+    };
+  }, [code, resolvedLang, forcedTheme, contextShikiTheme]);
+  const handleCopy = React32.useCallback(async () => {
+    try {
+      await navigator.clipboard.writeText(code);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (err) {
+      console.error("Failed to copy code:", err);
+    }
+  }, [code]);
+  if (mode === "terminal") {
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("code", { children: code }) });
+  }
+  if (mode === "minimal") {
+    if (isLoading || !highlighted) {
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("code", { children: code }) });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      "div",
+      {
+        className: cn2("font-mono text-sm [&_pre]:!bg-transparent [&_pre]:!p-0 [&_pre]:whitespace-pre-wrap [&_pre]:break-all [&_code]:!bg-transparent", className),
+        dangerouslySetInnerHTML: { __html: highlighted }
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn2("relative group rounded-[8px] overflow-hidden border bg-muted/30", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between px-3 py-1.5 bg-muted/50 border-b text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-muted-foreground font-medium uppercase tracking-wide", children: resolvedLang !== "text" ? resolvedLang : "plain text" }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        "button",
+        {
+          onClick: handleCopy,
+          className: "opacity-0 group-hover:opacity-100 transition-opacity text-muted-foreground hover:text-foreground",
+          "aria-label": "Copy code",
+          children: copied ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("svg", { className: "w-4 h-4 text-success", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" }) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "p-3 overflow-x-auto", children: isLoading || !highlighted ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("pre", { className: "font-mono text-sm whitespace-pre-wrap break-all", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("code", { children: code }) }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      "div",
+      {
+        className: "font-mono text-sm [&_pre]:!bg-transparent [&_pre]:!m-0 [&_pre]:!p-0 [&_pre]:whitespace-pre-wrap [&_pre]:break-all [&_code]:!bg-transparent",
+        dangerouslySetInnerHTML: { __html: highlighted }
+      }
+    ) })
+  ] });
+}
+function InlineCode2({ children, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("code", { className: cn2(
+    "pl-1 pr-1 py-0 rounded bg-foreground/[0.04] font-mono text-[13px]",
+    className
+  ), children });
+}
+function getDiffLineKind2(line) {
+  if (line.startsWith("@@")) return "hunk";
+  if (line.startsWith("+++") || line.startsWith("---")) return "file";
+  if (line.startsWith("+")) return "add";
+  if (line.startsWith("-")) return "remove";
+  return "context";
+}
+function getLineClass2(kind) {
+  switch (kind) {
+    case "add":
+      return "bg-success/[0.08] text-success";
+    case "remove":
+      return "bg-destructive/[0.08] text-destructive";
+    case "hunk":
+      return "bg-accent/[0.08] text-accent";
+    case "file":
+      return "bg-muted/60 text-muted-foreground";
+    default:
+      return "text-foreground/80";
+  }
+}
+function MarkdownDiffBlock2({ code, className }) {
+  const lines = React42.useMemo(() => code.split(/\r?\n/), [code]);
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    "pre",
+    {
+      className: cn2(
+        "relative rounded-[8px] overflow-x-auto border bg-muted/30 py-2 text-[13px] leading-relaxed",
+        className
+      ),
+      style: { fontFamily: '"JetBrains Mono", monospace' },
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("code", { children: lines.map((line, index) => {
+        const kind = getDiffLineKind2(line);
+        const sign = line[0] === "+" || line[0] === "-" ? line[0] : " ";
+        return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+          "span",
+          {
+            className: cn2("block min-w-max px-3 whitespace-pre", getLineClass2(kind)),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "mr-3 inline-block w-3 select-none text-center opacity-70", children: sign }),
+              line || " "
+            ]
+          },
+          `${index}:${line}`
+        );
+      }) })
+    }
+  );
+}
+function MarkdownJsonBlock2({ code, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("code", { children: code }) });
+}
+function MarkdownMermaidBlock2({ code, className, showExpandButton = true }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap my-2", className), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("code", { children: code }) });
+}
+function MarkdownDatatableBlock2({ code, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("code", { children: code }) });
+}
+function MarkdownSpreadsheetBlock2({ code, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("code", { children: code }) });
+}
+function MarkdownHtmlBlock2({ code, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("code", { children: code }) });
+}
+function MarkdownImageBlock2({ code, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("code", { children: code }) });
+}
+function MarkdownLatexBlock2({ code, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("code", { children: code }) });
+}
+function MarkdownPdfBlock2({ code, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("code", { children: code }) });
+}
+function preprocessLinks2(content) {
+  return content;
+}
+function resolveMarkdownLinkTarget2(target) {
+  if (target.startsWith("/") || target.startsWith("./") || target.startsWith("../")) {
+    return { kind: "file", path: target };
+  }
+  return { kind: "url", url: target };
+}
+var remarkCollapsibleSections2 = function() {
+  return (tree) => tree;
+};
+var remarkCollapsibleSections_default2 = remarkCollapsibleSections2;
+function AnimatedCollapsibleContent2({ isOpen, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react27.AnimatePresence, { initial: false, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    import_react27.motion.div,
+    {
+      initial: { height: 0, opacity: 0 },
+      animate: { height: "auto", opacity: 1 },
+      exit: { height: 0, opacity: 0 },
+      transition: { duration: 0.2, ease: "easeInOut" },
+      className: "overflow-hidden",
+      children
+    }
+  ) });
+}
+function CollapsibleSection2({
+  sectionId,
+  headingLevel,
+  isCollapsed,
+  onToggle,
+  children
+}) {
+  const childArray = React52.Children.toArray(children);
+  const heading = childArray[0];
+  const content = childArray.slice(1);
+  if (headingLevel > 4) {
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, { children });
+  }
+  const isExpanded = !isCollapsed;
+  const hasContent = content.length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "markdown-collapsible-section", "data-section-id": sectionId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+      "div",
+      {
+        className: cn2(
+          "relative group",
+          hasContent && "cursor-pointer"
+        ),
+        onClick: () => hasContent && onToggle(sectionId),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            import_react27.motion.div,
+            {
+              initial: false,
+              animate: { rotate: isExpanded ? 90 : 0 },
+              transition: { type: "spring", stiffness: 300, damping: 25 },
+              className: cn2(
+                "absolute -left-4 top-[5px] select-none transition-opacity",
+                !hasContent && "opacity-0",
+                hasContent && isCollapsed && "opacity-100",
+                hasContent && isExpanded && "opacity-0 group-hover:opacity-100"
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react15.ChevronRight, { className: "h-3 w-3 text-muted-foreground" })
+            }
+          ),
+          heading
+        ]
+      }
+    ),
+    hasContent && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AnimatedCollapsibleContent2, { isOpen: isExpanded, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "collapsible-section-content", children: content }) })
+  ] });
+}
+var CollapsibleMarkdownContext2 = (0, import_react28.createContext)(null);
+function useCollapsibleMarkdown2() {
+  return (0, import_react28.useContext)(CollapsibleMarkdownContext2);
+}
+function wrapWithSafeProxy2(components) {
+  return components;
+}
+var MARKDOWN_MATH_OPTIONS2 = {
+  singleDollarTextMath: false
+};
+function stableHash2(input) {
+  let hash = 2166136261;
+  for (let i = 0; i < input.length; i += 1) {
+    hash ^= input.charCodeAt(i);
+    hash = Math.imul(hash, 16777619);
+  }
+  return (hash >>> 0).toString(36);
+}
+function createComponents2(mode, onUrlClick, onFileClick, collapsibleContext, firstMermaidCodeRef, hideFirstMermaidExpand = true) {
+  let blockIndex = 0;
+  const wrapBlock = (blockType, content, child, nodePosition) => {
+    blockIndex += 1;
+    const startLine = nodePosition?.start?.line;
+    const endLine = nodePosition?.end?.line;
+    const path = startLine && endLine ? `line:${startLine}-${endLine}` : `idx:${blockIndex}`;
+    const blockId = `blk-${stableHash2(`${blockType}|${path}|${content.slice(0, 240)}`)}`;
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      "div",
+      {
+        "data-ca-block-type": blockType,
+        "data-ca-block-path": path,
+        "data-ca-block-id": blockId,
+        children: child
+      }
+    );
+  };
+  const baseComponents = {
+    // Section wrapper for collapsible headings
+    div: ({ node, children, ...props }) => {
+      const sectionId = props["data-section-id"];
+      const headingLevel = props["data-heading-level"];
+      if (sectionId && headingLevel && collapsibleContext) {
+        return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          CollapsibleSection2,
+          {
+            sectionId,
+            headingLevel,
+            isCollapsed: collapsibleContext.collapsedSections.has(sectionId),
+            onToggle: collapsibleContext.toggleSection,
+            children
+          }
+        );
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { ...props, children });
+    },
+    // Links: Make clickable with callbacks
+    a: ({ href, children }) => {
+      const handleClick = (e) => {
+        e.preventDefault();
+        const fallbackText = React62.Children.toArray(children).map((child) => typeof child === "string" ? child : "").join("").trim();
+        const target = href?.trim() || fallbackText;
+        if (!target) return;
+        const resolvedTarget = resolveMarkdownLinkTarget2(target);
+        if (resolvedTarget.kind === "file" && onFileClick) {
+          onFileClick(resolvedTarget.path);
+        } else if (resolvedTarget.kind === "url" && onUrlClick) {
+          onUrlClick(resolvedTarget.url);
+        }
+      };
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        "a",
+        {
+          href,
+          onClick: handleClick,
+          className: "text-accent hover:underline cursor-pointer",
+          children
+        }
+      );
+    }
+  };
+  if (mode === "terminal") {
+    return {
+      ...baseComponents,
+      // No special code handling - just monospace
+      code: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("code", { className: "font-mono", children }),
+      pre: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("pre", { className: "font-mono whitespace-pre-wrap my-2", children }),
+      // Minimal paragraph spacing
+      p: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "my-1", children }),
+      // Simple lists
+      ul: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("ul", { className: "list-disc list-inside my-1", children }),
+      ol: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("ol", { className: "list-decimal list-inside my-1", children }),
+      li: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("li", { className: "my-0.5", children }),
+      // Plain tables
+      table: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("table", { className: "my-2 font-mono text-sm", children }),
+      th: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("th", { className: "text-left pr-4", children }),
+      td: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("td", { className: "pr-4", children })
+    };
+  }
+  if (mode === "minimal") {
+    return {
+      ...baseComponents,
+      // Inline code
+      code: ({ className, children, ...props }) => {
+        const match = /language-([\w-]+)/.exec(className || "");
+        const isBlock = "node" in props && props.node?.position?.start.line !== props.node?.position?.end.line;
+        if (match || isBlock) {
+          const code = String(children).replace(/\n$/, "");
+          if (match?.[1] === "diff") {
+            return wrapBlock("code", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownDiffBlock2, { code, className: "my-2" }), props.node?.position);
+          }
+          if (match?.[1] === "json") {
+            return wrapBlock("code", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownJsonBlock2, { code, className: "my-2" }), props.node?.position);
+          }
+          if (match?.[1] === "datatable") {
+            return wrapBlock("datatable", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownDatatableBlock2, { code, className: "my-2" }), props.node?.position);
+          }
+          if (match?.[1] === "spreadsheet") {
+            return wrapBlock("spreadsheet", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownSpreadsheetBlock2, { code, className: "my-2" }), props.node?.position);
+          }
+          if (match?.[1] === "html-preview") {
+            return wrapBlock("html-preview", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownHtmlBlock2, { code, className: "my-2" }), props.node?.position);
+          }
+          if (match?.[1] === "pdf-preview") {
+            return wrapBlock("pdf-preview", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownPdfBlock2, { code, className: "my-2" }), props.node?.position);
+          }
+          if (match?.[1] === "image-preview") {
+            return wrapBlock("image-preview", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownImageBlock2, { code, className: "my-2" }), props.node?.position);
+          }
+          if (match?.[1] === "latex" || match?.[1] === "math") {
+            return wrapBlock("latex", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownLatexBlock2, { code, className: "my-2" }), props.node?.position);
+          }
+          if (match?.[1] === "mermaid") {
+            const isFirstBlock = hideFirstMermaidExpand && firstMermaidCodeRef?.current != null && code === firstMermaidCodeRef.current;
+            return wrapBlock(
+              "mermaid",
+              code,
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownMermaidBlock2, { code, className: "my-2", showExpandButton: !isFirstBlock }),
+              props.node?.position
+            );
+          }
+          return wrapBlock("code", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CodeBlock2, { code, language: match?.[1], mode: "full", className: "my-2" }), props.node?.position);
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(InlineCode2, { children });
+      },
+      pre: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, { children }),
+      // Comfortable paragraph spacing
+      p: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "my-2 leading-relaxed", children }),
+      // Styled lists - ul uses tighter spacing, ol uses standard for number alignment
+      ul: ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        "ul",
+        {
+          className: cn2(
+            "my-2 space-y-1 ps-[16px] pe-2 list-disc marker:text-[var(--md-bullets)]",
+            className?.includes("contains-task-list") && "list-none ps-0 marker:content-none"
+          ),
+          children
+        }
+      ),
+      ol: ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("ol", { className: cn2("my-2 space-y-1 pl-6 list-decimal", className), children }),
+      li: ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("li", { className: cn2(className?.includes("task-list-item") && "list-none"), children }),
+      input: ({ type, checked }) => {
+        if (type === "checkbox") {
+          return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+            "input",
+            {
+              type: "checkbox",
+              checked,
+              readOnly: true,
+              className: "mr-2 rounded border-muted-foreground align-middle"
+            }
+          );
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("input", { type });
+      },
+      // Clean tables
+      table: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "my-3 overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("table", { className: "min-w-full text-sm", children }) }),
+      thead: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("thead", { className: "border-b", children }),
+      th: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("th", { className: "text-left py-2 px-3 font-semibold text-muted-foreground", children }),
+      td: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("td", { className: "py-2 px-3 border-b border-border/50", children }),
+      // Headings - H1/H2 same size, differentiated by weight
+      h1: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h1", { className: "font-sans text-[16px] font-bold mt-5 mb-3", children }),
+      h2: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h2", { className: "font-sans text-[16px] font-semibold mt-4 mb-3", children }),
+      h3: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h3", { className: "font-sans text-[15px] font-semibold mt-4 mb-2", children }),
+      // Blockquotes
+      blockquote: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("blockquote", { className: "border-l-2 border-muted-foreground/30 pl-3 my-2 text-muted-foreground italic", children }),
+      // Horizontal rules
+      hr: () => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("hr", { className: "my-4 border-border" }),
+      // Strong/emphasis
+      strong: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("strong", { className: "font-semibold", children }),
+      em: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("em", { className: "italic", children })
+    };
+  }
+  return {
+    ...baseComponents,
+    // Full code blocks with copy button
+    code: ({ className, children, ...props }) => {
+      const match = /language-([\w-]+)/.exec(className || "");
+      const isBlock = "node" in props && props.node?.position?.start.line !== props.node?.position?.end.line;
+      if (match || isBlock) {
+        const code = String(children).replace(/\n$/, "");
+        if (match?.[1] === "diff") {
+          return wrapBlock("code", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownDiffBlock2, { code, className: "my-2" }), props.node?.position);
+        }
+        if (match?.[1] === "json") {
+          return wrapBlock("code", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownJsonBlock2, { code, className: "my-2" }), props.node?.position);
+        }
+        if (match?.[1] === "datatable") {
+          return wrapBlock("datatable", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownDatatableBlock2, { code, className: "my-2" }), props.node?.position);
+        }
+        if (match?.[1] === "spreadsheet") {
+          return wrapBlock("spreadsheet", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownSpreadsheetBlock2, { code, className: "my-2" }), props.node?.position);
+        }
+        if (match?.[1] === "html-preview") {
+          return wrapBlock("html-preview", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownHtmlBlock2, { code, className: "my-2" }), props.node?.position);
+        }
+        if (match?.[1] === "pdf-preview") {
+          return wrapBlock("pdf-preview", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownPdfBlock2, { code, className: "my-2" }), props.node?.position);
+        }
+        if (match?.[1] === "image-preview") {
+          return wrapBlock("image-preview", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownImageBlock2, { code, className: "my-2" }), props.node?.position);
+        }
+        if (match?.[1] === "latex" || match?.[1] === "math") {
+          return wrapBlock("latex", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownLatexBlock2, { code, className: "my-2" }), props.node?.position);
+        }
+        if (match?.[1] === "mermaid") {
+          const isFirstBlock = hideFirstMermaidExpand && firstMermaidCodeRef?.current != null && code === firstMermaidCodeRef.current;
+          return wrapBlock(
+            "mermaid",
+            code,
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MarkdownMermaidBlock2, { code, className: "my-2", showExpandButton: !isFirstBlock }),
+            props.node?.position
+          );
+        }
+        return wrapBlock("code", code, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CodeBlock2, { code, language: match?.[1], mode: "full", className: "my-2" }), props.node?.position);
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(InlineCode2, { children });
+    },
+    pre: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, { children }),
+    // Rich paragraph spacing
+    p: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "my-3 leading-relaxed", children }),
+    // Styled lists - ul uses tighter spacing, ol uses standard for number alignment
+    ul: ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      "ul",
+      {
+        className: cn2(
+          "my-3 space-y-1.5 ps-[16px] pe-2 list-disc marker:text-[var(--md-bullets)]",
+          className?.includes("contains-task-list") && "list-none ps-0 marker:content-none"
+        ),
+        children
+      }
+    ),
+    ol: ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("ol", { className: cn2("my-3 space-y-1.5 pl-6 list-decimal", className), children }),
+    li: ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("li", { className: cn2("leading-relaxed", className?.includes("task-list-item") && "list-none"), children }),
+    // Beautiful tables
+    table: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "my-4 overflow-x-auto rounded-md border", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("table", { className: "min-w-full divide-y divide-border", children }) }),
+    thead: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("thead", { className: "bg-muted/50", children }),
+    tbody: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("tbody", { className: "divide-y divide-border", children }),
+    th: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("th", { className: "text-left py-3 px-4 font-semibold text-sm", children }),
+    td: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("td", { className: "py-3 px-4 text-sm", children }),
+    tr: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("tr", { className: "hover:bg-muted/30 transition-colors", children }),
+    // Rich headings - H1/H2 same size, differentiated by weight
+    h1: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h1", { className: "font-sans text-[16px] font-bold mt-7 mb-4", children }),
+    h2: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h2", { className: "font-sans text-[16px] font-semibold mt-6 mb-3", children }),
+    h3: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h3", { className: "font-sans text-[15px] font-semibold mt-5 mb-3", children }),
+    h4: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h4", { className: "text-[14px] font-semibold mt-3 mb-1", children }),
+    // Styled blockquotes
+    blockquote: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("blockquote", { className: "border-l-4 border-foreground/30 bg-muted/30 pl-4 pr-3 py-2 my-3 rounded-r-md", children }),
+    // Task lists (GFM)
+    input: ({ type, checked }) => {
+      if (type === "checkbox") {
+        return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          "input",
+          {
+            type: "checkbox",
+            checked,
+            readOnly: true,
+            className: "mr-2 rounded border-muted-foreground"
+          }
+        );
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("input", { type });
+    },
+    // Horizontal rules
+    hr: () => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("hr", { className: "my-6 border-border" }),
+    // Strong/emphasis
+    strong: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("strong", { className: "font-semibold", children }),
+    em: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("em", { className: "italic", children }),
+    del: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("del", { className: "line-through text-muted-foreground", children }),
+    // Handle unknown <markdown> tags that may come through rehype-raw
+    // Type assertion needed because 'markdown' is not a standard HTML element
+    markdown: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, { children })
+  };
+}
+function Markdown2({
+  children,
+  mode = "minimal",
+  className,
+  id,
+  onUrlClick,
+  onFileClick,
+  collapsible = false,
+  hideFirstMermaidExpand = true
+}) {
+  const collapsibleContext = useCollapsibleMarkdown2();
+  const firstMermaidCodeRef = React62.useRef(null);
+  const trimmed = children.trimStart();
+  if (trimmed.startsWith("```mermaid")) {
+    const m = trimmed.match(/^```mermaid\n([\s\S]*?)```/);
+    firstMermaidCodeRef.current = m?.[1] ? m[1].replace(/\n$/, "") : null;
+  } else {
+    firstMermaidCodeRef.current = null;
+  }
+  const components = React62.useMemo(
+    () => wrapWithSafeProxy2(createComponents2(mode, onUrlClick, onFileClick, collapsible ? collapsibleContext : null, firstMermaidCodeRef, hideFirstMermaidExpand)),
+    [mode, onUrlClick, onFileClick, collapsible, collapsibleContext, hideFirstMermaidExpand]
+  );
+  const processedContent = React62.useMemo(
+    () => preprocessLinks2(children),
+    [children]
+  );
+  const remarkPlugins = React62.useMemo(
+    () => {
+      const mathPlugin = [
+        import_remark_math2.default,
+        MARKDOWN_MATH_OPTIONS2
+      ];
+      return collapsible ? [import_remark_gfm2.default, mathPlugin, remarkCollapsibleSections_default2] : [import_remark_gfm2.default, mathPlugin];
+    },
+    [collapsible]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: cn2("markdown-content", className), children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    import_react_markdown2.default,
+    {
+      remarkPlugins,
+      rehypePlugins: [import_rehype_katex2.default, import_rehype_raw2.default],
+      components,
+      children: processedContent
+    }
+  ) });
+}
+var MemoizedMarkdown2 = React62.memo(
+  Markdown2,
+  (prevProps, nextProps) => {
+    if (prevProps.id && nextProps.id) {
+      return prevProps.id === nextProps.id && prevProps.children === nextProps.children && prevProps.mode === nextProps.mode;
+    }
+    return prevProps.children === nextProps.children && prevProps.mode === nextProps.mode;
+  }
+);
+MemoizedMarkdown2.displayName = "MemoizedMarkdown";
+function AnnotationIslandMenu2(_props) {
+  return null;
+}
+function buildAnnotationChipEntryTransition2(_snapshot = null) {
+  return {};
+}
+function buildSelectionEntryTransition2(_primary = null, _secondary) {
+  return {};
+}
+var ANNOTATION_PREFIX_SUFFIX_WINDOW2 = 40;
+var SELECTION_POINTER_MAX_AGE_MS2 = 5e3;
+function clamp2(value, min, max) {
+  return Math.max(min, Math.min(max, value));
+}
+function hasExistingTextRangeAnnotation2(annotations, start, end) {
+  return annotations.some(
+    (a) => a.target.selectors.some(
+      (s) => s.type === "text-position" && s.start === start && s.end === end
+    )
+  );
+}
+function createSelectionPreviewAnnotation2(messageId, sessionIdOrSelection, startOrSessionId, end, exact) {
+  if (typeof sessionIdOrSelection === "object") {
+    const sel = sessionIdOrSelection;
+    const sid = startOrSessionId ?? "";
+    return {
+      id: `preview-${Date.now()}`,
+      schemaVersion: 1,
+      createdAt: Date.now(),
+      body: [{ type: "highlight" }],
+      target: {
+        source: { sessionId: sid, messageId },
+        selectors: [
+          { type: "text-quote", exact: sel.exact ?? "" },
+          { type: "text-position", start: sel.start, end: sel.end }
+        ]
+      }
+    };
+  }
+  return {
+    id: `preview-${Date.now()}`,
+    schemaVersion: 1,
+    createdAt: Date.now(),
+    body: [{ type: "highlight" }],
+    target: {
+      source: { sessionId: sessionIdOrSelection, messageId },
+      selectors: [
+        { type: "text-quote", exact: exact ?? "" },
+        { type: "text-position", start: startOrSessionId, end: end ?? 0 }
+      ]
+    }
+  };
+}
+function createTextSelectionAnnotation2(messageId, sessionId, start, end, exact, note) {
+  return {
+    id: `sel-${Date.now()}`,
+    schemaVersion: 1,
+    createdAt: Date.now(),
+    body: [{ type: "note", text: note }],
+    target: {
+      source: { sessionId, messageId },
+      selectors: [
+        { type: "text-quote", exact },
+        { type: "text-position", start, end }
+      ]
+    }
+  };
+}
+function getCanonicalText2(_content) {
+  if (typeof _content === "string") return _content;
+  return "";
+}
+function resolveNodeOffset2(_root, _node, _offset) {
+  return _offset ?? null;
+}
+function getAnnotationRectVisual2(_rect) {
+  return { className: "absolute pointer-events-none", style: {} };
+}
+function getAnnotationChipVisual2(_chip) {
+  return { className: "absolute pointer-events-auto", style: {} };
+}
+function clearBlockAnnotationMarkers2(_container) {
+}
+function applyBlockAnnotationMarker2(_container, _annotationOrId, _blockId) {
+}
+function canAnnotateMessage2(_opts) {
+  if (typeof _opts === "string") return true;
+  return _opts.hasAddAnnotationHandler && _opts.hasMessageId && !_opts.isStreaming;
+}
+function shouldRenderAnnotationIslandInPortal2(_context) {
+  return true;
+}
+function clearDomSelection2() {
+  if (typeof window !== "undefined" && window.getSelection) {
+    const selection = window.getSelection();
+    if (selection) {
+      selection.removeAllRanges();
+    }
+  }
+}
+function getAnnotationChipInteraction2(_annotation) {
+  return { clickable: true, openMode: "view" };
+}
+function shouldIgnoreSelectionMouseUpTarget2(_target) {
+  return false;
+}
+function computeAnnotationOverlayGeometry2(_containerOrOpts, _annotations, _content) {
+  return { rects: [], chips: [], unresolved: [] };
+}
+function AnnotationOverlayLayer2({
+  rects,
+  chips,
+  annotations,
+  getTooltipText,
+  allowChipOpen = true,
+  onChipOpen
+}) {
+  const annotationMap = React72.useMemo(() => {
+    return new Map((annotations ?? []).map((annotation) => [annotation.id, annotation]));
+  }, [annotations]);
+  if (rects.length === 0 && chips.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { "data-ca-annotation-overlay": true, className: "pointer-events-none absolute inset-0 z-[2]", children: [
+    rects.map((rect, idx) => {
+      const rectVisual = getAnnotationRectVisual2(rect);
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        "div",
+        {
+          className: rectVisual.className,
+          style: {
+            left: rect.left - 4,
+            top: rect.top - 1,
+            width: rect.width + 8,
+            height: rect.height + 2,
+            backgroundColor: rect.color,
+            borderRadius: "4px",
+            ...rectVisual.style
+          }
+        },
+        `rect-${rect.id}-${idx}`
+      );
+    }),
+    chips.map((chip) => {
+      const chipVisual = getAnnotationChipVisual2(chip);
+      const chipAnnotation = annotationMap.get(chip.id) ?? null;
+      const interaction = getAnnotationChipInteraction2(chipAnnotation);
+      const tooltipText = chipAnnotation && getTooltipText ? getTooltipText(chipAnnotation, chip.index) : "";
+      const canOpenChip = allowChipOpen && interaction.clickable;
+      const chipButton = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        "button",
+        {
+          type: "button",
+          "data-ca-annotation-id": chip.id,
+          "data-ca-annotation-index": String(chip.index),
+          "aria-disabled": !canOpenChip,
+          onClick: canOpenChip ? (event) => {
+            const rect = event.currentTarget.getBoundingClientRect();
+            onChipOpen({
+              annotationId: chip.id,
+              index: chip.index,
+              anchorX: rect.left + rect.width / 2,
+              anchorY: rect.top - 8,
+              mode: interaction.openMode
+            });
+          } : void 0,
+          className: cn2(chipVisual.className, !canOpenChip && "cursor-default"),
+          style: {
+            left: chip.left,
+            top: chip.top,
+            transform: "translate(-2px, -8px)",
+            minWidth: "16px",
+            height: "15px",
+            padding: "0 3px",
+            borderRadius: "4px",
+            fontSize: "10px",
+            fontWeight: "600",
+            lineHeight: "15px",
+            textAlign: "center",
+            userSelect: "none",
+            position: "absolute",
+            ...chipVisual.style
+          },
+          children: chip.sentFollowUp ? "i" : chip.index
+        }
+      );
+      if (tooltipText) {
+        return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Tooltip2, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TooltipTrigger2, { asChild: true, children: chipButton }),
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TooltipContent2, { side: "top", className: "max-w-[280px] whitespace-pre-wrap text-xs", children: tooltipText })
+        ] }, `chip-${chip.id}`);
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(React72.Fragment, { children: chipButton }, `chip-${chip.id}`);
+    })
+  ] });
+}
+function getAnnotationInteractionAnchor2(_annotation) {
+  return { x: 0, y: 0 };
+}
+function getAnnotationInteractionSourceKey2(_annotation, _scope) {
+  return "";
+}
+function hasAnnotationInteraction2(_annotation) {
+  return false;
+}
+var initialAnnotationInteractionState2 = {
+  isOpen: false,
+  mode: "view",
+  activeDetail: null,
+  draft: "",
+  pendingSelection: null,
+  selectionMenuView: null,
+  followUpDraft: "",
+  followUpMode: "none",
+  activeAnnotationDetail: null
+};
+var annotationInteractionActions2 = {
+  setDraft: (_draft) => ({ type: "setDraft", draft: _draft }),
+  openFromSelection: (_selection) => ({ type: "openFromSelection", selection: _selection }),
+  openFollowUpFromSelection: () => ({ type: "openFollowUpFromSelection" }),
+  openFromAnnotation: (_detail, _noteText, _mode) => ({ type: "openFromAnnotation", detail: _detail, noteText: _noteText, mode: _mode }),
+  requestEdit: () => ({ type: "requestEdit" }),
+  cancelFollowUp: () => ({ type: "cancelFollowUp" }),
+  closeAll: () => ({ type: "closeAll" }),
+  submitSuccess: () => ({ type: "submitSuccess" }),
+  deleteSuccess: () => ({ type: "deleteSuccess" })
+};
+function annotationInteractionReducer2(state, _action) {
+  return state;
+}
+function useAnnotationInteractionController2() {
+  const [state, dispatch] = React82.useReducer(annotationInteractionReducer2, initialAnnotationInteractionState2);
+  const lastHandledOpenRequestNonceRef = React82.useRef(null);
+  const setDraft = React82.useCallback((draft) => {
+    dispatch(annotationInteractionActions2.setDraft(draft));
+  }, []);
+  const openFromSelection = React82.useCallback((selection) => {
+    dispatch(annotationInteractionActions2.openFromSelection(selection));
+  }, []);
+  const openFollowUpFromSelection = React82.useCallback(() => {
+    dispatch(annotationInteractionActions2.openFollowUpFromSelection());
+  }, []);
+  const openFromAnnotation = React82.useCallback((detail, noteText, mode) => {
+    dispatch(annotationInteractionActions2.openFromAnnotation(detail, noteText, mode));
+  }, []);
+  const requestEdit = React82.useCallback(() => {
+    dispatch(annotationInteractionActions2.requestEdit());
+  }, []);
+  const cancelFollowUp = React82.useCallback(() => {
+    const hadPendingSelection = Boolean(state.pendingSelection);
+    const pendingSelection = state.pendingSelection;
+    dispatch(annotationInteractionActions2.cancelFollowUp());
+    return { hadPendingSelection, pendingSelection };
+  }, [state.pendingSelection]);
+  const closeAll = React82.useCallback(() => {
+    dispatch(annotationInteractionActions2.closeAll());
+  }, []);
+  const markSubmitSuccess = React82.useCallback(() => {
+    dispatch(annotationInteractionActions2.submitSuccess());
+  }, []);
+  const markDeleteSuccess = React82.useCallback(() => {
+    dispatch(annotationInteractionActions2.deleteSuccess());
+  }, []);
+  const consumeExternalOpenRequest = React82.useCallback((request, params) => {
+    if (!request || !params.messageId || !params.annotations?.length) return false;
+    if (request.messageId !== params.messageId) return false;
+    if (lastHandledOpenRequestNonceRef.current === request.nonce) return false;
+    const annotationIndex = params.annotations.findIndex((item) => item.id === request.annotationId);
+    if (annotationIndex < 0) return false;
+    lastHandledOpenRequestNonceRef.current = request.nonce;
+    const annotation = params.annotations[annotationIndex];
+    if (!annotation) return false;
+    const noteText = params.getNoteText(annotation);
+    const detail = {
+      annotationId: request.annotationId,
+      index: annotationIndex + 1,
+      anchorX: request.anchorX ?? params.fallbackAnchor.x,
+      anchorY: request.anchorY ?? params.fallbackAnchor.y
+    };
+    dispatch(annotationInteractionActions2.openFromAnnotation(detail, noteText, request.mode));
+    return true;
+  }, []);
+  return {
+    state,
+    setDraft,
+    openFromSelection,
+    openFollowUpFromSelection,
+    openFromAnnotation,
+    requestEdit,
+    cancelFollowUp,
+    closeAll,
+    markSubmitSuccess,
+    markDeleteSuccess,
+    consumeExternalOpenRequest
+  };
+}
+function useAnnotationIslandPresentation2(_opts) {
+  return {
+    islandRef: React92.createRef(),
+    islandPosition: { x: 0, y: 0 },
+    islandStyle: {},
+    shouldRenderInPortal: true,
+    renderAnchor: null,
+    renderSourceKey: "",
+    isVisible: false,
+    openedAtRef: React92.createRef(),
+    handleExitComplete: () => {
+    },
+    resetPresentation: () => {
+    }
+  };
+}
+function useAnnotationIslandEvents2(_opts) {
+  return {
+    handleAnnotationSubmit: () => {
+    },
+    handleAnnotationDelete: () => {
+    },
+    handleAnnotationEdit: () => {
+    },
+    handleAnnotationCancel: () => {
+    }
+  };
+}
+function useAnnotationCancelRestore2(_opts) {
+  return () => {
+  };
+}
+function DocumentFormattedMarkdownOverlay2(_props) {
+  return null;
+}
+function AcceptPlanDropdown2({
+  onAccept,
+  onAcceptWithCompact,
+  acceptLabel,
+  acceptOptionLabel,
+  className
+}) {
+  const { t: t22 } = (0, import_react_i18next8.useTranslation)();
+  const effectiveAcceptLabel = acceptLabel ?? t22("plan.acceptPlan");
+  const effectiveAcceptOptionLabel = acceptOptionLabel ?? t22("plan.accept");
+  const [isOpen, setIsOpen] = (0, import_react29.useState)(false);
+  const [position, setPosition] = (0, import_react29.useState)(null);
+  const triggerRef = (0, import_react29.useRef)(null);
+  const menuRef = (0, import_react29.useRef)(null);
+  const updatePosition = (0, import_react29.useCallback)(() => {
+    if (!triggerRef.current) return;
+    const rect = triggerRef.current.getBoundingClientRect();
+    const menuWidth = 280;
+    const menuHeight = 120;
+    const gap = 4;
+    const spaceBelow = window.innerHeight - rect.bottom;
+    const top = spaceBelow >= menuHeight + gap ? rect.bottom + gap : rect.top - menuHeight - gap;
+    let left = rect.right - menuWidth;
+    if (left < 8) left = 8;
+    if (left + menuWidth > window.innerWidth - 8) {
+      left = window.innerWidth - menuWidth - 8;
+    }
+    setPosition({ top, left });
+  }, []);
+  const handleToggle = (0, import_react29.useCallback)((e) => {
+    e.stopPropagation();
+    if (!isOpen) {
+      if (triggerRef.current) {
+        const rect = triggerRef.current.getBoundingClientRect();
+        const menuWidth = 280;
+        const menuHeight = 120;
+        const gap = 4;
+        const spaceBelow = window.innerHeight - rect.bottom;
+        const top = spaceBelow >= menuHeight + gap ? rect.bottom + gap : rect.top - menuHeight - gap;
+        let left = rect.right - menuWidth;
+        if (left < 8) left = 8;
+        if (left + menuWidth > window.innerWidth - 8) {
+          left = window.innerWidth - menuWidth - 8;
+        }
+        setPosition({ top, left });
+      }
+    }
+    setIsOpen((prev) => !prev);
+  }, [isOpen]);
+  const handleClose = (0, import_react29.useCallback)(() => {
+    setIsOpen(false);
+  }, []);
+  const handleSelectAccept = (0, import_react29.useCallback)((e) => {
+    e.stopPropagation();
+    handleClose();
+    onAccept();
+  }, [handleClose, onAccept]);
+  const handleSelectCompact = (0, import_react29.useCallback)((e) => {
+    e.stopPropagation();
+    handleClose();
+    onAcceptWithCompact();
+  }, [handleClose, onAcceptWithCompact]);
+  (0, import_react29.useEffect)(() => {
+    if (isOpen) {
+      updatePosition();
+    }
+  }, [isOpen, updatePosition]);
+  (0, import_react29.useEffect)(() => {
+    if (!isOpen) return;
+    const handleClickOutside = (e) => {
+      if (menuRef.current && !menuRef.current.contains(e.target) && triggerRef.current && !triggerRef.current.contains(e.target)) {
+        handleClose();
+      }
+    };
+    const handleEscape = (e) => {
+      if (e.key === "Escape") {
+        handleClose();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [isOpen, handleClose]);
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      "div",
+      {
+        ref: triggerRef,
+        onClick: handleToggle,
+        className: "inline-flex",
+        children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+          "button",
+          {
+            type: "button",
+            className: cn2(
+              "h-[28px] pl-2.5 pr-2 text-xs font-medium rounded-[6px] flex items-center gap-1.5 transition-all",
+              "bg-success/5 text-success hover:bg-success/10 shadow-tinted",
+              className
+            ),
+            style: { "--shadow-color": "34, 136, 82" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 25 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { fillRule: "nonzero", d: "M13.7207031,22.6523438 C13.264974,22.6523438 12.9361979,22.4895833 12.734375,22.1640625 C12.5325521,21.8385417 12.360026,21.4316406 12.2167969,20.9433594 L10.6640625,15.7871094 C10.5729167,15.4615885 10.5403646,15.1995443 10.5664062,15.0009766 C10.5924479,14.8024089 10.6998698,14.6022135 10.8886719,14.4003906 L20.859375,3.6484375 C20.9179688,3.58984375 20.9472656,3.52473958 20.9472656,3.453125 C20.9472656,3.38151042 20.921224,3.32291667 20.8691406,3.27734375 C20.8170573,3.23177083 20.7568359,3.20735677 20.6884766,3.20410156 C20.6201172,3.20084635 20.5566406,3.22851562 20.4980469,3.28710938 L9.78515625,13.296875 C9.5703125,13.4921875 9.36197917,13.601237 9.16015625,13.6240234 C8.95833333,13.6468099 8.70117188,13.609375 8.38867188,13.5117188 L3.11523438,11.9101562 C2.64648438,11.7669271 2.25911458,11.5960286 1.953125,11.3974609 C1.64713542,11.1988932 1.49414062,10.875 1.49414062,10.4257812 C1.49414062,10.0742188 1.63411458,9.77148438 1.9140625,9.51757812 C2.19401042,9.26367188 2.5390625,9.05859375 2.94921875,8.90234375 L19.7460938,2.46679688 C19.9739583,2.38216146 20.1871745,2.31542969 20.3857422,2.26660156 C20.5843099,2.21777344 20.764974,2.19335938 20.9277344,2.19335938 C21.2467448,2.19335938 21.4973958,2.28450521 21.6796875,2.46679688 C21.8619792,2.64908854 21.953125,2.89973958 21.953125,3.21875 C21.953125,3.38802083 21.9287109,3.5703125 21.8798828,3.765625 C21.8310547,3.9609375 21.7643229,4.17252604 21.6796875,4.40039062 L15.2832031,21.109375 C15.1009115,21.578125 14.8828125,21.952474 14.6289062,22.2324219 C14.375,22.5123698 14.0722656,22.6523438 13.7207031,22.6523438 Z" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: effectiveAcceptLabel }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react16.ChevronDown, { className: cn2(
+                "h-3 w-3 transition-transform duration-150",
+                isOpen && "rotate-180"
+              ) })
+            ]
+          }
+        )
+      }
+    ),
+    isOpen && position && ReactDOM2.createPortal(
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+        "div",
+        {
+          ref: menuRef,
+          className: cn2(
+            "fixed z-50 min-w-[280px] p-1.5",
+            "bg-background rounded-[8px] shadow-strong border border-border/50",
+            "animate-in fade-in-0 zoom-in-95 duration-100"
+          ),
+          style: { top: position.top, left: position.left },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+              "button",
+              {
+                type: "button",
+                onClick: handleSelectAccept,
+                className: cn2(
+                  "flex flex-col w-full px-3 py-2 text-left rounded-[6px]",
+                  "hover:bg-foreground/[0.05] focus:bg-foreground/[0.05] focus:outline-none",
+                  "transition-colors"
+                ),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-[13px] font-medium", children: effectiveAcceptOptionLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-xs text-muted-foreground", children: t22("plan.executeImmediately") })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+              "button",
+              {
+                type: "button",
+                onClick: handleSelectCompact,
+                className: cn2(
+                  "flex flex-col w-full px-3 py-2 text-left rounded-[6px]",
+                  "hover:bg-foreground/[0.05] focus:bg-foreground/[0.05] focus:outline-none",
+                  "transition-colors"
+                ),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-[13px] font-medium", children: t22("plan.acceptAndCompact") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-xs text-muted-foreground", children: t22("plan.worksForComplex") })
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function DropdownMenu2({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children });
+}
+function DropdownMenuTrigger2({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children });
+}
+function StyledDropdownMenuContent2({
+  children,
+  align = "end",
+  minWidth,
+  sideOffset,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: cn2(
+    "min-w-[180px] p-1 bg-background rounded-[8px] shadow-strong border border-border/50",
+    align === "end" ? "ml-auto" : "",
+    className
+  ), children });
+}
+function StyledDropdownMenuItem2({
+  onClick,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn2(
+        "flex items-center gap-2 w-full px-2 py-1.5 text-left rounded-[6px]",
+        "hover:bg-foreground/[0.05] text-sm",
+        className
+      ),
+      children
+    }
+  );
+}
+function BranchDropdown2({ onBranch }) {
+  const { t: t22 } = (0, import_react_i18next7.useTranslation)();
+  const handleBranchClick = () => {
+    onBranch({ newPanel: true });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(DropdownMenu2, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      "button",
+      {
+        type: "button",
+        "aria-label": t22("chat.branchOptions"),
+        title: t22("chat.branch"),
+        className: cn2(
+          "p-1 rounded-[4px] transition-colors select-none",
+          "text-muted-foreground hover:text-foreground hover:bg-foreground/5",
+          "data-[state=open]:text-foreground data-[state=open]:bg-foreground/5",
+          "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react14.GitBranch, { className: SIZE_CONFIG2.iconSize })
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StyledDropdownMenuContent2, { align: "end", minWidth: "min-w-64", sideOffset: 6, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StyledDropdownMenuItem2, { onClick: handleBranchClick, className: "items-start py-2", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-[13px] leading-tight", children: t22("chat.branchFromThisMessage") }),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "max-w-[220px] whitespace-normal text-xs leading-tight text-muted-foreground", children: t22("chat.branchFromThisMessageDescription") })
+    ] }) }) })
+  ] });
+}
+var MAX_HEIGHT2 = 540;
+function clearAnnotationMarks2(root) {
+  const annotatedInlineCodeNodes = root.querySelectorAll('code[data-ca-annotation-inline-code="true"]');
+  annotatedInlineCodeNodes.forEach((codeNode) => {
+    codeNode.removeAttribute("data-ca-annotation-inline-code");
+    codeNode.style.backgroundColor = "";
+    codeNode.style.boxShadow = "";
+  });
+  const marks = root.querySelectorAll("span[data-ca-annotation-id]");
+  marks.forEach((mark) => {
+    const parent = mark.parentNode;
+    if (!parent) return;
+    const badge = mark.querySelector("[data-ca-annotation-index]");
+    if (badge) badge.remove();
+    parent.replaceChild(document.createTextNode(mark.textContent || ""), mark);
+    parent.normalize();
+  });
+}
+function ResponseCard2({
+  text,
+  isStreaming,
+  streamStartTime,
+  onOpenFile,
+  onOpenUrl,
+  onPopOut,
+  variant = "response",
+  sessionId,
+  messageId,
+  annotations,
+  onAccept,
+  onAcceptWithCompact,
+  isLastResponse = true,
+  showAcceptPlan = true,
+  compactMode = false,
+  onBranch,
+  onAddAnnotation,
+  onRemoveAnnotation,
+  onUpdateAnnotation,
+  sendMessageKey = "enter",
+  onSaveAndSendFollowUp,
+  hasActiveFollowUpAnnotations = false,
+  openAnnotationRequest,
+  annotationInteractionMode = "interactive"
+}) {
+  const { t: t22 } = (0, import_react_i18next7.useTranslation)();
+  const [displayedText, setDisplayedText] = (0, import_react25.useState)(text);
+  const lastUpdateRef = (0, import_react25.useRef)(Date.now());
+  const [copied, setCopied] = (0, import_react25.useState)(false);
+  const [isFullscreen, setIsFullscreen] = (0, import_react25.useState)(false);
+  const [isDarkMode, setIsDarkMode] = (0, import_react25.useState)(false);
+  const interaction = useAnnotationInteractionController2();
+  const {
+    state: interactionState,
+    setDraft: setFollowUpDraft,
+    openFromSelection,
+    openFollowUpFromSelection,
+    openFromAnnotation,
+    requestEdit,
+    cancelFollowUp,
+    closeAll,
+    markSubmitSuccess,
+    markDeleteSuccess,
+    consumeExternalOpenRequest
+  } = interaction;
+  const pendingSelection = interactionState.pendingSelection;
+  const selectionMenuView = interactionState.selectionMenuView;
+  const followUpDraft = interactionState.followUpDraft;
+  const followUpMode = interactionState.followUpMode;
+  const activeAnnotationDetail = interactionState.activeAnnotationDetail;
+  const [selectionMenuShowNonce, setSelectionMenuShowNonce] = (0, import_react25.useState)(0);
+  const [selectionMenuTransitionConfig, setSelectionMenuTransitionConfig] = (0, import_react25.useState)(
+    buildAnnotationChipEntryTransition2()
+  );
+  const [annotationOverlay, setAnnotationOverlay] = (0, import_react25.useState)({ rects: [], chips: [] });
+  const contentRef = (0, import_react25.useRef)(null);
+  const contentLayerRef = (0, import_react25.useRef)(null);
+  const lastPointerRef = (0, import_react25.useRef)(null);
+  const dragStartPointerRef = (0, import_react25.useRef)(null);
+  const selectionStartedInContentRef = (0, import_react25.useRef)(false);
+  const canAnnotate = canAnnotateMessage2({
+    hasAddAnnotationHandler: !!onAddAnnotation,
+    hasMessageId: !!messageId,
+    isStreaming
+  });
+  const allowAnnotationIsland = annotationInteractionMode === "interactive";
+  (0, import_react25.useEffect)(() => {
+    const checkDarkMode = () => {
+      setIsDarkMode(document.documentElement.classList.contains("dark"));
+    };
+    checkDarkMode();
+    const observer = new MutationObserver(checkDarkMode);
+    observer.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
+    return () => observer.disconnect();
+  }, []);
+  const closeSelectionMenu = (0, import_react25.useCallback)(() => {
+    closeAll();
+  }, [closeAll]);
+  const isTargetInsideAnnotationIsland = (0, import_react25.useCallback)((target) => {
+    if (!target) return false;
+    const element = target instanceof Element ? target : target.parentElement;
+    if (!element) return false;
+    return !!element.closest('[data-ca-annotation-island="true"]');
+  }, []);
+  const triggerSelectionMenuEntryReplay = (0, import_react25.useCallback)(() => {
+    setSelectionMenuShowNonce((prev) => prev + 1);
+  }, []);
+  const activeMenuAnchor = (0, import_react25.useMemo)(() => {
+    return getAnnotationInteractionAnchor2(interactionState);
+  }, [interactionState]);
+  const selectionMenuSourceKey = (0, import_react25.useMemo)(() => {
+    const messageScope = messageId ?? "no-message";
+    return getAnnotationInteractionSourceKey2(interactionState, messageScope);
+  }, [interactionState, messageId]);
+  const {
+    renderAnchor: selectionMenuRenderAnchor,
+    renderSourceKey: selectionMenuRenderSourceKey,
+    isVisible: isSelectionMenuVisible,
+    openedAtRef: selectionMenuOpenedAtRef,
+    handleExitComplete: handleSelectionMenuExitComplete,
+    resetPresentation
+  } = useAnnotationIslandPresentation2({
+    anchor: activeMenuAnchor,
+    sourceKey: selectionMenuSourceKey
+  });
+  const handleCopy = (0, import_react25.useCallback)(async () => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (err) {
+      console.error("Failed to copy:", err);
+    }
+  }, [text]);
+  const renderedAnnotations = (0, import_react25.useMemo)(() => {
+    const persisted = annotations ?? [];
+    if (!pendingSelection || !selectionMenuView || !messageId) {
+      return persisted;
+    }
+    if (hasExistingTextRangeAnnotation2(persisted, pendingSelection.start, pendingSelection.end)) {
+      return persisted;
+    }
+    return [
+      ...persisted,
+      createSelectionPreviewAnnotation2(messageId, pendingSelection, sessionId ?? "")
+    ];
+  }, [annotations, pendingSelection, selectionMenuView, messageId]);
+  const activeAnnotation = (0, import_react25.useMemo)(() => {
+    if (!activeAnnotationDetail) return null;
+    return (annotations ?? []).find((annotation) => annotation.id === activeAnnotationDetail.annotationId) ?? null;
+  }, [annotations, activeAnnotationDetail]);
+  (0, import_react25.useEffect)(() => {
+    if (!activeAnnotationDetail) return;
+    if (!activeAnnotation) {
+      closeSelectionMenu();
+    }
+  }, [activeAnnotationDetail, activeAnnotation, closeSelectionMenu]);
+  (0, import_react25.useEffect)(() => {
+    const root = contentLayerRef.current;
+    if (!root) {
+      setAnnotationOverlay({ rects: [], chips: [] });
+      return;
+    }
+    const recomputeOverlay = () => {
+      clearAnnotationMarks2(root);
+      clearBlockAnnotationMarkers2(root);
+      if (!renderedAnnotations.length) {
+        setAnnotationOverlay({ rects: [], chips: [] });
+        return;
+      }
+      const geometry = computeAnnotationOverlayGeometry2({
+        root,
+        renderedAnnotations,
+        persistedAnnotations: annotations
+      });
+      for (const annotation of renderedAnnotations) {
+        applyBlockAnnotationMarker2(root, annotation);
+      }
+      setAnnotationOverlay({ rects: geometry.rects, chips: geometry.chips });
+      if (process.env.NODE_ENV !== "production" && geometry.unresolved.length > 0) {
+        console.debug("[annotations] unresolved annotations", {
+          count: geometry.unresolved.length,
+          ids: geometry.unresolved.map((item) => item.annotation.id),
+          reasons: geometry.unresolved.map((item) => item.reason)
+        });
+      }
+    };
+    recomputeOverlay();
+    window.addEventListener("resize", recomputeOverlay);
+    return () => {
+      window.removeEventListener("resize", recomputeOverlay);
+    };
+  }, [annotations, renderedAnnotations, text, displayedText, isStreaming]);
+  (0, import_react25.useEffect)(() => {
+    if (!canAnnotate) {
+      closeSelectionMenu();
+    }
+  }, [canAnnotate, closeSelectionMenu]);
+  (0, import_react25.useEffect)(() => {
+    closeSelectionMenu();
+    resetPresentation();
+    dragStartPointerRef.current = null;
+    lastPointerRef.current = null;
+  }, [sessionId, closeSelectionMenu, resetPresentation]);
+  (0, import_react25.useEffect)(() => {
+    if (!hasAnnotationInteraction2(interactionState) || !isSelectionMenuVisible) return;
+    const handleSelectionChange = () => {
+      if (selectionMenuOpenedAtRef.current == null || Date.now() - selectionMenuOpenedAtRef.current < 180) {
+        return;
+      }
+      const root = contentLayerRef.current;
+      if (!root) {
+        closeSelectionMenu();
+        return;
+      }
+      const selection = window.getSelection();
+      if (!selection || selection.rangeCount === 0 || selection.isCollapsed) {
+        return;
+      }
+      const range = selection.getRangeAt(0);
+      const common = range.commonAncestorContainer;
+      const commonElement = common.nodeType === Node.ELEMENT_NODE ? common : common.parentElement;
+      if (commonElement && isTargetInsideAnnotationIsland(commonElement)) {
+        return;
+      }
+      if (!root.contains(common)) {
+        closeSelectionMenu();
+      }
+    };
+    document.addEventListener("selectionchange", handleSelectionChange);
+    return () => {
+      document.removeEventListener("selectionchange", handleSelectionChange);
+    };
+  }, [interactionState, isSelectionMenuVisible, closeSelectionMenu, isTargetInsideAnnotationIsland, selectionMenuOpenedAtRef]);
+  const handleOpenFollowUpView = (0, import_react25.useCallback)(() => {
+    if (!pendingSelection) return;
+    clearDomSelection2();
+    openFollowUpFromSelection();
+  }, [pendingSelection, openFollowUpFromSelection]);
+  const handleRequestFollowUpEdit = (0, import_react25.useCallback)(() => {
+    requestEdit();
+  }, [requestEdit]);
+  const saveFollowUp = (0, import_react25.useCallback)(async (note) => {
+    const normalizedNote = note.trim();
+    if (!messageId) return null;
+    if (activeAnnotationDetail) {
+      if (!onUpdateAnnotation || !activeAnnotation) {
+        closeSelectionMenu();
+        return null;
+      }
+      const existingOtherBodies = activeAnnotation.body.filter((body) => body.type !== "highlight" && body.type !== "note");
+      const nextBody = [
+        { type: "highlight" },
+        ...normalizedNote.length > 0 ? [{ type: "note", text: normalizedNote, format: "plain" }] : [],
+        ...existingOtherBodies
+      ];
+      const nextMeta = { ...activeAnnotation.meta ?? {} };
+      delete nextMeta.followUp;
+      try {
+        await Promise.resolve(onUpdateAnnotation(messageId, activeAnnotationDetail.annotationId, {
+          body: nextBody,
+          intent: normalizedNote.length > 0 ? "comment" : "highlight",
+          updatedAt: Date.now(),
+          meta: normalizedNote.length > 0 ? {
+            ...nextMeta,
+            followUp: {
+              text: normalizedNote,
+              updatedAt: Date.now()
+            }
+          } : Object.keys(nextMeta).length > 0 ? nextMeta : void 0
+        }));
+      } catch {
+        return null;
+      }
+      markSubmitSuccess();
+      if (normalizedNote.length === 0) return null;
+      return {
+        messageId,
+        annotationId: activeAnnotationDetail.annotationId,
+        note: normalizedNote,
+        selectedText: extractAnnotationSelectedText2(activeAnnotation, text)
+      };
+    }
+    if (!onAddAnnotation || !pendingSelection) return null;
+    if (hasExistingTextRangeAnnotation2(annotations ?? [], pendingSelection.start, pendingSelection.end)) {
+      closeSelectionMenu();
+      return null;
+    }
+    const annotation = createTextSelectionAnnotation2(messageId, sessionId ?? "", pendingSelection.start, pendingSelection.end, pendingSelection.exact ?? (activeAnnotation ? extractAnnotationSelectedText2(activeAnnotation, text) : ""), normalizedNote);
+    try {
+      await Promise.resolve(onAddAnnotation(messageId, annotation));
+    } catch {
+      return null;
+    }
+    markSubmitSuccess();
+    clearDomSelection2();
+    if (normalizedNote.length === 0) return null;
+    return {
+      messageId,
+      annotationId: annotation.id,
+      note: normalizedNote,
+      selectedText: pendingSelection.selectedText ?? ""
+    };
+  }, [
+    messageId,
+    activeAnnotationDetail,
+    activeAnnotation,
+    onUpdateAnnotation,
+    onAddAnnotation,
+    pendingSelection,
+    annotations,
+    closeSelectionMenu,
+    sessionId,
+    markSubmitSuccess,
+    text
+  ]);
+  const handleSubmitFollowUp = (0, import_react25.useCallback)((note) => {
+    void saveFollowUp(note);
+  }, [saveFollowUp]);
+  const handleSubmitAndSendFollowUp = (0, import_react25.useCallback)((note) => {
+    void saveFollowUp(note).then((savedFollowUp) => {
+      if (!savedFollowUp) return;
+      onSaveAndSendFollowUp?.(savedFollowUp);
+    });
+  }, [saveFollowUp, onSaveAndSendFollowUp]);
+  const handleCancelFollowUp = useAnnotationCancelRestore2({
+    contentRootRef: contentLayerRef,
+    cancelFollowUp
+  });
+  const handleOpenAnnotationDetail = (0, import_react25.useCallback)((annotationId, index, anchorX, anchorY, mode = "view") => {
+    if (!allowAnnotationIsland) return;
+    const annotation = (annotations ?? []).find((item) => item.id === annotationId);
+    const noteText = annotation ? getAnnotationNoteText2(annotation) : "";
+    const transition = buildAnnotationChipEntryTransition2();
+    setSelectionMenuTransitionConfig(transition);
+    triggerSelectionMenuEntryReplay();
+    openFromAnnotation({ annotationId, index, anchorX, anchorY }, noteText, mode);
+  }, [allowAnnotationIsland, annotations, triggerSelectionMenuEntryReplay, openFromAnnotation]);
+  (0, import_react25.useEffect)(() => {
+    if (!allowAnnotationIsland) return;
+    const contentRect = contentLayerRef.current?.getBoundingClientRect();
+    const fallbackAnchor = {
+      x: contentRect ? contentRect.left + contentRect.width / 2 : window.innerWidth / 2,
+      y: contentRect ? contentRect.top + 20 : Math.max(24, window.innerHeight * 0.2)
+    };
+    const consumed = consumeExternalOpenRequest(openAnnotationRequest, {
+      messageId,
+      annotations,
+      getNoteText: getAnnotationNoteText2,
+      fallbackAnchor
+    });
+    if (!consumed) return;
+    setSelectionMenuTransitionConfig(buildAnnotationChipEntryTransition2());
+    triggerSelectionMenuEntryReplay();
+  }, [
+    allowAnnotationIsland,
+    openAnnotationRequest,
+    messageId,
+    annotations,
+    consumeExternalOpenRequest,
+    triggerSelectionMenuEntryReplay
+  ]);
+  const handleDeleteActiveAnnotation = (0, import_react25.useCallback)(() => {
+    if (!onRemoveAnnotation || !messageId || !activeAnnotationDetail) return;
+    onRemoveAnnotation(messageId, activeAnnotationDetail.annotationId);
+    markDeleteSuccess();
+  }, [onRemoveAnnotation, messageId, activeAnnotationDetail, markDeleteSuccess]);
+  const handleSelectionPointerDown = (0, import_react25.useCallback)((event) => {
+    selectionStartedInContentRef.current = true;
+    const snapshot = {
+      x: event.clientX,
+      y: event.clientY,
+      timestamp: Date.now()
+    };
+    dragStartPointerRef.current = snapshot;
+    lastPointerRef.current = snapshot;
+  }, []);
+  const showSelectionMenuFromCurrentSelection = (0, import_react25.useCallback)(() => {
+    const root = contentLayerRef.current;
+    if (!root) return;
+    requestAnimationFrame(() => {
+      const selection = window.getSelection();
+      if (!selection || selection.rangeCount === 0 || selection.isCollapsed) {
+        closeSelectionMenu();
+        return;
+      }
+      const range = selection.getRangeAt(0);
+      if (!root.contains(range.commonAncestorContainer)) {
+        closeSelectionMenu();
+        return;
+      }
+      const start = resolveNodeOffset2(root, range.startContainer, range.startOffset);
+      const end = resolveNodeOffset2(root, range.endContainer, range.endOffset);
+      if (start == null || end == null || end <= start) {
+        closeSelectionMenu();
+        return;
+      }
+      const selectedText = range.toString();
+      if (!selectedText || !/\S/.test(selectedText)) {
+        closeSelectionMenu();
+        return;
+      }
+      if (hasExistingTextRangeAnnotation2(annotations ?? [], start, end)) {
+        closeSelectionMenu();
+        return;
+      }
+      const fullText = getCanonicalText2(root);
+      const prefix = fullText.slice(Math.max(0, start - ANNOTATION_PREFIX_SUFFIX_WINDOW2), start);
+      const suffix = fullText.slice(end, end + ANNOTATION_PREFIX_SUFFIX_WINDOW2);
+      const rects = Array.from(range.getClientRects()).filter((rect) => rect.width > 0 && rect.height > 0);
+      const pointer = lastPointerRef.current;
+      const hasRecentPointer = Boolean(pointer && Date.now() - pointer.timestamp <= SELECTION_POINTER_MAX_AGE_MS2);
+      const pointerX = hasRecentPointer && pointer ? pointer.x : null;
+      const pointerY = hasRecentPointer && pointer ? pointer.y : null;
+      let anchorRect;
+      if (rects.length > 0) {
+        if (pointerY != null) {
+          const rowCandidates = rects.filter((rect) => pointerY >= rect.top && pointerY <= rect.bottom);
+          if (rowCandidates.length > 0) {
+            if (pointerX != null) {
+              const xContaining = rowCandidates.filter((rect) => pointerX >= rect.left && pointerX <= rect.right);
+              if (xContaining.length > 0) {
+                anchorRect = xContaining.reduce((best, rect) => rect.width > best.width ? rect : best);
+              } else {
+                anchorRect = rowCandidates.reduce((best, rect) => {
+                  const bestDistance = Math.min(Math.abs(pointerX - best.left), Math.abs(pointerX - best.right));
+                  const rectDistance = Math.min(Math.abs(pointerX - rect.left), Math.abs(pointerX - rect.right));
+                  return rectDistance < bestDistance ? rect : best;
+                });
+              }
+            } else {
+              anchorRect = rowCandidates.reduce((best, rect) => rect.width > best.width ? rect : best);
+            }
+          } else {
+            anchorRect = rects.reduce((best, rect) => {
+              const bestDistance = Math.abs((best.top + best.bottom) / 2 - pointerY);
+              const rectDistance = Math.abs((rect.top + rect.bottom) / 2 - pointerY);
+              return rectDistance < bestDistance ? rect : best;
+            });
+          }
+        } else {
+          anchorRect = rects.reduce((best, rect) => rect.top < best.top ? rect : best);
+        }
+      } else {
+        anchorRect = range.getBoundingClientRect();
+      }
+      const anchorRowRects = rects.length > 0 ? rects.filter((rect) => Math.abs(rect.top - anchorRect.top) <= 2) : [];
+      const clampRects = anchorRowRects.length > 0 ? anchorRowRects : rects.length > 0 ? rects : [anchorRect];
+      const selectionMinX = Math.min(...clampRects.map((rect) => rect.left));
+      const selectionMaxX = Math.max(...clampRects.map((rect) => rect.right));
+      const anchorX = pointerX != null ? clamp2(pointerX, selectionMinX, selectionMaxX) : anchorRect.left + anchorRect.width / 2;
+      const anchorY = anchorRect.top - 8;
+      const transition = buildSelectionEntryTransition2(dragStartPointerRef.current, pointer);
+      setSelectionMenuTransitionConfig(transition);
+      triggerSelectionMenuEntryReplay();
+      openFromSelection({
+        start,
+        end,
+        exact: selectedText,
+        selectedText,
+        prefix,
+        suffix,
+        anchorX,
+        anchorY
+      });
+      dragStartPointerRef.current = null;
+    });
+  }, [annotations, closeSelectionMenu, triggerSelectionMenuEntryReplay, openFromSelection]);
+  const handleTextSelection = (0, import_react25.useCallback)((event) => {
+    if (!canAnnotate || !onAddAnnotation || !messageId) return;
+    const root = contentLayerRef.current;
+    if (!root) return;
+    if (shouldIgnoreSelectionMouseUpTarget2(event.target)) {
+      selectionStartedInContentRef.current = false;
+      return;
+    }
+    lastPointerRef.current = {
+      x: event.clientX,
+      y: event.clientY,
+      timestamp: Date.now()
+    };
+    if (event.shiftKey) {
+      const targetElement = event.target instanceof Element ? event.target : null;
+      const blockElement = targetElement?.closest("[data-ca-block-path]");
+      if (blockElement) {
+        const blockPath = blockElement.getAttribute("data-ca-block-path") || "";
+        const blockType = blockElement.getAttribute("data-ca-block-type") || "paragraph";
+        const blockId = blockElement.getAttribute("data-ca-block-id") || void 0;
+        if (blockPath) {
+          const alreadyExists = (annotations ?? []).some((annotation) => {
+            const blockSelector = annotation.target.selectors.find((s) => s.type === "block");
+            if (!blockSelector) return false;
+            if (blockId && blockSelector.blockId) return blockSelector.blockId === blockId;
+            return blockSelector.path === blockPath;
+          });
+          if (!alreadyExists) {
+            const annotation = {
+              id: `ann-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+              schemaVersion: 1,
+              createdAt: Date.now(),
+              intent: "highlight",
+              body: [{ type: "highlight" }],
+              target: {
+                source: {
+                  sessionId: "",
+                  messageId
+                },
+                selectors: [
+                  {
+                    type: "block",
+                    blockType,
+                    path: blockPath,
+                    ...blockId ? { blockId } : {}
+                  }
+                ]
+              },
+              style: { color: "yellow" }
+            };
+            onAddAnnotation(messageId, annotation);
+          }
+        }
+      }
+      selectionStartedInContentRef.current = false;
+      closeSelectionMenu();
+      return;
+    }
+    selectionStartedInContentRef.current = false;
+    showSelectionMenuFromCurrentSelection();
+  }, [canAnnotate, onAddAnnotation, messageId, annotations, showSelectionMenuFromCurrentSelection, closeSelectionMenu]);
+  (0, import_react25.useEffect)(() => {
+    if (!canAnnotate || !onAddAnnotation || !messageId) return;
+    const handleDocumentMouseUp = (event) => {
+      if (!selectionStartedInContentRef.current) return;
+      selectionStartedInContentRef.current = false;
+      lastPointerRef.current = {
+        x: event.clientX,
+        y: event.clientY,
+        timestamp: Date.now()
+      };
+      const root = contentLayerRef.current;
+      if (!root) return;
+      const target = event.target;
+      if (target && root.contains(target)) {
+        return;
+      }
+      showSelectionMenuFromCurrentSelection();
+    };
+    document.addEventListener("mouseup", handleDocumentMouseUp);
+    return () => {
+      document.removeEventListener("mouseup", handleDocumentMouseUp);
+    };
+  }, [canAnnotate, onAddAnnotation, messageId, showSelectionMenuFromCurrentSelection]);
+  const handleSelectionMenuRequestBack = (0, import_react25.useCallback)(() => {
+    if (selectionMenuView !== "compact") {
+      handleCancelFollowUp();
+      return true;
+    }
+    return false;
+  }, [selectionMenuView, handleCancelFollowUp]);
+  useAnnotationIslandEvents2({
+    enabled: allowAnnotationIsland && hasAnnotationInteraction2(interactionState) && isSelectionMenuVisible,
+    openedAtRef: selectionMenuOpenedAtRef,
+    isCompactView: selectionMenuView === "compact",
+    isTargetInsideAnnotationIsland,
+    onBack: handleSelectionMenuRequestBack,
+    onClose: closeSelectionMenu
+  });
+  const selectionMenu = allowAnnotationIsland ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    AnnotationIslandMenu2,
+    {
+      anchor: selectionMenuRenderAnchor,
+      sourceKey: selectionMenuRenderSourceKey,
+      replayNonce: selectionMenuShowNonce,
+      isVisible: isSelectionMenuVisible,
+      activeView: selectionMenuView,
+      mode: followUpMode,
+      draft: followUpDraft,
+      onDraftChange: setFollowUpDraft,
+      onOpenFollowUp: handleOpenFollowUpView,
+      onCancel: handleCancelFollowUp,
+      onRequestBack: handleSelectionMenuRequestBack,
+      onRequestEdit: handleRequestFollowUpEdit,
+      onSubmit: handleSubmitFollowUp,
+      onSubmitAndSend: handleSubmitAndSendFollowUp,
+      onDelete: activeAnnotationDetail ? handleDeleteActiveAnnotation : void 0,
+      sendMessageKey,
+      transitionConfig: selectionMenuTransitionConfig,
+      onExitComplete: handleSelectionMenuExitComplete,
+      usePortal: shouldRenderAnnotationIslandInPortal2("turncard")
+    }
+  ) : null;
+  const annotationOverlayLayer = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    AnnotationOverlayLayer2,
+    {
+      rects: annotationOverlay.rects,
+      chips: annotationOverlay.chips,
+      annotations: renderedAnnotations,
+      getTooltipText: (annotation) => formatAnnotationFollowUpTooltipText2(annotation),
+      allowChipOpen: allowAnnotationIsland,
+      onChipOpen: ({ annotationId, index, anchorX, anchorY, mode }) => {
+        handleOpenAnnotationDetail(annotationId, index, anchorX, anchorY, mode);
+      }
+    }
+  );
+  (0, import_react25.useEffect)(() => {
+    if (!isStreaming) {
+      setDisplayedText(text);
+      return;
+    }
+    const now = Date.now();
+    const elapsed = now - lastUpdateRef.current;
+    if (elapsed >= BUFFER_CONFIG2.CONTENT_THROTTLE_MS) {
+      setDisplayedText(text);
+      lastUpdateRef.current = now;
+    } else {
+      const timeout = setTimeout(() => {
+        setDisplayedText(text);
+        lastUpdateRef.current = Date.now();
+      }, BUFFER_CONFIG2.CONTENT_THROTTLE_MS - elapsed);
+      return () => clearTimeout(timeout);
+    }
+  }, [text, isStreaming]);
+  const bufferDecision = (0, import_react25.useMemo)(() => {
+    return shouldShowStreamingContent2(text, isStreaming, streamStartTime);
+  }, [text, isStreaming, streamStartTime]);
+  const isCompleted = !isStreaming;
+  const isBuffering = isStreaming && !bufferDecision.shouldShow;
+  if (isBuffering) {
+    return null;
+  }
+  if (isCompleted || variant === "plan") {
+    const isPlan = variant === "plan";
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "bg-background shadow-minimal rounded-[8px] overflow-hidden relative group", children: [
+        !compactMode && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          "button",
+          {
+            onClick: () => setIsFullscreen(true),
+            className: cn2(
+              "absolute top-2 right-2 p-1 rounded-[6px] transition-all z-10 select-none",
+              "opacity-0 group-hover:opacity-100",
+              "bg-background shadow-minimal",
+              "text-muted-foreground/50 hover:text-foreground",
+              "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:opacity-100"
+            ),
+            title: t22("common.viewFullscreen"),
+            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react14.Maximize2, { className: "w-3.5 h-3.5" })
+          }
+        ),
+        isPlan && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+          "div",
+          {
+            className: cn2(
+              "px-4 py-2 border-b border-border/30 flex items-center gap-2 bg-success/5 select-none",
+              SIZE_CONFIG2.fontSize
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react14.ListTodo, { className: cn2(SIZE_CONFIG2.iconSize, "text-success") }),
+              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "font-medium text-success", children: "Plan" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          "div",
+          {
+            ref: contentRef,
+            "data-search-root": "response",
+            onMouseDown: handleSelectionPointerDown,
+            onMouseUp: handleTextSelection,
+            className: "pl-[22px] pr-[16px] py-3 text-sm overflow-y-auto scrollbar-hover",
+            style: {
+              maxHeight: MAX_HEIGHT2,
+              // Subtle fade at top and bottom edges (16px) - only in dark mode for better contrast
+              ...isDarkMode && {
+                maskImage: "linear-gradient(to bottom, transparent 0%, black 16px, black calc(100% - 16px), transparent 100%)",
+                WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 16px, black calc(100% - 16px), transparent 100%)"
+              }
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { ref: contentLayerRef, className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                Markdown2,
+                {
+                  mode: "minimal",
+                  onUrlClick: onOpenUrl,
+                  onFileClick: onOpenFile,
+                  children: text
+                }
+              ),
+              annotationOverlayLayer
+            ] })
+          }
+        ),
+        !compactMode && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: cn2(
+          "pl-4 pr-2.5 py-2 border-t border-border/30 flex items-center justify-between bg-muted/20",
+          SIZE_CONFIG2.fontSize
+        ), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+              "button",
+              {
+                onClick: handleCopy,
+                className: cn2(
+                  "turn-action-btn flex items-center gap-1.5 transition-colors select-none",
+                  copied ? "text-success" : "text-muted-foreground hover:text-foreground",
+                  "focus:outline-none focus-visible:underline"
+                ),
+                children: copied ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react14.Check, { className: SIZE_CONFIG2.iconSize }),
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: t22("common.copied") })
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react14.Copy, { className: SIZE_CONFIG2.iconSize }),
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: t22("common.copy") })
+                ] })
+              }
+            ),
+            onPopOut && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+              "button",
+              {
+                onClick: onPopOut,
+                className: cn2(
+                  "turn-action-btn flex items-center gap-1.5 transition-colors select-none",
+                  "text-muted-foreground hover:text-foreground",
+                  "focus:outline-none focus-visible:underline"
+                ),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react14.FileText, { className: SIZE_CONFIG2.iconSize }),
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: "Markdown" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center gap-3", children: [
+            isPlan && showAcceptPlan && onAccept && onAcceptWithCompact && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+              "div",
+              {
+                className: cn2(
+                  "flex items-center gap-3 transition-all duration-200",
+                  isLastResponse ? "opacity-100 translate-x-0" : "opacity-0 translate-x-2 pointer-events-none"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                  AcceptPlanDropdown2,
+                  {
+                    onAccept,
+                    onAcceptWithCompact,
+                    acceptLabel: hasActiveFollowUpAnnotations ? t22("plan.acceptAndSendFollowups") : t22("plan.acceptPlan"),
+                    acceptOptionLabel: hasActiveFollowUpAnnotations ? t22("plan.acceptAndSendFollowups") : t22("plan.accept")
+                  }
+                )
+              }
+            ),
+            onBranch && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(BranchDropdown2, { onBranch })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        DocumentFormattedMarkdownOverlay2,
+        {
+          content: text,
+          isOpen: isFullscreen,
+          onClose: () => setIsFullscreen(false),
+          variant: isPlan ? "plan" : void 0,
+          onOpenUrl,
+          onOpenFile,
+          sessionId,
+          messageId,
+          annotations,
+          onAddAnnotation,
+          onRemoveAnnotation,
+          onUpdateAnnotation,
+          sendMessageKey,
+          openAnnotationRequest,
+          isStreaming
+        }
+      ),
+      selectionMenu
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "bg-background shadow-minimal rounded-[8px] overflow-hidden group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        "div",
+        {
+          ref: contentRef,
+          "data-search-root": "response",
+          onMouseDown: handleSelectionPointerDown,
+          onMouseUp: handleTextSelection,
+          className: "pl-[22px] pr-4 py-3 text-sm overflow-y-auto scrollbar-hover",
+          style: {
+            maxHeight: MAX_HEIGHT2,
+            // Subtle fade at top and bottom edges (16px) - only in dark mode for better contrast
+            ...isDarkMode && {
+              maskImage: "linear-gradient(to bottom, transparent 0%, black 16px, black calc(100% - 16px), transparent 100%)",
+              WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 16px, black calc(100% - 16px), transparent 100%)"
+            }
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { ref: contentLayerRef, className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+              Markdown2,
+              {
+                mode: "minimal",
+                onUrlClick: onOpenUrl,
+                onFileClick: onOpenFile,
+                children: displayedText
+              }
+            ),
+            annotationOverlayLayer
+          ] })
+        }
+      ),
+      !compactMode && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: cn2("px-4 py-2 border-t border-border/30 flex items-center bg-muted/20", SIZE_CONFIG2.fontSize), children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Spinner2, { className: SIZE_CONFIG2.spinnerSize }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: "Streaming..." })
+      ] }) })
+    ] }),
+    selectionMenu
+  ] });
+}
+function TodoStatusIcon2({ status }) {
+  switch (status) {
+    case "pending":
+      return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react17.Circle, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 text-muted-foreground/50") });
+    case "in_progress":
+      return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: cn2(SIZE_CONFIG2.iconSize, "flex items-center justify-center shrink-0"), children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Spinner2, { className: SIZE_CONFIG2.spinnerSize }) });
+    case "completed":
+      return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react17.CircleCheck, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 text-accent") });
+    case "interrupted":
+      return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react17.Ban, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 text-muted-foreground/50") });
+  }
+}
+function TodoRow2({ todo }) {
+  const displayText = todo.status === "in_progress" && todo.activeForm ? todo.activeForm : todo.content;
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: cn2(
+    "flex items-center gap-2 py-0.5 text-muted-foreground",
+    SIZE_CONFIG2.fontSize,
+    todo.status === "completed" && "opacity-50"
+  ), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(TodoStatusIcon2, { status: todo.status }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: cn2(
+      "truncate flex-1",
+      todo.status === "completed" && "line-through"
+    ), children: displayText })
+  ] });
+}
+function TodoList2({ todos }) {
+  if (todos.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "pl-4 pr-2 pt-2.5 pb-1.5 space-y-0.5 border-l-2 border-muted ml-[13px]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: cn2("text-muted-foreground pb-1", SIZE_CONFIG2.fontSize), children: "Todo List" }),
+    todos.map((todo, index) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+      import_react30.motion.div,
+      {
+        initial: { opacity: 0, x: -8 },
+        animate: { opacity: 1, x: 0 },
+        transition: { delay: index * 0.03 },
+        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(TodoRow2, { todo })
+      },
+      `${todo.content}-${index}`
+    ))
+  ] });
+}
+var TurnCard3 = React102.memo(function TurnCard22({
+  sessionId,
+  turnId,
+  activities,
+  response,
+  intent,
+  isStreaming,
+  isComplete,
+  defaultExpanded = false,
+  isExpanded: externalIsExpanded,
+  onExpandedChange,
+  expandedActivityGroups: externalExpandedActivityGroups,
+  onExpandedActivityGroupsChange,
+  onOpenFile,
+  onOpenUrl,
+  onPopOut,
+  onOpenDetails,
+  onOpenActivityDetails,
+  onOpenMultiFileDiff,
+  hasEditOrWriteActivities,
+  todos,
+  renderActionsMenu,
+  onAcceptPlan,
+  onAcceptPlanWithCompact,
+  isLastResponse,
+  sessionFolderPath,
+  displayMode = "detailed",
+  animateResponse = false,
+  compactMode = false,
+  onBranch,
+  onAddAnnotation,
+  onRemoveAnnotation,
+  onUpdateAnnotation,
+  sendMessageKey = "enter",
+  onSaveAndSendFollowUp,
+  hasActiveFollowUpAnnotations = false,
+  openAnnotationRequest,
+  annotationInteractionMode = "interactive"
+}) {
+  const turnPhase = (0, import_react21.useMemo)(() => {
+    const turnData = {
+      isComplete,
+      response,
+      activities
+    };
+    return deriveTurnPhase2(turnData);
+  }, [isComplete, response, activities]);
+  const [localExpandedTurns, setLocalExpandedTurns] = (0, import_react21.useState)(() => defaultExpanded ? /* @__PURE__ */ new Set([turnId]) : /* @__PURE__ */ new Set());
+  const isExpanded = externalIsExpanded ?? localExpandedTurns.has(turnId);
+  const hasUserToggled = (0, import_react21.useRef)(false);
+  const activitiesContainerRef = (0, import_react21.useRef)(null);
+  const hasMounted = (0, import_react21.useRef)(false);
+  (0, import_react21.useEffect)(() => {
+    hasMounted.current = true;
+  }, []);
+  const toggleExpanded = (0, import_react21.useCallback)(() => {
+    hasUserToggled.current = true;
+    const newExpanded = !isExpanded;
+    if (onExpandedChange) {
+      onExpandedChange(newExpanded);
+    } else {
+      setLocalExpandedTurns((prev) => {
+        const next = new Set(prev);
+        if (next.has(turnId)) {
+          next.delete(turnId);
+        } else {
+          next.add(turnId);
+        }
+        return next;
+      });
+    }
+  }, [turnId, isExpanded, onExpandedChange]);
+  (0, import_react21.useEffect)(() => {
+    if (isExpanded && hasUserToggled.current && activitiesContainerRef.current) {
+      const timer = setTimeout(() => {
+        activitiesContainerRef.current?.scrollTo({
+          top: activitiesContainerRef.current.scrollHeight,
+          behavior: "smooth"
+        });
+      }, 260);
+      return () => clearTimeout(timer);
+    }
+  }, [isExpanded]);
+  const [localExpandedActivityGroups, setLocalExpandedActivityGroups] = (0, import_react21.useState)(/* @__PURE__ */ new Set());
+  const expandedActivityGroups = externalExpandedActivityGroups ?? localExpandedActivityGroups;
+  const handleExpandedActivityGroupsChange = onExpandedActivityGroupsChange ?? setLocalExpandedActivityGroups;
+  const isBuffering = (0, import_react21.useMemo)(
+    () => isResponseBuffering2(response),
+    [response]
+  );
+  const previewText = (0, import_react21.useMemo)(
+    () => getPreviewText2(activities, intent, isStreaming, !!response, isComplete),
+    [activities, intent, isStreaming, response, isComplete, import_i18next3.default.language]
+  );
+  const allSortedActivities = (0, import_react21.useMemo)(
+    () => [...activities].sort((a, b) => a.timestamp - b.timestamp),
+    [activities]
+  );
+  const planActivities = (0, import_react21.useMemo)(
+    () => allSortedActivities.filter((a) => a.type === "plan"),
+    [allSortedActivities]
+  );
+  const sortedActivities = (0, import_react21.useMemo)(
+    () => allSortedActivities.filter((a) => a.type !== "plan"),
+    [allSortedActivities]
+  );
+  const hasTaskSubagents = (0, import_react21.useMemo)(
+    () => sortedActivities.some((a) => a.toolName === "Task"),
+    [sortedActivities]
+  );
+  const groupedActivities = (0, import_react21.useMemo)(
+    () => hasTaskSubagents ? groupActivitiesByParent2(sortedActivities) : null,
+    [sortedActivities, hasTaskSubagents]
+  );
+  const lastChildSet = (0, import_react21.useMemo)(
+    () => !hasTaskSubagents ? computeLastChildSet2(sortedActivities) : /* @__PURE__ */ new Set(),
+    [sortedActivities, hasTaskSubagents]
+  );
+  if (activities.length === 0 && !response && isComplete) {
+    return null;
+  }
+  const hasNoMeaningfulWork = activities.length > 0 && activities.every((a) => {
+    if (a.type === "tool") return a.status === "error";
+    if (a.type === "intermediate") return !a.content?.trim();
+    if (a.type === "plan") return false;
+    return true;
+  }) && !response;
+  if (hasNoMeaningfulWork) {
+    return null;
+  }
+  const hasActivities = sortedActivities.length > 0;
+  const isThinking = shouldShowThinkingIndicator2(turnPhase, isBuffering);
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "space-y-1", children: [
+    hasActivities && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "group select-none", "data-search-exclude": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+        "button",
+        {
+          onClick: toggleExpanded,
+          className: cn2(
+            "flex items-center gap-2 w-full pl-2.5 pr-1.5 py-1.5 rounded-[8px] text-left",
+            SIZE_CONFIG2.fontSize,
+            "text-muted-foreground",
+            "hover:bg-muted/50 transition-colors",
+            "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+              import_react22.motion.div,
+              {
+                initial: false,
+                animate: { rotate: isExpanded ? 90 : 0 },
+                transition: { duration: 0.15, ease: "easeOut" },
+                className: cn2(SIZE_CONFIG2.iconSize, "flex items-center justify-center shrink-0"),
+                children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react11.ChevronRight, { className: SIZE_CONFIG2.iconSize })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "-ml-0.5 shrink-0 px-1.5 py-0.5 rounded-[4px] bg-background shadow-minimal text-[10px] font-medium tabular-nums", children: activities.length }),
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "relative flex-1 min-w-0 h-5 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react22.AnimatePresence, { initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+              import_react22.motion.span,
+              {
+                initial: { opacity: 0 },
+                animate: { opacity: 1 },
+                exit: { opacity: 0 },
+                transition: { duration: 0.2 },
+                className: "absolute inset-0 truncate",
+                children: previewText
+              },
+              previewText
+            ) }) }),
+            renderActionsMenu ? renderActionsMenu() : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+              TurnCardActionsMenu2,
+              {
+                onOpenDetails,
+                onOpenMultiFileDiff,
+                hasEditOrWriteActivities
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react22.AnimatePresence, { initial: false, children: isExpanded && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+        import_react22.motion.div,
+        {
+          initial: { height: 0, opacity: 0 },
+          animate: { height: "auto", opacity: 1 },
+          exit: { height: 0, opacity: 0 },
+          transition: {
+            height: { duration: 0.25, ease: [0.4, 0, 0.2, 1] },
+            opacity: { duration: 0.15 }
+          },
+          className: "overflow-hidden",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+              "div",
+              {
+                ref: activitiesContainerRef,
+                className: cn2(
+                  "pl-4 pr-2 py-0 space-y-0.5 border-l-2 border-muted ml-[13px]",
+                  sortedActivities.length > SIZE_CONFIG2.maxVisibleActivities && "rounded-r-md overflow-y-auto scrollbar-hover py-1.5"
+                ),
+                style: {
+                  maxHeight: sortedActivities.length > SIZE_CONFIG2.maxVisibleActivities ? SIZE_CONFIG2.maxVisibleActivities * SIZE_CONFIG2.activityRowHeight : void 0
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_react22.AnimatePresence, { mode: "sync", children: [
+                  groupedActivities ? groupedActivities.map((item, index) => isActivityGroup2(item) ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                    ActivityGroupRow2,
+                    {
+                      group: item,
+                      expandedGroups: expandedActivityGroups,
+                      onExpandedGroupsChange: handleExpandedActivityGroupsChange,
+                      onOpenActivityDetails,
+                      animationIndex: index,
+                      sessionFolderPath,
+                      displayMode
+                    },
+                    item.parent.id
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                    import_react22.motion.div,
+                    {
+                      initial: hasUserToggled.current || hasMounted.current ? { opacity: 0, x: -8 } : false,
+                      animate: { opacity: 1, x: 0 },
+                      transition: { delay: hasUserToggled.current ? index < SIZE_CONFIG2.staggeredAnimationLimit ? index * 0.03 : SIZE_CONFIG2.staggeredAnimationLimit * 0.03 : 0 },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                        ActivityRow2,
+                        {
+                          activity: item,
+                          onOpenDetails: onOpenActivityDetails ? () => onOpenActivityDetails(item) : void 0,
+                          sessionFolderPath,
+                          displayMode
+                        }
+                      )
+                    },
+                    item.id
+                  )) : (
+                    /* Flat view for simple tool calls */
+                    sortedActivities.map((activity, index) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                      import_react22.motion.div,
+                      {
+                        initial: hasUserToggled.current || hasMounted.current ? { opacity: 0, x: -8 } : false,
+                        animate: { opacity: 1, x: 0 },
+                        transition: { delay: hasUserToggled.current ? index < SIZE_CONFIG2.staggeredAnimationLimit ? index * 0.03 : SIZE_CONFIG2.staggeredAnimationLimit * 0.03 : 0 },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                          ActivityRow2,
+                          {
+                            activity,
+                            onOpenDetails: onOpenActivityDetails ? () => onOpenActivityDetails(activity) : void 0,
+                            isLastChild: lastChildSet.has(activity.id),
+                            sessionFolderPath,
+                            displayMode
+                          }
+                        )
+                      },
+                      activity.id
+                    ))
+                  ),
+                  isThinking && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+                    import_react22.motion.div,
+                    {
+                      initial: { opacity: 0, x: -8 },
+                      animate: { opacity: 1, x: 0 },
+                      transition: {
+                        delay: Math.min(sortedActivities.length, SIZE_CONFIG2.staggeredAnimationLimit) * 0.03,
+                        duration: 0.3,
+                        ease: "easeOut"
+                      },
+                      className: cn2("flex items-center gap-2 py-0.5 text-muted-foreground/70", SIZE_CONFIG2.fontSize),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Spinner2, { className: SIZE_CONFIG2.spinnerSize }),
+                        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: isBuffering ? "Preparing response..." : "Thinking..." })
+                      ]
+                    },
+                    "thinking"
+                  )
+                ] })
+              }
+            ),
+            todos && todos.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(TodoList2, { todos })
+          ]
+        }
+      ) })
+    ] }),
+    !hasActivities && isThinking && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: cn2("flex items-center gap-2 px-3 py-1.5 text-muted-foreground", SIZE_CONFIG2.fontSize), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Spinner2, { className: SIZE_CONFIG2.spinnerSize }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: isBuffering ? "Preparing response..." : "Thinking..." })
+    ] }),
+    planActivities.map((planActivity, index) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: cn2("select-text", (hasActivities || index > 0) && "mt-2"), children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      ResponseCard2,
+      {
+        text: planActivity.content || "",
+        isStreaming: false,
+        sessionId,
+        onOpenFile,
+        onOpenUrl,
+        onPopOut: onPopOut ? () => onPopOut(planActivity.content || "") : void 0,
+        variant: "plan",
+        messageId: planActivity.messageId,
+        annotations: planActivity.annotations,
+        onAddAnnotation,
+        onRemoveAnnotation,
+        onUpdateAnnotation,
+        onSaveAndSendFollowUp,
+        onAccept: onAcceptPlan,
+        onAcceptWithCompact: onAcceptPlanWithCompact,
+        isLastResponse: isLastResponse && index === planActivities.length - 1,
+        compactMode,
+        onBranch: onBranch ? (options) => onBranch(planActivity.messageId ?? planActivity.id, options) : void 0,
+        sendMessageKey,
+        hasActiveFollowUpAnnotations,
+        openAnnotationRequest,
+        annotationInteractionMode
+      }
+    ) }, planActivity.id)),
+    animateResponse && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react22.AnimatePresence, { children: response && !isBuffering && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      import_react22.motion.div,
+      {
+        initial: { opacity: 0, y: 8 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.3, ease: "easeOut" },
+        className: cn2("select-text", hasActivities && "mt-2"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          ResponseCard2,
+          {
+            text: response.text,
+            isStreaming: response.isStreaming,
+            streamStartTime: response.streamStartTime,
+            sessionId,
+            onOpenFile,
+            onOpenUrl,
+            onPopOut: onPopOut ? () => onPopOut(response.text) : void 0,
+            variant: response.isPlan ? "plan" : "response",
+            messageId: response.messageId,
+            annotations: response.annotations,
+            onAddAnnotation,
+            onRemoveAnnotation,
+            onUpdateAnnotation,
+            onSaveAndSendFollowUp,
+            onAccept: onAcceptPlan,
+            onAcceptWithCompact: onAcceptPlanWithCompact,
+            isLastResponse,
+            compactMode,
+            onBranch: onBranch && response.messageId ? (options) => onBranch(response.messageId, options) : void 0,
+            sendMessageKey,
+            hasActiveFollowUpAnnotations,
+            openAnnotationRequest,
+            annotationInteractionMode
+          }
+        )
+      }
+    ) }),
+    !animateResponse && response && !isBuffering && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: cn2("select-text", hasActivities && "mt-2"), children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      ResponseCard2,
+      {
+        text: response.text,
+        isStreaming: response.isStreaming,
+        streamStartTime: response.streamStartTime,
+        sessionId,
+        onOpenFile,
+        onOpenUrl,
+        onPopOut: onPopOut ? () => onPopOut(response.text) : void 0,
+        variant: response.isPlan ? "plan" : "response",
+        messageId: response.messageId,
+        annotations: response.annotations,
+        onAddAnnotation,
+        onRemoveAnnotation,
+        onUpdateAnnotation,
+        onSaveAndSendFollowUp,
+        onAccept: onAcceptPlan,
+        onAcceptWithCompact: onAcceptPlanWithCompact,
+        isLastResponse,
+        compactMode,
+        onBranch: onBranch && response.messageId ? (options) => onBranch(response.messageId, options) : void 0,
+        sendMessageKey,
+        hasActiveFollowUpAnnotations,
+        openAnnotationRequest,
+        annotationInteractionMode
+      }
+    ) })
+  ] });
+}, (prev, next) => {
+  if (prev.isStreaming || next.isStreaming) return false;
+  if (!prev.isComplete || !next.isComplete) return false;
+  if (prev.isExpanded !== next.isExpanded) return false;
+  if (prev.expandedActivityGroups !== next.expandedActivityGroups) return false;
+  if (prev.isLastResponse !== next.isLastResponse) return false;
+  if (prev.displayMode !== next.displayMode) return false;
+  if (prev.annotationInteractionMode !== next.annotationInteractionMode) return false;
+  if (prev.activities !== next.activities) {
+    if (prev.activities.length !== next.activities.length) return false;
+    for (let i = 0; i < prev.activities.length; i++) {
+      const pa = prev.activities[i], na = next.activities[i];
+      if (pa.id !== na.id || pa.status !== na.status || pa.content !== na.content) return false;
+    }
+  }
+  if (prev.response !== next.response) {
+    if (!prev.response !== !next.response) return false;
+    if (prev.response && next.response) {
+      if (prev.response.text !== next.response.text || prev.response.isStreaming !== next.response.isStreaming || prev.response.messageId !== next.response.messageId || prev.response.annotations?.length !== next.response.annotations?.length) return false;
+    }
+  }
+  if (prev.openAnnotationRequest !== next.openAnnotationRequest) return false;
+  if (prev.hasActiveFollowUpAnnotations !== next.hasActiveFollowUpAnnotations) return false;
+  return prev.sessionId === next.sessionId && prev.turnId === next.turnId;
+});
+var PlatformContext2 = (0, import_react34.createContext)({});
+var initialRuntimeState = {
+  status: "idle",
+  acceptedMessages: [],
+  queuedMessages: []
+};
+function useAgentSession(options) {
+  const createRuntimeRef = (0, import_react41.useRef)(options.createRuntime);
+  createRuntimeRef.current = options.createRuntime;
+  const runtime = (0, import_react41.useMemo)(() => {
+    return createDeferredAgentRuntime({
+      provider: options.provider ?? "agent",
+      runtimeKind: options.runtimeKind ?? "app-server",
+      sessionId: options.sessionId,
+      createRuntime: () => createRuntimeRef.current()
+    });
+  }, [options.sessionId]);
+  (0, import_react41.useEffect)(() => {
+    return () => {
+      void runtime.disposeIfCreated();
+    };
+  }, [runtime]);
+  return { runtime, sessionId: options.sessionId };
+}
+function createDeferredAgentRuntime(options) {
+  let runtime = null;
+  let disposed = false;
+  const getRuntime = () => {
+    if (disposed) {
+      throw new Error("Agent runtime has been disposed");
+    }
+    runtime ??= options.createRuntime();
+    return runtime;
+  };
+  return {
+    get sessionId() {
+      return runtime?.sessionId ?? options.sessionId;
+    },
+    get provider() {
+      return runtime?.provider ?? options.provider;
+    },
+    get runtimeKind() {
+      return runtime?.runtimeKind ?? options.runtimeKind;
+    },
+    events: {
+      connect(onEvent, onError, onClose) {
+        getRuntime().events.connect(onEvent, onError, onClose);
+      },
+      disconnect() {
+        runtime?.events.disconnect();
+      },
+      isConnected() {
+        return runtime?.events.isConnected() ?? false;
+      }
+    },
+    commands: {
+      sendMessage(message, sendOptions) {
+        return getRuntime().commands.sendMessage(message, sendOptions);
+      },
+      abort(reason) {
+        return getRuntime().commands.abort(reason);
+      },
+      respondToPermission(requestId, allowed, remember) {
+        return getRuntime().commands.respondToPermission(requestId, allowed, remember);
+      },
+      async resumeTool(runId, resumeData) {
+        const commands = getRuntime().commands;
+        if (!commands.resumeTool) {
+          throw new Error(`resumeTool is not supported by the ${options.provider} runtime`);
+        }
+        await commands.resumeTool(runId, resumeData);
+      },
+      dispose() {
+        disposed = true;
+        const current = runtime;
+        runtime = null;
+        return current?.commands.dispose() ?? Promise.resolve();
+      }
+    },
+    preflight() {
+      return getRuntime().preflight();
+    },
+    fetchTimeline(request) {
+      return getRuntime().fetchTimeline(request);
+    },
+    getState() {
+      return runtime?.getState() ?? {
+        status: initialRuntimeState.status,
+        acceptedMessages: [],
+        queuedMessages: []
+      };
+    },
+    async disposeIfCreated() {
+      if (!runtime) return;
+      const current = runtime;
+      runtime = null;
+      await current.commands.dispose();
+    }
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActivityDetailsPanel,
@@ -7957,6 +11771,7 @@ function TimelineAgentChatPanel({
   toStoredSession,
   updateMessageAt,
   useAgentChatSession,
+  useAgentSession,
   useEventProcessor,
   useTimelineAgentChatSession
 });