From f59cfd393b3f269af3c975148b2e577c5dbd10a8 Mon Sep 17 00:00:00 2001
From: Matt <matt@letsbe.solutions>
Date: Thu, 5 Feb 2026 13:18:45 +0100
Subject: [PATCH] Display AI-assigned expertise tags on project detail page

- Add projectTags relation to project.get query
- Show expertise tags with confidence percentages
- Tags displayed with their assigned colors

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/app/(admin)/admin/projects/[id]/page.tsx | 27 ++++++++++++++++++++
 src/server/routers/project.ts                |  8 ++++++
 2 files changed, 35 insertions(+)

diff --git a/src/app/(admin)/admin/projects/[id]/page.tsx b/src/app/(admin)/admin/projects/[id]/page.tsx
index 344170f..8d2a048 100644
--- a/src/app/(admin)/admin/projects/[id]/page.tsx
+++ b/src/app/(admin)/admin/projects/[id]/page.tsx
@@ -305,6 +305,33 @@ function ProjectDetailContent({ projectId }: { projectId: string }) {
             </div>
           )}
 
+          {/* AI-Assigned Expertise Tags */}
+          {project.projectTags && project.projectTags.length > 0 && (
+            <div>
+              <p className="text-sm font-medium text-muted-foreground mb-2">
+                Expertise Tags
+              </p>
+              <div className="flex flex-wrap gap-2">
+                {project.projectTags.map((pt) => (
+                  <Badge
+                    key={pt.tag.id}
+                    variant="secondary"
+                    className="flex items-center gap-1"
+                    style={pt.tag.color ? { backgroundColor: `${pt.tag.color}20`, borderColor: pt.tag.color } : undefined}
+                  >
+                    {pt.tag.name}
+                    {pt.confidence < 1 && (
+                      <span className="text-xs opacity-60">
+                        {Math.round(pt.confidence * 100)}%
+                      </span>
+                    )}
+                  </Badge>
+                ))}
+              </div>
+            </div>
+          )}
+
+          {/* Simple Tags (legacy) */}
           {project.tags && project.tags.length > 0 && (
             <div>
               <p className="text-sm font-medium text-muted-foreground mb-2">
diff --git a/src/server/routers/project.ts b/src/server/routers/project.ts
index d11e3f4..ecb313a 100644
--- a/src/server/routers/project.ts
+++ b/src/server/routers/project.ts
@@ -222,6 +222,14 @@ export const projectRouter = router({
               },
             },
           },
+          projectTags: {
+            include: {
+              tag: {
+                select: { id: true, name: true, category: true, color: true },
+              },
+            },
+            orderBy: { confidence: 'desc' },
+          },
         },
       })