@industry-theme/agent-panels 0.2.30 → 0.2.32

package/dist/panels/SkillsBrowsePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkillsBrowsePanel.d.ts","sourceRoot":"","sources":["../../src/panels/SkillsBrowsePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAIpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAKpD,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6Y9D,CAAC"}
+{"version":3,"file":"SkillsBrowsePanel.d.ts","sourceRoot":"","sources":["../../src/panels/SkillsBrowsePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAIpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAKpD,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuZ9D,CAAC"}

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

@@ -9,6 +9,11 @@ interface SkillCardProps {
      * Used to determine which path to copy when skill has multiple installations
      */
     filterContext?: 'project' | 'global';
+    /**
+     * Whether this skill is already installed globally
+     * Used in browse mode to show installation status
+     */
+    isInstalled?: boolean;
 }
 /**
  * SkillCard - Displays a single skill with its metadata

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;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CACtC;AAoED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkZ9C,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;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAoED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0a9C,CAAC"}

package/dist/panels/skills/components/SkillMarkdown.d.ts

@@ -38,6 +38,25 @@ export interface SkillMarkdownProps {
     actions?: PanelActions;
     /** Optional event emitter for panel communication */
     events?: PanelEventEmitter;
+    /** Install button configuration */
+    installConfig?: {
+        /** Whether the skill is currently installed */
+        isInstalled: boolean;
+        /** Directory IDs where the skill is installed */
+        installedDirectoryIds?: string[];
+        /** GitHub source information for the skill */
+        githubSource?: {
+            owner: string;
+            repo: string;
+            branch: string;
+            skillPath: string;
+            currentSha?: string;
+        };
+        /** Callback when install button is clicked */
+        onInstall: () => void;
+        /** Optional callback when uninstall is requested */
+        onUninstall?: () => void;
+    };
 }
 /**
  * SkillMarkdown component

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

@@ -1 +1 @@
-{"version":3,"file":"SkillMarkdown.d.ts","sourceRoot":"","sources":["../../../../src/panels/skills/components/SkillMarkdown.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAEL,KAAK,kBAAkB,EAEvB,KAAK,iBAAiB,EACvB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,KAAK,EAAe,MAAM,wBAAwB,CAAC;AAGjE,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,4CAA4C;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,kDAAkD;IAClD,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IACrD,+DAA+D;IAC/D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yEAAyE;IACzE,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,uEAAuE;IACvE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,qDAAqD;IACrD,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AA+lBD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8QtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SkillMarkdown.d.ts","sourceRoot":"","sources":["../../../../src/panels/skills/components/SkillMarkdown.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAEL,KAAK,kBAAkB,EAEvB,KAAK,iBAAiB,EACvB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,KAAK,EAAe,MAAM,wBAAwB,CAAC;AAGjE,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,4CAA4C;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,kDAAkD;IAClD,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IACrD,+DAA+D;IAC/D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yEAAyE;IACzE,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,uEAAuE;IACvE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,qDAAqD;IACrD,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,mCAAmC;IACnC,aAAa,CAAC,EAAE;QACd,+CAA+C;QAC/C,WAAW,EAAE,OAAO,CAAC;QACrB,iDAAiD;QACjD,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;QACjC,8CAA8C;QAC9C,YAAY,CAAC,EAAE;YACb,KAAK,EAAE,MAAM,CAAC;YACd,IAAI,EAAE,MAAM,CAAC;YACb,MAAM,EAAE,MAAM,CAAC;YACf,SAAS,EAAE,MAAM,CAAC;YAClB,UAAU,CAAC,EAAE,MAAM,CAAC;SACrB,CAAC;QACF,8CAA8C;QAC9C,SAAS,EAAE,MAAM,IAAI,CAAC;QACtB,oDAAoD;QACpD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;KAC1B,CAAC;CACH;AA+lBD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyXtD,CAAC;AAEF,eAAe,aAAa,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$t = [
+const __iconNode$u = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -2211,14 +2211,14 @@ const __iconNode$t = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$t);
+const BookOpen = createLucideIcon("book-open", __iconNode$u);
 /**
  * @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$s = [
+const __iconNode$t = [
   ["path", { d: "M12 8V4H8", key: "hb8ula" }],
   ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
   ["path", { d: "M2 14h2", key: "vft8re" }],
@@ -2226,93 +2226,105 @@ const __iconNode$s = [
   ["path", { d: "M15 13v2", key: "1xurst" }],
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Bot = createLucideIcon("bot", __iconNode$s);
+const Bot = createLucideIcon("bot", __iconNode$t);
 /**
  * @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$r = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$r);
+const __iconNode$s = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$s);
 /**
  * @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$q = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$q);
+const __iconNode$r = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$r);
 /**
  * @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$p = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$p);
+const __iconNode$q = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$q);
 /**
  * @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$o = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$o);
+const __iconNode$p = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$p);
 /**
  * @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$n = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$n);
+const __iconNode$o = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$o);
 /**
  * @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$m = [
+const __iconNode$n = [
   ["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$m);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$n);
 /**
  * @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$l = [
+const __iconNode$m = [
   ["path", { d: "m18 16 4-4-4-4", key: "1inbqp" }],
   ["path", { d: "m6 8-4 4 4 4", key: "15zrgr" }],
   ["path", { d: "m14.5 4-5 16", key: "e7oirm" }]
 ];
-const CodeXml = createLucideIcon("code-xml", __iconNode$l);
+const CodeXml = createLucideIcon("code-xml", __iconNode$m);
 /**
  * @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$k = [
+const __iconNode$l = [
   ["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$k);
+const Code = createLucideIcon("code", __iconNode$l);
 /**
  * @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$j = [
+const __iconNode$k = [
   ["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$j);
+const Copy = createLucideIcon("copy", __iconNode$k);
+/**
+ * @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$j = [
+  ["path", { d: "M12 15V3", key: "m9g1x1" }],
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+  ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
+];
+const Download = createLucideIcon("download", __iconNode$j);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -3003,7 +3015,8 @@ const SkillCard = ({
   skill,
   onClick,
   isSelected = false,
-  filterContext
+  filterContext,
+  isInstalled = false
 }) => {
   var _a, _b, _c, _d, _e2, _f, _g, _h;
   const { theme: theme2 } = useTheme();
@@ -3110,6 +3123,30 @@ const SkillCard = ({
                   ]
                 }
               ),
+              isInstalled && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: "4px",
+                    padding: "2px 6px",
+                    borderRadius: theme2.radii[1],
+                    backgroundColor: "#16a34a15",
+                    // green
+                    border: `1px solid #16a34a30`,
+                    fontSize: theme2.fontSizes[0],
+                    color: "#16a34a",
+                    fontWeight: 500,
+                    width: "fit-content"
+                  },
+                  title: "This skill is already installed globally",
+                  children: [
+                    /* @__PURE__ */ jsx(Package, { size: 10 }),
+                    /* @__PURE__ */ jsx("span", { children: "Installed" })
+                  ]
+                }
+              ),
               ((_a = skill.metadata) == null ? void 0 : _a.owner) && ((_b = skill.metadata) == null ? void 0 : _b.repo) && /* @__PURE__ */ jsxs(
                 "a",
                 {
@@ -3898,7 +3935,7 @@ const SkillsBrowsePanel = ({
   events,
   supportsRefresh = false
 }) => {
-  var _a;
+  var _a, _b;
   const { theme: theme2 } = useTheme();
   const panelRef = useRef(null);
   const [selectedSkillId, setSelectedSkillId] = useState(null);
@@ -3910,6 +3947,11 @@ const SkillsBrowsePanel = ({
   const sourceInfo = (_a = fileTree == null ? void 0 : fileTree.metadata) == null ? void 0 : _a.sourceInfo;
   const owner = sourceInfo == null ? void 0 : sourceInfo.owner;
   const repo = sourceInfo == null ? void 0 : sourceInfo.repo;
+  const globalSkillsSlice = context.getSlice("globalSkills");
+  const globalSkills = ((_b = globalSkillsSlice == null ? void 0 : globalSkillsSlice.data) == null ? void 0 : _b.skills) || [];
+  const installedSkillNames = useMemo(() => {
+    return new Set(globalSkills.map((skill) => skill.name));
+  }, [globalSkills]);
   gt("skills-browse", events, () => {
     var _a2;
     return (_a2 = panelRef.current) == null ? void 0 : _a2.focus();
@@ -3933,10 +3975,10 @@ const SkillsBrowsePanel = ({
     if (searchQuery.trim()) {
       const query = searchQuery.toLowerCase().trim();
       filtered = filtered.filter((skill) => {
-        var _a2, _b;
+        var _a2, _b2;
         if (skill.name.toLowerCase().includes(query)) return true;
         if ((_a2 = skill.description) == null ? void 0 : _a2.toLowerCase().includes(query)) return true;
-        if ((_b = skill.capabilities) == null ? void 0 : _b.some((cap2) => cap2.toLowerCase().includes(query)))
+        if ((_b2 = skill.capabilities) == null ? void 0 : _b2.some((cap2) => cap2.toLowerCase().includes(query)))
           return true;
         if (skill.path.toLowerCase().includes(query)) return true;
         return false;
@@ -4269,7 +4311,8 @@ const SkillsBrowsePanel = ({
                   {
                     skill,
                     onClick: handleSkillClick,
-                    isSelected: selectedSkillId === skill.id
+                    isSelected: selectedSkillId === skill.id,
+                    isInstalled: installedSkillNames.has(skill.name)
                   },
                   skill.id
                 ))
@@ -49855,7 +49898,8 @@ const SkillMarkdown = ({
   structure,
   skill,
   actions,
-  events
+  events,
+  installConfig
 }) => {
   const [parsed, setParsed] = React2__default.useState(null);
   const [headers, setHeaders] = React2__default.useState([]);
@@ -50049,6 +50093,112 @@ const SkillMarkdown = ({
             onClose: handleCloseSearch
           }
         ),
+        installConfig && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              padding: "12px 16px",
+              background: theme2.colors.backgroundSecondary,
+              borderBottom: `1px solid ${theme2.colors.border}`,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              gap: "12px",
+              flexShrink: 0
+            },
+            children: [
+              /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "12px", flex: 1 }, children: installConfig.githubSource && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", fontSize: theme2.fontSizes[1], color: theme2.colors.textSecondary }, children: [
+                /* @__PURE__ */ jsx(Globe, { size: 14 }),
+                /* @__PURE__ */ jsxs("span", { style: { fontFamily: theme2.fonts.monospace }, children: [
+                  installConfig.githubSource.owner,
+                  "/",
+                  installConfig.githubSource.repo
+                ] }),
+                /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.border }, children: "•" }),
+                /* @__PURE__ */ jsx("span", { children: installConfig.githubSource.branch })
+              ] }) }),
+              installConfig.isInstalled ? /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "6px",
+                      padding: "6px 12px",
+                      borderRadius: theme2.radii[1],
+                      background: "#16a34a15",
+                      border: "1px solid #16a34a30",
+                      color: "#16a34a",
+                      fontSize: theme2.fontSizes[1],
+                      fontWeight: 500
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(Check, { size: 14 }),
+                      /* @__PURE__ */ jsx("span", { children: "Installed" })
+                    ]
+                  }
+                ),
+                installConfig.onUninstall && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: installConfig.onUninstall,
+                    style: {
+                      padding: "6px 12px",
+                      borderRadius: theme2.radii[1],
+                      background: "transparent",
+                      border: `1px solid ${theme2.colors.border}`,
+                      color: theme2.colors.textSecondary,
+                      fontSize: theme2.fontSizes[1],
+                      cursor: "pointer",
+                      transition: "all 0.2s"
+                    },
+                    onMouseEnter: (e) => {
+                      e.currentTarget.style.background = theme2.colors.backgroundSecondary;
+                      e.currentTarget.style.borderColor = theme2.colors.error;
+                      e.currentTarget.style.color = theme2.colors.error;
+                    },
+                    onMouseLeave: (e) => {
+                      e.currentTarget.style.background = "transparent";
+                      e.currentTarget.style.borderColor = theme2.colors.border;
+                      e.currentTarget.style.color = theme2.colors.textSecondary;
+                    },
+                    children: "Uninstall"
+                  }
+                )
+              ] }) : /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: installConfig.onInstall,
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "6px",
+                    padding: "8px 16px",
+                    borderRadius: theme2.radii[1],
+                    background: theme2.colors.primary,
+                    border: "none",
+                    color: theme2.colors.background,
+                    fontSize: theme2.fontSizes[1],
+                    fontWeight: 500,
+                    cursor: "pointer",
+                    transition: "all 0.2s"
+                  },
+                  onMouseEnter: (e) => {
+                    e.currentTarget.style.opacity = "0.85";
+                  },
+                  onMouseLeave: (e) => {
+                    e.currentTarget.style.opacity = "1";
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Download, { size: 14 }),
+                    /* @__PURE__ */ jsx("span", { children: "Install Skill" })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
         /* @__PURE__ */ jsx("div", { style: { padding: theme2.space[3], paddingBottom: 0 }, children: /* @__PURE__ */ jsx(SkillMetadataSection, { metadata: parsed.metadata, theme: theme2, structure, skill, actions, events }) }),
         /* @__PURE__ */ jsxs("div", { style: { flex: 1, display: "flex", overflow: "hidden" }, children: [
           /* @__PURE__ */ jsx(