@industry-theme/backlogmd-kanban-panel 1.1.0 → 1.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.
Files changed (4) hide show
  1. package/dist/panels/TaskDetailPanel.d.ts.map +1 -1
  2. package/dist/panels.bundle.js +120 -113
  3. package/dist/panels.bundle.js.map +1 -1
  4. package/package.json +1 -1
package/dist/panels/TaskDetailPanel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TaskDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TaskDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,OAAO,KAAK,EAAE,yBAAyB,EAAqB,MAAM,UAAU,CAAC;AAsG7E;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB;IACrE,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAiDD;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgvB1D,CAAC"}
1
+ {"version":3,"file":"TaskDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TaskDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,OAAO,KAAK,EAAE,yBAAyB,EAAqB,MAAM,UAAU,CAAC;AAsG7E;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB;IACrE,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAiDD;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAovB1D,CAAC"}
package/dist/panels.bundle.js CHANGED
@@ -56456,7 +56456,7 @@ const getPriorityStyles = (theme2, priority) => {
56456
56456
  };
56457
56457
  const StatusBadge = ({ status }) => {
56458
56458
  const { theme: theme2 } = useTheme();
56459
- return /* @__PURE__ */ jsx(
56459
+ return /* @__PURE__ */ jsxs(
56460
56460
  "span",
56461
56461
  {
56462
56462
  style: {
@@ -56469,7 +56469,10 @@ const StatusBadge = ({ status }) => {
56469
56469
  color: theme2.colors.primary,
56470
56470
  textTransform: "capitalize"
56471
56471
  },
56472
- children: status
56472
+ children: [
56473
+ "Status: ",
56474
+ status
56475
+ ]
56473
56476
  }
56474
56477
  );
56475
56478
  };
@@ -56689,121 +56692,125 @@ const TaskDetailPanel = ({ context: context2, events: events2, config }) => {
56689
56692
  {
56690
56693
  style: {
56691
56694
  flexShrink: 0,
56692
- padding: "16px 20px",
56695
+ height: "40px",
56696
+ display: "flex",
56697
+ alignItems: "center",
56698
+ justifyContent: "space-between",
56699
+ padding: "0 12px",
56693
56700
  borderBottom: `1px solid ${theme2.colors.border}`,
56694
56701
  backgroundColor: theme2.colors.backgroundSecondary
56695
56702
  },
56696
56703
  children: [
56697
- /* @__PURE__ */ jsxs(
56698
- "div",
56699
- {
56700
- style: {
56701
- display: "flex",
56702
- alignItems: "center",
56703
- justifyContent: "space-between",
56704
- marginBottom: "12px"
56705
- },
56706
- children: [
56707
- /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
56708
- /* @__PURE__ */ jsx(
56709
- "span",
56710
- {
56711
- style: {
56712
- fontFamily: theme2.fonts.monospace,
56713
- fontSize: theme2.fontSizes[0],
56714
- fontWeight: theme2.fontWeights.medium,
56715
- color: theme2.colors.textMuted
56716
- },
56717
- children: selectedTask.id
56718
- }
56719
- ),
56720
- selectedTask.priority && /* @__PURE__ */ jsxs("span", { style: getPriorityStyles(theme2, selectedTask.priority), children: [
56721
- "Priority: ",
56722
- selectedTask.priority
56723
- ] }),
56724
- /* @__PURE__ */ jsx(StatusBadge, { status: selectedTask.status })
56725
- ] }),
56726
- /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
56727
- deleteState.status === "idle" && /* @__PURE__ */ jsx(
56728
- "button",
56729
- {
56730
- onClick: () => setIsDeleteModalOpen(true),
56731
- style: {
56732
- display: "flex",
56733
- alignItems: "center",
56734
- justifyContent: "center",
56735
- width: "32px",
56736
- height: "32px",
56737
- border: `1px solid ${theme2.colors.error}`,
56738
- borderRadius: theme2.radii[1],
56739
- background: "transparent",
56740
- cursor: "pointer",
56741
- color: theme2.colors.error,
56742
- transition: "all 0.2s ease"
56743
- },
56744
- onMouseEnter: (e) => {
56745
- e.currentTarget.style.background = theme2.colors.error;
56746
- e.currentTarget.style.color = theme2.colors.background;
56747
- },
56748
- onMouseLeave: (e) => {
56749
- e.currentTarget.style.background = "transparent";
56750
- e.currentTarget.style.color = theme2.colors.error;
56751
- },
56752
- title: "Delete task",
56753
- children: /* @__PURE__ */ jsx(Trash2, { size: 16 })
56754
- }
56755
- ),
56756
- deleteState.status === "success" && /* @__PURE__ */ jsx(
56757
- "div",
56758
- {
56759
- style: {
56760
- display: "flex",
56761
- alignItems: "center",
56762
- justifyContent: "center",
56763
- width: "32px",
56764
- height: "32px",
56765
- border: `1px solid ${theme2.colors.success}`,
56766
- borderRadius: theme2.radii[1],
56767
- background: `${theme2.colors.success}15`,
56768
- color: theme2.colors.success
56769
- },
56770
- title: "Task deleted",
56771
- children: /* @__PURE__ */ jsx(CircleCheckBig, { size: 16 })
56772
- }
56773
- ),
56774
- /* @__PURE__ */ jsx(
56775
- "button",
56776
- {
56777
- onClick: handleBack,
56778
- style: {
56779
- display: "flex",
56780
- alignItems: "center",
56781
- justifyContent: "center",
56782
- width: "32px",
56783
- height: "32px",
56784
- border: `1px solid ${theme2.colors.border}`,
56785
- borderRadius: theme2.radii[1],
56786
- background: theme2.colors.surface,
56787
- cursor: "pointer",
56788
- color: theme2.colors.textSecondary,
56789
- transition: "all 0.2s ease"
56790
- },
56791
- onMouseEnter: (e) => {
56792
- e.currentTarget.style.background = theme2.colors.backgroundSecondary;
56793
- e.currentTarget.style.color = theme2.colors.text;
56794
- },
56795
- onMouseLeave: (e) => {
56796
- e.currentTarget.style.background = theme2.colors.surface;
56797
- e.currentTarget.style.color = theme2.colors.textSecondary;
56798
- },
56799
- title: "Close",
56800
- children: /* @__PURE__ */ jsx(X, { size: 16 })
56801
- }
56802
- )
56803
- ] })
56804
- ]
56805
- }
56806
- ),
56704
+ /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
56705
+ /* @__PURE__ */ jsx(
56706
+ "span",
56707
+ {
56708
+ style: {
56709
+ fontFamily: theme2.fonts.monospace,
56710
+ fontSize: theme2.fontSizes[0],
56711
+ fontWeight: theme2.fontWeights.medium,
56712
+ color: theme2.colors.textMuted
56713
+ },
56714
+ children: selectedTask.id
56715
+ }
56716
+ ),
56717
+ /* @__PURE__ */ jsx(StatusBadge, { status: selectedTask.status }),
56718
+ selectedTask.priority && /* @__PURE__ */ jsxs("span", { style: getPriorityStyles(theme2, selectedTask.priority), children: [
56719
+ "Priority: ",
56720
+ selectedTask.priority
56721
+ ] })
56722
+ ] }),
56723
+ /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
56724
+ deleteState.status === "idle" && /* @__PURE__ */ jsx(
56725
+ "button",
56726
+ {
56727
+ onClick: () => setIsDeleteModalOpen(true),
56728
+ style: {
56729
+ display: "flex",
56730
+ alignItems: "center",
56731
+ justifyContent: "center",
56732
+ width: "28px",
56733
+ height: "28px",
56734
+ border: `1px solid ${theme2.colors.error}`,
56735
+ borderRadius: theme2.radii[1],
56736
+ background: "transparent",
56737
+ cursor: "pointer",
56738
+ color: theme2.colors.error,
56739
+ transition: "all 0.2s ease"
56740
+ },
56741
+ onMouseEnter: (e) => {
56742
+ e.currentTarget.style.background = theme2.colors.error;
56743
+ e.currentTarget.style.color = theme2.colors.background;
56744
+ },
56745
+ onMouseLeave: (e) => {
56746
+ e.currentTarget.style.background = "transparent";
56747
+ e.currentTarget.style.color = theme2.colors.error;
56748
+ },
56749
+ title: "Delete task",
56750
+ children: /* @__PURE__ */ jsx(Trash2, { size: 14 })
56751
+ }
56752
+ ),
56753
+ deleteState.status === "success" && /* @__PURE__ */ jsx(
56754
+ "div",
56755
+ {
56756
+ style: {
56757
+ display: "flex",
56758
+ alignItems: "center",
56759
+ justifyContent: "center",
56760
+ width: "28px",
56761
+ height: "28px",
56762
+ border: `1px solid ${theme2.colors.success}`,
56763
+ borderRadius: theme2.radii[1],
56764
+ background: `${theme2.colors.success}15`,
56765
+ color: theme2.colors.success
56766
+ },
56767
+ title: "Task deleted",
56768
+ children: /* @__PURE__ */ jsx(CircleCheckBig, { size: 14 })
56769
+ }
56770
+ ),
56771
+ /* @__PURE__ */ jsx(
56772
+ "button",
56773
+ {
56774
+ onClick: handleBack,
56775
+ style: {
56776
+ display: "flex",
56777
+ alignItems: "center",
56778
+ justifyContent: "center",
56779
+ width: "28px",
56780
+ height: "28px",
56781
+ border: `1px solid ${theme2.colors.border}`,
56782
+ borderRadius: theme2.radii[1],
56783
+ background: theme2.colors.surface,
56784
+ cursor: "pointer",
56785
+ color: theme2.colors.textSecondary,
56786
+ transition: "all 0.2s ease"
56787
+ },
56788
+ onMouseEnter: (e) => {
56789
+ e.currentTarget.style.background = theme2.colors.backgroundSecondary;
56790
+ e.currentTarget.style.color = theme2.colors.text;
56791
+ },
56792
+ onMouseLeave: (e) => {
56793
+ e.currentTarget.style.background = theme2.colors.surface;
56794
+ e.currentTarget.style.color = theme2.colors.textSecondary;
56795
+ },
56796
+ title: "Close",
56797
+ children: /* @__PURE__ */ jsx(X, { size: 14 })
56798
+ }
56799
+ )
56800
+ ] })
56801
+ ]
56802
+ }
56803
+ ),
56804
+ /* @__PURE__ */ jsxs(
56805
+ "div",
56806
+ {
56807
+ style: {
56808
+ flexShrink: 0,
56809
+ padding: "12px 16px",
56810
+ borderBottom: `1px solid ${theme2.colors.border}`,
56811
+ backgroundColor: theme2.colors.background
56812
+ },
56813
+ children: [
56807
56814
  /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "12px" }, children: [
56808
56815
  hasClaudeWorkflow && claudeAssignment.status === "idle" && !getGitHubIssueFromRefs(selectedTask.references) && /* @__PURE__ */ jsxs(
56809
56816
  "button",