@industry-theme/agent-panels 0.2.29 → 0.2.31

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.bundle.js

@@ -3003,7 +3003,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 +3111,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 +3923,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 +3935,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 +3963,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 +4299,8 @@ const SkillsBrowsePanel = ({
                   {
                     skill,
                     onClick: handleSkillClick,
-                    isSelected: selectedSkillId === skill.id
+                    isSelected: selectedSkillId === skill.id,
+                    isInstalled: installedSkillNames.has(skill.name)
                   },
                   skill.id
                 ))
@@ -48969,7 +49000,7 @@ const SkillSidebar = ({
   skill
 }) => {
   const [activeTab, setActiveTab] = React2__default.useState("toc");
-  const [isCollapsed, setIsCollapsed] = React2__default.useState(false);
+  const [isCollapsed, setIsCollapsed] = React2__default.useState(true);
   const hasMetadata = metadata.compatibility || metadata["allowed-tools"] && metadata["allowed-tools"].length > 0 || metadata.metadata && Object.keys(metadata.metadata).length > 0 || (skill == null ? void 0 : skill.installedLocations) && skill.installedLocations.length > 1;
   React2__default.useEffect(() => {
     if (headers.length === 0 && hasMetadata) {