From 3f406c7c50148a2e71aab35b7b8348b6e63f9918 Mon Sep 17 00:00:00 2001
From: Hugo Dutka <hugo@coder.com>
Date: Thu, 5 Jun 2025 18:58:54 +0200
Subject: [PATCH] fix: improve sidebar chat loading UX in tasks (#18254)

Addresses https://github.com/coder/internal/issues/668
---
 site/src/pages/TaskPage/TaskSidebar.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/site/src/pages/TaskPage/TaskSidebar.tsx b/site/src/pages/TaskPage/TaskSidebar.tsx
index 872d64a60c..e1d31b8e6b 100644
--- a/site/src/pages/TaskPage/TaskSidebar.tsx
+++ b/site/src/pages/TaskPage/TaskSidebar.tsx
@@ -40,6 +40,8 @@ export const TaskSidebar: FC<TaskSidebarProps> = ({ task }) => {
 		.flatMap((r) => r.agents)
 		.flatMap((a) => a?.apps)
 		.find((a) => a?.slug === AI_APP_CHAT_SLUG);
+	const showChatApp =
+		chatApp && (chatApp.health === "disabled" || chatApp.health === "healthy");
 
 	return (
 		<aside
@@ -49,7 +51,7 @@ export const TaskSidebar: FC<TaskSidebarProps> = ({ task }) => {
 					"border-0 border-r border-solid border-border",
 				],
 				// We want to make the sidebar wider for chat apps
-				chatApp ? "w-[520px]" : "w-[320px]",
+				showChatApp ? "w-[520px]" : "w-[320px]",
 			])}
 		>
 			<header className="border-0 border-b border-solid border-border p-4 pt-0">
@@ -104,7 +106,7 @@ export const TaskSidebar: FC<TaskSidebarProps> = ({ task }) => {
 				)}
 			</header>
 
-			{chatApp ? (
+			{showChatApp ? (
 				<TaskAppIFrame
 					active
 					key={chatApp.id}