@ottocode/web-sdk 0.1.293 → 0.1.294

package/dist/components/index.js

@@ -9967,6 +9967,7 @@ import { ArrowDown } from "lucide-react";
 import { useQueryClient as useQueryClient12 } from "@tanstack/react-query";
 
 // src/components/messages/AssistantMessageGroup.tsx
+import { AnimatePresence, motion as motion2 } from "motion/react";
 import { memo as memo13, useState as useState32, useCallback as useCallback18, useMemo as useMemo15 } from "react";
 import {
   Sparkles as Sparkles4,
@@ -15750,6 +15751,7 @@ var MessagePartItem = memo12(function MessagePartItem2({
   showLine,
   isLastToolCall,
   isLastProgressUpdate,
+  isStatusLineToolCall,
   onNavigateToSession,
   compact,
   pendingApproval,
@@ -15763,9 +15765,9 @@ var MessagePartItem = memo12(function MessagePartItem2({
   const isCompactThread = Boolean(compact || isCompactDensity);
   if (part.type === "tool_call") {
     const toolName = part.toolName || "";
-    if (toolName === "progress_update")
+    if (toolName === "progress_update" && !isStatusLineToolCall)
       return null;
-    if (!isLastToolCall && !pendingApproval)
+    if (!isStatusLineToolCall && !isLastToolCall && !pendingApproval)
       return null;
   }
   if (part.type === "tool_result" && part.toolName === "progress_update" && !isLastProgressUpdate) {
@@ -16166,7 +16168,7 @@ var MessagePartItem = memo12(function MessagePartItem2({
     ]
   });
 }, (prevProps, nextProps) => {
-  return prevProps.part.id === nextProps.part.id && prevProps.part.content === nextProps.part.content && prevProps.part.ephemeral === nextProps.part.ephemeral && prevProps.part.completedAt === nextProps.part.completedAt && prevProps.showLine === nextProps.showLine && prevProps.isLastToolCall === nextProps.isLastToolCall && prevProps.isLastProgressUpdate === nextProps.isLastProgressUpdate && prevProps.compact === nextProps.compact && prevProps.onNavigateToSession === nextProps.onNavigateToSession && prevProps.pendingApproval?.callId === nextProps.pendingApproval?.callId && prevProps.onApprove === nextProps.onApprove && prevProps.onReject === nextProps.onReject;
+  return prevProps.part.id === nextProps.part.id && prevProps.part.content === nextProps.part.content && prevProps.part.ephemeral === nextProps.part.ephemeral && prevProps.part.completedAt === nextProps.part.completedAt && prevProps.showLine === nextProps.showLine && prevProps.isLastToolCall === nextProps.isLastToolCall && prevProps.isLastProgressUpdate === nextProps.isLastProgressUpdate && prevProps.isStatusLineToolCall === nextProps.isStatusLineToolCall && prevProps.compact === nextProps.compact && prevProps.onNavigateToSession === nextProps.onNavigateToSession && prevProps.pendingApproval?.callId === nextProps.pendingApproval?.callId && prevProps.onApprove === nextProps.onApprove && prevProps.onReject === nextProps.onReject;
 });
 
 // src/components/messages/CompactActivityGroup.tsx
@@ -17525,6 +17527,14 @@ function getLoadingMessage(messageId) {
   const hash = messageId.split("").reduce((acc, char) => acc + char.charCodeAt(0), 0);
   return loadingMessages[hash % loadingMessages.length];
 }
+var STATUS_LINE_TOOL_NAMES = new Set([
+  "progress_update",
+  "update_status",
+  "update_todos"
+]);
+function isStatusLineTool(toolName) {
+  return STATUS_LINE_TOOL_NAMES.has(toolName || "");
+}
 var AssistantMessageGroup = memo13(function AssistantMessageGroup2({
   sessionId,
   message,
@@ -17594,6 +17604,9 @@ var AssistantMessageGroup = memo13(function AssistantMessageGroup2({
   const hasFinish = parts.some((part) => part.toolName === "finish");
   const latestProgressUpdateIndex = parts.reduce((lastIndex, part, index) => part.type === "tool_result" && part.toolName === "progress_update" ? index : lastIndex, -1);
   const latestProgressUpdatePart = latestProgressUpdateIndex >= 0 ? parts[latestProgressUpdateIndex] : null;
+  const completedToolCallIds = new Set(parts.filter((part) => part.type === "tool_result" && part.toolCallId).map((part) => part.toolCallId).filter((callId) => Boolean(callId)));
+  const latestStatusLineToolCallIndex = parts.reduce((lastIndex, part, index) => part.type === "tool_call" && isStatusLineTool(part.toolName) && (!part.toolCallId || !completedToolCallIds.has(part.toolCallId)) ? index : lastIndex, -1);
+  const latestStatusLineToolCallPart = latestStatusLineToolCallIndex >= 0 ? parts[latestStatusLineToolCallIndex] : null;
   const liveActionToolCallIds = new Set(parts.filter((part) => part.ephemeral && [
     "shell",
     "bash",
@@ -17656,6 +17669,10 @@ var AssistantMessageGroup = memo13(function AssistantMessageGroup2({
         }
         continue;
       }
+      if (isStatusLineTool(part.toolName)) {
+        flushCompactBuffer();
+        continue;
+      }
       if (compact && isCompactActivityPart(part)) {
         if (compactBuffer.length === 0) {
           bufferStartIndex = index;
@@ -17670,9 +17687,10 @@ var AssistantMessageGroup = memo13(function AssistantMessageGroup2({
     return items;
   }, [parts, compact]);
   const hasVisibleNonProgressParts = renderItems.length > 0;
-  const firstVisiblePartIndex = parts.findIndex((part) => !(part.type === "tool_result" && part.toolName === "progress_update"));
-  const shouldShowProgressUpdate = message.status === "pending" && !hasFinish && Boolean(latestProgressUpdatePart);
-  const shouldShowLoadingFallback = message.status === "pending" && !hasFinish && !latestProgressUpdatePart && !isQueued;
+  const firstVisiblePartIndex = parts.findIndex((part) => !isStatusLineTool(part.toolName));
+  const shouldShowStatusLineToolCall = message.status === "pending" && !hasFinish && Boolean(latestStatusLineToolCallPart);
+  const shouldShowProgressUpdate = message.status === "pending" && !hasFinish && !latestStatusLineToolCallPart && Boolean(latestProgressUpdatePart);
+  const shouldShowLoadingFallback = message.status === "pending" && !hasFinish && !latestStatusLineToolCallPart && !latestProgressUpdatePart && !isQueued;
   const shouldShowErrorFallback = message.status === "error" && !hasVisibleNonProgressParts && message.error;
   const formatTime = (ts) => {
     if (!ts)
@@ -17701,6 +17719,12 @@ var AssistantMessageGroup = memo13(function AssistantMessageGroup2({
   const handleBranchClick = useCallback18(() => {
     setShowBranchModal(true);
   }, []);
+  const statusLineMotion = {
+    initial: { opacity: 0, y: 6, filter: "blur(2px)" },
+    animate: { opacity: 1, y: 0, filter: "blur(0px)" },
+    exit: { opacity: 0, y: -6, filter: "blur(2px)" },
+    transition: { duration: 0.16, ease: "easeOut" }
+  };
   if (isQueued) {
     return null;
   }
@@ -17786,7 +17810,7 @@ var AssistantMessageGroup = memo13(function AssistantMessageGroup2({
         className: "relative ml-1",
         children: [
           renderItems.map((item, renderIndex) => {
-            const hasFollowingContent = renderIndex < renderItems.length - 1 || hasNextAssistantMessage || shouldShowProgressUpdate || shouldShowLoadingFallback;
+            const hasFollowingContent = renderIndex < renderItems.length - 1 || hasNextAssistantMessage || shouldShowStatusLineToolCall || shouldShowProgressUpdate || shouldShowLoadingFallback;
             if (item.kind === "group") {
               return /* @__PURE__ */ jsx73(CompactActivityGroup, {
                 entries: item.entries,
@@ -17868,43 +17892,62 @@ var AssistantMessageGroup = memo13(function AssistantMessageGroup2({
               })
             ]
           }),
-          shouldShowProgressUpdate && latestProgressUpdatePart && /* @__PURE__ */ jsx73(MessagePartItem, {
-            part: latestProgressUpdatePart,
-            showLine: hasNextAssistantMessage,
-            isFirstPart: !hasVisibleNonProgressParts && !showHeader,
-            isLastProgressUpdate: true,
-            compact
-          }, latestProgressUpdatePart.id),
-          shouldShowErrorFallback && /* @__PURE__ */ jsx73("div", {
-            className: "ml-7 mb-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive",
-            children: message.error
-          }),
-          shouldShowLoadingFallback && /* @__PURE__ */ jsxs62("div", {
-            className: `flex ${isCompactThread ? "gap-1.5" : "gap-3"} pb-2 relative max-w-full overflow-hidden`,
-            children: [
-              /* @__PURE__ */ jsxs62("div", {
-                className: `flex-shrink-0 ${isCompactThread ? "w-4" : "w-6"} flex items-center justify-center relative`,
+          /* @__PURE__ */ jsx73(AnimatePresence, {
+            mode: "wait",
+            initial: false,
+            children: shouldShowStatusLineToolCall && latestStatusLineToolCallPart ? /* @__PURE__ */ jsx73(motion2.div, {
+              ...statusLineMotion,
+              children: /* @__PURE__ */ jsx73(MessagePartItem, {
+                part: latestStatusLineToolCallPart,
+                showLine: hasNextAssistantMessage,
+                isFirstPart: !hasVisibleNonProgressParts && !showHeader,
+                isLastToolCall: true,
+                isStatusLineToolCall: true,
+                compact
+              })
+            }, `status-tool-${latestStatusLineToolCallPart.id}`) : shouldShowProgressUpdate && latestProgressUpdatePart ? /* @__PURE__ */ jsx73(motion2.div, {
+              ...statusLineMotion,
+              children: /* @__PURE__ */ jsx73(MessagePartItem, {
+                part: latestProgressUpdatePart,
+                showLine: hasNextAssistantMessage,
+                isFirstPart: !hasVisibleNonProgressParts && !showHeader,
+                isLastProgressUpdate: true,
+                compact
+              })
+            }, `status-progress-${latestProgressUpdatePart.id}`) : shouldShowLoadingFallback ? /* @__PURE__ */ jsx73(motion2.div, {
+              ...statusLineMotion,
+              children: /* @__PURE__ */ jsxs62("div", {
+                className: `flex ${isCompactThread ? "gap-1.5" : "gap-3"} pb-2 relative max-w-full overflow-hidden`,
                 children: [
+                  /* @__PURE__ */ jsxs62("div", {
+                    className: `flex-shrink-0 ${isCompactThread ? "w-4" : "w-6"} flex items-center justify-center relative`,
+                    children: [
+                      /* @__PURE__ */ jsx73("div", {
+                        className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-full relative bg-card text-violet-700 dark:bg-background dark:text-violet-300",
+                        children: /* @__PURE__ */ jsx73(StableSpinner, {
+                          title: "Assistant is working"
+                        })
+                      }),
+                      hasNextAssistantMessage && /* @__PURE__ */ jsx73("div", {
+                        className: "absolute left-1/2 -translate-x-1/2 w-[2px] bg-border z-0",
+                        style: { top: "1.25rem", bottom: "-0.5rem" }
+                      })
+                    ]
+                  }),
                   /* @__PURE__ */ jsx73("div", {
-                    className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-full relative bg-card text-violet-700 dark:bg-background dark:text-violet-300",
-                    children: /* @__PURE__ */ jsx73(StableSpinner, {
-                      title: "Assistant is working"
+                    className: "flex-1 min-w-0",
+                    children: /* @__PURE__ */ jsx73("div", {
+                      className: "text-base leading-5 text-foreground animate-pulse",
+                      children: getLoadingMessage(message.id)
                     })
-                  }),
-                  hasNextAssistantMessage && /* @__PURE__ */ jsx73("div", {
-                    className: "absolute left-1/2 -translate-x-1/2 w-[2px] bg-border z-0",
-                    style: { top: "1.25rem", bottom: "-0.5rem" }
                   })
                 ]
-              }),
-              /* @__PURE__ */ jsx73("div", {
-                className: "flex-1 min-w-0",
-                children: /* @__PURE__ */ jsx73("div", {
-                  className: "text-base leading-5 text-foreground animate-pulse",
-                  children: getLoadingMessage(message.id)
-                })
               })
-            ]
+            }, `status-loading-${message.id}`) : null
+          }),
+          shouldShowErrorFallback && /* @__PURE__ */ jsx73("div", {
+            className: "ml-7 mb-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive",
+            children: message.error
           })
         ]
       }),
@@ -24022,7 +24065,7 @@ import {
   useRef as useRef27,
   useState as useState42
 } from "react";
-import { AnimatePresence, motion as motion2 } from "motion/react";
+import { AnimatePresence as AnimatePresence2, motion as motion3 } from "motion/react";
 import { Check as Check12, GitBranch as GitBranch9, Plus as Plus3, RefreshCw as RefreshCw6, Search as Search7 } from "lucide-react";
 
 // src/components/git/GitCreateBranchModal.tsx
@@ -24355,8 +24398,8 @@ function GitBranchSwitcher({
           })
         ]
       }),
-      /* @__PURE__ */ jsx94(AnimatePresence, {
-        children: isOpen && /* @__PURE__ */ jsxs81(motion2.div, {
+      /* @__PURE__ */ jsx94(AnimatePresence2, {
+        children: isOpen && /* @__PURE__ */ jsxs81(motion3.div, {
           ref: popoverRef,
           role: "dialog",
           "aria-label": "Switch branch",
@@ -24413,7 +24456,7 @@ function GitBranchSwitcher({
               }) : filteredRows.map((row, index) => {
                 const isActive = index === activeIndex;
                 const isCurrent = row.branch.current;
-                return /* @__PURE__ */ jsxs81(motion2.button, {
+                return /* @__PURE__ */ jsxs81(motion3.button, {
                   type: "button",
                   ref: (el) => {
                     if (el)
@@ -27548,7 +27591,7 @@ var ResearchSidebarToggle = memo35(function ResearchSidebarToggle2({
 // src/components/settings/SettingsSidebar.tsx
 import { memo as memo37, useState as useState50, useMemo as useMemo29, useCallback as useCallback35, useEffect as useEffect51, useRef as useRef33 } from "react";
 import { createPortal } from "react-dom";
-import { AnimatePresence as AnimatePresence2, motion as motion3 } from "motion/react";
+import { AnimatePresence as AnimatePresence3, motion as motion4 } from "motion/react";
 import {
   Settings as Settings2,
   ChevronRight as ChevronRight15,
@@ -28860,7 +28903,7 @@ function PreferencesModal({ isOpen, onClose }) {
               onClick: () => setActiveTab(tab.id),
               className: `relative flex w-full items-center gap-3 px-4 py-2.5 text-left transition-colors ${isActive ? "bg-background text-foreground" : "text-muted-foreground hover:bg-muted/60 hover:text-foreground"}`,
               children: [
-                isActive ? /* @__PURE__ */ jsx110(motion3.span, {
+                isActive ? /* @__PURE__ */ jsx110(motion4.span, {
                   layoutId: "preferences-tab-indicator",
                   className: "absolute inset-y-1 left-0 w-0.5 rounded-full bg-primary",
                   transition: { duration: 0.2, ease: "easeOut" }
@@ -28895,9 +28938,9 @@ function PreferencesModal({ isOpen, onClose }) {
             }),
             /* @__PURE__ */ jsx110("div", {
               className: "min-h-0 flex-1 overflow-y-auto px-6 py-3",
-              children: /* @__PURE__ */ jsx110(AnimatePresence2, {
+              children: /* @__PURE__ */ jsx110(AnimatePresence3, {
                 mode: "wait",
-                children: /* @__PURE__ */ jsx110(motion3.div, {
+                children: /* @__PURE__ */ jsx110(motion4.div, {
                   initial: { opacity: 0, y: 6 },
                   animate: { opacity: 1, y: 0 },
                   exit: { opacity: 0, y: -6 },
@@ -37763,4 +37806,4 @@ export {
   AssistantMessageGroup
 };
 
-//# debugId=79678856C4383C4364756E2164756E21
+//# debugId=CCE99FF69013389F64756E2164756E21