From 9a26974ba876b5211b3e63afb20c19539d9eb75e Mon Sep 17 00:00:00 2001
From: Dotta <bippadotta@protonmail.com>
Date: Mon, 16 Mar 2026 18:49:58 -0500
Subject: [PATCH] Show skill namespace above name, exclude skill name from
 namespace

In both the company skills list and agent skills tab, the skill key
(e.g. org/repo/skill) is now split so only the namespace portion
(org/repo) appears above the skill name, rather than the full key
below it. Non-namespaced skills show no namespace line.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 ui/src/pages/AgentDetail.tsx   | 6 +++++-
 ui/src/pages/CompanySkills.tsx | 8 +++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/ui/src/pages/AgentDetail.tsx b/ui/src/pages/AgentDetail.tsx
index 7e8a912b..64f4c00b 100644
--- a/ui/src/pages/AgentDetail.tsx
+++ b/ui/src/pages/AgentDetail.tsx
@@ -1469,8 +1469,12 @@ function AgentSkillsTab({
                   <div className="min-w-0 flex-1">
                     <div className="flex items-center justify-between gap-3">
                       <div className="min-w-0">
+                        {skill.key.includes("/") && (
+                          <div className="truncate font-mono text-[11px] leading-4 text-muted-foreground">
+                            {skill.key.split("/").slice(0, -1).join("/")}
+                          </div>
+                        )}
                         <span className="truncate font-medium">{skill.name}</span>
-                        <div className="truncate font-mono text-[11px] text-muted-foreground">{skill.key}</div>
                       </div>
                       {skill.linkTo ? (
                         <Link
diff --git a/ui/src/pages/CompanySkills.tsx b/ui/src/pages/CompanySkills.tsx
index 1a0d576a..570bfea2 100644
--- a/ui/src/pages/CompanySkills.tsx
+++ b/ui/src/pages/CompanySkills.tsx
@@ -432,12 +432,14 @@ function SkillList({
                     </TooltipTrigger>
                     <TooltipContent side="top">{source.managedLabel}</TooltipContent>
                   </Tooltip>
+                  {skill.key.includes("/") && (
+                    <span className="block truncate font-mono text-[11px] leading-4 text-muted-foreground">
+                      {skill.key.split("/").slice(0, -1).join("/")}
+                    </span>
+                  )}
                   <span className="block min-w-0 overflow-hidden text-[13px] font-medium leading-5 [display:-webkit-box] [-webkit-box-orient:vertical] [-webkit-line-clamp:3]">
                     {skill.name}
                   </span>
-                  <span className="truncate font-mono text-[11px] text-muted-foreground">
-                    {skill.key}
-                  </span>
                 </span>
               </Link>
               <button