From cfc697a96d2e716a75e1c3b7f0f34fce81abaf1e Mon Sep 17 00:00:00 2001
From: Taylor Mullen <ntaylormullen@google.com>
Date: Thu, 17 Apr 2025 18:06:21 -0400
Subject: Run `npm run format`

- Also updated README.md accordingly.

Part of https://b.corp.google.com/issues/411384603
---
 .../cli/src/ui/components/messages/ToolMessage.tsx | 91 +++++++++++++---------
 1 file changed, 56 insertions(+), 35 deletions(-)

(limited to 'packages/cli/src/ui/components/messages/ToolMessage.tsx')

diff --git a/packages/cli/src/ui/components/messages/ToolMessage.tsx b/packages/cli/src/ui/components/messages/ToolMessage.tsx
index f8db54c4..cd18dae2 100644
--- a/packages/cli/src/ui/components/messages/ToolMessage.tsx
+++ b/packages/cli/src/ui/components/messages/ToolMessage.tsx
@@ -7,47 +7,68 @@ import DiffRenderer from './DiffRenderer.js';
 import { MarkdownRenderer } from '../../utils/MarkdownRenderer.js';
 
 interface ToolMessageProps {
-    name: string;
-    description: string;
-    resultDisplay: ToolResultDisplay | undefined;
-    status: ToolCallStatus;
+  name: string;
+  description: string;
+  resultDisplay: ToolResultDisplay | undefined;
+  status: ToolCallStatus;
 }
 
-const ToolMessage: React.FC<ToolMessageProps> = ({ name, description, resultDisplay, status }) => {
-    const statusIndicatorWidth = 3;
-    const hasResult = (status === ToolCallStatus.Invoked || status === ToolCallStatus.Canceled) && resultDisplay && resultDisplay.toString().trim().length > 0;
+const ToolMessage: React.FC<ToolMessageProps> = ({
+  name,
+  description,
+  resultDisplay,
+  status,
+}) => {
+  const statusIndicatorWidth = 3;
+  const hasResult =
+    (status === ToolCallStatus.Invoked || status === ToolCallStatus.Canceled) &&
+    resultDisplay &&
+    resultDisplay.toString().trim().length > 0;
 
-    return (
-        <Box paddingX={1} paddingY={0} flexDirection="column">
-            {/* Row for Status Indicator and Tool Info */}
-            <Box minHeight={1}>
-                {/* Status Indicator */}
-                <Box minWidth={statusIndicatorWidth}>
-                    {status === ToolCallStatus.Pending && <Spinner type="dots" />}
-                    {status === ToolCallStatus.Invoked && <Text color="green">✔</Text>}
-                    {status === ToolCallStatus.Confirming && <Text color="blue">?</Text>}
-                    {status === ToolCallStatus.Canceled && <Text color="red" bold>-</Text>}
-
-                </Box>
-                <Box>
-                     <Text color="blue" wrap="truncate-end" strikethrough={status === ToolCallStatus.Canceled}>
-                        <Text bold>{name}</Text> <Text color="gray">{description}</Text>
-                    </Text>
-                </Box>
-            </Box>
+  return (
+    <Box paddingX={1} paddingY={0} flexDirection="column">
+      {/* Row for Status Indicator and Tool Info */}
+      <Box minHeight={1}>
+        {/* Status Indicator */}
+        <Box minWidth={statusIndicatorWidth}>
+          {status === ToolCallStatus.Pending && <Spinner type="dots" />}
+          {status === ToolCallStatus.Invoked && <Text color="green">✔</Text>}
+          {status === ToolCallStatus.Confirming && <Text color="blue">?</Text>}
+          {status === ToolCallStatus.Canceled && (
+            <Text color="red" bold>
+              -
+            </Text>
+          )}
+        </Box>
+        <Box>
+          <Text
+            color="blue"
+            wrap="truncate-end"
+            strikethrough={status === ToolCallStatus.Canceled}
+          >
+            <Text bold>{name}</Text> <Text color="gray">{description}</Text>
+          </Text>
+        </Box>
+      </Box>
 
-            {hasResult && (
-                <Box paddingLeft={statusIndicatorWidth}>
-                    <Box flexShrink={1} flexDirection="row">
-                        <Text color="gray">↳ </Text>
-                        {/* Use default text color (white) or gray instead of dimColor */}
-                        {typeof resultDisplay === 'string' && <Box flexDirection='column'>{MarkdownRenderer.render(resultDisplay)}</Box>}
-                        {typeof resultDisplay === 'object' && <DiffRenderer diffContent={resultDisplay.fileDiff} />}
-                    </Box>
-                </Box>
+      {hasResult && (
+        <Box paddingLeft={statusIndicatorWidth}>
+          <Box flexShrink={1} flexDirection="row">
+            <Text color="gray">↳ </Text>
+            {/* Use default text color (white) or gray instead of dimColor */}
+            {typeof resultDisplay === 'string' && (
+              <Box flexDirection="column">
+                {MarkdownRenderer.render(resultDisplay)}
+              </Box>
+            )}
+            {typeof resultDisplay === 'object' && (
+              <DiffRenderer diffContent={resultDisplay.fileDiff} />
             )}
+          </Box>
         </Box>
-    );
+      )}
+    </Box>
+  );
 };
 
 export default ToolMessage;
-- 
cgit v1.2.3

