From 9e843c4decd50423ee2992afcd0a046a673e22e1 Mon Sep 17 00:00:00 2001
From: Dotta <bippadotta@protonmail.com>
Date: Mon, 16 Mar 2026 18:56:56 -0500
Subject: [PATCH] Show namespace above skill name with icon on name row in
 detail view

On the skill detail page, the namespace (e.g. org/repo) now appears
above the skill name in small monospace text, and the source icon is
placed on the same row as the skill name rather than in the metadata.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 ui/src/pages/CompanySkills.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/ui/src/pages/CompanySkills.tsx b/ui/src/pages/CompanySkills.tsx
index 570bfea2..7b55006c 100644
--- a/ui/src/pages/CompanySkills.tsx
+++ b/ui/src/pages/CompanySkills.tsx
@@ -540,7 +540,15 @@ function SkillPane({
       <div className="border-b border-border px-5 py-4">
         <div className="flex flex-wrap items-start justify-between gap-4">
           <div className="min-w-0">
-            <h1 className="truncate text-2xl font-semibold">{detail.name}</h1>
+            {detail.key.includes("/") && (
+              <div className="truncate font-mono text-xs text-muted-foreground">
+                {detail.key.split("/").slice(0, -1).join("/")}
+              </div>
+            )}
+            <h1 className="flex items-center gap-2 truncate text-2xl font-semibold">
+              <SourceIcon className="h-5 w-5 shrink-0 text-muted-foreground" />
+              {detail.name}
+            </h1>
             {detail.description && (
               <p className="mt-2 max-w-3xl text-sm text-muted-foreground">{detail.description}</p>
             )}