From 5fd26476ab2dd58b7c5bd54db8a38569b54587c0 Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno_nonato_quaresma@hotmail.com>
Date: Mon, 25 Aug 2025 17:59:26 +0000
Subject: [PATCH 1/3] refactor: replace task prompt by workspace name in the
 topbar

---
 site/src/pages/TaskPage/TaskTopbar.tsx | 77 ++++++++++++++++++++++----
 1 file changed, 67 insertions(+), 10 deletions(-)

diff --git a/site/src/pages/TaskPage/TaskTopbar.tsx b/site/src/pages/TaskPage/TaskTopbar.tsx
index e7bc9283a16eb..79c6077cb5ec2 100644
--- a/site/src/pages/TaskPage/TaskTopbar.tsx
+++ b/site/src/pages/TaskPage/TaskTopbar.tsx
@@ -5,7 +5,14 @@ import {
 	TooltipProvider,
 	TooltipTrigger,
 } from "components/Tooltip/Tooltip";
-import { ArrowLeftIcon } from "lucide-react";
+import { useClipboard } from "hooks";
+import {
+	ArrowLeftIcon,
+	CheckIcon,
+	CopyIcon,
+	LaptopMinimalIcon,
+	TerminalIcon,
+} from "lucide-react";
 import type { Task } from "modules/tasks/tasks";
 import type { FC } from "react";
 import { Link as RouterLink } from "react-router";
@@ -15,7 +22,7 @@ type TaskTopbarProps = { task: Task };
 
 export const TaskTopbar: FC<TaskTopbarProps> = ({ task }) => {
 	return (
-		<header className="flex items-center px-3 h-14 border-solid border-border border-0 border-b">
+		<header className="flex items-center px-3 py-4 border-solid border-border border-0 border-b">
 			<TooltipProvider>
 				<Tooltip>
 					<TooltipTrigger asChild>
@@ -30,7 +37,9 @@ export const TaskTopbar: FC<TaskTopbarProps> = ({ task }) => {
 				</Tooltip>
 			</TooltipProvider>
 
-			<h1 className="m-0 text-base font-medium truncate">{task.prompt}</h1>
+			<h1 className="m-0 ml-2 text-base font-medium truncate">
+				{task.workspace.name}
+			</h1>
 
 			{task.workspace.latest_app_status?.uri && (
 				<div className="flex items-center gap-2 flex-wrap ml-4">
@@ -38,13 +47,61 @@ export const TaskTopbar: FC<TaskTopbarProps> = ({ task }) => {
 				</div>
 			)}
 
-			<Button asChild size="sm" variant="outline" className="ml-auto">
-				<RouterLink
-					to={`/@${task.workspace.owner_name}/${task.workspace.name}`}
-				>
-					View workspace
-				</RouterLink>
-			</Button>
+			<div className="ml-auto gap-2 flex items-center">
+				<TooltipProvider delayDuration={0}>
+					<Tooltip>
+						<TooltipTrigger asChild>
+							<Button variant="outline" size="sm">
+								<TerminalIcon />
+								Prompt
+							</Button>
+						</TooltipTrigger>
+						<TooltipContent className="max-w-xs bg-surface-secondary p-4">
+							<p className="m-0 mb-2 select-all text-sm font-normal text-content-primary leading-snug">
+								{task.prompt}
+							</p>
+							<CopyPromptButton prompt={task.prompt} />
+						</TooltipContent>
+					</Tooltip>
+				</TooltipProvider>
+
+				<Button asChild variant="outline" size="sm">
+					<RouterLink
+						to={`/@${task.workspace.owner_name}/${task.workspace.name}`}
+					>
+						<LaptopMinimalIcon />
+						Workspace
+					</RouterLink>
+				</Button>
+			</div>
 		</header>
 	);
 };
+
+type CopyPromptButtonProps = { prompt: string };
+
+const CopyPromptButton: FC<CopyPromptButtonProps> = ({ prompt }) => {
+	const { copyToClipboard, showCopiedSuccess } = useClipboard({
+		textToCopy: prompt,
+	});
+
+	return (
+		<Button
+			disabled={showCopiedSuccess}
+			onClick={copyToClipboard}
+			size="sm"
+			variant="subtle"
+			className="p-0 min-w-0"
+		>
+			{showCopiedSuccess ? (
+				<>
+					<CheckIcon /> Copied!
+				</>
+			) : (
+				<>
+					<CopyIcon /> Copy
+				</>
+			)}
+		</Button>
+	);
+};

From 5b21f6e31122622f3b66931a4bfd2f4f94300ce3 Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno_nonato_quaresma@hotmail.com>
Date: Mon, 25 Aug 2025 18:02:09 +0000
Subject: [PATCH 2/3] Update page title

---
 site/src/pages/TaskPage/TaskPage.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/site/src/pages/TaskPage/TaskPage.tsx b/site/src/pages/TaskPage/TaskPage.tsx
index 4a65c6f1be993..57f6c81cff277 100644
--- a/site/src/pages/TaskPage/TaskPage.tsx
+++ b/site/src/pages/TaskPage/TaskPage.tsx
@@ -151,7 +151,7 @@ const TaskPage = () => {
 	return (
 		<>
 			<Helmet>
-				<title>{pageTitle(ellipsizeText(task.prompt, 64))}</title>
+				<title>{pageTitle(task.workspace.name)}</title>
 			</Helmet>
 
 			<div className="flex flex-col h-full">
@@ -265,7 +265,3 @@ export const data = {
 		} satisfies Task;
 	},
 };
-
-const ellipsizeText = (text: string, maxLength = 80): string => {
-	return text.length <= maxLength ? text : `${text.slice(0, maxLength - 3)}...`;
-};

From be5a8fdb0aadeab60d9f9b8164363c1e9fcdae8e Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno_nonato_quaresma@hotmail.com>
Date: Tue, 26 Aug 2025 13:24:09 +0000
Subject: [PATCH 3/3] Apply PR review

---
 site/src/pages/TaskPage/TaskTopbar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/src/pages/TaskPage/TaskTopbar.tsx b/site/src/pages/TaskPage/TaskTopbar.tsx
index 79c6077cb5ec2..4f51812b4712d 100644
--- a/site/src/pages/TaskPage/TaskTopbar.tsx
+++ b/site/src/pages/TaskPage/TaskTopbar.tsx
@@ -37,7 +37,7 @@ export const TaskTopbar: FC<TaskTopbarProps> = ({ task }) => {
 				</Tooltip>
 			</TooltipProvider>
 
-			<h1 className="m-0 ml-2 text-base font-medium truncate">
+			<h1 className="m-0 pl-2 text-base font-medium truncate">
 				{task.workspace.name}
 			</h1>
 
@@ -48,7 +48,7 @@ export const TaskTopbar: FC<TaskTopbarProps> = ({ task }) => {
 			)}
 
 			<div className="ml-auto gap-2 flex items-center">
-				<TooltipProvider delayDuration={0}>
+				<TooltipProvider delayDuration={250}>
 					<Tooltip>
 						<TooltipTrigger asChild>
 							<Button variant="outline" size="sm">