fix: improve tool call display truncation and update fetch dependency

sestinj · sestinj · commit 9a270d83443b · 2025-10-23T10:52:30.000-07:00
diff --git a/core/package-lock.json b/core/package-lock.json
diff --git a/extensions/cli/src/tools/ToolCallTitle.tsx b/extensions/cli/src/tools/ToolCallTitle.tsx
@@ -43,7 +43,7 @@ export function ToolCallTitle(props: { toolName: string; args?: any }) {
   }
 
   return (
-    <Text>
+    <Text wrap="truncate">
       <Text bold>{displayName}</Text>({formattedValue})
     </Text>
   );
diff --git a/extensions/cli/src/ui/components/MemoizedMessage.tsx b/extensions/cli/src/ui/components/MemoizedMessage.tsx
@@ -116,24 +116,28 @@ export const MemoizedMessage = memo<MemoizedMessageProps>(
                 flexDirection="column"
                 marginBottom={1}
               >
-                <Box>
-                  <Text
-                    color={
-                      isErrored
-                        ? "red"
-                        : isCompleted
-                          ? "green"
-                          : toolState.status === "generated"
-                            ? "yellow"
-                            : "white"
-                    }
-                  >
-                    {isCompleted || isErrored ? "●" : "○"}
-                  </Text>
-                  <Text color="white">
-                    {" "}
-                    <ToolCallTitle toolName={toolName} args={toolArgs} />
-                  </Text>
+                <Box width="100%">
+                  <Box flexShrink={0}>
+                    <Text
+                      color={
+                        isErrored
+                          ? "red"
+                          : isCompleted
+                            ? "green"
+                            : toolState.status === "generated"
+                              ? "yellow"
+                              : "white"
+                      }
+                    >
+                      {isCompleted || isErrored ? "●" : "○"}
+                    </Text>
+                  </Box>
+                  <Box flexGrow={1} flexShrink={1} minWidth={0}>
+                    <Text color="white">
+                      {" "}
+                      <ToolCallTitle toolName={toolName} args={toolArgs} />
+                    </Text>
+                  </Box>
                 </Box>
 
                 {isErrored ? (

Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@ export function ToolCallTitle(props: { toolName: string; args?: any }) {`
`43`	`43`	`}`
`44`	`44`
`45`	`45`	`return (`
`46`		`- <Text>`
	`46`	`+ <Text wrap="truncate">`
`47`	`47`	`<Text bold>{displayName}</Text>({formattedValue})`
`48`	`48`	`</Text>`
`49`	`49`	`);`