@industry-theme/agent-panels 0.2.16 → 0.2.18

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import { type SkillsListPanelProps } from './panels/SkillsListPanel';
+import { type SkillDetailPanelProps } from './panels/SkillDetailPanel';
 import type { PanelDefinition } from './types';
-export type { SkillsListPanelProps };
+import type { Skill } from './panels/skills/hooks/useSkillsData';
+export type { SkillsListPanelProps, SkillDetailPanelProps, Skill };
 /**
  * Export array of panel definitions.
  * This is the required export for panel extensions.

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAItF,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAGlE,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAErC;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,EA6GnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAGzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAG3B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AACtF,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGzF,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AAGjE,YAAY,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,EA6GnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAGzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAG3B,CAAC"}

package/dist/panels/SkillDetailPanel.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { PanelComponentProps } from '../types';
+import type { Skill } from './skills/hooks/useSkillsData';
 import './SkillDetailPanel.css';
 export interface SkillDetailPanelProps extends PanelComponentProps {
     /**
@@ -8,6 +9,12 @@ export interface SkillDetailPanelProps extends PanelComponentProps {
      * This allows the host to control panel state via props instead of events.
      */
     selectedSkillId?: string | null;
+    /**
+     * Optional skill object to display.
+     * If provided, bypasses useSkillsData loading for instant display.
+     * This provides better performance when the skill data is already available.
+     */
+    skill?: Skill | null;
 }
 export declare const SkillDetailPanel: React.FC<SkillDetailPanelProps>;
 //# sourceMappingURL=SkillDetailPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkillDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/SkillDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAOpD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAqL5D,CAAC"}
+{"version":3,"file":"SkillDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/SkillDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAK1D,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+L5D,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"SkillsListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/SkillsListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;IAC/D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwa1D,CAAC"}
+{"version":3,"file":"SkillsListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/SkillsListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAIpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAOpD,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;IAC/D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0b1D,CAAC"}

package/dist/panels.bundle.js

@@ -2579,7 +2579,7 @@ const findSkillFiles = (fileTree, isBrowserMode = false) => {
     if (isBrowserMode) {
       return file.name === "SKILL.md" || file.name.toLowerCase() === "skill.md";
     }
-    const isInSkillDir = path2.includes(".agent/skills/") || path2.includes(".claude/skills/");
+    const isInSkillDir = path2.includes(".agent/skills/") || path2.includes(".claude/skills/") || path2.includes("/skills/");
     return isMarkdown && isInSkillDir;
   });
   return skillFiles.map((file) => file.relativePath);
@@ -3295,6 +3295,20 @@ const SkillsListPanel = ({
     var _a;
     return (_a = panelRef.current) == null ? void 0 : _a.focus();
   });
+  useEffect(() => {
+    const unsubscribeInstalled = events.on("skill:installed", () => {
+      console.log("[SkillsListPanel] Skill installed, refreshing...");
+      refreshSkills();
+    });
+    const unsubscribeUninstalled = events.on("skill:uninstalled", () => {
+      console.log("[SkillsListPanel] Skill uninstalled, refreshing...");
+      refreshSkills();
+    });
+    return () => {
+      unsubscribeInstalled();
+      unsubscribeUninstalled();
+    };
+  }, [events, refreshSkills]);
   const hasRepository = useMemo(() => {
     const fileTreeSlice = context.getSlice("fileTree");
     return !!(fileTreeSlice == null ? void 0 : fileTreeSlice.data);
@@ -48745,14 +48759,16 @@ const SkillDetailPanel = ({
   context,
   events,
   actions,
-  selectedSkillId: selectedSkillIdProp
+  selectedSkillId: selectedSkillIdProp,
+  skill: skillProp
 }) => {
   const { theme: theme2 } = useTheme();
   const { skills, isLoading, error } = useSkillsData({ context });
   const [selectedSkillIdState, setSelectedSkillIdState] = useState(null);
-  const [skill, setSkill] = useState(null);
+  const [skillState, setSkillState] = useState(null);
   const panelRef = useRef(null);
   const selectedSkillId = selectedSkillIdProp !== void 0 ? selectedSkillIdProp : selectedSkillIdState;
+  const skill = skillProp !== void 0 ? skillProp : skillState;
   gt(
     "skill-detail",
     events,
@@ -48775,13 +48791,16 @@ const SkillDetailPanel = ({
     return unsubscribe;
   }, [events, selectedSkillIdProp]);
   useEffect(() => {
+    if (skillProp !== void 0) {
+      return;
+    }
     if (selectedSkillId && skills.length > 0) {
       const foundSkill = skills.find((s2) => s2.id === selectedSkillId);
-      setSkill(foundSkill || null);
+      setSkillState(foundSkill || null);
     } else if (!selectedSkillId) {
-      setSkill(null);
+      setSkillState(null);
     }
-  }, [selectedSkillId, skills]);
+  }, [selectedSkillId, skills, skillProp]);
   if (error) {
     return /* @__PURE__ */ jsx(
       "div",