tasks: improve sidebar chat loading

hugodutka · hugodutka · commit d0e7bdee8ad3 · 2025-06-05T16:34:16.000Z
diff --git a/site/src/pages/TaskPage/TaskSidebar.tsx b/site/src/pages/TaskPage/TaskSidebar.tsx
@@ -23,7 +23,7 @@ import {
 } from "lucide-react";
 import { AppStatusStateIcon } from "modules/apps/AppStatusStateIcon";
 import type { Task } from "modules/tasks/tasks";
-import type { FC } from "react";
+import { type FC } from "react";
 import { Link as RouterLink } from "react-router-dom";
 import { cn } from "utils/cn";
 import { timeFrom } from "utils/time";
@@ -40,6 +40,7 @@ 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 +50,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 +105,7 @@ export const TaskSidebar: FC<TaskSidebarProps> = ({ task }) => {
 				)}
 			</header>
 
-			{chatApp ? (
+			{showChatApp ? (
 				<TaskAppIFrame
 					active
 					key={chatApp.id}
