From d4d4b8fb3d1bf52574e44ee3d1dc96a405f75bfd Mon Sep 17 00:00:00 2001
From: Test User <test@example.com>
Date: Mon, 22 Dec 2025 23:08:58 -0500
Subject: [PATCH] feat(TaskNode): conditionally render title and adjust
 description styling

---
 .../views/graph-view/components/task-node.tsx      | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/apps/ui/src/components/views/graph-view/components/task-node.tsx b/apps/ui/src/components/views/graph-view/components/task-node.tsx
index 06beb251..8ea4f319 100644
--- a/apps/ui/src/components/views/graph-view/components/task-node.tsx
+++ b/apps/ui/src/components/views/graph-view/components/task-node.tsx
@@ -279,9 +279,19 @@ export const TaskNode = memo(function TaskNode({ data, selected }: TaskNodeProps
           </span>
 
           {/* Title */}
-          <h3 className="text-sm font-medium mt-1 line-clamp-2 text-foreground">
+          {data.title && (
+            <h3 className="text-sm font-medium mt-1 line-clamp-1 text-foreground">{data.title}</h3>
+          )}
+
+          {/* Description */}
+          <p
+            className={cn(
+              'text-xs text-muted-foreground line-clamp-2',
+              data.title ? 'mt-1' : 'mt-1 font-medium text-foreground text-sm'
+            )}
+          >
             {data.description}
-          </h3>
+          </p>
 
           {/* Progress indicator for in-progress tasks */}
           {data.isRunning && (