From dd1c65453a8388e0af0e07dbf727875df3afd5a8 Mon Sep 17 00:00:00 2001
From: OpenClaw Bot <ai-agent@topdoglabs.com>
Date: Thu, 19 Feb 2026 18:49:53 -0600
Subject: [PATCH] Add project pill/badge to task cards in Kanban

---
 src/app/page.tsx | 29 +++++++++++++++++++++--------
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e25f04f..c6b8fb5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -332,7 +332,9 @@ export default function Home() {
                         </div>
 
                         <div className="space-y-3">
-                          {columnTasks.map((task) => (
+                          {columnTasks.map((task) => {
+                            const taskProject = projects.find((p) => p.id === task.projectId)
+                            return (
                             <Card
                               key={task.id}
                               className="bg-slate-900 border-slate-800 hover:border-slate-700 cursor-pointer transition-colors group"
@@ -340,12 +342,23 @@ export default function Home() {
                             >
                               <CardContent className="p-4">
                                 <div className="flex items-start justify-between mb-2">
-                                  <Badge
-                                    variant="outline"
-                                    className={`text-xs ${typeColors[task.type]} text-white border-0`}
-                                  >
-                                    {typeLabels[task.type]}
-                                  </Badge>
+                                  <div className="flex items-center gap-2">
+                                    <Badge
+                                      variant="outline"
+                                      className={`text-xs ${typeColors[task.type]} text-white border-0`}
+                                    >
+                                      {typeLabels[task.type]}
+                                    </Badge>
+                                    {taskProject && (
+                                      <Badge
+                                        variant="outline"
+                                        className="text-xs text-white border-0"
+                                        style={{ backgroundColor: taskProject.color }}
+                                      >
+                                        {taskProject.name}
+                                      </Badge>
+                                    )}
+                                  </div>
                                   <div className="opacity-0 group-hover:opacity-100 transition-opacity flex gap-1">
                                     <button
                                       onClick={(e) => {
@@ -409,7 +422,7 @@ export default function Home() {
                                 )}
                               </CardContent>
                             </Card>
-                          ))}
+                          )})}
                         </div>
                       </div>
                     )