From 8ba9a6e1b096b419c810219d7aa5ce648b918a79 Mon Sep 17 00:00:00 2001
From: Roo Code <roomote@roocode.com>
Date: Sat, 8 Nov 2025 08:32:38 +0000
Subject: [PATCH] feat: add raw/formatted toggle for LLM response display

---
 webview-ui/src/components/chat/ChatRow.tsx | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/webview-ui/src/components/chat/ChatRow.tsx b/webview-ui/src/components/chat/ChatRow.tsx
index aa806c5c45..40f7c7900b 100644
--- a/webview-ui/src/components/chat/ChatRow.tsx
+++ b/webview-ui/src/components/chat/ChatRow.tsx
@@ -171,6 +171,7 @@ export const ChatRowContent = ({
 	const [editMode, setEditMode] = useState<Mode>(mode || "code")
 	const [editImages, setEditImages] = useState<string[]>([])
 	const [showRequestResponse, setShowRequestResponse] = useState(false)
+	const [showRawResponse, setShowRawResponse] = useState(false)
 
 	// Handle message events for image selection during edit mode
 	useEffect(() => {
@@ -1127,12 +1128,23 @@ export const ChatRowContent = ({
 									)}
 									{apiReqInfo?.response && (
 										<div>
-											<div className="text-xs font-semibold mb-1 text-vscode-descriptionForeground">
-												Response from LLM:
+											<div className="flex items-center justify-between mb-1">
+												<div className="text-xs font-semibold text-vscode-descriptionForeground">
+													Response from LLM:
+												</div>
+												<button
+													className="text-xs px-2 py-0.5 rounded hover:bg-vscode-button-hoverBackground transition-colors"
+													onClick={(e) => {
+														e.stopPropagation()
+														setShowRawResponse(!showRawResponse)
+													}}
+													title={showRawResponse ? "Show formatted" : "Show raw"}>
+													{showRawResponse ? "Formatted" : "Raw"}
+												</button>
 											</div>
 											<CodeAccordian
 												code={apiReqInfo.response}
-												language="markdown"
+												language={showRawResponse ? "text" : "markdown"}
 												isExpanded={true}
 												onToggleExpand={() => {}}
 											/>