@industry-theme/agent-panels 0.2.9 → 0.2.11

package/dist/panels/SkillDetailPanel.d.ts

@@ -2,6 +2,12 @@ import React from 'react';
 import type { PanelComponentProps } from '../types';
 import './SkillDetailPanel.css';
 export interface SkillDetailPanelProps extends PanelComponentProps {
+    /**
+     * Optional skill ID to display.
+     * If provided, this takes precedence over event-based selection.
+     * This allows the host to control panel state via props instead of events.
+     */
+    selectedSkillId?: string | 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;AAQpD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;CAAG;AAErE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+R5D,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;AAQpD,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,CAsT5D,CAAC"}

package/dist/panels.bundle.js

@@ -47941,14 +47941,16 @@ var SkillMarkdown = ({
 const SkillDetailPanel = ({
   context,
   events,
-  actions
+  actions,
+  selectedSkillId: selectedSkillIdProp
 }) => {
   var _a, _b, _c, _d, _e2, _f;
   const { theme: theme2 } = useTheme();
   const { skills, isLoading, error } = useSkillsData({ context });
-  const [selectedSkillId, setSelectedSkillId] = useState(null);
+  const [selectedSkillIdState, setSelectedSkillIdState] = useState(null);
   const [skill, setSkill] = useState(null);
   const panelRef = useRef(null);
+  const selectedSkillId = selectedSkillIdProp !== void 0 ? selectedSkillIdProp : selectedSkillIdState;
   gt(
     "skill-detail",
     events,
@@ -47958,21 +47960,37 @@ const SkillDetailPanel = ({
     }
   );
   useEffect(() => {
+    if (selectedSkillIdProp !== void 0) {
+      return;
+    }
     const unsubscribe = events.on("skill:selected", (event) => {
       const payload = event.payload;
       const skillId = payload == null ? void 0 : payload.skillId;
       if (skillId) {
-        setSelectedSkillId(skillId);
+        setSelectedSkillIdState(skillId);
       }
     });
     return unsubscribe;
-  }, [events]);
+  }, [events, selectedSkillIdProp]);
   useEffect(() => {
+    console.log("[SkillDetailPanel] Effect:", {
+      selectedSkillId,
+      selectedSkillIdProp,
+      skillsCount: skills.length,
+      isLoading,
+      skills: skills.map((s2) => ({ id: s2.id, name: s2.name }))
+    });
     if (selectedSkillId && skills.length > 0) {
       const foundSkill = skills.find((s2) => s2.id === selectedSkillId);
+      console.log("[SkillDetailPanel] Found skill:", foundSkill == null ? void 0 : foundSkill.name, "for ID:", selectedSkillId);
       setSkill(foundSkill || null);
+    } else if (!selectedSkillId) {
+      console.log("[SkillDetailPanel] No selectedSkillId");
+      setSkill(null);
+    } else {
+      console.log("[SkillDetailPanel] Skills not loaded yet, selectedSkillId:", selectedSkillId);
     }
-  }, [selectedSkillId, skills]);
+  }, [selectedSkillId, skills, selectedSkillIdProp, isLoading]);
   if (error) {
     return /* @__PURE__ */ jsx(
       "div",