From 288cc49dbce83d79d703b38db8646928272fa34c Mon Sep 17 00:00:00 2001
From: Saoud Rizwan <7799382+saoudrizwan@users.noreply.github.com>
Date: Sun, 25 Aug 2024 02:45:30 -0400
Subject: [PATCH] Update UI for automatic reads

---
 webview-ui/src/components/ChatRow.tsx  | 17 ++++++++++++-----
 webview-ui/src/components/ChatView.tsx |  2 +-
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/webview-ui/src/components/ChatRow.tsx b/webview-ui/src/components/ChatRow.tsx
index fecdae6..f400068 100644
--- a/webview-ui/src/components/ChatRow.tsx
+++ b/webview-ui/src/components/ChatRow.tsx
@@ -479,7 +479,9 @@ const ChatRow: React.FC<ChatRowProps> = ({
 					<>
 						<div style={headerStyle}>
 							{toolIcon("file-code")}
-							<span style={{ fontWeight: "bold" }}>Claude wants to read this file:</span>
+							<span style={{ fontWeight: "bold" }}>
+								{message.type === "ask" ? "Claude wants to read this file:" : "Claude read this file:"}
+							</span>
 						</div>
 						<CodeBlock
 							code={tool.content!}
@@ -496,7 +498,9 @@ const ChatRow: React.FC<ChatRowProps> = ({
 						<div style={headerStyle}>
 							{toolIcon("folder-opened")}
 							<span style={{ fontWeight: "bold" }}>
-								Claude wants to view the top level files in this directory:
+								{message.type === "ask"
+									? "Claude wants to view the top level files in this directory:"
+									: "Claude viewed the top level files in this directory:"}
 							</span>
 						</div>
 						<CodeBlock
@@ -515,7 +519,9 @@ const ChatRow: React.FC<ChatRowProps> = ({
 						<div style={headerStyle}>
 							{toolIcon("folder-opened")}
 							<span style={{ fontWeight: "bold" }}>
-								Claude wants to recursively view all files in this directory:
+								{message.type === "ask"
+									? "Claude wants to recursively view all files in this directory:"
+									: "Claude recursively viewed all files in this directory:"}
 							</span>
 						</div>
 						<CodeBlock
@@ -534,8 +540,9 @@ const ChatRow: React.FC<ChatRowProps> = ({
 						<div style={headerStyle}>
 							{toolIcon("file-code")}
 							<span style={{ fontWeight: "bold" }}>
-								Claude wants to view source code definitions in files at the top level of this
-								directory:
+								{message.type === "ask"
+									? "Claude wants to view source code definitions in files at the top level of this directory:"
+									: "Claude viewed source code definitions in files at the top level of this directory:"}
 							</span>
 						</div>
 						<CodeBlock
diff --git a/webview-ui/src/components/ChatView.tsx b/webview-ui/src/components/ChatView.tsx
index d93176f..8121167 100644
--- a/webview-ui/src/components/ChatView.tsx
+++ b/webview-ui/src/components/ChatView.tsx
@@ -668,7 +668,7 @@ const ChatView = ({
 						appearance="icon"
 						aria-label="Send Message"
 						onClick={handleSendMessage}>
-						<span className="codicon codicon-send" style={{ fontSize: 16, marginTop: 1 }}></span>
+						<span className="codicon codicon-send" style={{ fontSize: 16, marginTop: 1.5 }}></span>
 					</VSCodeButton>
 				</div>
 			</div>