feat: Add global setting and keyboard shortcut for reasoning blocks

- Add reasoningBlockCollapsed setting to global state
- Add backend message handler for persisting collapsed state
- Add keyboard shortcut (Ctrl/Cmd+Shift+T) to toggle all reasoning blocks
- Default to collapsed state for better UX

Author: roomote

packages/types/src/global-settings.ts

@@ -147,6 +147,7 @@ export const globalSettingsSchema = z.object({
 	enhancementApiConfigId: z.string().optional(),
 	includeTaskHistoryInEnhance: z.boolean().optional(),
 	historyPreviewCollapsed: z.boolean().optional(),
+	reasoningBlockCollapsed: z.boolean().optional(),
 	profileThresholds: z.record(z.string(), z.number()).optional(),
 	hasOpenedModeSelector: z.boolean().optional(),
 	lastModeExportPath: z.string().optional(),

src/core/webview/webviewMessageHandler.ts

@@ -1617,6 +1617,10 @@ export const webviewMessageHandler = async (
 			await updateGlobalState("historyPreviewCollapsed", message.bool ?? false)
 			// No need to call postStateToWebview here as the UI already updated optimistically
 			break
+		case "setReasoningBlockCollapsed":
+			await updateGlobalState("reasoningBlockCollapsed", message.bool ?? true)
+			// No need to call postStateToWebview here as the UI already updated optimistically
+			break
 		case "toggleApiConfigPin":
 			if (message.text) {
 				const currentPinned = getGlobalState("pinnedApiConfigs") ?? {}

src/shared/WebviewMessage.ts

@@ -193,6 +193,7 @@ export interface WebviewMessage {
 		| "focusPanelRequest"
 		| "profileThresholds"
 		| "setHistoryPreviewCollapsed"
+		| "setReasoningBlockCollapsed"
 		| "openExternal"
 		| "filterMarketplaceItems"
 		| "marketplaceButtonClicked"

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

@@ -1,6 +1,7 @@
-import React, { useEffect, useRef, useState } from "react"
+import React, { useEffect, useRef, useState, useCallback } from "react"
 import { useTranslation } from "react-i18next"
 import { useExtensionState } from "@src/context/ExtensionStateContext"
+import { vscode } from "@src/utils/vscode"
 
 import MarkdownBlock from "../common/MarkdownBlock"
 import { Lightbulb, ChevronDown, ChevronRight } from "lucide-react"
@@ -22,7 +23,7 @@ interface ReasoningBlockProps {
  */
 export const ReasoningBlock = ({ content, isStreaming, isLast }: ReasoningBlockProps) => {
 	const { t } = useTranslation()
-	const { reasoningBlockCollapsed } = useExtensionState()
+	const { reasoningBlockCollapsed, setReasoningBlockCollapsed } = useExtensionState()
 
 	// Initialize collapsed state based on global setting (default to collapsed)
 	const [isCollapsed, setIsCollapsed] = useState(reasoningBlockCollapsed !== false)
@@ -36,6 +37,28 @@ export const ReasoningBlock = ({ content, isStreaming, isLast }: ReasoningBlockP
 		setIsCollapsed(reasoningBlockCollapsed !== false)
 	}, [reasoningBlockCollapsed])
 
+	// Handle keyboard shortcut for toggling collapsed state
+	const handleKeyDown = useCallback(
+		(e: KeyboardEvent) => {
+			// Ctrl/Cmd + Shift + T to toggle reasoning blocks
+			if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key === "T") {
+				e.preventDefault()
+				const newState = !isCollapsed
+				setIsCollapsed(newState)
+				// Update global setting
+				setReasoningBlockCollapsed(!newState)
+				// Persist to backend
+				vscode.postMessage({ type: "setReasoningBlockCollapsed", bool: !newState })
+			}
+		},
+		[isCollapsed, setReasoningBlockCollapsed],
+	)
+
+	useEffect(() => {
+		window.addEventListener("keydown", handleKeyDown)
+		return () => window.removeEventListener("keydown", handleKeyDown)
+	}, [handleKeyDown])
+
 	// Simple timer that runs while streaming
 	useEffect(() => {
 		if (isLast && isStreaming) {