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

package/dist/chat.js

@@ -832,7 +832,7 @@ function TurnCardActionsMenu({
   hasEditOrWriteActivities,
   className
 }) {
-  const { t: t2 } = useTranslation();
+  const { t: t22 } = useTranslation();
   const [isOpen, setIsOpen] = React2.useState(false);
   if (!onOpenDetails && !onOpenMultiFileDiff) {
     return null;
@@ -870,7 +870,7 @@ function TurnCardActionsMenu({
           {
             onClick: onOpenMultiFileDiff,
             icon: /* @__PURE__ */ jsx3(FileDiff, {}),
-            children: t2("chat.viewFileChanges")
+            children: t22("chat.viewFileChanges")
           }
         ),
         onOpenDetails && /* @__PURE__ */ jsx3(
@@ -878,7 +878,7 @@ function TurnCardActionsMenu({
           {
             onClick: onOpenDetails,
             icon: /* @__PURE__ */ jsx3(ArrowUpRight, {}),
-            children: t2("chat.viewTurnDetails")
+            children: t22("chat.viewTurnDetails")
           }
         )
       ]
@@ -2632,9 +2632,9 @@ function AcceptPlanDropdown({
   acceptOptionLabel,
   className
 }) {
-  const { t: t2 } = useTranslation2();
-  const effectiveAcceptLabel = acceptLabel ?? t2("plan.acceptPlan");
-  const effectiveAcceptOptionLabel = acceptOptionLabel ?? t2("plan.accept");
+  const { t: t22 } = useTranslation2();
+  const effectiveAcceptLabel = acceptLabel ?? t22("plan.acceptPlan");
+  const effectiveAcceptOptionLabel = acceptOptionLabel ?? t22("plan.accept");
   const [isOpen, setIsOpen] = useState5(false);
   const [position, setPosition] = useState5(null);
   const triggerRef = useRef3(null);
@@ -2764,7 +2764,7 @@ function AcceptPlanDropdown({
                 ),
                 children: [
                   /* @__PURE__ */ jsx21("span", { className: "text-[13px] font-medium", children: effectiveAcceptOptionLabel }),
-                  /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground", children: t2("plan.executeImmediately") })
+                  /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground", children: t22("plan.executeImmediately") })
                 ]
               }
             ),
@@ -2779,8 +2779,8 @@ function AcceptPlanDropdown({
                   "transition-colors"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx21("span", { className: "text-[13px] font-medium", children: t2("plan.acceptAndCompact") }),
-                  /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground", children: t2("plan.worksForComplex") })
+                  /* @__PURE__ */ jsx21("span", { className: "text-[13px] font-medium", children: t22("plan.acceptAndCompact") }),
+                  /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground", children: t22("plan.worksForComplex") })
                 ]
               }
             )
@@ -2830,7 +2830,7 @@ function StyledDropdownMenuItem({
   );
 }
 function BranchDropdown({ onBranch }) {
-  const { t: t2 } = useTranslation3();
+  const { t: t22 } = useTranslation3();
   const handleBranchClick = () => {
     onBranch({ newPanel: true });
   };
@@ -2839,8 +2839,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",
@@ -2851,8 +2851,8 @@ function BranchDropdown({ onBranch }) {
       }
     ) }),
     /* @__PURE__ */ jsx23(StyledDropdownMenuContent, { align: "end", minWidth: "min-w-64", sideOffset: 6, children: /* @__PURE__ */ jsx23(StyledDropdownMenuItem, { onClick: handleBranchClick, className: "items-start py-2", children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-0.5", children: [
-      /* @__PURE__ */ jsx23("span", { className: "text-[13px] leading-tight", children: t2("chat.branchFromThisMessage") }),
-      /* @__PURE__ */ jsx23("span", { className: "max-w-[220px] whitespace-normal text-xs leading-tight text-muted-foreground", children: t2("chat.branchFromThisMessageDescription") })
+      /* @__PURE__ */ jsx23("span", { className: "text-[13px] leading-tight", children: t22("chat.branchFromThisMessage") }),
+      /* @__PURE__ */ jsx23("span", { className: "max-w-[220px] whitespace-normal text-xs leading-tight text-muted-foreground", children: t22("chat.branchFromThisMessageDescription") })
     ] }) }) })
   ] });
 }
@@ -2900,7 +2900,7 @@ function ResponseCard({
   openAnnotationRequest,
   annotationInteractionMode = "interactive"
 }) {
-  const { t: t2 } = useTranslation3();
+  const { t: t22 } = useTranslation3();
   const [displayedText, setDisplayedText] = useState6(text);
   const lastUpdateRef = useRef4(Date.now());
   const [copied, setCopied] = useState6(false);
@@ -3500,7 +3500,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__ */ jsx23(Maximize2, { className: "w-3.5 h-3.5" })
           }
         ),
@@ -3563,10 +3563,10 @@ function ResponseCard({
                 ),
                 children: copied ? /* @__PURE__ */ jsxs10(Fragment8, { children: [
                   /* @__PURE__ */ jsx23(Check, { className: SIZE_CONFIG.iconSize }),
-                  /* @__PURE__ */ jsx23("span", { children: t2("common.copied") })
+                  /* @__PURE__ */ jsx23("span", { children: t22("common.copied") })
                 ] }) : /* @__PURE__ */ jsxs10(Fragment8, { children: [
                   /* @__PURE__ */ jsx23(Copy, { className: SIZE_CONFIG.iconSize }),
-                  /* @__PURE__ */ jsx23("span", { children: t2("common.copy") })
+                  /* @__PURE__ */ jsx23("span", { children: t22("common.copy") })
                 ] })
               }
             ),
@@ -3599,8 +3599,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")
                   }
                 )
               }
@@ -4146,12 +4146,12 @@ function InlineExecution({
   onRetry,
   className
 }) {
-  const { t: t2 } = useTranslation4();
+  const { t: t22 } = useTranslation4();
   if (status === "executing") {
     return /* @__PURE__ */ jsxs13("div", { className: cn("space-y-3", className), children: [
       /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx26(LoadingIndicator, { animated: true, showElapsed: true }),
-        /* @__PURE__ */ jsx26("span", { className: cn("text-foreground/80", SIZE_CONFIG.fontSize), children: t2("common.editing") })
+        /* @__PURE__ */ jsx26("span", { className: cn("text-foreground/80", SIZE_CONFIG.fontSize), children: t22("common.editing") })
       ] }),
       activities.length > 0 && /* @__PURE__ */ jsx26("div", { className: "space-y-0.5 pl-1", children: activities.slice(-3).map((activity) => /* @__PURE__ */ jsx26(InlineActivityRow, { activity }, activity.id)) }),
       /* @__PURE__ */ jsx26("div", { className: "flex items-center justify-start pt-1 border-t border-border/30", children: /* @__PURE__ */ jsx26(
@@ -4163,7 +4163,7 @@ function InlineExecution({
             "text-muted-foreground hover:text-foreground transition-colors",
             SIZE_CONFIG.fontSize
           ),
-          children: t2("common.cancel")
+          children: t22("common.cancel")
         }
       ) })
     ] });
@@ -4172,7 +4172,7 @@ function InlineExecution({
     return /* @__PURE__ */ jsxs13("div", { className: cn("space-y-3", className), children: [
       /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx26(CheckCircle22, { className: "w-4 h-4 text-success" }),
-        /* @__PURE__ */ jsx26("span", { className: cn("text-foreground font-medium", SIZE_CONFIG.fontSize), children: t2("common.done") })
+        /* @__PURE__ */ jsx26("span", { className: cn("text-foreground font-medium", SIZE_CONFIG.fontSize), children: t22("common.done") })
       ] }),
       result && /* @__PURE__ */ jsx26("div", { className: cn("text-muted-foreground leading-relaxed prose-compact", SIZE_CONFIG.fontSize), children: /* @__PURE__ */ jsx26(Markdown, { children: result }) }),
       /* @__PURE__ */ jsx26("div", { className: "flex items-center justify-end pt-1 border-t border-border/30", children: /* @__PURE__ */ jsxs13(
@@ -4186,7 +4186,7 @@ function InlineExecution({
           ),
           children: [
             /* @__PURE__ */ jsx26(CheckCircle22, { className: "w-3 h-3" }),
-            t2("common.done")
+            t22("common.done")
           ]
         }
       ) })
@@ -4195,7 +4195,7 @@ function InlineExecution({
   return /* @__PURE__ */ jsxs13("div", { className: cn("space-y-3", className), children: [
     /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx26(XCircle2, { className: "w-4 h-4 text-destructive" }),
-      /* @__PURE__ */ jsx26("span", { className: cn("text-foreground font-medium", SIZE_CONFIG.fontSize), children: t2("common.failed") })
+      /* @__PURE__ */ jsx26("span", { className: cn("text-foreground font-medium", SIZE_CONFIG.fontSize), children: t22("common.failed") })
     ] }),
     error && /* @__PURE__ */ jsx26("div", { className: cn("text-destructive/80 leading-relaxed prose-compact", SIZE_CONFIG.fontSize), children: /* @__PURE__ */ jsx26(Markdown, { children: error }) }),
     /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-end gap-2 pt-1 border-t border-border/30", children: [
@@ -4210,7 +4210,7 @@ function InlineExecution({
           ),
           children: [
             /* @__PURE__ */ jsx26(X, { className: "w-3 h-3" }),
-            t2("common.dismiss")
+            t22("common.dismiss")
           ]
         }
       ),
@@ -4223,7 +4223,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")
         }
       )
     ] })
@@ -4450,14 +4450,14 @@ function CommandBadge({ badge }) {
   );
 }
 function ContextBadge({ badge }) {
-  const { t: t2 } = useTranslation5();
+  const { t: t22 } = useTranslation5();
   const displayLabel = badge.collapsedLabel || badge.label;
   return /* @__PURE__ */ jsxs14(
     "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__ */ jsx28("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__ */ jsx28("span", { className: "truncate max-w-[200px] text-muted-foreground", children: displayLabel })
@@ -4621,7 +4621,7 @@ function UserMessageBubble({
   isQueued,
   compactMode
 }) {
-  const { t: t2 } = useTranslation5();
+  const { t: t22 } = useTranslation5();
   const hasAttachments = attachments && attachments.length > 0;
   const [showQueued, setShowQueued] = useState8(isQueued ?? false);
   const queuedShownAtRef = useRef6(isQueued ? Date.now() : null);
@@ -4678,7 +4678,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__ */ jsx28("div", { className: "h-14 w-14 rounded-[8px] overflow-hidden bg-background shadow-minimal", children: hasThumbnail ? /* @__PURE__ */ jsx28(
@@ -4727,7 +4727,7 @@ function UserMessageBubble({
               "aria-live": "polite",
               children: [
                 /* @__PURE__ */ jsx28(Clock, { className: "h-3 w-3 animate-pulse", "aria-hidden": "true" }),
-                /* @__PURE__ */ jsx28("span", { className: "text-[11px] italic", children: t2("chat.queuedBadge") })
+                /* @__PURE__ */ jsx28("span", { className: "text-[11px] italic", children: t22("chat.queuedBadge") })
               ]
             }
           ),
@@ -5430,7 +5430,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.
@@ -7038,7 +7038,7 @@ var InProcessEventSource = class {
   }
 };
 
-// ../packages/local-chat/dist/index.js
+// ../packages/chat/dist/index.js
 import { useState as useState22 } from "react";
 import { useCallback as useCallback9, useEffect as useEffect9, useMemo as useMemo8, useRef as useRef8, useState as useState12 } from "react";
 
@@ -7060,7 +7060,7 @@ function timelineKey(item) {
   return `${item.epoch}:${item.seq}`;
 }
 
-// ../packages/local-chat/dist/index.js
+// ../packages/chat/dist/index.js
 import { jsx as jsx39, jsxs as jsxs21 } from "react/jsx-runtime";
 import { useCallback as useCallback22, useEffect as useEffect22, useMemo as useMemo22, useRef as useRef22, useState as useState32 } from "react";
 import { jsx as jsx210, jsxs as jsxs22 } from "react/jsx-runtime";
@@ -7097,6 +7097,7 @@ function createAgentChatPanelModelFromTimeline(args) {
   };
 }
 function isChatTranscriptTimelineEnvelope(envelope) {
+  if (!envelope.item) return false;
   switch (envelope.item.type) {
     case "user_message":
     case "assistant_message_delta":
@@ -7822,6 +7823,3838 @@ function TimelineAgentChatPanel({
     )
   ] });
 }
+
+// ../packages/react/dist/index.js
+import * as React102 from "react";
+import { useMemo as useMemo52, useEffect as useEffect42, useRef as useRef52, useCallback as useCallback62, useState as useState72 } from "react";
+import i18n22 from "i18next";
+import { motion as motion42, AnimatePresence as AnimatePresence32 } from "motion/react";
+import { ChevronRight as ChevronRight32 } from "lucide-react";
+import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
+import * as React22 from "react";
+import { useTranslation as useTranslation6 } from "react-i18next";
+import { MoreHorizontal as MoreHorizontal2, FileDiff as FileDiff2, ArrowUpRight as ArrowUpRight3 } from "lucide-react";
+import * as React11 from "react";
+import { jsx as jsx211, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx310, jsxs as jsxs32 } from "react/jsx-runtime";
+import i18n3 from "i18next";
+import { useCallback as useCallback10, useState as useState33 } from "react";
+import { motion as motion5, AnimatePresence as AnimatePresence4 } from "motion/react";
+import {
+  ChevronRight as ChevronRight4,
+  CheckCircle2 as CheckCircle23,
+  XCircle as XCircle3,
+  Circle as Circle3,
+  MessageCircleDashed as MessageCircleDashed2,
+  ArrowUpRight as ArrowUpRight22,
+  Pencil as Pencil2,
+  FilePenLine as FilePenLine2
+} from "lucide-react";
+import { Fragment as Fragment10, jsx as jsx42 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
+import { useMemo as useMemo42, useEffect as useEffect32, useRef as useRef42, useCallback as useCallback52, useState as useState62 } from "react";
+import { useTranslation as useTranslation32 } from "react-i18next";
+import {
+  FileText as FileText2,
+  Copy as Copy2,
+  Check as Check2,
+  Maximize2 as Maximize22,
+  ListTodo as ListTodo2,
+  GitBranch as GitBranch2
+} from "lucide-react";
+import * as React62 from "react";
+import ReactMarkdown2 from "react-markdown";
+import rehypeKatex2 from "rehype-katex";
+import rehypeRaw2 from "rehype-raw";
+import remarkGfm2 from "remark-gfm";
+import remarkMath2 from "remark-math";
+import * as React32 from "react";
+import { createBundledHighlighter as createBundledHighlighter2, createSingletonShorthands as createSingletonShorthands2 } from "@shikijs/core";
+import { createJavaScriptRegexEngine as createJavaScriptRegexEngine2 } from "@shikijs/engine-javascript";
+import { createContext as createContext4, useContext as useContext4 } from "react";
+import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs52 } from "react/jsx-runtime";
+import * as React42 from "react";
+import { jsx as jsx82, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
+import { jsx as jsx102 } from "react/jsx-runtime";
+import { jsx as jsx112 } from "react/jsx-runtime";
+import { jsx as jsx122 } from "react/jsx-runtime";
+import { jsx as jsx132 } from "react/jsx-runtime";
+import { jsx as jsx142 } from "react/jsx-runtime";
+import { jsx as jsx152 } from "react/jsx-runtime";
+import { jsx as jsx162 } from "react/jsx-runtime";
+import * as React52 from "react";
+import { ChevronRight as ChevronRight22 } from "lucide-react";
+import { motion as motion22, AnimatePresence as AnimatePresence22 } from "motion/react";
+import { Fragment as Fragment32, jsx as jsx172, jsxs as jsxs72 } from "react/jsx-runtime";
+import { createContext as createContext22, useContext as useContext22 } from "react";
+import { jsx as jsx182 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx192 } from "react/jsx-runtime";
+import * as React72 from "react";
+import { jsx as jsx202, jsxs as jsxs82 } from "react/jsx-runtime";
+import * as React82 from "react";
+import * as React92 from "react";
+import { useCallback as useCallback42, useEffect as useEffect23, useRef as useRef32, useState as useState52 } from "react";
+import { useTranslation as useTranslation22 } from "react-i18next";
+import * as ReactDOM2 from "react-dom";
+import { ChevronDown as ChevronDown2 } from "lucide-react";
+import { Fragment as Fragment62, jsx as jsx212, jsxs as jsxs92 } from "react/jsx-runtime";
+import { Fragment as Fragment72, jsx as jsx222 } from "react/jsx-runtime";
+import { Fragment as Fragment82, jsx as jsx232, jsxs as jsxs102 } from "react/jsx-runtime";
+import { motion as motion32 } from "motion/react";
+import {
+  Circle as Circle22,
+  CircleCheck as CircleCheck2,
+  Ban as Ban2
+} from "lucide-react";
+import { jsx as jsx242, jsxs as jsxs112 } from "react/jsx-runtime";
+import { jsx as jsx252, jsxs as jsxs122 } from "react/jsx-runtime";
+import { useTranslation as useTranslation42 } from "react-i18next";
+import { CheckCircle2 as CheckCircle222, XCircle as XCircle22, X as X2 } from "lucide-react";
+import { Fragment as Fragment92, jsx as jsx262, jsxs as jsxs132 } from "react/jsx-runtime";
+import { useMemo as useMemo62, useState as useState92, useCallback as useCallback72 } from "react";
+import { useEffect as useEffect52, useRef as useRef62, useState as useState82 } from "react";
+import { Clock as Clock2 } from "lucide-react";
+import { File as File2, Image as ImageIcon2 } from "lucide-react";
+import { jsx as jsx272 } from "react/jsx-runtime";
+import { useTranslation as useTranslation52 } from "react-i18next";
+import { jsx as jsx282, jsxs as jsxs142 } from "react/jsx-runtime";
+import { jsx as jsx292 } from "react/jsx-runtime";
+import { jsx as jsx302, jsxs as jsxs152 } from "react/jsx-runtime";
+import { jsx as jsx312, jsxs as jsxs162 } from "react/jsx-runtime";
+import { useMemo as useMemo72 } from "react";
+import { createContext as createContext32, useContext as useContext32 } from "react";
+import { jsx as jsx322 } from "react/jsx-runtime";
+import { jsx as jsx332, jsxs as jsxs172 } from "react/jsx-runtime";
+import { jsx as jsx342, jsxs as jsxs182 } from "react/jsx-runtime";
+import { useState as useState102, useEffect as useEffect62 } from "react";
+import { jsx as jsx352 } from "react/jsx-runtime";
+import { jsx as jsx362, jsxs as jsxs192 } from "react/jsx-runtime";
+import { useEffect as useEffect72 } from "react";
+import { jsx as jsx372 } from "react/jsx-runtime";
+import { jsx as jsx382, jsxs as jsxs202 } from "react/jsx-runtime";
+import { useCallback as useCallback82, useRef as useRef72, useState as useState112, useEffect as useEffect82 } from "react";
+import { useState as useState222 } from "react";
+import { useCallback as useCallback92, useEffect as useEffect92, useMemo as useMemo82, useRef as useRef82, useState as useState122 } from "react";
+import { jsx as jsx392, jsxs as jsxs212 } from "react/jsx-runtime";
+import { useCallback as useCallback222, useEffect as useEffect222, useMemo as useMemo222, useRef as useRef222, useState as useState322 } from "react";
+import { jsx as jsx2102, jsxs as jsxs222 } from "react/jsx-runtime";
+import { useEffect as useEffect102, useMemo as useMemo92, useRef as useRef92 } from "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__ */ jsxs23(
+    "svg",
+    {
+      className: cn2("animate-spin h-4 w-4 text-muted-foreground", className),
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx40(
+          "circle",
+          {
+            className: "opacity-25",
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            strokeWidth: "4"
+          }
+        ),
+        /* @__PURE__ */ jsx40(
+          "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__ */ jsxs24("div", { className: "relative inline-flex", children: [
+    /* @__PURE__ */ jsx211("div", { onClick: handleToggle, children: trigger }),
+    isOpen && /* @__PURE__ */ jsx211(
+      "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__ */ jsxs24(
+    "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__ */ jsx211("span", { className: "shrink-0", children: icon }),
+        /* @__PURE__ */ jsx211("span", { children })
+      ]
+    }
+  );
+}
+function TurnCardActionsMenu2({
+  onOpenDetails,
+  onOpenMultiFileDiff,
+  hasEditOrWriteActivities,
+  className
+}) {
+  const { t: t22 } = useTranslation6();
+  const [isOpen, setIsOpen] = React22.useState(false);
+  if (!onOpenDetails && !onOpenMultiFileDiff) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs32(
+    SimpleDropdown2,
+    {
+      align: "end",
+      onOpenChange: setIsOpen,
+      trigger: /* @__PURE__ */ jsx310(
+        "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__ */ jsx310(MoreHorizontal2, { className: "w-3 h-3" })
+        }
+      ),
+      children: [
+        onOpenMultiFileDiff && hasEditOrWriteActivities && /* @__PURE__ */ jsx310(
+          SimpleDropdownItem2,
+          {
+            onClick: onOpenMultiFileDiff,
+            icon: /* @__PURE__ */ jsx310(FileDiff2, {}),
+            children: t22("chat.viewFileChanges")
+          }
+        ),
+        onOpenDetails && /* @__PURE__ */ jsx310(
+          SimpleDropdownItem2,
+          {
+            onClick: onOpenDetails,
+            icon: /* @__PURE__ */ jsx310(ArrowUpRight3, {}),
+            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 = i18n3.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__ */ jsx42(Fragment10, { children });
+}
+function TooltipTrigger2({
+  children,
+  asChild = false
+}) {
+  return /* @__PURE__ */ jsx42(Fragment10, { children });
+}
+function TooltipContent2({
+  children,
+  side = "top",
+  className
+}) {
+  return /* @__PURE__ */ jsx42("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__ */ jsx52("span", { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 flex items-center justify-center text-[10px] leading-none"), children: customIcon });
+      }
+      return /* @__PURE__ */ jsx52(
+        "img",
+        {
+          src: customIcon,
+          alt: "",
+          className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 rounded-sm object-contain")
+        }
+      );
+    }
+    switch (status) {
+      case "pending":
+        return /* @__PURE__ */ jsx52(Circle3, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 text-muted-foreground/50") });
+      case "running":
+        return /* @__PURE__ */ jsx52("div", { className: cn2(SIZE_CONFIG2.iconSize, "flex items-center justify-center shrink-0"), children: /* @__PURE__ */ jsx52(Spinner2, { className: SIZE_CONFIG2.spinnerSize }) });
+      case "backgrounded":
+        return /* @__PURE__ */ jsx52("div", { className: cn2(SIZE_CONFIG2.iconSize, "flex items-center justify-center shrink-0"), children: /* @__PURE__ */ jsx52(Spinner2, { className: cn2(SIZE_CONFIG2.spinnerSize, "text-accent") }) });
+      case "completed":
+        if (toolName === "Edit") {
+          return /* @__PURE__ */ jsx52(Pencil2, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 text-accent") });
+        }
+        if (toolName === "Write") {
+          return /* @__PURE__ */ jsx52(FilePenLine2, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 text-accent") });
+        }
+        return /* @__PURE__ */ jsx52(CheckCircle23, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 text-success") });
+      case "error":
+        return /* @__PURE__ */ jsx52(XCircle3, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 text-destructive") });
+    }
+  };
+  return /* @__PURE__ */ jsx52(AnimatePresence4, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx52(
+    motion5.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__ */ jsx52("div", { className: "flex self-stretch", children: Array.from({ length: depth }).map((_, i) => /* @__PURE__ */ jsx52("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__ */ jsxs42("div", { className: "flex items-stretch", children: [
+      /* @__PURE__ */ jsx52(TreeViewConnector2, { depth, isLastChild }),
+      /* @__PURE__ */ jsxs42(
+        "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__ */ jsx52("div", { className: cn2(SIZE_CONFIG2.iconSize, "flex items-center justify-center shrink-0"), children: /* @__PURE__ */ jsx52(Spinner2, { className: SIZE_CONFIG2.spinnerSize }) }) : /* @__PURE__ */ jsx52(MessageCircleDashed2, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0") }),
+            /* @__PURE__ */ jsx52("span", { className: cn2("truncate flex-1", onOpenDetails && isComplete2 && "group-hover/row:underline"), children: displayContent }),
+            onOpenDetails && isComplete2 && /* @__PURE__ */ jsx52(
+              "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__ */ jsx52(ArrowUpRight22, { className: SIZE_CONFIG2.iconSize })
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+  if (activity.type === "status") {
+    const isRunning = activity.status === "running";
+    return /* @__PURE__ */ jsxs42("div", { className: "flex items-stretch", children: [
+      /* @__PURE__ */ jsx52(TreeViewConnector2, { depth, isLastChild }),
+      /* @__PURE__ */ jsxs42(
+        "div",
+        {
+          className: cn2(
+            "flex items-center gap-2 py-0.5 text-muted-foreground flex-1 min-w-0",
+            SIZE_CONFIG2.fontSize
+          ),
+          children: [
+            /* @__PURE__ */ jsx52("div", { className: cn2(SIZE_CONFIG2.iconSize, "flex items-center justify-center shrink-0"), children: isRunning ? /* @__PURE__ */ jsx52(Spinner2, { className: SIZE_CONFIG2.spinnerSizeSmall }) : /* @__PURE__ */ jsx52(CheckCircle23, { className: cn2(SIZE_CONFIG2.iconSize, "text-success") }) }),
+            /* @__PURE__ */ jsx52("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__ */ jsxs42("div", { className: "flex items-stretch", children: [
+    /* @__PURE__ */ jsx52(TreeViewConnector2, { depth, isLastChild }),
+    /* @__PURE__ */ jsxs42(
+      "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__ */ jsx52(ActivityStatusIcon2, { status: activity.status, toolName: activity.toolName, customIcon: toolDisplay.icon }),
+          isMcpOrApiTool && !isBackgrounded && /* @__PURE__ */ jsxs42(Fragment22, { children: [
+            /* @__PURE__ */ jsx52("span", { className: "shrink-0", children: sourceName }),
+            activity.status === "error" && activity.error && /* @__PURE__ */ jsxs42(Tooltip2, { children: [
+              /* @__PURE__ */ jsx52(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx52(
+                "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__ */ jsx52(TooltipContent2, { side: "top", className: "max-w-[400px]", children: activity.error })
+            ] }),
+            activity.toolName === "mcp__session__call_llm" && activity.toolInput?.model && /* @__PURE__ */ jsx52("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__ */ jsxs42("span", { className: cn2("truncate flex-1 min-w-0", onOpenDetails && isComplete && "group-hover/row:underline"), children: [
+              intentOrDescription && /* @__PURE__ */ jsxs42(Fragment22, { children: [
+                /* @__PURE__ */ jsx52("span", { className: "opacity-60", children: " \xB7 " }),
+                /* @__PURE__ */ jsx52("span", { children: intentOrDescription })
+              ] }),
+              displayMode === "detailed" && toolSlug && /* @__PURE__ */ jsxs42(Fragment22, { children: [
+                /* @__PURE__ */ jsx52("span", { className: "opacity-60", children: " \xB7 " }),
+                /* @__PURE__ */ jsx52("span", { className: "opacity-70", children: toolSlug })
+              ] }),
+              displayMode === "detailed" && inputSummary && /* @__PURE__ */ jsxs42(Fragment22, { children: [
+                /* @__PURE__ */ jsx52("span", { className: "opacity-60", children: " \xB7 " }),
+                /* @__PURE__ */ jsx52("span", { className: "opacity-50", children: inputSummary })
+              ] })
+            ] })
+          ] }),
+          !isMcpOrApiTool && /* @__PURE__ */ jsx52("span", { className: cn2("shrink-0", onOpenDetails && isComplete && "group-hover/row:underline"), children: displayedName }),
+          !isMcpOrApiTool && !isBackgrounded && diffStats && /* @__PURE__ */ jsxs42("span", { className: "flex items-center gap-1.5 text-[10px] shrink-0", children: [
+            diffStats.deletions > 0 && /* @__PURE__ */ jsx52(
+              "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__ */ jsx52(
+              "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__ */ jsx52("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__ */ jsx52("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__ */ jsx52("span", { className: "flex items-center gap-1.5 text-[10px] shrink-0", children: /* @__PURE__ */ jsx52("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__ */ jsxs42(Tooltip2, { children: [
+            /* @__PURE__ */ jsx52(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx52(
+              "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__ */ jsx52(TooltipContent2, { side: "top", className: "max-w-[400px]", children: activity.error })
+          ] }),
+          !isMcpOrApiTool && !isBackgrounded && (intentOrDescription || displayMode === "detailed" && inputSummary) && /* @__PURE__ */ jsxs42("span", { className: cn2("truncate flex-1 min-w-0", onOpenDetails && isComplete && "group-hover/row:underline"), children: [
+            intentOrDescription && /* @__PURE__ */ jsxs42(Fragment22, { children: [
+              /* @__PURE__ */ jsx52("span", { className: "opacity-60", children: " \xB7 " }),
+              /* @__PURE__ */ jsx52("span", { children: intentOrDescription })
+            ] }),
+            displayMode === "detailed" && inputSummary && /* @__PURE__ */ jsxs42(Fragment22, { children: [
+              /* @__PURE__ */ jsx52("span", { className: "opacity-60", children: " \xB7 " }),
+              /* @__PURE__ */ jsx52("span", { className: "opacity-50", children: inputSummary })
+            ] })
+          ] }),
+          backgroundInfo && /* @__PURE__ */ jsxs42(Fragment22, { children: [
+            /* @__PURE__ */ jsx52("span", { className: "opacity-60 shrink-0", children: "\xB7" }),
+            /* @__PURE__ */ jsx52("span", { className: "truncate min-w-0 max-w-[300px] text-accent", children: backgroundInfo })
+          ] }),
+          onOpenDetails && isComplete && /* @__PURE__ */ jsx52(
+            "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__ */ jsx52(ArrowUpRight22, { className: SIZE_CONFIG2.iconSize })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function ActivityGroupRow2({ group, expandedGroups: externalExpandedGroups, onExpandedGroupsChange, onOpenActivityDetails, animationIndex = 0, sessionFolderPath, displayMode = "detailed" }) {
+  const [localExpandedGroups, setLocalExpandedGroups] = useState33(/* @__PURE__ */ new Set());
+  const expandedGroups = externalExpandedGroups ?? localExpandedGroups;
+  const setExpandedGroups = onExpandedGroupsChange ?? setLocalExpandedGroups;
+  const groupId = group.parent.id;
+  const isExpanded = expandedGroups.has(groupId);
+  const toggleExpanded = useCallback10(() => {
+    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__ */ jsxs42(
+    motion5.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__ */ jsxs42(
+          "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__ */ jsx52(
+                motion5.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__ */ jsx52(ChevronRight4, { className: SIZE_CONFIG2.iconSize })
+                }
+              ),
+              /* @__PURE__ */ jsx52(ActivityStatusIcon2, { status: group.parent.status, toolName: group.parent.toolName }),
+              /* @__PURE__ */ jsx52("span", { className: "shrink-0 px-1.5 py-0.5 rounded-[4px] bg-background shadow-minimal text-[10px] font-medium", children: subagentType || "Task" }),
+              /* @__PURE__ */ jsx52("span", { className: cn2(
+                "truncate",
+                hasError && "text-destructive"
+              ), children: description || "Task" }),
+              isComplete && group.taskOutputData && /* @__PURE__ */ jsxs42("span", { className: "shrink-0 text-muted-foreground/60 tabular-nums", children: [
+                group.taskOutputData.durationMs !== void 0 && /* @__PURE__ */ jsx52("span", { children: formatDuration2(group.taskOutputData.durationMs) }),
+                group.taskOutputData.durationMs !== void 0 && (group.taskOutputData.inputTokens !== void 0 || group.taskOutputData.outputTokens !== void 0) && /* @__PURE__ */ jsx52("span", { className: "mx-1", children: "\xB7" }),
+                (group.taskOutputData.inputTokens !== void 0 || group.taskOutputData.outputTokens !== void 0) && /* @__PURE__ */ jsxs42("span", { children: [
+                  formatTokens2((group.taskOutputData.inputTokens || 0) + (group.taskOutputData.outputTokens || 0)),
+                  " tokens"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx52("span", { className: "flex-1" }),
+              onOpenActivityDetails && isComplete && /* @__PURE__ */ jsx52(
+                "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__ */ jsx52(ArrowUpRight22, { className: SIZE_CONFIG2.iconSize })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx52(AnimatePresence4, { initial: false, children: isExpanded && group.children.length > 0 && /* @__PURE__ */ jsx52(
+          motion5.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__ */ jsx52("div", { className: "pl-0 space-y-0.5 border-l-2 border-muted ml-[5px]", children: group.children.map((child, idx) => /* @__PURE__ */ jsx52(
+              motion5.div,
+              {
+                initial: { opacity: 0, x: -4 },
+                animate: { opacity: 1, x: 0 },
+                transition: { delay: idx * 0.02 },
+                className: "ml-[-4px]",
+                children: /* @__PURE__ */ jsx52(
+                  ActivityRow2,
+                  {
+                    activity: child,
+                    onOpenDetails: onOpenActivityDetails ? () => onOpenActivityDetails(child) : void 0,
+                    isLastChild: idx === group.children.length - 1,
+                    sessionFolderPath,
+                    displayMode
+                  }
+                )
+              },
+              child.id
+            )) })
+          }
+        ) })
+      ]
+    }
+  );
+}
+var ShikiThemeContext2 = createContext4(null);
+function useShikiTheme2() {
+  return useContext4(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 = createBundledHighlighter2({
+  langs: LANGUAGE_LOADERS2,
+  themes: THEME_LOADERS2,
+  engine: () => createJavaScriptRegexEngine2()
+});
+var { codeToHtml: codeToHtml2 } = createSingletonShorthands2(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__ */ jsx72("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ jsx72("code", { children: code }) });
+  }
+  if (mode === "minimal") {
+    if (isLoading || !highlighted) {
+      return /* @__PURE__ */ jsx72("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ jsx72("code", { children: code }) });
+    }
+    return /* @__PURE__ */ jsx72(
+      "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__ */ jsxs52("div", { className: cn2("relative group rounded-[8px] overflow-hidden border bg-muted/30", className), children: [
+    /* @__PURE__ */ jsxs52("div", { className: "flex items-center justify-between px-3 py-1.5 bg-muted/50 border-b text-xs", children: [
+      /* @__PURE__ */ jsx72("span", { className: "text-muted-foreground font-medium uppercase tracking-wide", children: resolvedLang !== "text" ? resolvedLang : "plain text" }),
+      /* @__PURE__ */ jsx72(
+        "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__ */ jsx72("svg", { className: "w-4 h-4 text-success", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx72("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) : /* @__PURE__ */ jsx72("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx72("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__ */ jsx72("div", { className: "p-3 overflow-x-auto", children: isLoading || !highlighted ? /* @__PURE__ */ jsx72("pre", { className: "font-mono text-sm whitespace-pre-wrap break-all", children: /* @__PURE__ */ jsx72("code", { children: code }) }) : /* @__PURE__ */ jsx72(
+      "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__ */ jsx72("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__ */ jsx82(
+    "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__ */ jsx82("code", { children: lines.map((line, index) => {
+        const kind = getDiffLineKind2(line);
+        const sign = line[0] === "+" || line[0] === "-" ? line[0] : " ";
+        return /* @__PURE__ */ jsxs62(
+          "span",
+          {
+            className: cn2("block min-w-max px-3 whitespace-pre", getLineClass2(kind)),
+            children: [
+              /* @__PURE__ */ jsx82("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__ */ jsx92("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ jsx92("code", { children: code }) });
+}
+function MarkdownMermaidBlock2({ code, className, showExpandButton = true }) {
+  return /* @__PURE__ */ jsx102("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap my-2", className), children: /* @__PURE__ */ jsx102("code", { children: code }) });
+}
+function MarkdownDatatableBlock2({ code, className }) {
+  return /* @__PURE__ */ jsx112("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ jsx112("code", { children: code }) });
+}
+function MarkdownSpreadsheetBlock2({ code, className }) {
+  return /* @__PURE__ */ jsx122("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ jsx122("code", { children: code }) });
+}
+function MarkdownHtmlBlock2({ code, className }) {
+  return /* @__PURE__ */ jsx132("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ jsx132("code", { children: code }) });
+}
+function MarkdownImageBlock2({ code, className }) {
+  return /* @__PURE__ */ jsx142("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ jsx142("code", { children: code }) });
+}
+function MarkdownLatexBlock2({ code, className }) {
+  return /* @__PURE__ */ jsx152("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ jsx152("code", { children: code }) });
+}
+function MarkdownPdfBlock2({ code, className }) {
+  return /* @__PURE__ */ jsx162("pre", { className: cn2("font-mono text-sm whitespace-pre-wrap", className), children: /* @__PURE__ */ jsx162("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__ */ jsx172(AnimatePresence22, { initial: false, children: isOpen && /* @__PURE__ */ jsx172(
+    motion22.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__ */ jsx172(Fragment32, { children });
+  }
+  const isExpanded = !isCollapsed;
+  const hasContent = content.length > 0;
+  return /* @__PURE__ */ jsxs72("div", { className: "markdown-collapsible-section", "data-section-id": sectionId, children: [
+    /* @__PURE__ */ jsxs72(
+      "div",
+      {
+        className: cn2(
+          "relative group",
+          hasContent && "cursor-pointer"
+        ),
+        onClick: () => hasContent && onToggle(sectionId),
+        children: [
+          /* @__PURE__ */ jsx172(
+            motion22.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__ */ jsx172(ChevronRight22, { className: "h-3 w-3 text-muted-foreground" })
+            }
+          ),
+          heading
+        ]
+      }
+    ),
+    hasContent && /* @__PURE__ */ jsx172(AnimatedCollapsibleContent2, { isOpen: isExpanded, children: /* @__PURE__ */ jsx172("div", { className: "collapsible-section-content", children: content }) })
+  ] });
+}
+var CollapsibleMarkdownContext2 = createContext22(null);
+function useCollapsibleMarkdown2() {
+  return useContext22(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__ */ jsx192(
+      "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__ */ jsx192(
+          CollapsibleSection2,
+          {
+            sectionId,
+            headingLevel,
+            isCollapsed: collapsibleContext.collapsedSections.has(sectionId),
+            onToggle: collapsibleContext.toggleSection,
+            children
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx192("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__ */ jsx192(
+        "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__ */ jsx192("code", { className: "font-mono", children }),
+      pre: ({ children }) => /* @__PURE__ */ jsx192("pre", { className: "font-mono whitespace-pre-wrap my-2", children }),
+      // Minimal paragraph spacing
+      p: ({ children }) => /* @__PURE__ */ jsx192("p", { className: "my-1", children }),
+      // Simple lists
+      ul: ({ children }) => /* @__PURE__ */ jsx192("ul", { className: "list-disc list-inside my-1", children }),
+      ol: ({ children }) => /* @__PURE__ */ jsx192("ol", { className: "list-decimal list-inside my-1", children }),
+      li: ({ children }) => /* @__PURE__ */ jsx192("li", { className: "my-0.5", children }),
+      // Plain tables
+      table: ({ children }) => /* @__PURE__ */ jsx192("table", { className: "my-2 font-mono text-sm", children }),
+      th: ({ children }) => /* @__PURE__ */ jsx192("th", { className: "text-left pr-4", children }),
+      td: ({ children }) => /* @__PURE__ */ jsx192("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__ */ jsx192(MarkdownDiffBlock2, { code, className: "my-2" }), props.node?.position);
+          }
+          if (match?.[1] === "json") {
+            return wrapBlock("code", code, /* @__PURE__ */ jsx192(MarkdownJsonBlock2, { code, className: "my-2" }), props.node?.position);
+          }
+          if (match?.[1] === "datatable") {
+            return wrapBlock("datatable", code, /* @__PURE__ */ jsx192(MarkdownDatatableBlock2, { code, className: "my-2" }), props.node?.position);
+          }
+          if (match?.[1] === "spreadsheet") {
+            return wrapBlock("spreadsheet", code, /* @__PURE__ */ jsx192(MarkdownSpreadsheetBlock2, { code, className: "my-2" }), props.node?.position);
+          }
+          if (match?.[1] === "html-preview") {
+            return wrapBlock("html-preview", code, /* @__PURE__ */ jsx192(MarkdownHtmlBlock2, { code, className: "my-2" }), props.node?.position);
+          }
+          if (match?.[1] === "pdf-preview") {
+            return wrapBlock("pdf-preview", code, /* @__PURE__ */ jsx192(MarkdownPdfBlock2, { code, className: "my-2" }), props.node?.position);
+          }
+          if (match?.[1] === "image-preview") {
+            return wrapBlock("image-preview", code, /* @__PURE__ */ jsx192(MarkdownImageBlock2, { code, className: "my-2" }), props.node?.position);
+          }
+          if (match?.[1] === "latex" || match?.[1] === "math") {
+            return wrapBlock("latex", code, /* @__PURE__ */ jsx192(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__ */ jsx192(MarkdownMermaidBlock2, { code, className: "my-2", showExpandButton: !isFirstBlock }),
+              props.node?.position
+            );
+          }
+          return wrapBlock("code", code, /* @__PURE__ */ jsx192(CodeBlock2, { code, language: match?.[1], mode: "full", className: "my-2" }), props.node?.position);
+        }
+        return /* @__PURE__ */ jsx192(InlineCode2, { children });
+      },
+      pre: ({ children }) => /* @__PURE__ */ jsx192(Fragment42, { children }),
+      // Comfortable paragraph spacing
+      p: ({ children }) => /* @__PURE__ */ jsx192("p", { className: "my-2 leading-relaxed", children }),
+      // Styled lists - ul uses tighter spacing, ol uses standard for number alignment
+      ul: ({ children, className }) => /* @__PURE__ */ jsx192(
+        "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__ */ jsx192("ol", { className: cn2("my-2 space-y-1 pl-6 list-decimal", className), children }),
+      li: ({ children, className }) => /* @__PURE__ */ jsx192("li", { className: cn2(className?.includes("task-list-item") && "list-none"), children }),
+      input: ({ type, checked }) => {
+        if (type === "checkbox") {
+          return /* @__PURE__ */ jsx192(
+            "input",
+            {
+              type: "checkbox",
+              checked,
+              readOnly: true,
+              className: "mr-2 rounded border-muted-foreground align-middle"
+            }
+          );
+        }
+        return /* @__PURE__ */ jsx192("input", { type });
+      },
+      // Clean tables
+      table: ({ children }) => /* @__PURE__ */ jsx192("div", { className: "my-3 overflow-x-auto", children: /* @__PURE__ */ jsx192("table", { className: "min-w-full text-sm", children }) }),
+      thead: ({ children }) => /* @__PURE__ */ jsx192("thead", { className: "border-b", children }),
+      th: ({ children }) => /* @__PURE__ */ jsx192("th", { className: "text-left py-2 px-3 font-semibold text-muted-foreground", children }),
+      td: ({ children }) => /* @__PURE__ */ jsx192("td", { className: "py-2 px-3 border-b border-border/50", children }),
+      // Headings - H1/H2 same size, differentiated by weight
+      h1: ({ children }) => /* @__PURE__ */ jsx192("h1", { className: "font-sans text-[16px] font-bold mt-5 mb-3", children }),
+      h2: ({ children }) => /* @__PURE__ */ jsx192("h2", { className: "font-sans text-[16px] font-semibold mt-4 mb-3", children }),
+      h3: ({ children }) => /* @__PURE__ */ jsx192("h3", { className: "font-sans text-[15px] font-semibold mt-4 mb-2", children }),
+      // Blockquotes
+      blockquote: ({ children }) => /* @__PURE__ */ jsx192("blockquote", { className: "border-l-2 border-muted-foreground/30 pl-3 my-2 text-muted-foreground italic", children }),
+      // Horizontal rules
+      hr: () => /* @__PURE__ */ jsx192("hr", { className: "my-4 border-border" }),
+      // Strong/emphasis
+      strong: ({ children }) => /* @__PURE__ */ jsx192("strong", { className: "font-semibold", children }),
+      em: ({ children }) => /* @__PURE__ */ jsx192("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__ */ jsx192(MarkdownDiffBlock2, { code, className: "my-2" }), props.node?.position);
+        }
+        if (match?.[1] === "json") {
+          return wrapBlock("code", code, /* @__PURE__ */ jsx192(MarkdownJsonBlock2, { code, className: "my-2" }), props.node?.position);
+        }
+        if (match?.[1] === "datatable") {
+          return wrapBlock("datatable", code, /* @__PURE__ */ jsx192(MarkdownDatatableBlock2, { code, className: "my-2" }), props.node?.position);
+        }
+        if (match?.[1] === "spreadsheet") {
+          return wrapBlock("spreadsheet", code, /* @__PURE__ */ jsx192(MarkdownSpreadsheetBlock2, { code, className: "my-2" }), props.node?.position);
+        }
+        if (match?.[1] === "html-preview") {
+          return wrapBlock("html-preview", code, /* @__PURE__ */ jsx192(MarkdownHtmlBlock2, { code, className: "my-2" }), props.node?.position);
+        }
+        if (match?.[1] === "pdf-preview") {
+          return wrapBlock("pdf-preview", code, /* @__PURE__ */ jsx192(MarkdownPdfBlock2, { code, className: "my-2" }), props.node?.position);
+        }
+        if (match?.[1] === "image-preview") {
+          return wrapBlock("image-preview", code, /* @__PURE__ */ jsx192(MarkdownImageBlock2, { code, className: "my-2" }), props.node?.position);
+        }
+        if (match?.[1] === "latex" || match?.[1] === "math") {
+          return wrapBlock("latex", code, /* @__PURE__ */ jsx192(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__ */ jsx192(MarkdownMermaidBlock2, { code, className: "my-2", showExpandButton: !isFirstBlock }),
+            props.node?.position
+          );
+        }
+        return wrapBlock("code", code, /* @__PURE__ */ jsx192(CodeBlock2, { code, language: match?.[1], mode: "full", className: "my-2" }), props.node?.position);
+      }
+      return /* @__PURE__ */ jsx192(InlineCode2, { children });
+    },
+    pre: ({ children }) => /* @__PURE__ */ jsx192(Fragment42, { children }),
+    // Rich paragraph spacing
+    p: ({ children }) => /* @__PURE__ */ jsx192("p", { className: "my-3 leading-relaxed", children }),
+    // Styled lists - ul uses tighter spacing, ol uses standard for number alignment
+    ul: ({ children, className }) => /* @__PURE__ */ jsx192(
+      "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__ */ jsx192("ol", { className: cn2("my-3 space-y-1.5 pl-6 list-decimal", className), children }),
+    li: ({ children, className }) => /* @__PURE__ */ jsx192("li", { className: cn2("leading-relaxed", className?.includes("task-list-item") && "list-none"), children }),
+    // Beautiful tables
+    table: ({ children }) => /* @__PURE__ */ jsx192("div", { className: "my-4 overflow-x-auto rounded-md border", children: /* @__PURE__ */ jsx192("table", { className: "min-w-full divide-y divide-border", children }) }),
+    thead: ({ children }) => /* @__PURE__ */ jsx192("thead", { className: "bg-muted/50", children }),
+    tbody: ({ children }) => /* @__PURE__ */ jsx192("tbody", { className: "divide-y divide-border", children }),
+    th: ({ children }) => /* @__PURE__ */ jsx192("th", { className: "text-left py-3 px-4 font-semibold text-sm", children }),
+    td: ({ children }) => /* @__PURE__ */ jsx192("td", { className: "py-3 px-4 text-sm", children }),
+    tr: ({ children }) => /* @__PURE__ */ jsx192("tr", { className: "hover:bg-muted/30 transition-colors", children }),
+    // Rich headings - H1/H2 same size, differentiated by weight
+    h1: ({ children }) => /* @__PURE__ */ jsx192("h1", { className: "font-sans text-[16px] font-bold mt-7 mb-4", children }),
+    h2: ({ children }) => /* @__PURE__ */ jsx192("h2", { className: "font-sans text-[16px] font-semibold mt-6 mb-3", children }),
+    h3: ({ children }) => /* @__PURE__ */ jsx192("h3", { className: "font-sans text-[15px] font-semibold mt-5 mb-3", children }),
+    h4: ({ children }) => /* @__PURE__ */ jsx192("h4", { className: "text-[14px] font-semibold mt-3 mb-1", children }),
+    // Styled blockquotes
+    blockquote: ({ children }) => /* @__PURE__ */ jsx192("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__ */ jsx192(
+          "input",
+          {
+            type: "checkbox",
+            checked,
+            readOnly: true,
+            className: "mr-2 rounded border-muted-foreground"
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx192("input", { type });
+    },
+    // Horizontal rules
+    hr: () => /* @__PURE__ */ jsx192("hr", { className: "my-6 border-border" }),
+    // Strong/emphasis
+    strong: ({ children }) => /* @__PURE__ */ jsx192("strong", { className: "font-semibold", children }),
+    em: ({ children }) => /* @__PURE__ */ jsx192("em", { className: "italic", children }),
+    del: ({ children }) => /* @__PURE__ */ jsx192("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__ */ jsx192(Fragment42, { 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 = [
+        remarkMath2,
+        MARKDOWN_MATH_OPTIONS2
+      ];
+      return collapsible ? [remarkGfm2, mathPlugin, remarkCollapsibleSections_default2] : [remarkGfm2, mathPlugin];
+    },
+    [collapsible]
+  );
+  return /* @__PURE__ */ jsx192("div", { className: cn2("markdown-content", className), children: /* @__PURE__ */ jsx192(
+    ReactMarkdown2,
+    {
+      remarkPlugins,
+      rehypePlugins: [rehypeKatex2, rehypeRaw2],
+      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__ */ jsxs82("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__ */ jsx202(
+        "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__ */ jsx202(
+        "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__ */ jsxs82(Tooltip2, { children: [
+          /* @__PURE__ */ jsx202(TooltipTrigger2, { asChild: true, children: chipButton }),
+          /* @__PURE__ */ jsx202(TooltipContent2, { side: "top", className: "max-w-[280px] whitespace-pre-wrap text-xs", children: tooltipText })
+        ] }, `chip-${chip.id}`);
+      }
+      return /* @__PURE__ */ jsx202(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 } = useTranslation22();
+  const effectiveAcceptLabel = acceptLabel ?? t22("plan.acceptPlan");
+  const effectiveAcceptOptionLabel = acceptOptionLabel ?? t22("plan.accept");
+  const [isOpen, setIsOpen] = useState52(false);
+  const [position, setPosition] = useState52(null);
+  const triggerRef = useRef32(null);
+  const menuRef = useRef32(null);
+  const updatePosition = useCallback42(() => {
+    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 = useCallback42((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 = useCallback42(() => {
+    setIsOpen(false);
+  }, []);
+  const handleSelectAccept = useCallback42((e) => {
+    e.stopPropagation();
+    handleClose();
+    onAccept();
+  }, [handleClose, onAccept]);
+  const handleSelectCompact = useCallback42((e) => {
+    e.stopPropagation();
+    handleClose();
+    onAcceptWithCompact();
+  }, [handleClose, onAcceptWithCompact]);
+  useEffect23(() => {
+    if (isOpen) {
+      updatePosition();
+    }
+  }, [isOpen, updatePosition]);
+  useEffect23(() => {
+    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__ */ jsxs92(Fragment62, { children: [
+    /* @__PURE__ */ jsx212(
+      "div",
+      {
+        ref: triggerRef,
+        onClick: handleToggle,
+        className: "inline-flex",
+        children: /* @__PURE__ */ jsxs92(
+          "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__ */ jsx212("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 25 24", fill: "currentColor", children: /* @__PURE__ */ jsx212("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__ */ jsx212("span", { children: effectiveAcceptLabel }),
+              /* @__PURE__ */ jsx212(ChevronDown2, { className: cn2(
+                "h-3 w-3 transition-transform duration-150",
+                isOpen && "rotate-180"
+              ) })
+            ]
+          }
+        )
+      }
+    ),
+    isOpen && position && ReactDOM2.createPortal(
+      /* @__PURE__ */ jsxs92(
+        "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__ */ jsxs92(
+              "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__ */ jsx212("span", { className: "text-[13px] font-medium", children: effectiveAcceptOptionLabel }),
+                  /* @__PURE__ */ jsx212("span", { className: "text-xs text-muted-foreground", children: t22("plan.executeImmediately") })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs92(
+              "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__ */ jsx212("span", { className: "text-[13px] font-medium", children: t22("plan.acceptAndCompact") }),
+                  /* @__PURE__ */ jsx212("span", { className: "text-xs text-muted-foreground", children: t22("plan.worksForComplex") })
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function DropdownMenu2({ children }) {
+  return /* @__PURE__ */ jsx222(Fragment72, { children });
+}
+function DropdownMenuTrigger2({ children }) {
+  return /* @__PURE__ */ jsx222(Fragment72, { children });
+}
+function StyledDropdownMenuContent2({
+  children,
+  align = "end",
+  minWidth,
+  sideOffset,
+  className
+}) {
+  return /* @__PURE__ */ jsx222("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__ */ jsx222(
+    "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 } = useTranslation32();
+  const handleBranchClick = () => {
+    onBranch({ newPanel: true });
+  };
+  return /* @__PURE__ */ jsxs102(DropdownMenu2, { children: [
+    /* @__PURE__ */ jsx232(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx232(
+      "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__ */ jsx232(GitBranch2, { className: SIZE_CONFIG2.iconSize })
+      }
+    ) }),
+    /* @__PURE__ */ jsx232(StyledDropdownMenuContent2, { align: "end", minWidth: "min-w-64", sideOffset: 6, children: /* @__PURE__ */ jsx232(StyledDropdownMenuItem2, { onClick: handleBranchClick, className: "items-start py-2", children: /* @__PURE__ */ jsxs102("div", { className: "flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ jsx232("span", { className: "text-[13px] leading-tight", children: t22("chat.branchFromThisMessage") }),
+      /* @__PURE__ */ jsx232("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 } = useTranslation32();
+  const [displayedText, setDisplayedText] = useState62(text);
+  const lastUpdateRef = useRef42(Date.now());
+  const [copied, setCopied] = useState62(false);
+  const [isFullscreen, setIsFullscreen] = useState62(false);
+  const [isDarkMode, setIsDarkMode] = useState62(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] = useState62(0);
+  const [selectionMenuTransitionConfig, setSelectionMenuTransitionConfig] = useState62(
+    buildAnnotationChipEntryTransition2()
+  );
+  const [annotationOverlay, setAnnotationOverlay] = useState62({ rects: [], chips: [] });
+  const contentRef = useRef42(null);
+  const contentLayerRef = useRef42(null);
+  const lastPointerRef = useRef42(null);
+  const dragStartPointerRef = useRef42(null);
+  const selectionStartedInContentRef = useRef42(false);
+  const canAnnotate = canAnnotateMessage2({
+    hasAddAnnotationHandler: !!onAddAnnotation,
+    hasMessageId: !!messageId,
+    isStreaming
+  });
+  const allowAnnotationIsland = annotationInteractionMode === "interactive";
+  useEffect32(() => {
+    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 = useCallback52(() => {
+    closeAll();
+  }, [closeAll]);
+  const isTargetInsideAnnotationIsland = useCallback52((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 = useCallback52(() => {
+    setSelectionMenuShowNonce((prev) => prev + 1);
+  }, []);
+  const activeMenuAnchor = useMemo42(() => {
+    return getAnnotationInteractionAnchor2(interactionState);
+  }, [interactionState]);
+  const selectionMenuSourceKey = useMemo42(() => {
+    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 = useCallback52(async () => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (err) {
+      console.error("Failed to copy:", err);
+    }
+  }, [text]);
+  const renderedAnnotations = useMemo42(() => {
+    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 = useMemo42(() => {
+    if (!activeAnnotationDetail) return null;
+    return (annotations ?? []).find((annotation) => annotation.id === activeAnnotationDetail.annotationId) ?? null;
+  }, [annotations, activeAnnotationDetail]);
+  useEffect32(() => {
+    if (!activeAnnotationDetail) return;
+    if (!activeAnnotation) {
+      closeSelectionMenu();
+    }
+  }, [activeAnnotationDetail, activeAnnotation, closeSelectionMenu]);
+  useEffect32(() => {
+    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]);
+  useEffect32(() => {
+    if (!canAnnotate) {
+      closeSelectionMenu();
+    }
+  }, [canAnnotate, closeSelectionMenu]);
+  useEffect32(() => {
+    closeSelectionMenu();
+    resetPresentation();
+    dragStartPointerRef.current = null;
+    lastPointerRef.current = null;
+  }, [sessionId, closeSelectionMenu, resetPresentation]);
+  useEffect32(() => {
+    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 = useCallback52(() => {
+    if (!pendingSelection) return;
+    clearDomSelection2();
+    openFollowUpFromSelection();
+  }, [pendingSelection, openFollowUpFromSelection]);
+  const handleRequestFollowUpEdit = useCallback52(() => {
+    requestEdit();
+  }, [requestEdit]);
+  const saveFollowUp = useCallback52(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 = useCallback52((note) => {
+    void saveFollowUp(note);
+  }, [saveFollowUp]);
+  const handleSubmitAndSendFollowUp = useCallback52((note) => {
+    void saveFollowUp(note).then((savedFollowUp) => {
+      if (!savedFollowUp) return;
+      onSaveAndSendFollowUp?.(savedFollowUp);
+    });
+  }, [saveFollowUp, onSaveAndSendFollowUp]);
+  const handleCancelFollowUp = useAnnotationCancelRestore2({
+    contentRootRef: contentLayerRef,
+    cancelFollowUp
+  });
+  const handleOpenAnnotationDetail = useCallback52((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]);
+  useEffect32(() => {
+    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 = useCallback52(() => {
+    if (!onRemoveAnnotation || !messageId || !activeAnnotationDetail) return;
+    onRemoveAnnotation(messageId, activeAnnotationDetail.annotationId);
+    markDeleteSuccess();
+  }, [onRemoveAnnotation, messageId, activeAnnotationDetail, markDeleteSuccess]);
+  const handleSelectionPointerDown = useCallback52((event) => {
+    selectionStartedInContentRef.current = true;
+    const snapshot = {
+      x: event.clientX,
+      y: event.clientY,
+      timestamp: Date.now()
+    };
+    dragStartPointerRef.current = snapshot;
+    lastPointerRef.current = snapshot;
+  }, []);
+  const showSelectionMenuFromCurrentSelection = useCallback52(() => {
+    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 = useCallback52((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]);
+  useEffect32(() => {
+    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 = useCallback52(() => {
+    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__ */ jsx232(
+    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__ */ jsx232(
+    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);
+      }
+    }
+  );
+  useEffect32(() => {
+    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 = useMemo42(() => {
+    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__ */ jsxs102(Fragment82, { children: [
+      /* @__PURE__ */ jsxs102("div", { className: "bg-background shadow-minimal rounded-[8px] overflow-hidden relative group", children: [
+        !compactMode && /* @__PURE__ */ jsx232(
+          "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__ */ jsx232(Maximize22, { className: "w-3.5 h-3.5" })
+          }
+        ),
+        isPlan && /* @__PURE__ */ jsxs102(
+          "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__ */ jsx232(ListTodo2, { className: cn2(SIZE_CONFIG2.iconSize, "text-success") }),
+              /* @__PURE__ */ jsx232("span", { className: "font-medium text-success", children: "Plan" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx232(
+          "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__ */ jsxs102("div", { ref: contentLayerRef, className: "relative", children: [
+              /* @__PURE__ */ jsx232(
+                Markdown2,
+                {
+                  mode: "minimal",
+                  onUrlClick: onOpenUrl,
+                  onFileClick: onOpenFile,
+                  children: text
+                }
+              ),
+              annotationOverlayLayer
+            ] })
+          }
+        ),
+        !compactMode && /* @__PURE__ */ jsxs102("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__ */ jsxs102("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx232(
+              "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__ */ jsxs102(Fragment82, { children: [
+                  /* @__PURE__ */ jsx232(Check2, { className: SIZE_CONFIG2.iconSize }),
+                  /* @__PURE__ */ jsx232("span", { children: t22("common.copied") })
+                ] }) : /* @__PURE__ */ jsxs102(Fragment82, { children: [
+                  /* @__PURE__ */ jsx232(Copy2, { className: SIZE_CONFIG2.iconSize }),
+                  /* @__PURE__ */ jsx232("span", { children: t22("common.copy") })
+                ] })
+              }
+            ),
+            onPopOut && /* @__PURE__ */ jsxs102(
+              "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__ */ jsx232(FileText2, { className: SIZE_CONFIG2.iconSize }),
+                  /* @__PURE__ */ jsx232("span", { children: "Markdown" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs102("div", { className: "flex items-center gap-3", children: [
+            isPlan && showAcceptPlan && onAccept && onAcceptWithCompact && /* @__PURE__ */ jsx232(
+              "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__ */ jsx232(
+                  AcceptPlanDropdown2,
+                  {
+                    onAccept,
+                    onAcceptWithCompact,
+                    acceptLabel: hasActiveFollowUpAnnotations ? t22("plan.acceptAndSendFollowups") : t22("plan.acceptPlan"),
+                    acceptOptionLabel: hasActiveFollowUpAnnotations ? t22("plan.acceptAndSendFollowups") : t22("plan.accept")
+                  }
+                )
+              }
+            ),
+            onBranch && /* @__PURE__ */ jsx232(BranchDropdown2, { onBranch })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx232(
+        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__ */ jsxs102(Fragment82, { children: [
+    /* @__PURE__ */ jsxs102("div", { className: "bg-background shadow-minimal rounded-[8px] overflow-hidden group", children: [
+      /* @__PURE__ */ jsx232(
+        "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__ */ jsxs102("div", { ref: contentLayerRef, className: "relative", children: [
+            /* @__PURE__ */ jsx232(
+              Markdown2,
+              {
+                mode: "minimal",
+                onUrlClick: onOpenUrl,
+                onFileClick: onOpenFile,
+                children: displayedText
+              }
+            ),
+            annotationOverlayLayer
+          ] })
+        }
+      ),
+      !compactMode && /* @__PURE__ */ jsx232("div", { className: cn2("px-4 py-2 border-t border-border/30 flex items-center bg-muted/20", SIZE_CONFIG2.fontSize), children: /* @__PURE__ */ jsxs102("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx232(Spinner2, { className: SIZE_CONFIG2.spinnerSize }),
+        /* @__PURE__ */ jsx232("span", { children: "Streaming..." })
+      ] }) })
+    ] }),
+    selectionMenu
+  ] });
+}
+function TodoStatusIcon2({ status }) {
+  switch (status) {
+    case "pending":
+      return /* @__PURE__ */ jsx242(Circle22, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 text-muted-foreground/50") });
+    case "in_progress":
+      return /* @__PURE__ */ jsx242("div", { className: cn2(SIZE_CONFIG2.iconSize, "flex items-center justify-center shrink-0"), children: /* @__PURE__ */ jsx242(Spinner2, { className: SIZE_CONFIG2.spinnerSize }) });
+    case "completed":
+      return /* @__PURE__ */ jsx242(CircleCheck2, { className: cn2(SIZE_CONFIG2.iconSize, "shrink-0 text-accent") });
+    case "interrupted":
+      return /* @__PURE__ */ jsx242(Ban2, { 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__ */ jsxs112("div", { className: cn2(
+    "flex items-center gap-2 py-0.5 text-muted-foreground",
+    SIZE_CONFIG2.fontSize,
+    todo.status === "completed" && "opacity-50"
+  ), children: [
+    /* @__PURE__ */ jsx242(TodoStatusIcon2, { status: todo.status }),
+    /* @__PURE__ */ jsx242("span", { className: cn2(
+      "truncate flex-1",
+      todo.status === "completed" && "line-through"
+    ), children: displayText })
+  ] });
+}
+function TodoList2({ todos }) {
+  if (todos.length === 0) return null;
+  return /* @__PURE__ */ jsxs112("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__ */ jsx242("div", { className: cn2("text-muted-foreground pb-1", SIZE_CONFIG2.fontSize), children: "Todo List" }),
+    todos.map((todo, index) => /* @__PURE__ */ jsx242(
+      motion32.div,
+      {
+        initial: { opacity: 0, x: -8 },
+        animate: { opacity: 1, x: 0 },
+        transition: { delay: index * 0.03 },
+        children: /* @__PURE__ */ jsx242(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 = useMemo52(() => {
+    const turnData = {
+      isComplete,
+      response,
+      activities
+    };
+    return deriveTurnPhase2(turnData);
+  }, [isComplete, response, activities]);
+  const [localExpandedTurns, setLocalExpandedTurns] = useState72(() => defaultExpanded ? /* @__PURE__ */ new Set([turnId]) : /* @__PURE__ */ new Set());
+  const isExpanded = externalIsExpanded ?? localExpandedTurns.has(turnId);
+  const hasUserToggled = useRef52(false);
+  const activitiesContainerRef = useRef52(null);
+  const hasMounted = useRef52(false);
+  useEffect42(() => {
+    hasMounted.current = true;
+  }, []);
+  const toggleExpanded = useCallback62(() => {
+    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]);
+  useEffect42(() => {
+    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] = useState72(/* @__PURE__ */ new Set());
+  const expandedActivityGroups = externalExpandedActivityGroups ?? localExpandedActivityGroups;
+  const handleExpandedActivityGroupsChange = onExpandedActivityGroupsChange ?? setLocalExpandedActivityGroups;
+  const isBuffering = useMemo52(
+    () => isResponseBuffering2(response),
+    [response]
+  );
+  const previewText = useMemo52(
+    () => getPreviewText2(activities, intent, isStreaming, !!response, isComplete),
+    [activities, intent, isStreaming, response, isComplete, i18n22.language]
+  );
+  const allSortedActivities = useMemo52(
+    () => [...activities].sort((a, b) => a.timestamp - b.timestamp),
+    [activities]
+  );
+  const planActivities = useMemo52(
+    () => allSortedActivities.filter((a) => a.type === "plan"),
+    [allSortedActivities]
+  );
+  const sortedActivities = useMemo52(
+    () => allSortedActivities.filter((a) => a.type !== "plan"),
+    [allSortedActivities]
+  );
+  const hasTaskSubagents = useMemo52(
+    () => sortedActivities.some((a) => a.toolName === "Task"),
+    [sortedActivities]
+  );
+  const groupedActivities = useMemo52(
+    () => hasTaskSubagents ? groupActivitiesByParent2(sortedActivities) : null,
+    [sortedActivities, hasTaskSubagents]
+  );
+  const lastChildSet = useMemo52(
+    () => !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__ */ jsxs122("div", { className: "space-y-1", children: [
+    hasActivities && /* @__PURE__ */ jsxs122("div", { className: "group select-none", "data-search-exclude": "true", children: [
+      /* @__PURE__ */ jsxs122(
+        "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__ */ jsx252(
+              motion42.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__ */ jsx252(ChevronRight32, { className: SIZE_CONFIG2.iconSize })
+              }
+            ),
+            /* @__PURE__ */ jsx252("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__ */ jsx252("span", { className: "relative flex-1 min-w-0 h-5 flex items-center", children: /* @__PURE__ */ jsx252(AnimatePresence32, { initial: false, children: /* @__PURE__ */ jsx252(
+              motion42.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__ */ jsx252(
+              TurnCardActionsMenu2,
+              {
+                onOpenDetails,
+                onOpenMultiFileDiff,
+                hasEditOrWriteActivities
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx252(AnimatePresence32, { initial: false, children: isExpanded && /* @__PURE__ */ jsxs122(
+        motion42.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__ */ jsx252(
+              "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__ */ jsxs122(AnimatePresence32, { mode: "sync", children: [
+                  groupedActivities ? groupedActivities.map((item, index) => isActivityGroup2(item) ? /* @__PURE__ */ jsx252(
+                    ActivityGroupRow2,
+                    {
+                      group: item,
+                      expandedGroups: expandedActivityGroups,
+                      onExpandedGroupsChange: handleExpandedActivityGroupsChange,
+                      onOpenActivityDetails,
+                      animationIndex: index,
+                      sessionFolderPath,
+                      displayMode
+                    },
+                    item.parent.id
+                  ) : /* @__PURE__ */ jsx252(
+                    motion42.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__ */ jsx252(
+                        ActivityRow2,
+                        {
+                          activity: item,
+                          onOpenDetails: onOpenActivityDetails ? () => onOpenActivityDetails(item) : void 0,
+                          sessionFolderPath,
+                          displayMode
+                        }
+                      )
+                    },
+                    item.id
+                  )) : (
+                    /* Flat view for simple tool calls */
+                    sortedActivities.map((activity, index) => /* @__PURE__ */ jsx252(
+                      motion42.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__ */ jsx252(
+                          ActivityRow2,
+                          {
+                            activity,
+                            onOpenDetails: onOpenActivityDetails ? () => onOpenActivityDetails(activity) : void 0,
+                            isLastChild: lastChildSet.has(activity.id),
+                            sessionFolderPath,
+                            displayMode
+                          }
+                        )
+                      },
+                      activity.id
+                    ))
+                  ),
+                  isThinking && /* @__PURE__ */ jsxs122(
+                    motion42.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__ */ jsx252(Spinner2, { className: SIZE_CONFIG2.spinnerSize }),
+                        /* @__PURE__ */ jsx252("span", { children: isBuffering ? "Preparing response..." : "Thinking..." })
+                      ]
+                    },
+                    "thinking"
+                  )
+                ] })
+              }
+            ),
+            todos && todos.length > 0 && /* @__PURE__ */ jsx252(TodoList2, { todos })
+          ]
+        }
+      ) })
+    ] }),
+    !hasActivities && isThinking && /* @__PURE__ */ jsxs122("div", { className: cn2("flex items-center gap-2 px-3 py-1.5 text-muted-foreground", SIZE_CONFIG2.fontSize), children: [
+      /* @__PURE__ */ jsx252(Spinner2, { className: SIZE_CONFIG2.spinnerSize }),
+      /* @__PURE__ */ jsx252("span", { children: isBuffering ? "Preparing response..." : "Thinking..." })
+    ] }),
+    planActivities.map((planActivity, index) => /* @__PURE__ */ jsx252("div", { className: cn2("select-text", (hasActivities || index > 0) && "mt-2"), children: /* @__PURE__ */ jsx252(
+      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__ */ jsx252(AnimatePresence32, { children: response && !isBuffering && /* @__PURE__ */ jsx252(
+      motion42.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__ */ jsx252(
+          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__ */ jsx252("div", { className: cn2("select-text", hasActivities && "mt-2"), children: /* @__PURE__ */ jsx252(
+      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 = createContext32({});
+var initialRuntimeState = {
+  status: "idle",
+  acceptedMessages: [],
+  queuedMessages: []
+};
+function useAgentSession(options) {
+  const createRuntimeRef = useRef92(options.createRuntime);
+  createRuntimeRef.current = options.createRuntime;
+  const runtime = useMemo92(() => {
+    return createDeferredAgentRuntime({
+      provider: options.provider ?? "agent",
+      runtimeKind: options.runtimeKind ?? "app-server",
+      sessionId: options.sessionId,
+      createRuntime: () => createRuntimeRef.current()
+    });
+  }, [options.sessionId]);
+  useEffect102(() => {
+    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();
+    }
+  };
+}
 export {
   ActivityDetailsPanel,
   ActivityInspector,
@@ -7881,6 +11714,7 @@ export {
   toStoredSession,
   updateMessageAt,
   useAgentChatSession,
+  useAgentSession,
   useEventProcessor,
   useTimelineAgentChatSession
 };