From fbea338c23d934de44f6df1afaac538349dade9e Mon Sep 17 00:00:00 2001
From: Nexus Dev <nexus@local>
Date: Thu, 2 Apr 2026 17:03:58 +0000
Subject: [PATCH] feat(28-02): add Hermes skill badge and native skills section
 header in AgentSkillsTab

- Render purple "Hermes skill" badge for skills with originLabel === "Hermes skill"
- Section header shows "Hermes native skills & user-installed skills" for hermes_local agents
- Non-Hermes originLabel values continue to render as plain muted text
---
 ui/src/pages/AgentDetail.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/src/pages/AgentDetail.tsx b/ui/src/pages/AgentDetail.tsx
index 584cfdb6..32fd1fc0 100644
--- a/ui/src/pages/AgentDetail.tsx
+++ b/ui/src/pages/AgentDetail.tsx
@@ -2958,7 +2958,11 @@ function AgentSkillsTab({
                     </MarkdownBody>
                   )}
                   {skill.readOnly && skill.originLabel && (
-                    <p className="mt-1 text-xs text-muted-foreground">{skill.originLabel}</p>
+                    skill.originLabel === "Hermes skill" ? (
+                      <span className="mt-1 inline-flex items-center rounded-full bg-purple-500/10 px-2 py-0.5 text-xs font-medium text-purple-400">Hermes skill</span>
+                    ) : (
+                      <p className="mt-1 text-xs text-muted-foreground">{skill.originLabel}</p>
+                    )
                   )}
                   {skill.readOnly && skill.locationLabel && (
                     <p className="mt-1 text-xs text-muted-foreground">Location: {skill.locationLabel}</p>
@@ -3060,7 +3064,9 @@ function AgentSkillsTab({
                       onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); setUnmanagedOpen((v) => !v); } }}
                     >
                       <span className="text-xs font-medium text-muted-foreground">
-                        {`(${unmanagedSkillRows.length}) User-installed skills, not managed by ${VOCAB.appName}`}
+                        {agent.adapterType === "hermes_local"
+                          ? `(${unmanagedSkillRows.length}) Hermes native skills & user-installed skills`
+                          : `(${unmanagedSkillRows.length}) User-installed skills, not managed by ${VOCAB.appName}`}
                       </span>
                       {unmanagedOpen ? <ChevronDown className="h-3.5 w-3.5 text-muted-foreground" /> : <ChevronRight className="h-3.5 w-3.5 text-muted-foreground" />}
                     </div>