fix: allow export task history while API is active (#5324)

- Add exportAlwaysEnabled prop to TaskActions component
- Export button remains enabled when exportAlwaysEnabled is true
- Other action buttons still respect buttonsDisabled state
- Add tests to verify the new behavior

This fixes the regression where users couldn't export task history
during API operations, which is a common debugging workflow.

Author: MuriloFP

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

@@ -14,9 +14,10 @@ import { ShareButton } from "./ShareButton"
 interface TaskActionsProps {
 	item?: HistoryItem
 	buttonsDisabled: boolean
+	exportAlwaysEnabled?: boolean
 }
 
-export const TaskActions = ({ item, buttonsDisabled }: TaskActionsProps) => {
+export const TaskActions = ({ item, buttonsDisabled, exportAlwaysEnabled = false }: TaskActionsProps) => {
 	const [deleteTaskId, setDeleteTaskId] = useState<string | null>(null)
 	const { t } = useTranslation()
 	const { copyWithFeedback, showCopyFeedback } = useCopyToClipboard()
@@ -27,7 +28,7 @@ export const TaskActions = ({ item, buttonsDisabled }: TaskActionsProps) => {
 			<IconButton
 				iconClass="codicon-desktop-download"
 				title={t("chat:task.export")}
-				disabled={buttonsDisabled}
+				disabled={exportAlwaysEnabled ? false : buttonsDisabled}
 				onClick={() => vscode.postMessage({ type: "exportCurrentTask" })}
 			/>
 			{item?.task && (

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

@@ -185,7 +185,13 @@ const TaskHeader = ({
 										</span>
 									)}
 								</div>
-								{!totalCost && <TaskActions item={currentTaskItem} buttonsDisabled={buttonsDisabled} />}
+								{!totalCost && (
+									<TaskActions
+										item={currentTaskItem}
+										buttonsDisabled={buttonsDisabled}
+										exportAlwaysEnabled={true}
+									/>
+								)}
 							</div>
 
 							{((typeof cacheReads === "number" && cacheReads > 0) ||
@@ -213,7 +219,11 @@ const TaskHeader = ({
 										<span className="font-bold">{t("chat:task.apiCost")}</span>
 										<span>${totalCost?.toFixed(2)}</span>
 									</div>
-									<TaskActions item={currentTaskItem} buttonsDisabled={buttonsDisabled} />
+									<TaskActions
+										item={currentTaskItem}
+										buttonsDisabled={buttonsDisabled}
+										exportAlwaysEnabled={true}
+									/>
 								</div>
 							)}
 						</div>

webview-ui/src/components/chat/__tests__/TaskActions.spec.tsx

@@ -382,5 +382,26 @@ describe("TaskActions", () => {
 			expect(shareButton).toBeDisabled()
 			expect(exportButton).toBeDisabled()
 		})
+
+		it("keeps export button enabled when exportAlwaysEnabled is true", () => {
+			render(<TaskActions item={mockItem} buttonsDisabled={true} exportAlwaysEnabled={true} />)
+
+			// Find button by its icon class
+			const buttons = screen.getAllByRole("button")
+			const shareButton = buttons.find((btn) => btn.querySelector(".codicon-link"))
+			const exportButton = screen.getByLabelText("Export task history")
+
+			// Share button should still be disabled
+			expect(shareButton).toBeDisabled()
+			// Export button should be enabled despite buttonsDisabled being true
+			expect(exportButton).not.toBeDisabled()
+		})
+
+		it("export button works normally when exportAlwaysEnabled is false", () => {
+			render(<TaskActions item={mockItem} buttonsDisabled={true} exportAlwaysEnabled={false} />)
+
+			const exportButton = screen.getByLabelText("Export task history")
+			expect(exportButton).toBeDisabled()
+		})
 	})
 })