@industry-theme/github-panels 0.1.49 → 0.1.50

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$D = [
+const __iconNode$E = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -140,14 +140,14 @@ const __iconNode$D = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$D);
+const BookOpen = createLucideIcon("book-open", __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: "M10 12h4", key: "a56b0p" }],
   ["path", { d: "M10 8h4", key: "1sr2af" }],
   ["path", { d: "M14 21v-3a2 2 0 0 0-4 0v3", key: "1rgiei" }],
@@ -160,97 +160,97 @@ const __iconNode$C = [
   ],
   ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$C);
+const Building2 = createLucideIcon("building-2", __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 = [
+const __iconNode$C = [
   ["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$B);
+const Calendar = createLucideIcon("calendar", __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: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$A);
+const __iconNode$B = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __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: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$z);
+const __iconNode$A = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __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 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$y);
+const __iconNode$z = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __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$x = [
+const __iconNode$y = [
   ["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$x);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$y);
 /**
  * @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$w = [
+const __iconNode$x = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }]
 ];
-const CircleDot = createLucideIcon("circle-dot", __iconNode$w);
+const CircleDot = createLucideIcon("circle-dot", __iconNode$x);
 /**
  * @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$v = [
+const __iconNode$w = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$v);
+const Copy = createLucideIcon("copy", __iconNode$w);
 /**
  * @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$u = [
+const __iconNode$v = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
 ];
-const Download = createLucideIcon("download", __iconNode$u);
+const Download = createLucideIcon("download", __iconNode$v);
 /**
  * @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$t = [
+const __iconNode$u = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -260,26 +260,26 @@ const __iconNode$t = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$t);
+const Expand = createLucideIcon("expand", __iconNode$u);
 /**
  * @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$s = [
+const __iconNode$t = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$s);
+const ExternalLink = createLucideIcon("external-link", __iconNode$t);
 /**
  * @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$r = [
+const __iconNode$s = [
   [
     "path",
     {
@@ -289,14 +289,14 @@ const __iconNode$r = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$r);
+const Eye = createLucideIcon("eye", __iconNode$s);
 /**
  * @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$q = [
+const __iconNode$r = [
   [
     "path",
     {
@@ -309,14 +309,14 @@ const __iconNode$q = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$q);
+const FileText = createLucideIcon("file-text", __iconNode$r);
 /**
  * @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$p = [
+const __iconNode$q = [
   [
     "path",
     {
@@ -325,14 +325,14 @@ const __iconNode$p = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("folder-open", __iconNode$p);
+const FolderOpen = createLucideIcon("folder-open", __iconNode$q);
 /**
  * @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$o = [
+const __iconNode$p = [
   ["path", { d: "M12 10v6", key: "1bos4e" }],
   ["path", { d: "M9 13h6", key: "1uhe8q" }],
   [
@@ -343,14 +343,14 @@ const __iconNode$o = [
     }
   ]
 ];
-const FolderPlus = createLucideIcon("folder-plus", __iconNode$o);
+const FolderPlus = createLucideIcon("folder-plus", __iconNode$p);
 /**
  * @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$n = [
+const __iconNode$o = [
   [
     "path",
     {
@@ -359,52 +359,52 @@ const __iconNode$n = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$n);
+const Folder = createLucideIcon("folder", __iconNode$o);
 /**
  * @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$m = [
+const __iconNode$n = [
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }],
   ["line", { x1: "3", x2: "9", y1: "12", y2: "12", key: "1dyftd" }],
   ["line", { x1: "15", x2: "21", y1: "12", y2: "12", key: "oup4p8" }]
 ];
-const GitCommitHorizontal = createLucideIcon("git-commit-horizontal", __iconNode$m);
+const GitCommitHorizontal = createLucideIcon("git-commit-horizontal", __iconNode$n);
 /**
  * @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$l = [
+const __iconNode$m = [
   ["circle", { cx: "12", cy: "18", r: "3", key: "1mpf1b" }],
   ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
   ["path", { d: "M18 9v2c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9", key: "1uq4wg" }],
   ["path", { d: "M12 12v3", key: "158kv8" }]
 ];
-const GitFork = createLucideIcon("git-fork", __iconNode$l);
+const GitFork = createLucideIcon("git-fork", __iconNode$m);
 /**
  * @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$k = [
+const __iconNode$l = [
   ["circle", { cx: "18", cy: "18", r: "3", key: "1xkwt0" }],
   ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
   ["path", { d: "M6 21V9a9 9 0 0 0 9 9", key: "7kw0sc" }]
 ];
-const GitMerge = createLucideIcon("git-merge", __iconNode$k);
+const GitMerge = createLucideIcon("git-merge", __iconNode$l);
 /**
  * @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$j = [
+const __iconNode$k = [
   [
     "path",
     {
@@ -414,57 +414,57 @@ const __iconNode$j = [
   ],
   ["path", { d: "M9 18c-4.51 2-5-2-7-2", key: "9comsn" }]
 ];
-const Github = createLucideIcon("github", __iconNode$j);
+const Github = createLucideIcon("github", __iconNode$k);
 /**
  * @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$i = [
+const __iconNode$j = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
   ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
 ];
-const History = createLucideIcon("history", __iconNode$i);
+const History = createLucideIcon("history", __iconNode$j);
 /**
  * @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$h = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$h);
+const __iconNode$i = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$i);
 /**
  * @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$g = [
+const __iconNode$h = [
   ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
   ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
 ];
-const Lock = createLucideIcon("lock", __iconNode$g);
+const Lock = createLucideIcon("lock", __iconNode$h);
 /**
  * @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$f = [
+const __iconNode$g = [
   ["path", { d: "m10 17 5-5-5-5", key: "1bsop3" }],
   ["path", { d: "M15 12H3", key: "6jk70r" }],
   ["path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4", key: "u53s6r" }]
 ];
-const LogIn = createLucideIcon("log-in", __iconNode$f);
+const LogIn = createLucideIcon("log-in", __iconNode$g);
 /**
  * @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$e = [
+const __iconNode$f = [
   [
     "path",
     {
@@ -473,37 +473,37 @@ const __iconNode$e = [
     }
   ]
 ];
-const MessageSquare = createLucideIcon("message-square", __iconNode$e);
+const MessageSquare = createLucideIcon("message-square", __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 = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
 ];
-const Monitor = createLucideIcon("monitor", __iconNode$d);
+const Monitor = createLucideIcon("monitor", __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: "M18 8L22 12L18 16", key: "1r0oui" }],
   ["path", { d: "M2 12H22", key: "1m8cig" }]
 ];
-const MoveRight = createLucideIcon("move-right", __iconNode$c);
+const MoveRight = createLucideIcon("move-right", __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 = [
+const __iconNode$c = [
   [
     "path",
     {
@@ -512,7 +512,18 @@ const __iconNode$b = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$b);
+const Play = createLucideIcon("play", __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$b = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+];
+const Plus = createLucideIcon("plus", __iconNode$b);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -2149,6 +2160,432 @@ const GitHubSearchPanelMetadata = {
   slices: ["workspace", "workspaceRepositories"],
   surfaces: ["panel"]
 };
+const CreateIssueModal = ({
+  isOpen,
+  onClose,
+  owner,
+  repo,
+  onIssueCreated,
+  apiBaseUrl
+}) => {
+  const { theme: theme2 } = useTheme();
+  const [title, setTitle] = useState("");
+  const [body, setBody] = useState("");
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [error, setError] = useState(null);
+  const titleInputRef = useRef(null);
+  useEffect(() => {
+    if (isOpen && titleInputRef.current) {
+      titleInputRef.current.focus();
+    }
+  }, [isOpen]);
+  useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape" && isOpen && !isSubmitting) {
+        onClose();
+      }
+    };
+    if (isOpen) {
+      window.addEventListener("keydown", handleKeyDown);
+      return () => window.removeEventListener("keydown", handleKeyDown);
+    }
+  }, [isOpen, isSubmitting, onClose]);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!title.trim()) {
+      setError("Title is required");
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const response = await fetch(
+        `${apiBaseUrl}/api/github/repo/${owner}/${repo}/issues`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          credentials: "include",
+          // Important: Send cookies for auth
+          body: JSON.stringify({
+            title: title.trim(),
+            body: body.trim() || void 0
+          })
+        }
+      );
+      if (!response.ok) {
+        const errorData = await response.json().catch(() => ({}));
+        if (response.status === 401) {
+          throw new Error("Authentication required to create issues");
+        } else if (response.status === 403) {
+          throw new Error("You don't have permission to create issues in this repository");
+        } else {
+          throw new Error(errorData.error || `Failed to create issue: ${response.status}`);
+        }
+      }
+      setTitle("");
+      setBody("");
+      setError(null);
+      onIssueCreated();
+      onClose();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to create issue. Please check your connection.");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex: 1e3,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: `${theme2.colors.background}cc`,
+        backdropFilter: "blur(4px)"
+      },
+      onClick: (e) => {
+        if (e.target === e.currentTarget && !isSubmitting) {
+          onClose();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              maxWidth: "500px",
+              width: "100%",
+              margin: "0 16px",
+              backgroundColor: theme2.colors.surface,
+              border: `1px solid ${theme2.colors.border}`,
+              borderRadius: "12px",
+              boxShadow: "0 4px 12px rgba(0,0,0,0.15)"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    padding: "16px 24px",
+                    borderBottom: `1px solid ${theme2.colors.border}`
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+                      /* @__PURE__ */ jsx(Plus, { size: 20, style: { color: theme2.colors.primary } }),
+                      /* @__PURE__ */ jsx(
+                        "h2",
+                        {
+                          style: {
+                            margin: 0,
+                            fontSize: `${theme2.fontSizes[3]}px`,
+                            fontWeight: theme2.fontWeights.semibold,
+                            color: theme2.colors.text
+                          },
+                          children: "Create Issue"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: onClose,
+                        disabled: isSubmitting,
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          width: "32px",
+                          height: "32px",
+                          borderRadius: "6px",
+                          border: "none",
+                          backgroundColor: theme2.colors.secondary,
+                          color: theme2.colors.text,
+                          cursor: isSubmitting ? "not-allowed" : "pointer",
+                          opacity: isSubmitting ? 0.5 : 1,
+                          transition: "opacity 0.15s ease"
+                        },
+                        title: "Close",
+                        children: /* @__PURE__ */ jsx(X, { size: 16 })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
+                /* @__PURE__ */ jsxs("div", { style: { padding: "24px" }, children: [
+                  /* @__PURE__ */ jsxs(
+                    "p",
+                    {
+                      style: {
+                        margin: "0 0 16px 0",
+                        fontSize: `${theme2.fontSizes[1]}px`,
+                        color: theme2.colors.textSecondary
+                      },
+                      children: [
+                        "Creating issue for",
+                        " ",
+                        /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.text, fontWeight: theme2.fontWeights.medium }, children: [
+                          owner,
+                          "/",
+                          repo
+                        ] })
+                      ]
+                    }
+                  ),
+                  error && /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        alignItems: "flex-start",
+                        gap: "8px",
+                        padding: "12px",
+                        marginBottom: "16px",
+                        backgroundColor: `${theme2.colors.error}20`,
+                        borderRadius: "8px",
+                        border: `1px solid ${theme2.colors.error}40`
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          CircleAlert,
+                          {
+                            size: 16,
+                            style: {
+                              color: theme2.colors.error,
+                              flexShrink: 0,
+                              marginTop: "2px"
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            style: {
+                              color: theme2.colors.error,
+                              fontSize: `${theme2.fontSizes[1]}px`,
+                              lineHeight: 1.5
+                            },
+                            children: error
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { style: { marginBottom: "16px" }, children: [
+                    /* @__PURE__ */ jsxs(
+                      "label",
+                      {
+                        htmlFor: "issue-title",
+                        style: {
+                          display: "block",
+                          marginBottom: "8px",
+                          fontSize: `${theme2.fontSizes[1]}px`,
+                          fontWeight: theme2.fontWeights.medium,
+                          color: theme2.colors.text
+                        },
+                        children: [
+                          "Title ",
+                          /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.error }, children: "*" })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        ref: titleInputRef,
+                        id: "issue-title",
+                        type: "text",
+                        value: title,
+                        onChange: (e) => setTitle(e.target.value),
+                        placeholder: "Issue title...",
+                        disabled: isSubmitting,
+                        required: true,
+                        style: {
+                          width: "100%",
+                          padding: "10px 12px",
+                          fontSize: `${theme2.fontSizes[2]}px`,
+                          backgroundColor: theme2.colors.background,
+                          color: theme2.colors.text,
+                          border: `1px solid ${theme2.colors.border}`,
+                          borderRadius: "6px",
+                          outline: "none",
+                          transition: "border-color 0.15s ease",
+                          opacity: isSubmitting ? 0.5 : 1,
+                          cursor: isSubmitting ? "not-allowed" : "text",
+                          boxSizing: "border-box"
+                        },
+                        onFocus: (e) => {
+                          e.target.style.borderColor = theme2.colors.primary;
+                        },
+                        onBlur: (e) => {
+                          e.target.style.borderColor = theme2.colors.border;
+                        }
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsxs(
+                      "label",
+                      {
+                        htmlFor: "issue-body",
+                        style: {
+                          display: "block",
+                          marginBottom: "8px",
+                          fontSize: `${theme2.fontSizes[1]}px`,
+                          fontWeight: theme2.fontWeights.medium,
+                          color: theme2.colors.text
+                        },
+                        children: [
+                          "Description",
+                          " ",
+                          /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textSecondary, fontWeight: "normal" }, children: "(optional)" })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "textarea",
+                      {
+                        id: "issue-body",
+                        value: body,
+                        onChange: (e) => setBody(e.target.value),
+                        placeholder: "Describe the issue...",
+                        disabled: isSubmitting,
+                        rows: 5,
+                        style: {
+                          width: "100%",
+                          padding: "10px 12px",
+                          fontSize: `${theme2.fontSizes[2]}px`,
+                          backgroundColor: theme2.colors.background,
+                          color: theme2.colors.text,
+                          border: `1px solid ${theme2.colors.border}`,
+                          borderRadius: "6px",
+                          outline: "none",
+                          transition: "border-color 0.15s ease",
+                          resize: "vertical",
+                          opacity: isSubmitting ? 0.5 : 1,
+                          cursor: isSubmitting ? "not-allowed" : "text",
+                          fontFamily: theme2.fonts.body,
+                          lineHeight: 1.5,
+                          boxSizing: "border-box"
+                        },
+                        onFocus: (e) => {
+                          e.target.style.borderColor = theme2.colors.primary;
+                        },
+                        onBlur: (e) => {
+                          e.target.style.borderColor = theme2.colors.border;
+                        }
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      justifyContent: "flex-end",
+                      gap: "12px",
+                      padding: "16px 24px",
+                      borderTop: `1px solid ${theme2.colors.border}`
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: onClose,
+                          disabled: isSubmitting,
+                          style: {
+                            padding: "10px 18px",
+                            fontSize: `${theme2.fontSizes[2]}px`,
+                            fontWeight: theme2.fontWeights.medium,
+                            color: theme2.colors.text,
+                            backgroundColor: "transparent",
+                            border: `1px solid ${theme2.colors.border}`,
+                            borderRadius: "6px",
+                            cursor: isSubmitting ? "not-allowed" : "pointer",
+                            opacity: isSubmitting ? 0.5 : 1,
+                            transition: "all 0.15s ease"
+                          },
+                          onMouseEnter: (e) => {
+                            if (!isSubmitting) {
+                              e.currentTarget.style.backgroundColor = theme2.colors.backgroundLight;
+                            }
+                          },
+                          onMouseLeave: (e) => {
+                            e.currentTarget.style.backgroundColor = "transparent";
+                          },
+                          children: "Cancel"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "submit",
+                          disabled: isSubmitting || !title.trim(),
+                          style: {
+                            display: "inline-flex",
+                            alignItems: "center",
+                            gap: "8px",
+                            padding: "10px 18px",
+                            fontSize: `${theme2.fontSizes[2]}px`,
+                            fontWeight: theme2.fontWeights.semibold,
+                            color: theme2.colors.textOnPrimary || theme2.colors.background,
+                            backgroundColor: theme2.colors.primary,
+                            border: "none",
+                            borderRadius: "6px",
+                            cursor: isSubmitting || !title.trim() ? "not-allowed" : "pointer",
+                            opacity: isSubmitting || !title.trim() ? 0.5 : 1,
+                            transition: "all 0.15s ease"
+                          },
+                          onMouseEnter: (e) => {
+                            if (!isSubmitting && title.trim()) {
+                              e.currentTarget.style.opacity = "0.9";
+                            }
+                          },
+                          onMouseLeave: (e) => {
+                            if (!isSubmitting && title.trim()) {
+                              e.currentTarget.style.opacity = "1";
+                            }
+                          },
+                          children: isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx(LoaderCircle, { size: 16, className: "animate-spin" }),
+                            "Creating..."
+                          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx(Plus, { size: 16 }),
+                            "Create Issue"
+                          ] })
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("style", { children: `
+        @keyframes spin {
+          to { transform: rotate(360deg); }
+        }
+        .animate-spin {
+          animation: spin 1s linear infinite;
+        }
+      ` })
+      ]
+    }
+  );
+};
 const formatDate$2 = (dateString) => {
   const date = new Date(dateString);
   const now = /* @__PURE__ */ new Date();
@@ -2181,6 +2618,7 @@ const GitHubIssuesPanelContent = ({
   const [selectedLabel, setSelectedLabel] = useState("");
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const [selectedIssueId, setSelectedIssueId] = useState(null);
+  const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
   const uniqueLabels = useMemo(() => {
     const labelMap = /* @__PURE__ */ new Map();
     issues.forEach((issue) => {
@@ -2228,6 +2666,9 @@ const GitHubIssuesPanelContent = ({
       payload: {}
     });
   };
+  const handleIssueCreated = () => {
+    handleRefresh();
+  };
   const handleLogin = () => {
     events.emit({
       type: "github:login-requested",
@@ -2546,6 +2987,37 @@ const GitHubIssuesPanelContent = ({
                         }
                       )
                     ] }),
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setIsCreateModalOpen(true),
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: "4px",
+                          padding: "4px 8px",
+                          borderRadius: "4px",
+                          border: "none",
+                          backgroundColor: theme2.colors.primary,
+                          color: theme2.colors.textOnPrimary || theme2.colors.background,
+                          fontSize: `${theme2.fontSizes[0]}px`,
+                          fontWeight: theme2.fontWeights.medium,
+                          cursor: "pointer",
+                          transition: "opacity 0.15s ease"
+                        },
+                        onMouseEnter: (e) => {
+                          e.currentTarget.style.opacity = "0.9";
+                        },
+                        onMouseLeave: (e) => {
+                          e.currentTarget.style.opacity = "1";
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(Plus, { size: 12 }),
+                          "New"
+                        ]
+                      }
+                    ),
                     /* @__PURE__ */ jsx(
                       "button",
                       {
@@ -2597,7 +3069,39 @@ const GitHubIssuesPanelContent = ({
                     children: "No Open Issues"
                   }
                 ),
-                /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: `${theme2.fontSizes[2]}px` }, children: "There are no open issues in this repository." })
+                /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: `${theme2.fontSizes[2]}px` }, children: "There are no open issues in this repository." }),
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setIsCreateModalOpen(true),
+                    style: {
+                      marginTop: "16px",
+                      display: "inline-flex",
+                      alignItems: "center",
+                      gap: "8px",
+                      padding: "10px 18px",
+                      borderRadius: "8px",
+                      border: "none",
+                      backgroundColor: theme2.colors.primary,
+                      color: theme2.colors.textOnPrimary || theme2.colors.background,
+                      fontSize: `${theme2.fontSizes[2]}px`,
+                      fontWeight: theme2.fontWeights.semibold,
+                      cursor: "pointer",
+                      transition: "opacity 0.15s ease"
+                    },
+                    onMouseEnter: (e) => {
+                      e.currentTarget.style.opacity = "0.9";
+                    },
+                    onMouseLeave: (e) => {
+                      e.currentTarget.style.opacity = "1";
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(Plus, { size: 16 }),
+                      "Create Issue"
+                    ]
+                  }
+                )
               ] })
             ]
           }
@@ -2693,7 +3197,18 @@ const GitHubIssuesPanelContent = ({
         .animate-spin {
           animation: spin 1s linear infinite;
         }
-      ` })
+      ` }),
+        /* @__PURE__ */ jsx(
+          CreateIssueModal,
+          {
+            isOpen: isCreateModalOpen,
+            onClose: () => setIsCreateModalOpen(false),
+            owner,
+            repo,
+            onIssueCreated: handleIssueCreated,
+            apiBaseUrl: typeof window !== "undefined" ? window.location.origin : ""
+          }
+        )
       ]
     }
   );