@industry-theme/agent-panels 0.1.0 → 0.1.1

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.
@@ -1 +1 @@
1
- {"version":3,"file":"SkillDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/SkillDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;CAAG;AAErE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0O5D,CAAC"}
1
+ {"version":3,"file":"SkillDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/SkillDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAOpD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;CAAG;AAErE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2O5D,CAAC"}
@@ -47457,6 +47457,7 @@ const SkillDetailPanel = ({
47457
47457
  actions
47458
47458
  }) => {
47459
47459
  var _a, _b, _c, _d, _e2, _f;
47460
+ const { theme: theme2 } = useTheme();
47460
47461
  const { skills, isLoading, error } = useSkillsData({ context });
47461
47462
  const [selectedSkillId, setSelectedSkillId] = useState(null);
47462
47463
  const [skill, setSkill] = useState(null);
@@ -47486,9 +47487,9 @@ const SkillDetailPanel = ({
47486
47487
  justifyContent: "center",
47487
47488
  height: "100%",
47488
47489
  padding: "2rem",
47489
- backgroundColor: theme.colors.background,
47490
- color: theme.colors.error,
47491
- fontFamily: theme.fonts.body
47490
+ backgroundColor: theme2.colors.background,
47491
+ color: theme2.colors.error,
47492
+ fontFamily: theme2.fonts.body
47492
47493
  },
47493
47494
  children: /* @__PURE__ */ jsxs("div", { style: { textAlign: "center" }, children: [
47494
47495
  "Error loading skills: ",
@@ -47506,9 +47507,9 @@ const SkillDetailPanel = ({
47506
47507
  alignItems: "center",
47507
47508
  justifyContent: "center",
47508
47509
  height: "100%",
47509
- backgroundColor: theme.colors.background,
47510
- color: theme.colors.text,
47511
- fontFamily: theme.fonts.body
47510
+ backgroundColor: theme2.colors.background,
47511
+ color: theme2.colors.text,
47512
+ fontFamily: theme2.fonts.body
47512
47513
  },
47513
47514
  children: "Loading skills..."
47514
47515
  }
@@ -47525,9 +47526,9 @@ const SkillDetailPanel = ({
47525
47526
  justifyContent: "center",
47526
47527
  height: "100%",
47527
47528
  padding: "2rem",
47528
- backgroundColor: theme.colors.background,
47529
- color: theme.colors.textSecondary,
47530
- fontFamily: theme.fonts.body,
47529
+ backgroundColor: theme2.colors.background,
47530
+ color: theme2.colors.textSecondary,
47531
+ fontFamily: theme2.fonts.body,
47531
47532
  textAlign: "center"
47532
47533
  },
47533
47534
  children: [
@@ -47536,10 +47537,10 @@ const SkillDetailPanel = ({
47536
47537
  "h2",
47537
47538
  {
47538
47539
  style: {
47539
- color: theme.colors.text,
47540
- fontSize: theme.fontSizes[4],
47541
- fontFamily: theme.fonts.heading,
47542
- fontWeight: theme.fontWeights.heading,
47540
+ color: theme2.colors.text,
47541
+ fontSize: theme2.fontSizes[4],
47542
+ fontFamily: theme2.fonts.heading,
47543
+ fontWeight: theme2.fontWeights.heading,
47543
47544
  marginBottom: "0.5rem"
47544
47545
  },
47545
47546
  children: "No Skill Selected"
@@ -47562,7 +47563,7 @@ const SkillDetailPanel = ({
47562
47563
  {
47563
47564
  style: {
47564
47565
  height: "100%",
47565
- backgroundColor: theme.colors.background,
47566
+ backgroundColor: theme2.colors.background,
47566
47567
  display: "flex",
47567
47568
  flexDirection: "column"
47568
47569
  },
@@ -47572,20 +47573,20 @@ const SkillDetailPanel = ({
47572
47573
  {
47573
47574
  style: {
47574
47575
  padding: "1rem",
47575
- borderBottom: `1px solid ${theme.colors.border}`,
47576
+ borderBottom: `1px solid ${theme2.colors.border}`,
47576
47577
  display: "flex",
47577
47578
  gap: "0.5rem",
47578
47579
  flexWrap: "wrap",
47579
- backgroundColor: theme.colors.backgroundSecondary
47580
+ backgroundColor: theme2.colors.backgroundSecondary
47580
47581
  },
47581
47582
  children: [
47582
47583
  /* @__PURE__ */ jsx(
47583
47584
  "div",
47584
47585
  {
47585
47586
  style: {
47586
- fontSize: theme.fontSizes[1],
47587
- color: theme.colors.textSecondary,
47588
- fontFamily: theme.fonts.body,
47587
+ fontSize: theme2.fontSizes[1],
47588
+ color: theme2.colors.textSecondary,
47589
+ fontFamily: theme2.fonts.body,
47589
47590
  marginRight: "0.5rem",
47590
47591
  display: "flex",
47591
47592
  alignItems: "center"
@@ -47599,10 +47600,10 @@ const SkillDetailPanel = ({
47599
47600
  style: {
47600
47601
  padding: "0.25rem 0.75rem",
47601
47602
  borderRadius: "12px",
47602
- backgroundColor: theme.colors.primary,
47603
- color: theme.colors.background,
47604
- fontSize: theme.fontSizes[0],
47605
- fontFamily: theme.fonts.body,
47603
+ backgroundColor: theme2.colors.primary,
47604
+ color: theme2.colors.background,
47605
+ fontSize: theme2.fontSizes[0],
47606
+ fontFamily: theme2.fonts.body,
47606
47607
  fontWeight: 500,
47607
47608
  display: "flex",
47608
47609
  alignItems: "center",
@@ -47625,10 +47626,10 @@ const SkillDetailPanel = ({
47625
47626
  style: {
47626
47627
  padding: "0.25rem 0.75rem",
47627
47628
  borderRadius: "12px",
47628
- backgroundColor: theme.colors.secondary,
47629
- color: theme.colors.background,
47630
- fontSize: theme.fontSizes[0],
47631
- fontFamily: theme.fonts.body,
47629
+ backgroundColor: theme2.colors.secondary,
47630
+ color: theme2.colors.background,
47631
+ fontSize: theme2.fontSizes[0],
47632
+ fontFamily: theme2.fonts.body,
47632
47633
  fontWeight: 500,
47633
47634
  display: "flex",
47634
47635
  alignItems: "center",
@@ -47651,10 +47652,10 @@ const SkillDetailPanel = ({
47651
47652
  style: {
47652
47653
  padding: "0.25rem 0.75rem",
47653
47654
  borderRadius: "12px",
47654
- backgroundColor: theme.colors.accent,
47655
- color: theme.colors.background,
47656
- fontSize: theme.fontSizes[0],
47657
- fontFamily: theme.fonts.body,
47655
+ backgroundColor: theme2.colors.accent,
47656
+ color: theme2.colors.background,
47657
+ fontSize: theme2.fontSizes[0],
47658
+ fontFamily: theme2.fonts.body,
47658
47659
  fontWeight: 500,
47659
47660
  display: "flex",
47660
47661
  alignItems: "center",
@@ -47678,7 +47679,7 @@ const SkillDetailPanel = ({
47678
47679
  SkillMarkdown,
47679
47680
  {
47680
47681
  content: skill.content,
47681
- theme,
47682
+ theme: theme2,
47682
47683
  onParsed: handleParsed,
47683
47684
  onError: handleError,
47684
47685
  showRawOnError: true
@@ -47692,8 +47693,8 @@ const SkillDetailPanel = ({
47692
47693
  alignItems: "center",
47693
47694
  justifyContent: "center",
47694
47695
  height: "100%",
47695
- color: theme.colors.textSecondary,
47696
- fontFamily: theme.fonts.body
47696
+ color: theme2.colors.textSecondary,
47697
+ fontFamily: theme2.fonts.body
47697
47698
  },
47698
47699
  children: /* @__PURE__ */ jsx("p", { children: "No content available for this skill" })
47699
47700
  }