From b8f19026c51a33b7cc39091a77277a73a5401962 Mon Sep 17 00:00:00 2001
From: BrunoQuaresma <bruno_nonato_quaresma@hotmail.com>
Date: Wed, 25 Jun 2025 19:00:30 +0000
Subject: [PATCH 1/3] feat: add task link when workspace is running a task

---
 .../WorkspaceMoreActions/WorkspaceMoreActions.tsx    | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx b/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx
index d2d916f71e9e8..1045e64b4c02e 100644
--- a/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx
+++ b/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx
@@ -19,6 +19,7 @@ import {
 	EllipsisVertical,
 	HistoryIcon,
 	SettingsIcon,
+	SquareCheckBigIcon,
 	TrashIcon,
 } from "lucide-react";
 import { type FC, useEffect, useState } from "react";
@@ -126,6 +127,17 @@ export const WorkspaceMoreActions: FC<WorkspaceMoreActionsProps> = ({
 						Download logs&hellip;
 					</DropdownMenuItem>
 
+					{workspace.latest_build.has_ai_task && (
+						<DropdownMenuItem asChild>
+							<RouterLink
+								to={`/tasks/${workspace.owner_name}/${workspace.name}`}
+							>
+								<SquareCheckBigIcon />
+								See task
+							</RouterLink>
+						</DropdownMenuItem>
+					)}
+
 					<DropdownMenuSeparator />
 
 					<DropdownMenuItem

From 43e3824fb25303b993de2d108a9deda116e3f0a4 Mon Sep 17 00:00:00 2001
From: BrunoQuaresma <bruno_nonato_quaresma@hotmail.com>
Date: Thu, 26 Jun 2025 20:13:20 +0000
Subject: [PATCH 2/3] Add button to status card and wrap statuses in scroll
 area

---
 .../WorkspaceMoreActions.tsx                  | 11 ----
 site/src/pages/WorkspacePage/AppStatuses.tsx  | 65 +++++++++++--------
 2 files changed, 39 insertions(+), 37 deletions(-)

diff --git a/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx b/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx
index 1045e64b4c02e..f4fe315ca3564 100644
--- a/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx
+++ b/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx
@@ -127,17 +127,6 @@ export const WorkspaceMoreActions: FC<WorkspaceMoreActionsProps> = ({
 						Download logs&hellip;
 					</DropdownMenuItem>
 
-					{workspace.latest_build.has_ai_task && (
-						<DropdownMenuItem asChild>
-							<RouterLink
-								to={`/tasks/${workspace.owner_name}/${workspace.name}`}
-							>
-								<SquareCheckBigIcon />
-								See task
-							</RouterLink>
-						</DropdownMenuItem>
-					)}
-
 					<DropdownMenuSeparator />
 
 					<DropdownMenuItem
diff --git a/site/src/pages/WorkspacePage/AppStatuses.tsx b/site/src/pages/WorkspacePage/AppStatuses.tsx
index 95e3f9c95a472..b797aa1d0f608 100644
--- a/site/src/pages/WorkspacePage/AppStatuses.tsx
+++ b/site/src/pages/WorkspacePage/AppStatuses.tsx
@@ -21,11 +21,14 @@ import {
 	ExternalLinkIcon,
 	FileIcon,
 	LayoutGridIcon,
+	SquareCheckBigIcon,
 } from "lucide-react";
 import { AppStatusStateIcon } from "modules/apps/AppStatusStateIcon";
 import { useAppLink } from "modules/apps/useAppLink";
 import { type FC, useState } from "react";
 import { truncateURI } from "utils/uri";
+import { Link as RouterLink } from "react-router-dom";
+import { ScrollArea } from "components/ScrollArea/ScrollArea";
 
 interface AppStatusesProps {
 	workspace: Workspace;
@@ -81,9 +84,9 @@ export const AppStatuses: FC<AppStatusesProps> = ({
 							{latestStatus.message || capitalize(latestStatus.state)}
 						</span>
 					</div>
-					<span className="text-xs text-content-secondary first-letter:uppercase block pl-[26px]">
+					<time className="text-xs text-content-secondary first-letter:uppercase block pl-[26px]">
 						{timeFrom(new Date(latestStatus.created_at), comparisonDate)}
-					</span>
+					</time>
 				</div>
 
 				<div className="flex items-center gap-2">
@@ -119,6 +122,13 @@ export const AppStatuses: FC<AppStatusesProps> = ({
 							</Button>
 						))}
 
+					<Button asChild size="sm" variant="outline">
+						<RouterLink to={`/tasks/${workspace.owner_name}/${workspace.name}`}>
+							<SquareCheckBigIcon />
+							View task
+						</RouterLink>
+					</Button>
+
 					<TooltipProvider>
 						<Tooltip>
 							<TooltipTrigger asChild>
@@ -141,35 +151,38 @@ export const AppStatuses: FC<AppStatusesProps> = ({
 				</div>
 			</div>
 
-			{displayStatuses &&
-				otherStatuses.map((status) => {
-					const statusTime = new Date(status.created_at);
-					const formattedTimestamp = timeFrom(statusTime, comparisonDate);
+			{displayStatuses && (
+				<ScrollArea className="h-[200px]">
+					{otherStatuses.map((status) => {
+						const statusTime = new Date(status.created_at);
+						const formattedTimestamp = timeFrom(statusTime, comparisonDate);
 
-					return (
-						<div
-							key={status.id}
-							className={`
+						return (
+							<div
+								key={status.id}
+								className={`
 							flex items-center justify-between px-4 py-3
 							border-0 [&:not(:last-child)]:border-b border-solid border-border
 						`}
-						>
-							<div className="flex items-center justify-between w-full text-content-secondary">
-								<span className="text-xs flex items-center gap-2">
-									<AppStatusStateIcon
-										state={status.state}
-										latest={false}
-										className="size-icon-xs w-[18px]"
-									/>
-									{status.message || capitalize(status.state)}
-								</span>
-								<span className="text-2xs text-content-secondary first-letter:uppercase block pl-[26px]">
-									{formattedTimestamp}
-								</span>
+							>
+								<div className="flex items-center justify-between w-full text-content-secondary">
+									<span className="text-xs flex items-center gap-2">
+										<AppStatusStateIcon
+											state={status.state}
+											latest={false}
+											className="size-icon-xs w-[18px]"
+										/>
+										{status.message || capitalize(status.state)}
+									</span>
+									<span className="text-2xs text-content-secondary first-letter:uppercase block pl-[26px]">
+										{formattedTimestamp}
+									</span>
+								</div>
 							</div>
-						</div>
-					);
-				})}
+						);
+					})}
+				</ScrollArea>
+			)}
 		</div>
 	);
 };

From 7946078fe9f23f3607c3094f8df0c46518fcde21 Mon Sep 17 00:00:00 2001
From: BrunoQuaresma <bruno_nonato_quaresma@hotmail.com>
Date: Thu, 26 Jun 2025 20:33:41 +0000
Subject: [PATCH 3/3] fmt

---
 .../workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx  | 1 -
 site/src/pages/WorkspacePage/AppStatuses.tsx                  | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx b/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx
index f4fe315ca3564..d2d916f71e9e8 100644
--- a/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx
+++ b/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx
@@ -19,7 +19,6 @@ import {
 	EllipsisVertical,
 	HistoryIcon,
 	SettingsIcon,
-	SquareCheckBigIcon,
 	TrashIcon,
 } from "lucide-react";
 import { type FC, useEffect, useState } from "react";
diff --git a/site/src/pages/WorkspacePage/AppStatuses.tsx b/site/src/pages/WorkspacePage/AppStatuses.tsx
index b797aa1d0f608..71547992ecd9e 100644
--- a/site/src/pages/WorkspacePage/AppStatuses.tsx
+++ b/site/src/pages/WorkspacePage/AppStatuses.tsx
@@ -15,6 +15,7 @@ import {
 import capitalize from "lodash/capitalize";
 import { timeFrom } from "utils/time";
 
+import { ScrollArea } from "components/ScrollArea/ScrollArea";
 import {
 	ChevronDownIcon,
 	ChevronUpIcon,
@@ -26,9 +27,8 @@ import {
 import { AppStatusStateIcon } from "modules/apps/AppStatusStateIcon";
 import { useAppLink } from "modules/apps/useAppLink";
 import { type FC, useState } from "react";
-import { truncateURI } from "utils/uri";
 import { Link as RouterLink } from "react-router-dom";
-import { ScrollArea } from "components/ScrollArea/ScrollArea";
+import { truncateURI } from "utils/uri";
 
 interface AppStatusesProps {
 	workspace: Workspace;