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
---
 .../ui/components/messages/ToolGroupMessage.tsx    | 65 +++++++++++-----------
 1 file changed, 34 insertions(+), 31 deletions(-)

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

diff --git a/packages/cli/src/ui/components/messages/ToolGroupMessage.tsx b/packages/cli/src/ui/components/messages/ToolGroupMessage.tsx
index 6ef3c5fc..7317345b 100644
--- a/packages/cli/src/ui/components/messages/ToolGroupMessage.tsx
+++ b/packages/cli/src/ui/components/messages/ToolGroupMessage.tsx
@@ -6,42 +6,45 @@ import { PartListUnion } from '@google/genai';
 import ToolConfirmationMessage from './ToolConfirmationMessage.js';
 
 interface ToolGroupMessageProps {
-    toolCalls: IndividualToolCallDisplay[];
-    onSubmit: (value: PartListUnion) => void;
+  toolCalls: IndividualToolCallDisplay[];
+  onSubmit: (value: PartListUnion) => void;
 }
 
 // Main component renders the border and maps the tools using ToolMessage
-const ToolGroupMessage: React.FC<ToolGroupMessageProps> = ({ toolCalls, onSubmit }) => {
-    const hasPending = toolCalls.some(t => t.status === ToolCallStatus.Pending);
-    const borderColor = hasPending ? "yellow" : "blue";
+const ToolGroupMessage: React.FC<ToolGroupMessageProps> = ({
+  toolCalls,
+  onSubmit,
+}) => {
+  const hasPending = toolCalls.some((t) => t.status === ToolCallStatus.Pending);
+  const borderColor = hasPending ? 'yellow' : 'blue';
 
-    return (
-        <Box
-            flexDirection="column"
-            borderStyle="round"
-            borderColor={borderColor}
-        >
-            {toolCalls.map((tool) => {
-                return (
-                    <React.Fragment key={tool.callId}>
-                        <ToolMessage
-                            key={tool.callId} // Use callId as the key
-                            name={tool.name}
-                            description={tool.description}
-                            resultDisplay={tool.resultDisplay}
-                            status={tool.status}
-                        />
-                        {tool.status === ToolCallStatus.Confirming && tool.confirmationDetails && (
-                            <ToolConfirmationMessage confirmationDetails={tool.confirmationDetails} onSubmit={onSubmit}></ToolConfirmationMessage>
-                        )}
-                    </React.Fragment>
-                );
-            })}
-            {/* Optional: Add padding below the last item if needed,
+  return (
+    <Box flexDirection="column" borderStyle="round" borderColor={borderColor}>
+      {toolCalls.map((tool) => {
+        return (
+          <React.Fragment key={tool.callId}>
+            <ToolMessage
+              key={tool.callId} // Use callId as the key
+              name={tool.name}
+              description={tool.description}
+              resultDisplay={tool.resultDisplay}
+              status={tool.status}
+            />
+            {tool.status === ToolCallStatus.Confirming &&
+              tool.confirmationDetails && (
+                <ToolConfirmationMessage
+                  confirmationDetails={tool.confirmationDetails}
+                  onSubmit={onSubmit}
+                ></ToolConfirmationMessage>
+              )}
+          </React.Fragment>
+        );
+      })}
+      {/* Optional: Add padding below the last item if needed,
                 though ToolMessage already has some vertical space implicitly */}
-            {/* {tools.length > 0 && <Box height={1} />} */}
-        </Box>
-    );
+      {/* {tools.length > 0 && <Box height={1} />} */}
+    </Box>
+  );
 };
 
 export default ToolGroupMessage;
-- 
cgit v1.2.3

