@industry-theme/github-panels 0.1.30 → 0.1.32

package/dist/panels.bundle.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import React2, { createContext, useContext, forwardRef, createElement, useState, useRef, useEffect, useCallback, useMemo } from "react";
 var ThemeContext;
 var getThemeContext = () => {
@@ -128,31 +128,31 @@ 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$n = [
+const __iconNode$u = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$n);
+const ArrowRight = createLucideIcon("arrow-right", __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$m = [
+const __iconNode$t = [
   ["path", { d: "m21 16-4 4-4-4", key: "f6ql7i" }],
   ["path", { d: "M17 20V4", key: "1ejh1v" }],
   ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
   ["path", { d: "M7 4v16", key: "1glfcx" }]
 ];
-const ArrowUpDown = createLucideIcon("arrow-up-down", __iconNode$m);
+const ArrowUpDown = createLucideIcon("arrow-up-down", __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$l = [
+const __iconNode$s = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -162,14 +162,14 @@ const __iconNode$l = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$l);
+const BookOpen = createLucideIcon("book-open", __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$k = [
+const __iconNode$r = [
   ["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" }],
@@ -182,55 +182,105 @@ const __iconNode$k = [
   ],
   ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$k);
+const Building2 = createLucideIcon("building-2", __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$j = [
+const __iconNode$q = [
   ["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$j);
+const Calendar = createLucideIcon("calendar", __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$i = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$i);
+const __iconNode$p = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __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$h = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$h);
+const __iconNode$o = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __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$g = [
+const __iconNode$n = [
+  ["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$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$m = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+];
+const CircleCheck = createLucideIcon("circle-check", __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$l = [
+  ["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$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$k = [
   ["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$g);
+const ExternalLink = createLucideIcon("external-link", __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$f = [
+const __iconNode$j = [
+  [
+    "path",
+    {
+      d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",
+      key: "usdka0"
+    }
+  ]
+];
+const FolderOpen = createLucideIcon("folder-open", __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$i = [
   [
     "path",
     {
@@ -239,14 +289,14 @@ const __iconNode$f = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$f);
+const Folder = createLucideIcon("folder", __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$e = [
+const __iconNode$h = [
   [
     "path",
     {
@@ -255,28 +305,28 @@ const __iconNode$e = [
     }
   ]
 ];
-const Funnel = createLucideIcon("funnel", __iconNode$e);
+const Funnel = createLucideIcon("funnel", __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$d = [
+const __iconNode$g = [
   ["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$d);
+const GitFork = createLucideIcon("git-fork", __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$c = [
+const __iconNode$f = [
   [
     "path",
     {
@@ -286,101 +336,125 @@ const __iconNode$c = [
   ],
   ["path", { d: "M9 18c-4.51 2-5-2-7-2", key: "9comsn" }]
 ];
-const Github = createLucideIcon("github", __iconNode$c);
+const Github = createLucideIcon("github", __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$b = [
+const __iconNode$e = [
   ["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$b);
+const History = createLucideIcon("history", __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$a = [
+const __iconNode$d = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __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$c = [
   ["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$a);
+const Lock = createLucideIcon("lock", __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$9 = [
+const __iconNode$b = [
   ["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$9);
+const LogIn = createLucideIcon("log-in", __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$8 = [
+const __iconNode$a = [
+  [
+    "path",
+    {
+      d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+      key: "18887p"
+    }
+  ]
+];
+const MessageSquare = createLucideIcon("message-square", __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$9 = [
   ["rect", { x: "16", y: "16", width: "6", height: "6", rx: "1", key: "4q2zg0" }],
   ["rect", { x: "2", y: "16", width: "6", height: "6", rx: "1", key: "8cvhb9" }],
   ["rect", { x: "9", y: "2", width: "6", height: "6", rx: "1", key: "1egb70" }],
   ["path", { d: "M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3", key: "1jsf9p" }],
   ["path", { d: "M12 12V8", key: "2874zd" }]
 ];
-const Network = createLucideIcon("network", __iconNode$8);
+const Network = createLucideIcon("network", __iconNode$9);
 /**
  * @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$7 = [
+const __iconNode$8 = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$7);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$8);
 /**
  * @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$6 = [
+const __iconNode$7 = [
   ["path", { d: "m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z", key: "7g6ntu" }],
   ["path", { d: "m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z", key: "ijws7r" }],
   ["path", { d: "M7 21h10", key: "1b0cd5" }],
   ["path", { d: "M12 3v18", key: "108xh3" }],
   ["path", { d: "M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2", key: "3gwbw2" }]
 ];
-const Scale = createLucideIcon("scale", __iconNode$6);
+const Scale = createLucideIcon("scale", __iconNode$7);
 /**
  * @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$5 = [
+const __iconNode$6 = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-const Search = createLucideIcon("search", __iconNode$5);
+const Search = createLucideIcon("search", __iconNode$6);
 /**
  * @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$4 = [
+const __iconNode$5 = [
   [
     "path",
     {
@@ -392,14 +466,14 @@ const __iconNode$4 = [
   ["path", { d: "M22 4h-4", key: "gwowj6" }],
   ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
 ];
-const Sparkles = createLucideIcon("sparkles", __iconNode$4);
+const Sparkles = createLucideIcon("sparkles", __iconNode$5);
 /**
  * @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$3 = [
+const __iconNode$4 = [
   [
     "path",
     {
@@ -408,7 +482,24 @@ const __iconNode$3 = [
     }
   ]
 ];
-const Star = createLucideIcon("star", __iconNode$3);
+const Star = createLucideIcon("star", __iconNode$4);
+/**
+ * @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$3 = [
+  [
+    "path",
+    {
+      d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
+      key: "vktsd0"
+    }
+  ],
+  ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }]
+];
+const Tag = createLucideIcon("tag", __iconNode$3);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -1413,126 +1504,1184 @@ const GitHubSearchPanelContent = ({ events }) => {
                             style: { width: 20, height: 20, borderRadius: 4 }
                           }
                         ),
-                        /* @__PURE__ */ jsx(
-                          "span",
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            style: {
+                              fontSize: `${theme.fontSizes[2]}px`,
+                              fontWeight: theme.fontWeights.semibold,
+                              color: theme.colors.primary
+                            },
+                            children: repo.full_name
+                          }
+                        ),
+                        repo.private && /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            style: {
+                              fontSize: `${theme.fontSizes[0]}px`,
+                              padding: "2px 6px",
+                              borderRadius: "4px",
+                              backgroundColor: theme.colors.backgroundTertiary,
+                              color: theme.colors.textSecondary
+                            },
+                            children: "Private"
+                          }
+                        )
+                      ] }),
+                      repo.description && /* @__PURE__ */ jsx(
+                        "p",
+                        {
+                          style: {
+                            margin: 0,
+                            fontSize: `${theme.fontSizes[1]}px`,
+                            color: theme.colors.textSecondary,
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            display: "-webkit-box",
+                            WebkitLineClamp: 2,
+                            WebkitBoxOrient: "vertical"
+                          },
+                          children: repo.description
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "16px",
+                            fontSize: `${theme.fontSizes[1]}px`,
+                            color: theme.colors.textSecondary
+                          },
+                          children: [
+                            repo.language && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                              /* @__PURE__ */ jsx(
+                                "span",
+                                {
+                                  style: {
+                                    width: 10,
+                                    height: 10,
+                                    borderRadius: "50%",
+                                    backgroundColor: theme.colors.info
+                                  }
+                                }
+                              ),
+                              repo.language
+                            ] }),
+                            /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                              /* @__PURE__ */ jsx(Star, { size: 14 }),
+                              formatNumber(repo.stargazers_count || 0)
+                            ] }),
+                            /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                              /* @__PURE__ */ jsx(GitFork, { size: 14 }),
+                              formatNumber(repo.forks_count || 0)
+                            ] }),
+                            /* @__PURE__ */ jsx(
+                              "a",
+                              {
+                                href: repo.html_url,
+                                target: "_blank",
+                                rel: "noopener noreferrer",
+                                onClick: (e) => e.stopPropagation(),
+                                style: {
+                                  marginLeft: "auto",
+                                  color: theme.colors.textSecondary,
+                                  display: "flex",
+                                  alignItems: "center"
+                                },
+                                children: /* @__PURE__ */ jsx(ExternalLink, { size: 14 })
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ]
+                  },
+                  repo.id
+                );
+              })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("style", { children: `
+        @keyframes spin {
+          to { transform: rotate(360deg); }
+        }
+      ` })
+      ]
+    }
+  );
+};
+const GitHubSearchPanel = (props) => {
+  return /* @__PURE__ */ jsx(GitHubSearchPanelContent, { ...props });
+};
+const GitHubSearchPanelMetadata = {
+  id: "github-search",
+  name: "GitHub Search",
+  description: "Search for repositories on GitHub",
+  icon: "search",
+  version: "0.1.0",
+  slices: [],
+  surfaces: ["panel"]
+};
+const formatDate = (dateString) => {
+  const date = new Date(dateString);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
+  if (diffDays === 0) return "Today";
+  if (diffDays === 1) return "Yesterday";
+  if (diffDays < 7) return `${diffDays} days ago`;
+  if (diffDays < 30) return `${Math.floor(diffDays / 7)} weeks ago`;
+  if (diffDays < 365) return `${Math.floor(diffDays / 30)} months ago`;
+  return `${Math.floor(diffDays / 365)} years ago`;
+};
+const GitHubIssuesPanelContent = ({
+  context,
+  events
+}) => {
+  var _a, _b, _c, _d, _e;
+  const { theme } = useTheme();
+  const issuesSlice = context.getSlice("github-issues");
+  const isLoading = context.isSliceLoading("github-issues");
+  const hasData = context.hasSlice("github-issues");
+  const issues = ((_a = issuesSlice == null ? void 0 : issuesSlice.data) == null ? void 0 : _a.issues) ?? [];
+  const owner = ((_b = issuesSlice == null ? void 0 : issuesSlice.data) == null ? void 0 : _b.owner) ?? "";
+  const repo = ((_c = issuesSlice == null ? void 0 : issuesSlice.data) == null ? void 0 : _c.repo) ?? "";
+  const isAuthenticated = ((_d = issuesSlice == null ? void 0 : issuesSlice.data) == null ? void 0 : _d.isAuthenticated) ?? false;
+  const sliceError = (_e = issuesSlice == null ? void 0 : issuesSlice.data) == null ? void 0 : _e.error;
+  const [selectedIssues, setSelectedIssues] = useState(/* @__PURE__ */ new Set());
+  const [copiedPrompt, setCopiedPrompt] = useState(false);
+  const [issueFilter, setIssueFilter] = useState("open");
+  const [selectedIssue, setSelectedIssue] = useState(null);
+  const [showIssueModal, setShowIssueModal] = useState(false);
+  useEffect(() => {
+    events.emit({
+      type: "github-issues:request",
+      source: "github-issues-panel",
+      timestamp: Date.now(),
+      payload: {}
+    });
+  }, [events]);
+  const filteredIssues = useMemo(() => {
+    if (issueFilter === "all") return issues;
+    return issues.filter((issue) => issue.state === issueFilter);
+  }, [issues, issueFilter]);
+  const issueCounts = useMemo(() => ({
+    all: issues.length,
+    open: issues.filter((i) => i.state === "open").length,
+    closed: issues.filter((i) => i.state === "closed").length
+  }), [issues]);
+  const handleSelectAll = () => {
+    if (selectedIssues.size === filteredIssues.length) {
+      setSelectedIssues(/* @__PURE__ */ new Set());
+    } else {
+      setSelectedIssues(new Set(filteredIssues.map((i) => i.number)));
+    }
+  };
+  const handleToggleIssue = (issueNumber, event) => {
+    const newSelected = new Set(selectedIssues);
+    if (newSelected.has(issueNumber)) {
+      newSelected.delete(issueNumber);
+    } else {
+      newSelected.add(issueNumber);
+    }
+    setSelectedIssues(newSelected);
+  };
+  const handleIssueClick = (issue, event) => {
+    const target = event.target;
+    if (target.tagName === "INPUT" || target.closest("a")) {
+      return;
+    }
+    setSelectedIssue(issue);
+    setShowIssueModal(true);
+    events.emit({
+      type: "issue:selected",
+      source: "github-issues-panel",
+      timestamp: Date.now(),
+      payload: {
+        issue,
+        owner,
+        repo
+      }
+    });
+  };
+  const handleRefresh = () => {
+    events.emit({
+      type: "github-issues:refresh",
+      source: "github-issues-panel",
+      timestamp: Date.now(),
+      payload: {}
+    });
+  };
+  const handleLogin = () => {
+    events.emit({
+      type: "github:login-requested",
+      source: "github-issues-panel",
+      timestamp: Date.now(),
+      payload: {}
+    });
+  };
+  const generatePrompt = () => {
+    const selectedIssueData = issues.filter(
+      (i) => selectedIssues.has(i.number)
+    );
+    if (selectedIssueData.length === 0) return "";
+    let prompt = `I'm working on the GitHub repository ${owner}/${repo}. Here are the issues I need help with:
+
+`;
+    selectedIssueData.forEach((issue) => {
+      prompt += `## Issue #${issue.number}: ${issue.title}
+`;
+      prompt += `- Status: ${issue.state}
+`;
+      prompt += `- URL: ${issue.html_url}
+`;
+      if (issue.labels.length > 0) {
+        prompt += `- Labels: ${issue.labels.map((l) => l.name).join(", ")}
+`;
+      }
+      if (issue.body) {
+        prompt += `- Description:
+${issue.body}
+`;
+      }
+      prompt += "\n";
+    });
+    prompt += `Please help me understand and address these issues.`;
+    return prompt;
+  };
+  const handleCopyPrompt = async () => {
+    const prompt = generatePrompt();
+    if (!prompt) return;
+    try {
+      await navigator.clipboard.writeText(prompt);
+      setCopiedPrompt(true);
+      setTimeout(() => setCopiedPrompt(false), 2e3);
+    } catch (err) {
+      console.error("Failed to copy to clipboard:", err);
+    }
+  };
+  const renderState = (icon, title, description, action) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        height: "100%",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "24px",
+        backgroundColor: theme.colors.background
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: "16px",
+            maxWidth: "360px",
+            textAlign: "center"
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { children: icon }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(
+                "h3",
+                {
+                  style: {
+                    margin: 0,
+                    marginBottom: "8px",
+                    color: theme.colors.text,
+                    fontSize: `${theme.fontSizes[3]}px`,
+                    fontWeight: theme.fontWeights.semibold
+                  },
+                  children: title
+                }
+              ),
+              description && /* @__PURE__ */ jsx(
+                "p",
+                {
+                  style: {
+                    margin: 0,
+                    color: theme.colors.textSecondary,
+                    lineHeight: 1.5,
+                    fontSize: `${theme.fontSizes[2]}px`
+                  },
+                  children: description
+                }
+              )
+            ] }),
+            action
+          ]
+        }
+      )
+    }
+  );
+  if (isLoading && !hasData) {
+    return renderState(
+      /* @__PURE__ */ jsx(
+        LoaderCircle,
+        {
+          size: 32,
+          style: { color: theme.colors.textSecondary },
+          className: "animate-spin"
+        }
+      ),
+      "Loading issues...",
+      "Fetching issues from GitHub"
+    );
+  }
+  if (!isAuthenticated && !hasData) {
+    return renderState(
+      /* @__PURE__ */ jsx(
+        CircleAlert,
+        {
+          size: 32,
+          style: { color: theme.colors.warning || "#f59e0b" }
+        }
+      ),
+      "Sign in to GitHub",
+      "Connect your GitHub account to view repository issues.",
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: handleLogin,
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: "8px",
+            padding: "10px 18px",
+            borderRadius: "6px",
+            border: "none",
+            backgroundColor: theme.colors.primary,
+            color: theme.colors.background,
+            fontWeight: theme.fontWeights.semibold,
+            fontSize: `${theme.fontSizes[2]}px`,
+            cursor: "pointer"
+          },
+          children: [
+            /* @__PURE__ */ jsx(LogIn, { size: 16 }),
+            "Sign in with GitHub"
+          ]
+        }
+      )
+    );
+  }
+  if (sliceError) {
+    return renderState(
+      /* @__PURE__ */ jsx(CircleAlert, { size: 32, style: { color: theme.colors.error } }),
+      "Failed to Load Issues",
+      sliceError,
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: handleRefresh,
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: "8px",
+            padding: "10px 18px",
+            borderRadius: "6px",
+            border: `1px solid ${theme.colors.border}`,
+            backgroundColor: theme.colors.background,
+            color: theme.colors.text,
+            fontWeight: theme.fontWeights.medium,
+            fontSize: `${theme.fontSizes[2]}px`,
+            cursor: "pointer"
+          },
+          children: [
+            /* @__PURE__ */ jsx(RefreshCw, { size: 16 }),
+            "Try Again"
+          ]
+        }
+      )
+    );
+  }
+  if (!owner || !repo) {
+    return renderState(
+      /* @__PURE__ */ jsx(Github, { size: 32, style: { color: theme.colors.textSecondary } }),
+      "No Repository Selected",
+      "Select a repository to view its issues."
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        backgroundColor: theme.colors.background,
+        color: theme.colors.text,
+        fontFamily: theme.fonts.body
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              padding: "12px 16px",
+              borderBottom: `1px solid ${theme.colors.border}`,
+              display: "flex",
+              alignItems: "center",
+              gap: "12px"
+            },
+            children: [
+              /* @__PURE__ */ jsx(Github, { size: 20, color: theme.colors.primary }),
+              /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  style: {
+                    margin: 0,
+                    fontSize: `${theme.fontSizes[3]}px`,
+                    fontWeight: theme.fontWeights.semibold,
+                    flex: 1
+                  },
+                  children: "Issues"
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  style: {
+                    fontSize: `${theme.fontSizes[1]}px`,
+                    color: theme.colors.textSecondary
+                  },
+                  children: [
+                    owner,
+                    "/",
+                    repo
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              padding: "12px 16px",
+              borderBottom: `1px solid ${theme.colors.border}`,
+              backgroundColor: theme.colors.backgroundSecondary,
+              flexWrap: "wrap",
+              gap: "8px"
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "4px" }, children: ["open", "closed", "all"].map((filter) => /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setIssueFilter(filter),
+                    style: {
+                      padding: "6px 12px",
+                      borderRadius: "6px",
+                      border: issueFilter === filter ? "none" : `1px solid ${theme.colors.border}`,
+                      backgroundColor: issueFilter === filter ? theme.colors.primary : theme.colors.background,
+                      color: issueFilter === filter ? theme.colors.background : theme.colors.text,
+                      fontSize: `${theme.fontSizes[1]}px`,
+                      fontWeight: issueFilter === filter ? theme.fontWeights.semibold : theme.fontWeights.body,
+                      cursor: "pointer",
+                      textTransform: "capitalize"
+                    },
+                    children: [
+                      filter === "all" ? "All" : filter === "open" ? "Open" : "Closed",
+                      /* @__PURE__ */ jsxs("span", { style: { marginLeft: "6px", opacity: 0.8 }, children: [
+                        "(",
+                        issueCounts[filter],
+                        ")"
+                      ] })
+                    ]
+                  },
+                  filter
+                )) }),
+                filteredIssues.length > 0 && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: handleSelectAll,
+                    style: {
+                      padding: "6px 12px",
+                      borderRadius: "6px",
+                      border: `1px solid ${theme.colors.border}`,
+                      backgroundColor: theme.colors.background,
+                      color: theme.colors.textSecondary,
+                      fontSize: `${theme.fontSizes[1]}px`,
+                      cursor: "pointer"
+                    },
+                    children: selectedIssues.size === filteredIssues.length ? "Deselect All" : "Select All"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: handleRefresh,
+                    disabled: isLoading,
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "6px",
+                      padding: "6px 12px",
+                      borderRadius: "6px",
+                      border: `1px solid ${theme.colors.border}`,
+                      backgroundColor: theme.colors.background,
+                      color: theme.colors.text,
+                      fontSize: `${theme.fontSizes[1]}px`,
+                      cursor: isLoading ? "not-allowed" : "pointer",
+                      opacity: isLoading ? 0.5 : 1
+                    },
+                    children: /* @__PURE__ */ jsx(RefreshCw, { size: 14, className: isLoading ? "animate-spin" : "" })
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: handleCopyPrompt,
+                    disabled: selectedIssues.size === 0,
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "6px",
+                      padding: "6px 12px",
+                      borderRadius: "6px",
+                      border: "none",
+                      backgroundColor: selectedIssues.size > 0 ? theme.colors.primary : theme.colors.backgroundTertiary,
+                      color: selectedIssues.size > 0 ? theme.colors.background : theme.colors.textSecondary,
+                      fontSize: `${theme.fontSizes[1]}px`,
+                      fontWeight: theme.fontWeights.semibold,
+                      cursor: selectedIssues.size > 0 ? "pointer" : "not-allowed",
+                      opacity: selectedIssues.size > 0 ? 1 : 0.5
+                    },
+                    children: [
+                      copiedPrompt ? /* @__PURE__ */ jsx(CircleCheck, { size: 14 }) : /* @__PURE__ */ jsx(Copy, { size: 14 }),
+                      copiedPrompt ? "Copied!" : `Copy Prompt (${selectedIssues.size})`
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { style: { flex: 1, overflow: "auto", padding: "8px" }, children: filteredIssues.length === 0 ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center",
+              height: "100%",
+              gap: "16px",
+              color: theme.colors.textSecondary
+            },
+            children: [
+              /* @__PURE__ */ jsx(Github, { size: 48, color: theme.colors.border }),
+              /* @__PURE__ */ jsxs("div", { style: { textAlign: "center" }, children: [
+                /* @__PURE__ */ jsx(
+                  "h3",
+                  {
+                    style: {
+                      color: theme.colors.text,
+                      marginBottom: "8px",
+                      fontSize: `${theme.fontSizes[3]}px`
+                    },
+                    children: "No Issues Found"
+                  }
+                ),
+                /* @__PURE__ */ jsxs("p", { style: { margin: 0, fontSize: `${theme.fontSizes[2]}px` }, children: [
+                  "There are no ",
+                  issueFilter !== "all" ? issueFilter : "",
+                  " issues in this repository."
+                ] })
+              ] })
+            ]
+          }
+        ) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: { display: "flex", flexDirection: "column", gap: "8px" },
+            children: filteredIssues.map((issue) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => handleIssueClick(issue, e),
+                style: {
+                  width: "100%",
+                  padding: "12px",
+                  borderRadius: "6px",
+                  border: `1px solid ${selectedIssues.has(issue.number) ? theme.colors.primary : theme.colors.border}`,
+                  backgroundColor: selectedIssues.has(issue.number) ? `${theme.colors.primary}10` : theme.colors.surface,
+                  cursor: "pointer",
+                  textAlign: "left"
+                },
+                children: /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "flex-start",
+                      gap: "12px"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "input",
+                        {
+                          type: "checkbox",
+                          checked: selectedIssues.has(issue.number),
+                          onChange: () => handleToggleIssue(issue.number),
+                          onClick: (e) => e.stopPropagation(),
+                          style: { marginTop: "2px", cursor: "pointer" }
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+                        /* @__PURE__ */ jsxs(
+                          "div",
+                          {
+                            style: {
+                              display: "flex",
+                              alignItems: "center",
+                              gap: "8px",
+                              marginBottom: "6px",
+                              flexWrap: "wrap"
+                            },
+                            children: [
+                              /* @__PURE__ */ jsx(
+                                "span",
+                                {
+                                  style: {
+                                    display: "inline-flex",
+                                    alignItems: "center",
+                                    padding: "2px 8px",
+                                    borderRadius: "12px",
+                                    backgroundColor: issue.state === "open" ? "#22c55e22" : "#6b728022",
+                                    color: issue.state === "open" ? "#22c55e" : "#6b7280",
+                                    fontSize: `${theme.fontSizes[0]}px`,
+                                    fontWeight: theme.fontWeights.semibold,
+                                    textTransform: "uppercase"
+                                  },
+                                  children: issue.state
+                                }
+                              ),
+                              /* @__PURE__ */ jsxs(
+                                "span",
+                                {
+                                  style: {
+                                    color: theme.colors.textSecondary,
+                                    fontSize: `${theme.fontSizes[1]}px`
+                                  },
+                                  children: [
+                                    "#",
+                                    issue.number
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                "a",
+                                {
+                                  href: issue.html_url,
+                                  target: "_blank",
+                                  rel: "noopener noreferrer",
+                                  onClick: (e) => e.stopPropagation(),
+                                  style: {
+                                    color: theme.colors.primary,
+                                    textDecoration: "none",
+                                    display: "inline-flex",
+                                    alignItems: "center"
+                                  },
+                                  children: /* @__PURE__ */ jsx(ExternalLink, { size: 12 })
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "h4",
+                          {
+                            style: {
+                              margin: 0,
+                              marginBottom: "6px",
+                              color: theme.colors.text,
+                              fontSize: `${theme.fontSizes[2]}px`,
+                              fontWeight: theme.fontWeights.semibold,
+                              overflow: "hidden",
+                              textOverflow: "ellipsis",
+                              whiteSpace: "nowrap"
+                            },
+                            children: issue.title
+                          }
+                        ),
+                        issue.labels.length > 0 && /* @__PURE__ */ jsxs(
+                          "div",
+                          {
+                            style: {
+                              display: "flex",
+                              flexWrap: "wrap",
+                              gap: "4px",
+                              marginBottom: "6px"
+                            },
+                            children: [
+                              issue.labels.slice(0, 3).map((label) => /* @__PURE__ */ jsxs(
+                                "span",
+                                {
+                                  style: {
+                                    display: "inline-flex",
+                                    alignItems: "center",
+                                    gap: "4px",
+                                    padding: "2px 6px",
+                                    borderRadius: "12px",
+                                    backgroundColor: `#${label.color}22`,
+                                    color: `#${label.color}`,
+                                    fontSize: `${theme.fontSizes[0]}px`,
+                                    fontWeight: theme.fontWeights.medium
+                                  },
+                                  children: [
+                                    /* @__PURE__ */ jsx(Tag, { size: 10 }),
+                                    label.name
+                                  ]
+                                },
+                                label.id
+                              )),
+                              issue.labels.length > 3 && /* @__PURE__ */ jsxs(
+                                "span",
+                                {
+                                  style: {
+                                    fontSize: `${theme.fontSizes[0]}px`,
+                                    color: theme.colors.textSecondary
+                                  },
+                                  children: [
+                                    "+",
+                                    issue.labels.length - 3
+                                  ]
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs(
+                          "div",
+                          {
+                            style: {
+                              display: "flex",
+                              alignItems: "center",
+                              gap: "12px",
+                              fontSize: `${theme.fontSizes[0]}px`,
+                              color: theme.colors.textSecondary,
+                              flexWrap: "wrap"
+                            },
+                            children: [
+                              /* @__PURE__ */ jsxs(
+                                "span",
+                                {
+                                  style: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: "4px"
+                                  },
+                                  children: [
+                                    /* @__PURE__ */ jsx(
+                                      "img",
+                                      {
+                                        src: issue.user.avatar_url,
+                                        alt: issue.user.login,
+                                        style: {
+                                          width: "14px",
+                                          height: "14px",
+                                          borderRadius: "50%"
+                                        }
+                                      }
+                                    ),
+                                    issue.user.login
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ jsxs(
+                                "span",
+                                {
+                                  style: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: "4px"
+                                  },
+                                  children: [
+                                    /* @__PURE__ */ jsx(Calendar, { size: 12 }),
+                                    formatDate(issue.created_at)
+                                  ]
+                                }
+                              ),
+                              issue.comments > 0 && /* @__PURE__ */ jsxs(
+                                "span",
+                                {
+                                  style: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: "4px"
+                                  },
+                                  children: [
+                                    /* @__PURE__ */ jsx(MessageSquare, { size: 12 }),
+                                    issue.comments
+                                  ]
+                                }
+                              )
+                            ]
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                )
+              },
+              issue.id
+            ))
+          }
+        ) }),
+        showIssueModal && selectedIssue && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "fixed",
+              inset: 0,
+              backgroundColor: "rgba(0, 0, 0, 0.5)",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              zIndex: 1e3
+            },
+            onClick: () => {
+              setShowIssueModal(false);
+              setSelectedIssue(null);
+            },
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  backgroundColor: theme.colors.background,
+                  borderRadius: "12px",
+                  width: "90%",
+                  maxWidth: "700px",
+                  maxHeight: "80vh",
+                  display: "flex",
+                  flexDirection: "column",
+                  boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1)",
+                  border: `1px solid ${theme.colors.border}`
+                },
+                onClick: (e) => e.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        alignItems: "flex-start",
+                        justifyContent: "space-between",
+                        padding: "20px",
+                        borderBottom: `1px solid ${theme.colors.border}`
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
+                          /* @__PURE__ */ jsxs(
+                            "div",
+                            {
+                              style: {
+                                display: "flex",
+                                alignItems: "center",
+                                gap: "12px",
+                                marginBottom: "8px"
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx(
+                                  "span",
+                                  {
+                                    style: {
+                                      display: "inline-flex",
+                                      alignItems: "center",
+                                      padding: "4px 10px",
+                                      borderRadius: "12px",
+                                      backgroundColor: selectedIssue.state === "open" ? "#22c55e22" : "#6b728022",
+                                      color: selectedIssue.state === "open" ? "#22c55e" : "#6b7280",
+                                      fontSize: `${theme.fontSizes[1]}px`,
+                                      fontWeight: theme.fontWeights.semibold,
+                                      textTransform: "uppercase"
+                                    },
+                                    children: selectedIssue.state
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxs(
+                                  "span",
+                                  {
+                                    style: {
+                                      color: theme.colors.textSecondary,
+                                      fontSize: `${theme.fontSizes[2]}px`
+                                    },
+                                    children: [
+                                      "#",
+                                      selectedIssue.number
+                                    ]
+                                  }
+                                )
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            "h2",
+                            {
+                              style: {
+                                color: theme.colors.text,
+                                fontSize: `${theme.fontSizes[4]}px`,
+                                fontWeight: theme.fontWeights.semibold,
+                                margin: 0
+                              },
+                              children: selectedIssue.title
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: () => {
+                              setShowIssueModal(false);
+                              setSelectedIssue(null);
+                            },
+                            style: {
+                              background: "none",
+                              border: "none",
+                              color: theme.colors.textSecondary,
+                              cursor: "pointer",
+                              padding: "8px"
+                            },
+                            children: /* @__PURE__ */ jsx(X, { size: 20 })
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      style: {
+                        flex: 1,
+                        overflow: "auto",
+                        padding: "20px"
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxs(
+                          "div",
+                          {
+                            style: {
+                              display: "flex",
+                              alignItems: "center",
+                              gap: "20px",
+                              marginBottom: "20px",
+                              fontSize: `${theme.fontSizes[2]}px`,
+                              color: theme.colors.textSecondary,
+                              flexWrap: "wrap"
+                            },
+                            children: [
+                              /* @__PURE__ */ jsxs(
+                                "span",
+                                {
+                                  style: { display: "flex", alignItems: "center", gap: "6px" },
+                                  children: [
+                                    /* @__PURE__ */ jsx(
+                                      "img",
+                                      {
+                                        src: selectedIssue.user.avatar_url,
+                                        alt: selectedIssue.user.login,
+                                        style: {
+                                          width: "20px",
+                                          height: "20px",
+                                          borderRadius: "50%"
+                                        }
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsx("strong", { style: { color: theme.colors.text }, children: selectedIssue.user.login }),
+                                    " ",
+                                    "opened"
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ jsxs(
+                                "span",
+                                {
+                                  style: { display: "flex", alignItems: "center", gap: "4px" },
+                                  children: [
+                                    /* @__PURE__ */ jsx(Calendar, { size: 14 }),
+                                    formatDate(selectedIssue.created_at)
+                                  ]
+                                }
+                              ),
+                              selectedIssue.comments > 0 && /* @__PURE__ */ jsxs(
+                                "span",
+                                {
+                                  style: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: "4px"
+                                  },
+                                  children: [
+                                    /* @__PURE__ */ jsx(MessageSquare, { size: 14 }),
+                                    selectedIssue.comments,
+                                    " ",
+                                    selectedIssue.comments === 1 ? "comment" : "comments"
+                                  ]
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        selectedIssue.labels.length > 0 && /* @__PURE__ */ jsx(
+                          "div",
                           {
                             style: {
-                              fontSize: `${theme.fontSizes[2]}px`,
-                              fontWeight: theme.fontWeights.semibold,
-                              color: theme.colors.primary
+                              display: "flex",
+                              flexWrap: "wrap",
+                              gap: "8px",
+                              marginBottom: "20px"
                             },
-                            children: repo.full_name
+                            children: selectedIssue.labels.map((label) => /* @__PURE__ */ jsxs(
+                              "span",
+                              {
+                                style: {
+                                  display: "inline-flex",
+                                  alignItems: "center",
+                                  gap: "6px",
+                                  padding: "4px 12px",
+                                  borderRadius: "16px",
+                                  backgroundColor: `#${label.color}22`,
+                                  color: `#${label.color}`,
+                                  fontSize: `${theme.fontSizes[1]}px`,
+                                  fontWeight: theme.fontWeights.medium
+                                },
+                                children: [
+                                  /* @__PURE__ */ jsx(Tag, { size: 12 }),
+                                  label.name
+                                ]
+                              },
+                              label.id
+                            ))
                           }
                         ),
-                        repo.private && /* @__PURE__ */ jsx(
-                          "span",
+                        selectedIssue.body && /* @__PURE__ */ jsxs(
+                          "div",
                           {
                             style: {
-                              fontSize: `${theme.fontSizes[0]}px`,
-                              padding: "2px 6px",
-                              borderRadius: "4px",
-                              backgroundColor: theme.colors.backgroundTertiary,
-                              color: theme.colors.textSecondary
+                              backgroundColor: theme.colors.backgroundSecondary,
+                              borderRadius: "8px",
+                              padding: "16px",
+                              border: `1px solid ${theme.colors.border}`
                             },
-                            children: "Private"
+                            children: [
+                              /* @__PURE__ */ jsx(
+                                "h3",
+                                {
+                                  style: {
+                                    color: theme.colors.text,
+                                    fontSize: `${theme.fontSizes[2]}px`,
+                                    fontWeight: theme.fontWeights.semibold,
+                                    marginTop: 0,
+                                    marginBottom: "12px"
+                                  },
+                                  children: "Description"
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                "div",
+                                {
+                                  style: {
+                                    color: theme.colors.text,
+                                    fontSize: `${theme.fontSizes[2]}px`,
+                                    lineHeight: 1.6,
+                                    whiteSpace: "pre-wrap",
+                                    wordBreak: "break-word"
+                                  },
+                                  children: selectedIssue.body
+                                }
+                              )
+                            ]
                           }
                         )
-                      ] }),
-                      repo.description && /* @__PURE__ */ jsx(
-                        "p",
-                        {
-                          style: {
-                            margin: 0,
-                            fontSize: `${theme.fontSizes[1]}px`,
-                            color: theme.colors.textSecondary,
-                            overflow: "hidden",
-                            textOverflow: "ellipsis",
-                            display: "-webkit-box",
-                            WebkitLineClamp: 2,
-                            WebkitBoxOrient: "vertical"
-                          },
-                          children: repo.description
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs(
-                        "div",
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "flex-end",
+                        padding: "16px 20px",
+                        borderTop: `1px solid ${theme.colors.border}`,
+                        gap: "12px"
+                      },
+                      children: /* @__PURE__ */ jsxs(
+                        "a",
                         {
+                          href: selectedIssue.html_url,
+                          target: "_blank",
+                          rel: "noopener noreferrer",
                           style: {
                             display: "flex",
                             alignItems: "center",
-                            gap: "16px",
-                            fontSize: `${theme.fontSizes[1]}px`,
-                            color: theme.colors.textSecondary
+                            gap: "6px",
+                            padding: "8px 16px",
+                            borderRadius: "6px",
+                            border: "none",
+                            backgroundColor: theme.colors.primary,
+                            color: theme.colors.background,
+                            fontSize: `${theme.fontSizes[2]}px`,
+                            fontWeight: theme.fontWeights.medium,
+                            textDecoration: "none"
                           },
                           children: [
-                            repo.language && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-                              /* @__PURE__ */ jsx(
-                                "span",
-                                {
-                                  style: {
-                                    width: 10,
-                                    height: 10,
-                                    borderRadius: "50%",
-                                    backgroundColor: theme.colors.info
-                                  }
-                                }
-                              ),
-                              repo.language
-                            ] }),
-                            /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-                              /* @__PURE__ */ jsx(Star, { size: 14 }),
-                              formatNumber(repo.stargazers_count || 0)
-                            ] }),
-                            /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-                              /* @__PURE__ */ jsx(GitFork, { size: 14 }),
-                              formatNumber(repo.forks_count || 0)
-                            ] }),
-                            /* @__PURE__ */ jsx(
-                              "a",
-                              {
-                                href: repo.html_url,
-                                target: "_blank",
-                                rel: "noopener noreferrer",
-                                onClick: (e) => e.stopPropagation(),
-                                style: {
-                                  marginLeft: "auto",
-                                  color: theme.colors.textSecondary,
-                                  display: "flex",
-                                  alignItems: "center"
-                                },
-                                children: /* @__PURE__ */ jsx(ExternalLink, { size: 14 })
-                              }
-                            )
+                            /* @__PURE__ */ jsx(ExternalLink, { size: 14 }),
+                            "View on GitHub"
                           ]
                         }
                       )
-                    ]
-                  },
-                  repo.id
-                );
-              })
-            ]
+                    }
+                  )
+                ]
+              }
+            )
           }
         ),
         /* @__PURE__ */ jsx("style", { children: `
         @keyframes spin {
           to { transform: rotate(360deg); }
         }
+        .animate-spin {
+          animation: spin 1s linear infinite;
+        }
       ` })
       ]
     }
   );
 };
-const GitHubSearchPanel = (props) => {
-  return /* @__PURE__ */ jsx(GitHubSearchPanelContent, { ...props });
+const GitHubIssuesPanel = (props) => {
+  return /* @__PURE__ */ jsx(GitHubIssuesPanelContent, { ...props });
 };
-const GitHubSearchPanelMetadata = {
-  id: "github-search",
-  name: "GitHub Search",
-  description: "Search for repositories on GitHub",
-  icon: "search",
+const GitHubIssuesPanelMetadata = {
+  id: "github-issues",
+  name: "GitHub Issues",
+  description: "View and manage GitHub repository issues",
+  icon: "circle-dot",
   version: "0.1.0",
-  slices: [],
+  slices: ["github-issues"],
   surfaces: ["panel"]
 };
 const OwnerRepositoriesPanelContent = ({
@@ -1549,7 +2698,7 @@ const OwnerRepositoriesPanelContent = ({
   const owner = propOwner || ((_b = (_a = context == null ? void 0 : context.currentScope) == null ? void 0 : _a.repository) == null ? void 0 : _b.name);
   const ownerSlice = context.getSlice("owner-repositories");
   const isLoading = context.isSliceLoading("owner-repositories");
-  const ownerInfo = ((_c = ownerSlice == null ? void 0 : ownerSlice.data) == null ? void 0 : _c.owner) ?? null;
+  ((_c = ownerSlice == null ? void 0 : ownerSlice.data) == null ? void 0 : _c.owner) ?? null;
   const repositories = ((_d = ownerSlice == null ? void 0 : ownerSlice.data) == null ? void 0 : _d.repositories) ?? [];
   const error = ((_e = ownerSlice == null ? void 0 : ownerSlice.data) == null ? void 0 : _e.error) ?? null;
   ((_f = ownerSlice == null ? void 0 : ownerSlice.data) == null ? void 0 : _f.isAuthenticated) ?? false;
@@ -1660,109 +2809,43 @@ const OwnerRepositoriesPanelContent = ({
         fontFamily: theme.fonts.body
       },
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs(
           "div",
           {
             style: {
-              padding: "16px",
+              padding: "12px 16px",
               borderBottom: `1px solid ${theme.colors.border}`,
               display: "flex",
               alignItems: "center",
-              gap: "12px"
+              gap: "8px"
             },
-            children: ownerInfo ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(
-                "img",
-                {
-                  src: ownerInfo.avatar_url,
-                  alt: ownerInfo.login,
-                  style: {
-                    width: 48,
-                    height: 48,
-                    borderRadius: ownerInfo.type === "Organization" ? 8 : "50%",
-                    border: `2px solid ${theme.colors.border}`
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
-                /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                  /* @__PURE__ */ jsx(
-                    "h2",
-                    {
-                      style: {
-                        margin: 0,
-                        fontSize: `${theme.fontSizes[4]}px`,
-                        fontWeight: theme.fontWeights.bold
-                      },
-                      children: ownerInfo.name || ownerInfo.login
-                    }
-                  ),
-                  ownerInfo.type === "Organization" ? /* @__PURE__ */ jsx(Building2, { size: 16, color: theme.colors.textSecondary }) : /* @__PURE__ */ jsx(User, { size: 16, color: theme.colors.textSecondary })
-                ] }),
-                ownerInfo.bio && /* @__PURE__ */ jsx(
-                  "p",
-                  {
-                    style: {
-                      margin: "4px 0 0",
-                      fontSize: `${theme.fontSizes[1]}px`,
-                      color: theme.colors.textSecondary
-                    },
-                    children: ownerInfo.bio
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    style: {
-                      display: "flex",
-                      gap: "12px",
-                      marginTop: "4px",
-                      fontSize: `${theme.fontSizes[1]}px`,
-                      color: theme.colors.textSecondary
-                    },
-                    children: [
-                      /* @__PURE__ */ jsxs("span", { children: [
-                        repositories.length,
-                        " repositories"
-                      ] }),
-                      ownerInfo.followers !== void 0 && /* @__PURE__ */ jsxs("span", { children: [
-                        formatNumber(ownerInfo.followers),
-                        " followers"
-                      ] })
-                    ]
-                  }
-                )
-              ] }),
+            children: [
+              /* @__PURE__ */ jsx(Github, { size: 18, color: theme.colors.primary }),
               /* @__PURE__ */ jsx(
-                "button",
+                "span",
                 {
-                  onClick: handleRefresh,
                   style: {
-                    padding: "8px",
-                    borderRadius: "6px",
-                    border: `1px solid ${theme.colors.border}`,
-                    background: "transparent",
-                    cursor: "pointer",
-                    color: theme.colors.textSecondary
+                    fontSize: `${theme.fontSizes[2]}px`,
+                    fontWeight: theme.fontWeights.medium,
+                    color: theme.colors.text
                   },
-                  title: "Refresh",
-                  children: /* @__PURE__ */ jsx(RefreshCw, { size: 16 })
+                  children: "Repositories"
                 }
-              )
-            ] }) : /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-              /* @__PURE__ */ jsx(Github, { size: 24, color: theme.colors.primary }),
-              /* @__PURE__ */ jsx(
-                "h2",
+              ),
+              !isLoading && repositories.length > 0 && /* @__PURE__ */ jsx(
+                "span",
                 {
                   style: {
-                    margin: 0,
-                    fontSize: `${theme.fontSizes[3]}px`,
-                    fontWeight: theme.fontWeights.semibold
+                    fontSize: `${theme.fontSizes[1]}px`,
+                    color: theme.colors.textSecondary,
+                    padding: "2px 8px",
+                    borderRadius: "12px",
+                    backgroundColor: theme.colors.backgroundSecondary
                   },
-                  children: owner || "Repositories"
+                  children: repositories.length
                 }
               )
-            ] })
+            ]
           }
         ),
         !isLoading && !error && repositories.length > 0 && /* @__PURE__ */ jsxs(
@@ -2960,23 +4043,23 @@ const defaultHighlightedProjects = [
   { owner: "facebook", repo: "react" },
   { owner: "vercel", repo: "next.js" }
 ];
-const defaultFeaturedOrganizations = [];
-const OrganizationCard = ({ org, theme, onClick }) => {
+const CollectionCard = ({ collection, theme, onClick }) => {
   return /* @__PURE__ */ jsxs(
     "button",
     {
       onClick,
       style: {
-        padding: "16px 20px",
+        padding: "20px 24px",
         borderRadius: "12px",
         backgroundColor: theme.colors.surface,
         border: `1px solid ${theme.colors.border}`,
         display: "flex",
         alignItems: "center",
-        gap: "12px",
+        gap: "16px",
         cursor: "pointer",
         transition: "all 0.2s ease",
-        minWidth: "240px",
+        minWidth: "280px",
+        maxWidth: "320px",
         textAlign: "left"
       },
       onMouseEnter: (e) => {
@@ -2989,16 +4072,20 @@ const OrganizationCard = ({ org, theme, onClick }) => {
       },
       children: [
         /* @__PURE__ */ jsx(
-          "img",
+          "div",
           {
-            src: `https://github.com/${org.login}.png?size=64`,
-            alt: org.login,
             style: {
-              width: 40,
-              height: 40,
-              borderRadius: "8px",
+              width: 48,
+              height: 48,
+              borderRadius: "10px",
+              backgroundColor: `${theme.colors.primary}15`,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              color: theme.colors.primary,
               flexShrink: 0
-            }
+            },
+            children: /* @__PURE__ */ jsx(FolderOpen, { size: 24 })
           }
         ),
         /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
@@ -3009,12 +4096,12 @@ const OrganizationCard = ({ org, theme, onClick }) => {
                 fontSize: `${theme.fontSizes[2]}px`,
                 fontWeight: theme.fontWeights.semibold,
                 color: theme.colors.text,
-                marginBottom: org.description ? "2px" : 0
+                marginBottom: "4px"
               },
-              children: org.login
+              children: collection.name
             }
           ),
-          org.description && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(
             "div",
             {
               style: {
@@ -3024,10 +4111,25 @@ const OrganizationCard = ({ org, theme, onClick }) => {
                 textOverflow: "ellipsis",
                 whiteSpace: "nowrap"
               },
-              children: org.description
+              children: collection.description
+            }
+          ),
+          collection.repositoryCount !== void 0 && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                fontSize: `${theme.fontSizes[0]}px`,
+                color: theme.colors.textSecondary,
+                marginTop: "4px"
+              },
+              children: [
+                collection.repositoryCount,
+                " repositories"
+              ]
             }
           )
-        ] })
+        ] }),
+        /* @__PURE__ */ jsx(ChevronRight, { size: 20, style: { color: theme.colors.textSecondary, flexShrink: 0 } })
       ]
     }
   );
@@ -3035,8 +4137,8 @@ const OrganizationCard = ({ org, theme, onClick }) => {
 const WelcomePanel = ({
   onNavigate,
   highlightedProjects = defaultHighlightedProjects,
-  featuredOrganizations = defaultFeaturedOrganizations,
-  onOrganizationClick
+  curatedCollections = [],
+  onCollectionClick
 }) => {
   const { theme } = useTheme();
   const [repoInput, setRepoInput] = useState("");
@@ -3062,13 +4164,11 @@ const WelcomePanel = ({
       window.location.href = `/${project.owner}/${project.repo}`;
     }
   }, [onNavigate]);
-  const handleOrganizationClick = useCallback((org) => {
-    if (onOrganizationClick) {
-      onOrganizationClick(org.login);
-    } else {
-      window.open(`https://github.com/${org.login}`, "_blank");
+  const handleCollectionClick = useCallback((collection) => {
+    if (onCollectionClick) {
+      onCollectionClick(collection.id);
     }
-  }, [onOrganizationClick]);
+  }, [onCollectionClick]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -3082,7 +4182,7 @@ const WelcomePanel = ({
         overflowY: "auto"
       },
       children: [
-        featuredOrganizations.length > 0 && /* @__PURE__ */ jsxs(
+        curatedCollections.length > 0 && /* @__PURE__ */ jsxs(
           "div",
           {
             style: {
@@ -3090,7 +4190,7 @@ const WelcomePanel = ({
               display: "flex",
               flexDirection: "column",
               alignItems: "center",
-              gap: "16px",
+              gap: "24px",
               borderBottom: `1px solid ${theme.colors.border}`
             },
             children: [
@@ -3104,7 +4204,7 @@ const WelcomePanel = ({
                     color: theme.colors.textSecondary,
                     textAlign: "center"
                   },
-                  children: "Explore software like never before"
+                  children: "Explore Curated Collections"
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -3114,16 +4214,17 @@ const WelcomePanel = ({
                     display: "flex",
                     gap: "16px",
                     flexWrap: "wrap",
-                    justifyContent: "center"
+                    justifyContent: "center",
+                    maxWidth: "1200px"
                   },
-                  children: featuredOrganizations.map((org) => /* @__PURE__ */ jsx(
-                    OrganizationCard,
+                  children: curatedCollections.map((collection) => /* @__PURE__ */ jsx(
+                    CollectionCard,
                     {
-                      org,
+                      collection,
                       theme,
-                      onClick: () => handleOrganizationClick(org)
+                      onClick: () => handleCollectionClick(collection)
                     },
-                    org.login
+                    collection.id
                   ))
                 }
               )
@@ -3456,13 +4557,55 @@ const requestGitHubLoginTool = {
     event_type: "github:login-requested"
   }
 };
+const listIssuesTool = {
+  name: "list_issues",
+  description: "Get a list of GitHub issues for the current repository.",
+  inputs: {
+    type: "object",
+    properties: {},
+    required: []
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" }
+    }
+  },
+  tags: ["github", "issues", "list", "browse"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "github-issues:request"
+  }
+};
+const refreshIssuesTool = {
+  name: "refresh_issues",
+  description: "Refresh the list of GitHub issues for the current repository.",
+  inputs: {
+    type: "object",
+    properties: {},
+    required: []
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" }
+    }
+  },
+  tags: ["github", "issues", "refresh", "update"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "github-issues:refresh"
+  }
+};
 const githubTools = [
   listRepositoriesTool,
   selectRepositoryTool,
   previewRepositoryTool,
   searchRepositoriesTool,
   openRepositorySwitcherTool,
-  requestGitHubLoginTool
+  requestGitHubLoginTool,
+  listIssuesTool,
+  refreshIssuesTool
 ];
 const githubToolsMetadata = {
   id: "github-panels",
@@ -3499,6 +4642,20 @@ const panels = [
       console.log("GitHub Search Panel unmounting");
     }
   },
+  {
+    metadata: GitHubIssuesPanelMetadata,
+    component: GitHubIssuesPanel,
+    onMount: async (context) => {
+      console.log("GitHub Issues Panel mounted");
+      const slice = context.getSlice("github-issues");
+      if (slice && !slice.loading) {
+        await slice.refresh();
+      }
+    },
+    onUnmount: async (_context) => {
+      console.log("GitHub Issues Panel unmounting");
+    }
+  },
   {
     metadata: OwnerRepositoriesPanelMetadata,
     component: OwnerRepositoriesPanel,
@@ -3537,6 +4694,7 @@ const onPackageUnload = async () => {
   console.log("Panel package unloading - GitHub Panels Extension");
 };
 export {
+  GitHubIssuesPanel,
   GitHubProjectCard,
   GitHubProjectsPanel,
   GitHubSearchPanel,
@@ -3547,12 +4705,14 @@ export {
   addRecentRepository,
   githubTools,
   githubToolsMetadata,
+  listIssuesTool,
   listRepositoriesTool,
   onPackageLoad,
   onPackageUnload,
   openRepositorySwitcherTool,
   panels,
   previewRepositoryTool,
+  refreshIssuesTool,
   requestGitHubLoginTool,
   searchRepositoriesTool,
   selectRepositoryTool