Update UI for automatic reads

This commit is contained in:
Saoud Rizwan
2024-08-25 02:45:30 -04:00
parent 42e9d36580
commit 288cc49dbc
2 changed files with 13 additions and 6 deletions

View File

@@ -479,7 +479,9 @@ const ChatRow: React.FC<ChatRowProps> = ({
<> <>
<div style={headerStyle}> <div style={headerStyle}>
{toolIcon("file-code")} {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> </div>
<CodeBlock <CodeBlock
code={tool.content!} code={tool.content!}
@@ -496,7 +498,9 @@ const ChatRow: React.FC<ChatRowProps> = ({
<div style={headerStyle}> <div style={headerStyle}>
{toolIcon("folder-opened")} {toolIcon("folder-opened")}
<span style={{ fontWeight: "bold" }}> <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> </span>
</div> </div>
<CodeBlock <CodeBlock
@@ -515,7 +519,9 @@ const ChatRow: React.FC<ChatRowProps> = ({
<div style={headerStyle}> <div style={headerStyle}>
{toolIcon("folder-opened")} {toolIcon("folder-opened")}
<span style={{ fontWeight: "bold" }}> <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> </span>
</div> </div>
<CodeBlock <CodeBlock
@@ -534,8 +540,9 @@ const ChatRow: React.FC<ChatRowProps> = ({
<div style={headerStyle}> <div style={headerStyle}>
{toolIcon("file-code")} {toolIcon("file-code")}
<span style={{ fontWeight: "bold" }}> <span style={{ fontWeight: "bold" }}>
Claude wants to view source code definitions in files at the top level of this {message.type === "ask"
directory: ? "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> </span>
</div> </div>
<CodeBlock <CodeBlock

View File

@@ -668,7 +668,7 @@ const ChatView = ({
appearance="icon" appearance="icon"
aria-label="Send Message" aria-label="Send Message"
onClick={handleSendMessage}> 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> </VSCodeButton>
</div> </div>
</div> </div>