Added wording

Author: nang-dev

webview-ui/src/components/chat/BrowserSessionRow.tsx

@@ -242,7 +242,7 @@ const BrowserSessionRow = memo((props: BrowserSessionRowProps) => {
 						style={{ color: "var(--vscode-foreground)", marginBottom: "-1.5px" }}></span>
 				)}
 				<span style={{ fontWeight: "bold" }}>
-					<>Roo wants to use the browser:</>
+					<>Agent wants to use the browser:</>
 				</span>
 			</div>
 			<div

webview-ui/src/components/chat/ChatRow.tsx

@@ -151,7 +151,9 @@ export const ChatRowContent = ({
 							className="codicon codicon-terminal"
 							style={{ color: normalColor, marginBottom: "-1.5px" }}></span>
 					),
-					<span style={{ color: normalColor, fontWeight: "bold" }}>Roo wants to execute this command:</span>,
+					<span style={{ color: normalColor, fontWeight: "bold" }}>
+						Agent wants to execute this command:
+					</span>,
 				]
 			case "use_mcp_server":
 				const mcpServerUse = JSON.parse(message.text || "{}") as ClineAskUseMcpServer
@@ -164,8 +166,8 @@ export const ChatRowContent = ({
 							style={{ color: normalColor, marginBottom: "-1.5px" }}></span>
 					),
 					<span style={{ color: normalColor, fontWeight: "bold" }}>
-						Roo wants to {mcpServerUse.type === "use_mcp_tool" ? "use a tool" : "access a resource"} on the{" "}
-						<code>{mcpServerUse.serverName}</code> MCP server:
+						Agent wants to {mcpServerUse.type === "use_mcp_tool" ? "use a tool" : "access a resource"} on
+						the <code>{mcpServerUse.serverName}</code> MCP server:
 					</span>,
 				]
 			case "completion_result":
@@ -289,7 +291,7 @@ export const ChatRowContent = ({
 							className="flex items-center gap-2 p-2 rounded-lg mb-2">
 							<PencilIcon className="w-5 h-5" />
 							<div className="flex flex-col">
-								<span className="font-bold uppercase">Roo wants to edit</span>
+								<span className="font-bold uppercase">Agent wants to edit</span>
 
 								<span
 									style={{
@@ -323,7 +325,7 @@ export const ChatRowContent = ({
 							className="flex items-center gap-2 p-2 rounded-lg">
 							{/* {toolIcon("new-file")} */}
 							<PlusCircleIcon className="w-5 h-5" />
-							<span className="font-bold uppercase">Roo wants to create a new file</span>
+							<span className="font-bold uppercase">Agent wants to create a new file</span>
 						</div>
 						<CodeAccordian
 							isLoading={message.partial}
@@ -354,7 +356,7 @@ export const ChatRowContent = ({
 									width: "fit-content",
 								}}>
 								<span style={{ fontWeight: "bold" }} className="uppercase">
-									{message.type === "ask" ? "Roo wants to read this file" : "Roo read this file:"}
+									{message.type === "ask" ? "Agent wants to read this file" : "Roo read this file:"}
 								</span>
 								<div
 									style={{
@@ -406,7 +408,7 @@ export const ChatRowContent = ({
 							{toolIcon("folder-opened")}
 							<span style={{ fontWeight: "bold" }}>
 								{message.type === "ask"
-									? "Roo wants to view the top level files in this directory:"
+									? "Agent wants to view the top level files in this directory:"
 									: "Roo viewed the top level files in this directory:"}
 							</span>
 						</div>
@@ -426,7 +428,7 @@ export const ChatRowContent = ({
 							{toolIcon("folder-opened")}
 							<span style={{ fontWeight: "bold" }}>
 								{message.type === "ask"
-									? "Roo wants to recursively view all files in this directory:"
+									? "Agent wants to recursively view all files in this directory:"
 									: "Roo recursively viewed all files in this directory:"}
 							</span>
 						</div>
@@ -446,7 +448,7 @@ export const ChatRowContent = ({
 							{toolIcon("file-code")}
 							<span style={{ fontWeight: "bold" }}>
 								{message.type === "ask"
-									? "Roo wants to view source code definition names used in this directory:"
+									? "Agent wants to view source code definition names used in this directory:"
 									: "Roo viewed source code definition names used in this directory:"}
 							</span>
 						</div>
@@ -466,7 +468,7 @@ export const ChatRowContent = ({
 							<span style={{ fontWeight: "bold" }}>
 								{message.type === "ask" ? (
 									<>
-										Roo wants to search this directory for <code>{tool.regex}</code>:
+										Agent wants to search this directory for <code>{tool.regex}</code>:
 									</>
 								) : (
 									<>
@@ -493,7 +495,7 @@ export const ChatRowContent = ({
 			// 				{isInspecting ? <ProgressIndicator /> : toolIcon("inspect")}
 			// 				<span style={{ fontWeight: "bold" }}>
 			// 					{message.type === "ask" ? (
-			// 						<>Roo wants to inspect this website:</>
+			// 						<>Agent wants to inspect this website:</>
 			// 					) : (
 			// 						<>Roo is inspecting this website:</>
 			// 					)}
@@ -518,7 +520,7 @@ export const ChatRowContent = ({
 							<span style={{ fontWeight: "bold" }}>
 								{message.type === "ask" ? (
 									<>
-										Roo wants to switch to <code>{tool.mode}</code> mode
+										Agent wants to switch to <code>{tool.mode}</code> mode
 										{tool.reason ? ` because: ${tool.reason}` : ""}
 									</>
 								) : (
@@ -537,7 +539,7 @@ export const ChatRowContent = ({
 						<div style={headerStyle}>
 							{toolIcon("new-file")}
 							<span style={{ fontWeight: "bold" }}>
-								Roo wants to create a new task in <code>{tool.mode}</code> mode:
+								Agent wants to create a new task in <code>{tool.mode}</code> mode:
 							</span>
 						</div>
 						<div style={{ paddingLeft: "26px", marginTop: "4px" }}>

webview-ui/src/components/chat/ChatView.tsx

@@ -1013,14 +1013,14 @@ const ChatView = ({ isHidden, showAnnouncement, hideAnnouncement, showHistoryVie
 									<img src={splashIcon} alt="..." />
 									<div className="w-[300px] flex-col justify-start items-start gap-5 inline-flex">
 										<div className="flex flex-col text-left">
-											<div className="text-2xl">PearAI Agent</div>
+											<div className="text-2xl">PearAI Coding Agent</div>
 											<div className="h-[18px] opacity-50 text-xs leading-[18px]">
 												Powered by Roo Code / Cline
 											</div>
 										</div>
 									</div>
 									<div className="w-[300px] text-left opacity-50 text-xs leading-[18px]">
-										Autonomous coding agent that has control of your development environment (with
+										Autonomous coding agent that has access to your development environment (with
 										your permission) for a feedback loop to add features, fix bugs, and more.
 									</div>
 								</div>