@industry-theme/github-panels 0.1.52 → 0.1.53

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

@@ -1 +1 @@
-{"version":3,"file":"GitHubIssueDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/GitHubIssueDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAU3D,OAAO,KAAK,EAAE,mBAAmB,EAAqB,MAAM,UAAU,CAAC;AAgVvE;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAEhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,8BAA8B;;;;;;;;CAQ1C,CAAC"}
+{"version":3,"file":"GitHubIssueDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/GitHubIssueDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAc3D,OAAO,KAAK,EAAE,mBAAmB,EAAqB,MAAM,UAAU,CAAC;AAyfvE;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAEhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,8BAA8B;;;;;;;;CAQ1C,CAAC"}

package/dist/panels.bundle.js

@@ -130,7 +130,7 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$E = [
+const __iconNode$F = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -140,14 +140,14 @@ const __iconNode$E = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$E);
+const BookOpen = createLucideIcon("book-open", __iconNode$F);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$D = [
+const __iconNode$E = [
   ["path", { d: "M10 12h4", key: "a56b0p" }],
   ["path", { d: "M10 8h4", key: "1sr2af" }],
   ["path", { d: "M14 21v-3a2 2 0 0 0-4 0v3", key: "1rgiei" }],
@@ -160,56 +160,67 @@ const __iconNode$D = [
   ],
   ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$D);
+const Building2 = createLucideIcon("building-2", __iconNode$E);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$C = [
+const __iconNode$D = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
 ];
-const Calendar = createLucideIcon("calendar", __iconNode$C);
+const Calendar = createLucideIcon("calendar", __iconNode$D);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$B = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$B);
+const __iconNode$C = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$C);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$A = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$A);
+const __iconNode$B = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$B);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$z = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$z);
+const __iconNode$A = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$A);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$y = [
+const __iconNode$z = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$y);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$z);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$y = [
+  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+];
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$y);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -49142,6 +49153,7 @@ const GitHubIssueDetailPanelContent = ({ events }) => {
   const [selectedIssue, setSelectedIssue] = useState(null);
   const [owner, setOwner] = useState("");
   const [repo, setRepo] = useState("");
+  const [taskCreation, setTaskCreation] = useState({ status: "idle" });
   const panelRef = useRef(null);
   gt(
     "github-issue-detail",
@@ -49151,12 +49163,27 @@ const GitHubIssueDetailPanelContent = ({ events }) => {
       return (_a = panelRef.current) == null ? void 0 : _a.focus();
     }
   );
+  const handleCreateTask = () => {
+    if (!events || !selectedIssue) return;
+    setTaskCreation({ status: "loading" });
+    events.emit({
+      type: "issue:create-task",
+      source: "github-issue-detail-panel",
+      timestamp: Date.now(),
+      payload: {
+        issue: selectedIssue,
+        owner,
+        repo
+      }
+    });
+  };
   useEffect(() => {
     if (!events) return;
     const handleIssueSelected = (event) => {
       setSelectedIssue(event.payload.issue);
       setOwner(event.payload.owner);
       setRepo(event.payload.repo);
+      setTaskCreation({ status: "idle" });
     };
     const unsubscribe = events.on("issue:selected", handleIssueSelected);
     return () => {
@@ -49165,6 +49192,34 @@ const GitHubIssueDetailPanelContent = ({ events }) => {
       }
     };
   }, [events]);
+  useEffect(() => {
+    if (!events) return;
+    const unsubscribers = [
+      events.on("issue:task-created", (event) => {
+        const payload = event.payload;
+        if (selectedIssue && payload.issueNumber === selectedIssue.number) {
+          setTaskCreation({
+            status: "success",
+            taskId: payload.taskId
+          });
+        }
+      }),
+      events.on("issue:create-task:error", (event) => {
+        const payload = event.payload;
+        if (selectedIssue && payload.issueNumber === selectedIssue.number) {
+          setTaskCreation({
+            status: "error",
+            error: payload.error
+          });
+        }
+      })
+    ];
+    return () => {
+      unsubscribers.forEach((unsub) => {
+        if (typeof unsub === "function") unsub();
+      });
+    };
+  }, [events, selectedIssue]);
   const handleBack = () => {
     setSelectedIssue(null);
     setOwner("");
@@ -49341,6 +49396,114 @@ const GitHubIssueDetailPanelContent = ({ events }) => {
             }
           ),
           /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+          taskCreation.status === "idle" && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: handleCreateTask,
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "6px",
+                padding: "6px 12px",
+                border: `1px solid ${theme2.colors.primary}`,
+                borderRadius: theme2.radii[1],
+                background: "transparent",
+                cursor: "pointer",
+                color: theme2.colors.primary,
+                fontSize: theme2.fontSizes[1],
+                fontWeight: theme2.fontWeights.medium,
+                transition: "all 0.2s ease"
+              },
+              onMouseEnter: (e) => {
+                e.currentTarget.style.background = theme2.colors.primary;
+                e.currentTarget.style.color = theme2.colors.background;
+              },
+              onMouseLeave: (e) => {
+                e.currentTarget.style.background = "transparent";
+                e.currentTarget.style.color = theme2.colors.primary;
+              },
+              title: "Create task in backlog.md",
+              children: [
+                /* @__PURE__ */ jsx(FileText, { size: 14 }),
+                "Create Task"
+              ]
+            }
+          ),
+          taskCreation.status === "loading" && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "6px",
+                padding: "6px 12px",
+                color: theme2.colors.textSecondary,
+                fontSize: theme2.fontSizes[1]
+              },
+              children: [
+                /* @__PURE__ */ jsx(LoaderCircle, { size: 14, style: { animation: "spin 1s linear infinite" } }),
+                "Creating..."
+              ]
+            }
+          ),
+          taskCreation.status === "success" && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "6px",
+                padding: "6px 12px",
+                border: `1px solid ${theme2.colors.success}`,
+                borderRadius: theme2.radii[1],
+                background: `${theme2.colors.success}15`,
+                color: theme2.colors.success,
+                fontSize: theme2.fontSizes[1],
+                fontWeight: theme2.fontWeights.medium
+              },
+              children: [
+                /* @__PURE__ */ jsx(CircleCheckBig, { size: 14 }),
+                "Task Created"
+              ]
+            }
+          ),
+          taskCreation.status === "error" && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "6px",
+                padding: "6px 12px",
+                border: `1px solid ${theme2.colors.error}`,
+                borderRadius: theme2.radii[1],
+                background: `${theme2.colors.error}15`,
+                color: theme2.colors.error,
+                fontSize: theme2.fontSizes[1]
+              },
+              title: taskCreation.error,
+              children: [
+                /* @__PURE__ */ jsx(CircleAlert, { size: 14 }),
+                "Failed",
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: () => setTaskCreation({ status: "idle" }),
+                    style: {
+                      background: "none",
+                      border: "none",
+                      color: theme2.colors.error,
+                      cursor: "pointer",
+                      padding: "0 0 0 4px",
+                      fontSize: theme2.fontSizes[0],
+                      textDecoration: "underline"
+                    },
+                    children: "Retry"
+                  }
+                )
+              ]
+            }
+          ),
           /* @__PURE__ */ jsx(
             "a",
             {