Rename to kilo code in chats

Author: kevinvandijk

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

@@ -124,7 +124,7 @@ export const ChatRowContent = ({
 					<span
 						className="codicon codicon-error"
 						style={{ color: errorColor, marginBottom: "-1.5px" }}></span>,
-					<span style={{ color: errorColor, fontWeight: "bold" }}>Roo is having trouble...</span>,
+					<span style={{ color: errorColor, fontWeight: "bold" }}>Kilo Code is having trouble...</span>,
 				]
 			case "command":
 				return [
@@ -135,7 +135,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" }}>
+						Kilo Code wants to execute this command:
+					</span>,
 				]
 			case "use_mcp_server":
 				const mcpServerUse = JSON.parse(message.text || "{}") as ClineAskUseMcpServer
@@ -148,8 +150,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:
+						Kilo Code 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":
@@ -213,7 +215,7 @@ export const ChatRowContent = ({
 					<span
 						className="codicon codicon-question"
 						style={{ color: normalColor, marginBottom: "-1.5px" }}></span>,
-					<span style={{ color: normalColor, fontWeight: "bold" }}>Roo has a question:</span>,
+					<span style={{ color: normalColor, fontWeight: "bold" }}>Kilo Code has a question:</span>,
 				]
 			default:
 				return [null, null]
@@ -255,7 +257,7 @@ export const ChatRowContent = ({
 					<>
 						<div style={headerStyle}>
 							{toolIcon(tool.tool === "appliedDiff" ? "diff" : "edit")}
-							<span style={{ fontWeight: "bold" }}>Roo wants to edit this file:</span>
+							<span style={{ fontWeight: "bold" }}>Kilo Code wants to edit this file:</span>
 						</div>
 						<CodeAccordian
 							isLoading={message.partial}
@@ -271,7 +273,7 @@ export const ChatRowContent = ({
 					<>
 						<div style={headerStyle}>
 							{toolIcon("new-file")}
-							<span style={{ fontWeight: "bold" }}>Roo wants to create a new file:</span>
+							<span style={{ fontWeight: "bold" }}>Kilo Code wants to create a new file:</span>
 						</div>
 						<CodeAccordian
 							isLoading={message.partial}
@@ -288,7 +290,9 @@ export const ChatRowContent = ({
 						<div style={headerStyle}>
 							{toolIcon("file-code")}
 							<span style={{ fontWeight: "bold" }}>
-								{message.type === "ask" ? "Roo wants to read this file:" : "Roo read this file:"}
+								{message.type === "ask"
+									? "Kilo Code wants to read this file:"
+									: "Kilo Code read this file:"}
 							</span>
 						</div>
 						{/* <CodeAccordian
@@ -346,8 +350,8 @@ export const ChatRowContent = ({
 							{toolIcon("folder-opened")}
 							<span style={{ fontWeight: "bold" }}>
 								{message.type === "ask"
-									? "Roo wants to view the top level files in this directory:"
-									: "Roo viewed the top level files in this directory:"}
+									? "Kilo Code wants to view the top level files in this directory:"
+									: "Kilo Code viewed the top level files in this directory:"}
 							</span>
 						</div>
 						<CodeAccordian
@@ -366,8 +370,8 @@ export const ChatRowContent = ({
 							{toolIcon("folder-opened")}
 							<span style={{ fontWeight: "bold" }}>
 								{message.type === "ask"
-									? "Roo wants to recursively view all files in this directory:"
-									: "Roo recursively viewed all files in this directory:"}
+									? "Kilo Code wants to recursively view all files in this directory:"
+									: "Kilo Code recursively viewed all files in this directory:"}
 							</span>
 						</div>
 						<CodeAccordian
@@ -386,8 +390,8 @@ 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:"
-									: "Roo viewed source code definition names used in this directory:"}
+									? "Kilo Code wants to view source code definition names used in this directory:"
+									: "Kilo Code viewed source code definition names used in this directory:"}
 							</span>
 						</div>
 						<CodeAccordian
@@ -406,11 +410,11 @@ export const ChatRowContent = ({
 							<span style={{ fontWeight: "bold" }}>
 								{message.type === "ask" ? (
 									<>
-										Roo wants to search this directory for <code>{tool.regex}</code>:
+										Kilo Code wants to search this directory for <code>{tool.regex}</code>:
 									</>
 								) : (
 									<>
-										Roo searched this directory for <code>{tool.regex}</code>:
+										Kilo Code searched this directory for <code>{tool.regex}</code>:
 									</>
 								)}
 							</span>
@@ -432,12 +436,12 @@ export const ChatRowContent = ({
 							<span style={{ fontWeight: "bold" }}>
 								{message.type === "ask" ? (
 									<>
-										Roo wants to switch to <code>{tool.mode}</code> mode
+										Kilo Code wants to switch to <code>{tool.mode}</code> mode
 										{tool.reason ? ` because: ${tool.reason}` : ""}
 									</>
 								) : (
 									<>
-										Roo switched to <code>{tool.mode}</code> mode
+										Kilo Code switched to <code>{tool.mode}</code> mode
 										{tool.reason ? ` because: ${tool.reason}` : ""}
 									</>
 								)}
@@ -451,7 +455,7 @@ export const ChatRowContent = ({
 						<div style={headerStyle}>
 							{toolIcon("new-file")}
 							<span style={{ fontWeight: "bold" }}>
-								Roo wants to create a new subtask in <code>{tool.mode}</code> mode:
+								Kilo Code wants to create a new subtask in <code>{tool.mode}</code> mode:
 							</span>
 						</div>
 						<div style={{ paddingLeft: "26px", marginTop: "4px" }}>
@@ -464,7 +468,7 @@ export const ChatRowContent = ({
 					<>
 						<div style={headerStyle}>
 							{toolIcon("checklist")}
-							<span style={{ fontWeight: "bold" }}>Roo wants to finish this subtask</span>
+							<span style={{ fontWeight: "bold" }}>Kilo Code wants to finish this subtask</span>
 						</div>
 						<div style={{ paddingLeft: "26px", marginTop: "4px" }}>
 							<code>{tool.content}</code>
@@ -706,7 +710,7 @@ export const ChatRowContent = ({
 									</span>
 								</div>
 								<div>
-									Roo won't be able to view the command's output. Please update VSCode (
+									Kilo Code won't be able to view the command's output. Please update VSCode (
 									<code>CMD/CTRL + Shift + P</code> → "Update") and make sure you're using a supported
 									shell: zsh, bash, fish, or PowerShell (<code>CMD/CTRL + Shift + P</code> →
 									"Terminal: Select Default Profile").{" "}