@industry-theme/agent-panels 0.2.16 → 0.2.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  import { type SkillsListPanelProps } from './panels/SkillsListPanel';
2
+ import { type SkillDetailPanelProps } from './panels/SkillDetailPanel';
2
3
  import type { PanelDefinition } from './types';
3
- export type { SkillsListPanelProps };
4
+ import type { Skill } from './panels/skills/hooks/useSkillsData';
5
+ export type { SkillsListPanelProps, SkillDetailPanelProps, Skill };
4
6
  /**
5
7
  * Export array of panel definitions.
6
8
  * This is the required export for panel extensions.
@@ -1 +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"}
1
+ {"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"}
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import type { PanelComponentProps } from '../types';
3
+ import type { Skill } from './skills/hooks/useSkillsData';
3
4
  import './SkillDetailPanel.css';
4
5
  export interface SkillDetailPanelProps extends PanelComponentProps {
5
6
  /**
@@ -8,6 +9,12 @@ export interface SkillDetailPanelProps extends PanelComponentProps {
8
9
  * This allows the host to control panel state via props instead of events.
9
10
  */
10
11
  selectedSkillId?: string | null;
12
+ /**
13
+ * Optional skill object to display.
14
+ * If provided, bypasses useSkillsData loading for instant display.
15
+ * This provides better performance when the skill data is already available.
16
+ */
17
+ skill?: Skill | null;
11
18
  }
12
19
  export declare const SkillDetailPanel: React.FC<SkillDetailPanelProps>;
13
20
  //# sourceMappingURL=SkillDetailPanel.d.ts.map
@@ -1 +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"}
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;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"}
@@ -48745,14 +48745,16 @@ const SkillDetailPanel = ({
48745
48745
  context,
48746
48746
  events,
48747
48747
  actions,
48748
- selectedSkillId: selectedSkillIdProp
48748
+ selectedSkillId: selectedSkillIdProp,
48749
+ skill: skillProp
48749
48750
  }) => {
48750
48751
  const { theme: theme2 } = useTheme();
48751
48752
  const { skills, isLoading, error } = useSkillsData({ context });
48752
48753
  const [selectedSkillIdState, setSelectedSkillIdState] = useState(null);
48753
- const [skill, setSkill] = useState(null);
48754
+ const [skillState, setSkillState] = useState(null);
48754
48755
  const panelRef = useRef(null);
48755
48756
  const selectedSkillId = selectedSkillIdProp !== void 0 ? selectedSkillIdProp : selectedSkillIdState;
48757
+ const skill = skillProp !== void 0 ? skillProp : skillState;
48756
48758
  gt(
48757
48759
  "skill-detail",
48758
48760
  events,
@@ -48775,13 +48777,16 @@ const SkillDetailPanel = ({
48775
48777
  return unsubscribe;
48776
48778
  }, [events, selectedSkillIdProp]);
48777
48779
  useEffect(() => {
48780
+ if (skillProp !== void 0) {
48781
+ return;
48782
+ }
48778
48783
  if (selectedSkillId && skills.length > 0) {
48779
48784
  const foundSkill = skills.find((s2) => s2.id === selectedSkillId);
48780
- setSkill(foundSkill || null);
48785
+ setSkillState(foundSkill || null);
48781
48786
  } else if (!selectedSkillId) {
48782
- setSkill(null);
48787
+ setSkillState(null);
48783
48788
  }
48784
- }, [selectedSkillId, skills]);
48789
+ }, [selectedSkillId, skills, skillProp]);
48785
48790
  if (error) {
48786
48791
  return /* @__PURE__ */ jsx(
48787
48792
  "div",