Port: feat(chat): add copy prompt button to task actions (#5392)

Co-authored-by: Daniel Riccio <[email protected]>

Author: Juice10

.changeset/stale-rivers-travel.md

@@ -0,0 +1,5 @@
+---
+roo-code: minor
+---
+
+Add copy prompt button to task actions. Based on [@vultrnerd's feedback](https://github.com/Kilo-Org/kilocode/discussions/850).

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

@@ -5,6 +5,7 @@ import { useTranslation } from "react-i18next"
 import type { HistoryItem } from "@roo-code/types"
 
 import { vscode } from "@/utils/vscode"
+import { useCopyToClipboard } from "@/utils/clipboard"
 
 import { DeleteTaskDialog } from "../history/DeleteTaskDialog"
 import { IconButton } from "./IconButton"
@@ -18,6 +19,7 @@ interface TaskActionsProps {
 export const TaskActions = ({ item, buttonsDisabled }: TaskActionsProps) => {
 	const [deleteTaskId, setDeleteTaskId] = useState<string | null>(null)
 	const { t } = useTranslation()
+	const { copyWithFeedback, showCopyFeedback } = useCopyToClipboard()
 
 	return (
 		<div className="flex flex-row gap-1">
@@ -28,6 +30,14 @@ export const TaskActions = ({ item, buttonsDisabled }: TaskActionsProps) => {
 				disabled={buttonsDisabled}
 				onClick={() => vscode.postMessage({ type: "exportCurrentTask" })}
 			/>
+			{item?.task && (
+				<IconButton
+					iconClass={showCopyFeedback ? "codicon-check" : "codicon-copy"}
+					title={t("history:copyPrompt")}
+					disabled={buttonsDisabled}
+					onClick={(e) => copyWithFeedback(item.task, e)}
+				/>
+			)}
 			{!!item?.size && item.size > 0 && (
 				<>
 					<div className="flex items-center">