@industry-theme/agent-panels 0.1.3 → 0.1.4

package/README.md

@@ -416,13 +416,14 @@ const MyPanel: React.FC<PanelComponentProps> = ({ context }) => {
 
 Panels can access these data slices from the host:
 
-| Slice      | Type             | Description                  |
-| ---------- | ---------------- | ---------------------------- |
-| `git`      | `GitStatus`      | Git repository status        |
-| `markdown` | `MarkdownFile[]` | Markdown files in repository |
-| `fileTree` | `FileTree`       | File system tree structure   |
-| `packages` | `PackageLayer[]` | Package dependencies         |
-| `quality`  | `QualityMetrics` | Code quality metrics         |
+| Slice          | Type               | Description                           |
+| -------------- | ------------------ | ------------------------------------- |
+| `git`          | `GitStatus`        | Git repository status                 |
+| `markdown`     | `MarkdownFile[]`   | Markdown files in repository          |
+| `fileTree`     | `FileTree`         | File system tree structure            |
+| `packages`     | `PackageLayer[]`   | Package dependencies                  |
+| `quality`      | `QualityMetrics`   | Code quality metrics                  |
+| `globalSkills` | `GlobalSkillsSlice`| Global skills from user directories   |
 
 Check availability before use:
 
@@ -432,6 +433,73 @@ if (context.hasSlice('git') && !context.isSliceLoading('git')) {
 }
 ```
 
+### Global Skills Support
+
+The Skills List panel supports both project and global skills:
+
+**Project Skills** (discovered via `fileTree`):
+- Any `SKILL.md` file in the project file tree
+- Automatically detected and categorized by path:
+  - `.agent/skills/` → `project-universal`
+  - `.claude/skills/` → `project-claude`
+  - Other locations → `project-other`
+
+**Global Skills** (provided via `globalSkills` slice):
+- `~/.agent/skills/` → `global-universal`
+- `~/.claude/skills/` → `global-claude`
+
+#### Host Implementation
+
+To provide global skills, the host application must:
+
+1. Scan global skill directories
+2. Read and parse SKILL.md files
+3. Analyze folder structure (scripts/, references/, assets/)
+4. Provide pre-formatted data through the `globalSkills` slice:
+
+```typescript
+interface GlobalSkillsSlice {
+  skills: Skill[];
+}
+
+interface Skill {
+  id: string;                    // e.g., "global:~/.agent/skills/skill-name"
+  name: string;
+  path: string;                  // Absolute path to SKILL.md
+  source: SkillSource;           // 'global-universal' | 'global-claude'
+  priority: 1 | 2 | 3 | 4 | 5;
+  description?: string;
+  content: string;               // Full SKILL.md content
+  capabilities?: string[];
+  skillFolderPath: string;
+  hasScripts: boolean;
+  hasReferences: boolean;
+  hasAssets: boolean;
+  scriptFiles?: string[];
+  referenceFiles?: string[];
+  assetFiles?: string[];
+}
+
+// Example usage:
+context.setSlice('globalSkills', {
+  scope: 'global',
+  name: 'globalSkills',
+  data: { skills: mockGlobalSkills },
+  loading: false,
+  error: null,
+  refresh: async () => {},
+});
+```
+
+#### UI Features
+
+The Skills List panel includes:
+- **Filter Toggle**: Switch between All/Project/Global skills
+- **Source Badges**: Visual indicators showing skill origin
+  - 🌐 Global (purple/cyan)
+  - 📁 Project (green/blue/slate)
+- **Merged View**: Seamlessly displays both local and global skills
+
 ## Event Types
 
 Standard panel events:

package/dist/panels/skills/components/SkillCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkillCard.d.ts","sourceRoot":"","sources":["../../../../src/panels/skills/components/SkillCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,KAAK,EAAe,MAAM,wBAAwB,CAAC;AAEjE,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAkDD;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqP9C,CAAC"}
+{"version":3,"file":"SkillCard.d.ts","sourceRoot":"","sources":["../../../../src/panels/skills/components/SkillCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,KAAK,EAAe,MAAM,wBAAwB,CAAC;AAEjE,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAkDD;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+Q9C,CAAC"}

package/dist/panels/skills/hooks/useSkillsData.d.ts

@@ -1,5 +1,16 @@
 import type { PanelContextValue } from '../../../types';
 export type SkillSource = 'project-universal' | 'global-universal' | 'project-claude' | 'global-claude' | 'project-other';
+export interface SkillMetadata {
+    installedFrom?: string;
+    skillPath?: string;
+    owner?: string;
+    repo?: string;
+    branch?: string;
+    installedAt?: string;
+    destination?: string;
+    sha?: string;
+    files?: string[];
+}
 export interface Skill {
     id: string;
     name: string;
@@ -16,6 +27,7 @@ export interface Skill {
     assetFiles?: string[];
     source: SkillSource;
     priority: 1 | 2 | 3 | 4 | 5;
+    metadata?: SkillMetadata;
 }
 /**
  * Global skills data provided by the host application

package/dist/panels/skills/hooks/useSkillsData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSkillsData.d.ts","sourceRoot":"","sources":["../../../../src/panels/skills/hooks/useSkillsData.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,MAAM,WAAW,GACnB,mBAAmB,GACnB,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,eAAe,CAAC;AAEpB,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IAEtB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAED,UAAU,mBAAmB;IAC3B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACpC;AAkHD;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,cAE3B,mBAAmB,KAAG,mBAiHxB,CAAC"}
+{"version":3,"file":"useSkillsData.d.ts","sourceRoot":"","sources":["../../../../src/panels/skills/hooks/useSkillsData.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,MAAM,WAAW,GACnB,mBAAmB,GACnB,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,eAAe,CAAC;AAEpB,MAAM,WAAW,aAAa;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IAEtB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAE5B,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAED,UAAU,mBAAmB;IAC3B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACpC;AAsID;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,cAE3B,mBAAmB,KAAG,mBAiHxB,CAAC"}

package/dist/panels.bundle.js

@@ -2201,7 +2201,7 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$i = [
+const __iconNode$j = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -2211,72 +2211,72 @@ const __iconNode$i = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$i);
+const BookOpen = createLucideIcon("book-open", __iconNode$j);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$h = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$h);
+const __iconNode$i = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$i);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$g = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$g);
+const __iconNode$h = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$h);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$f);
+const __iconNode$g = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$g);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [
+const __iconNode$f = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$e);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$f);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [
+const __iconNode$e = [
   ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
   ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
 ];
-const Code = createLucideIcon("code", __iconNode$d);
+const Code = createLucideIcon("code", __iconNode$e);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$c = [
+const __iconNode$d = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$c);
+const Copy = createLucideIcon("copy", __iconNode$d);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$b = [
+const __iconNode$c = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -2286,14 +2286,14 @@ const __iconNode$b = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$b);
+const Expand = createLucideIcon("expand", __iconNode$c);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$a = [
+const __iconNode$b = [
   [
     "path",
     {
@@ -2305,14 +2305,14 @@ const __iconNode$a = [
   ["path", { d: "M10 12.5 8 15l2 2.5", key: "1tg20x" }],
   ["path", { d: "m14 12.5 2 2.5-2 2.5", key: "yinavb" }]
 ];
-const FileCode = createLucideIcon("file-code", __iconNode$a);
+const FileCode = createLucideIcon("file-code", __iconNode$b);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$9 = [
+const __iconNode$a = [
   [
     "path",
     {
@@ -2325,14 +2325,14 @@ const __iconNode$9 = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$9);
+const FileText = createLucideIcon("file-text", __iconNode$a);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$8 = [
+const __iconNode$9 = [
   [
     "path",
     {
@@ -2341,7 +2341,24 @@ const __iconNode$8 = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$8);
+const Folder = createLucideIcon("folder", __iconNode$9);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$8 = [
+  [
+    "path",
+    {
+      d: "M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4",
+      key: "tonef"
+    }
+  ],
+  ["path", { d: "M9 18c-4.51 2-5-2-7-2", key: "9comsn" }]
+];
+const Github = createLucideIcon("github", __iconNode$8);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -2478,7 +2495,7 @@ const analyzeSkillStructure = (fileTree, skillPath) => {
     assetFiles
   };
 };
-const parseSkillContent = (content2, path2, fileTree) => {
+const parseSkillContent = async (content2, path2, fileTree, fileSystemAdapter) => {
   const pathParts = path2.split("/");
   const skillDirName = pathParts[pathParts.length - 2] || "Unknown Skill";
   let description = "";
@@ -2503,6 +2520,17 @@ const parseSkillContent = (content2, path2, fileTree) => {
   }
   const structure = analyzeSkillStructure(fileTree, path2);
   const { source: source2, priority } = determineSkillSource(path2);
+  let metadata;
+  if (fileSystemAdapter && structure.skillFolderPath) {
+    try {
+      const metadataPath = `${structure.skillFolderPath}/.metadata.json`;
+      const metadataContent = await fileSystemAdapter.readFile(metadataPath);
+      metadata = JSON.parse(metadataContent);
+      console.log("[useSkillsData] Loaded metadata for skill:", skillDirName, metadata);
+    } catch (error) {
+      console.debug("[useSkillsData] No metadata file for skill:", skillDirName);
+    }
+  }
   return {
     id: path2,
     name: skillDirName.replace(/-/g, " ").replace(/_/g, " "),
@@ -2513,7 +2541,8 @@ const parseSkillContent = (content2, path2, fileTree) => {
     // Limit to first 3 capabilities
     ...structure,
     source: source2,
-    priority
+    priority,
+    metadata
   };
 };
 const useSkillsData = ({
@@ -2557,7 +2586,7 @@ const useSkillsData = ({
           try {
             const fullPath = `${repoPath}/${skillPath}`;
             const content2 = await fileSystem.readFile(fullPath);
-            return parseSkillContent(content2, skillPath, fileTree);
+            return parseSkillContent(content2, skillPath, fileTree, fileSystem);
           } catch (err) {
             console.error(`Failed to read skill at ${skillPath}:`, err);
             return null;
@@ -2648,7 +2677,7 @@ const SkillCard = ({
   onClick,
   isSelected = false
 }) => {
-  var _a, _b, _c, _d, _e2, _f;
+  var _a, _b, _c, _d, _e2, _f, _g, _h;
   const { theme: theme2 } = useTheme();
   const sourceConfig = getSourceConfig(skill.source);
   return /* @__PURE__ */ jsxs(
@@ -2717,29 +2746,60 @@ const SkillCard = ({
                   children: skill.name
                 }
               ),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  style: {
-                    display: "inline-flex",
-                    alignItems: "center",
-                    gap: "4px",
-                    padding: "2px 6px",
-                    borderRadius: theme2.radii[1],
-                    backgroundColor: sourceConfig.bgColor,
-                    border: `1px solid ${sourceConfig.borderColor}`,
-                    fontSize: theme2.fontSizes[0],
-                    color: sourceConfig.color,
-                    fontWeight: 500,
-                    width: "fit-content"
-                  },
-                  title: `Source: ${skill.source}`,
-                  children: [
-                    /* @__PURE__ */ jsx(sourceConfig.icon, { size: 10 }),
-                    /* @__PURE__ */ jsx("span", { children: sourceConfig.label })
-                  ]
-                }
-              )
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "4px", alignItems: "center", flexWrap: "wrap" }, children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "inline-flex",
+                      alignItems: "center",
+                      gap: "4px",
+                      padding: "2px 6px",
+                      borderRadius: theme2.radii[1],
+                      backgroundColor: sourceConfig.bgColor,
+                      border: `1px solid ${sourceConfig.borderColor}`,
+                      fontSize: theme2.fontSizes[0],
+                      color: sourceConfig.color,
+                      fontWeight: 500,
+                      width: "fit-content"
+                    },
+                    title: `Source: ${skill.source}`,
+                    children: [
+                      /* @__PURE__ */ jsx(sourceConfig.icon, { size: 10 }),
+                      /* @__PURE__ */ jsx("span", { children: sourceConfig.label })
+                    ]
+                  }
+                ),
+                ((_a = skill.metadata) == null ? void 0 : _a.owner) && ((_b = skill.metadata) == null ? void 0 : _b.repo) && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "inline-flex",
+                      alignItems: "center",
+                      gap: "4px",
+                      padding: "2px 6px",
+                      borderRadius: theme2.radii[1],
+                      backgroundColor: "#23272d15",
+                      border: "1px solid #23272d30",
+                      fontSize: theme2.fontSizes[0],
+                      color: "#23272d",
+                      fontWeight: 500,
+                      fontFamily: theme2.fonts.monospace,
+                      width: "fit-content"
+                    },
+                    title: `From: ${skill.metadata.installedFrom}
+Installed: ${skill.metadata.installedAt ? new Date(skill.metadata.installedAt).toLocaleString() : "Unknown"}`,
+                    children: [
+                      /* @__PURE__ */ jsx(Github, { size: 10 }),
+                      /* @__PURE__ */ jsxs("span", { children: [
+                        skill.metadata.owner,
+                        "/",
+                        skill.metadata.repo
+                      ] })
+                    ]
+                  }
+                )
+              ] })
             ] })
           ] }),
           onClick && /* @__PURE__ */ jsx(
@@ -2825,10 +2885,10 @@ const SkillCard = ({
                 color: theme2.colors.primary,
                 fontWeight: 500
               },
-              title: `Scripts: ${(_a = skill.scriptFiles) == null ? void 0 : _a.join(", ")}`,
+              title: `Scripts: ${(_c = skill.scriptFiles) == null ? void 0 : _c.join(", ")}`,
               children: [
                 /* @__PURE__ */ jsx(Code, { size: 12 }),
-                /* @__PURE__ */ jsx("span", { children: ((_b = skill.scriptFiles) == null ? void 0 : _b.length) || 0 })
+                /* @__PURE__ */ jsx("span", { children: ((_d = skill.scriptFiles) == null ? void 0 : _d.length) || 0 })
               ]
             }
           ),
@@ -2847,10 +2907,10 @@ const SkillCard = ({
                 color: theme2.colors.secondary,
                 fontWeight: 500
               },
-              title: `References: ${(_c = skill.referenceFiles) == null ? void 0 : _c.join(", ")}`,
+              title: `References: ${(_e2 = skill.referenceFiles) == null ? void 0 : _e2.join(", ")}`,
               children: [
                 /* @__PURE__ */ jsx(BookOpen, { size: 12 }),
-                /* @__PURE__ */ jsx("span", { children: ((_d = skill.referenceFiles) == null ? void 0 : _d.length) || 0 })
+                /* @__PURE__ */ jsx("span", { children: ((_f = skill.referenceFiles) == null ? void 0 : _f.length) || 0 })
               ]
             }
           ),
@@ -2869,10 +2929,10 @@ const SkillCard = ({
                 color: theme2.colors.accent,
                 fontWeight: 500
               },
-              title: `Assets: ${(_e2 = skill.assetFiles) == null ? void 0 : _e2.join(", ")}`,
+              title: `Assets: ${(_g = skill.assetFiles) == null ? void 0 : _g.join(", ")}`,
               children: [
                 /* @__PURE__ */ jsx(Package, { size: 12 }),
-                /* @__PURE__ */ jsx("span", { children: ((_f = skill.assetFiles) == null ? void 0 : _f.length) || 0 })
+                /* @__PURE__ */ jsx("span", { children: ((_h = skill.assetFiles) == null ? void 0 : _h.length) || 0 })
               ]
             }
           )