@industry-theme/github-panels 0.1.40 → 0.1.42

package/dist/panels.bundle.js

@@ -130,18 +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$u = [
-  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
-  ["path", { d: "M19 12H5", key: "x3x0zl" }]
-];
-const ArrowLeft = createLucideIcon("arrow-left", __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$t = [
+const __iconNode$w = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -151,14 +140,14 @@ const __iconNode$t = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$t);
+const BookOpen = createLucideIcon("book-open", __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$s = [
+const __iconNode$v = [
   ["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" }],
@@ -171,74 +160,86 @@ const __iconNode$s = [
   ],
   ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$s);
+const Building2 = createLucideIcon("building-2", __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$r = [
+const __iconNode$u = [
   ["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$r);
+const Calendar = createLucideIcon("calendar", __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$q = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$q);
+const __iconNode$t = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __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$p = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$p);
+const __iconNode$s = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __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$o = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$o);
+const __iconNode$r = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __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$n = [
+const __iconNode$q = [
   ["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);
+const CircleAlert = createLucideIcon("circle-alert", __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$m = [
+const __iconNode$p = [
   ["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$m);
+const Copy = createLucideIcon("copy", __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$l = [
+const __iconNode$o = [
+  ["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$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$n = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -248,26 +249,26 @@ const __iconNode$l = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$l);
+const Expand = createLucideIcon("expand", __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$k = [
+const __iconNode$m = [
   ["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$k);
+const ExternalLink = createLucideIcon("external-link", __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$j = [
+const __iconNode$l = [
   [
     "path",
     {
@@ -280,7 +281,41 @@ const __iconNode$j = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$j);
+const FileText = createLucideIcon("file-text", __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: "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$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$j = [
+  ["path", { d: "M12 10v6", key: "1bos4e" }],
+  ["path", { d: "M9 13h6", key: "1uhe8q" }],
+  [
+    "path",
+    {
+      d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
+      key: "1kt360"
+    }
+  ]
+];
+const FolderPlus = createLucideIcon("folder-plus", __iconNode$j);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -533,7 +568,7 @@ const __iconNode = [
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
 const X = createLucideIcon("x", __iconNode);
-function getLanguageColor(language2) {
+function getLanguageColor$1(language2) {
   const colors = {
     TypeScript: "#3178c6",
     JavaScript: "#f7df1e",
@@ -688,7 +723,7 @@ const GitHubProjectCard = ({
                             width: "8px",
                             height: "8px",
                             borderRadius: "50%",
-                            backgroundColor: getLanguageColor(repository.language)
+                            backgroundColor: getLanguageColor$1(repository.language)
                           }
                         }
                       ),
@@ -704,7 +739,7 @@ const GitHubProjectCard = ({
                     ] }),
                     repository.license && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
                       /* @__PURE__ */ jsx(Scale, { size: 12 }),
-                      /* @__PURE__ */ jsx("span", { children: repository.license })
+                      /* @__PURE__ */ jsx("span", { children: typeof repository.license === "string" ? repository.license : repository.license.spdx_id || repository.license.name })
                     ] })
                   ]
                 }
@@ -1243,7 +1278,439 @@ const GitHubProjectsPanelMetadata = {
   slices: ["github-repositories"],
   surfaces: ["sidebar", "panel"]
 };
-const GitHubSearchPanelContent = ({ events }) => {
+const RepositoryAvatar = ({
+  owner,
+  customAvatarUrl,
+  size = 32,
+  fallbackIcon
+}) => {
+  const { theme: theme2 } = useTheme();
+  const borderRadius = `${Math.min(8, size / 4)}px`;
+  const avatarUrl = customAvatarUrl || (owner ? `https://github.com/${owner}.png` : null);
+  const getContent2 = () => {
+    if (avatarUrl) {
+      return /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: avatarUrl,
+          alt: owner || "Repository",
+          style: {
+            width: "100%",
+            height: "100%",
+            objectFit: "cover"
+          },
+          onError: (e) => {
+            e.currentTarget.style.display = "none";
+          }
+        }
+      );
+    }
+    if (fallbackIcon) {
+      return fallbackIcon;
+    }
+    return null;
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        width: `${size}px`,
+        height: `${size}px`,
+        borderRadius,
+        backgroundColor: theme2.colors.backgroundTertiary,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        overflow: "hidden",
+        flexShrink: 0
+      },
+      children: getContent2()
+    }
+  );
+};
+const GitHubRepositoryCard = ({
+  repository,
+  localRepo,
+  onClone,
+  onOpen,
+  isLoading = false,
+  isSelected = false,
+  onSelect,
+  onAddToCollection,
+  isInCollection = false,
+  collectionName
+}) => {
+  const { theme: theme2 } = useTheme();
+  const [isHovered, setIsHovered] = useState(false);
+  const isCloned = Boolean(localRepo);
+  const handleClone = useCallback(
+    (e) => {
+      e.stopPropagation();
+      if (onClone && !isLoading) {
+        onClone(repository);
+      }
+    },
+    [onClone, repository, isLoading]
+  );
+  const handleOpen = useCallback(
+    (e) => {
+      e.stopPropagation();
+      if (onOpen && localRepo && !isLoading) {
+        onOpen(localRepo.path);
+      }
+    },
+    [onOpen, localRepo, isLoading]
+  );
+  const handleClick = useCallback(() => {
+    if (onSelect) {
+      onSelect(repository);
+    }
+  }, [onSelect, repository]);
+  const handleOpenOnGitHub = useCallback(
+    (e) => {
+      e.stopPropagation();
+      window.open(repository.html_url, "_blank", "noopener,noreferrer");
+    },
+    [repository.html_url]
+  );
+  const handleAddToCollection = useCallback(
+    (e) => {
+      e.stopPropagation();
+      if (onAddToCollection && !isLoading && !isInCollection) {
+        onAddToCollection(repository);
+      }
+    },
+    [onAddToCollection, repository, isLoading, isInCollection]
+  );
+  const getRelativeTime = (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`;
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      onClick: handleClick,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      style: {
+        display: "flex",
+        alignItems: "flex-start",
+        gap: "12px",
+        padding: "12px",
+        borderRadius: "8px",
+        backgroundColor: isSelected ? `${theme2.colors.primary}15` : isHovered ? theme2.colors.backgroundTertiary : "transparent",
+        border: `1px solid ${isSelected ? theme2.colors.primary : "transparent"}`,
+        cursor: onSelect ? "pointer" : "default",
+        transition: "background-color 0.15s, border-color 0.15s"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          RepositoryAvatar,
+          {
+            owner: repository.owner.login,
+            customAvatarUrl: repository.owner.avatar_url,
+            size: 40
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "8px",
+                marginBottom: "4px"
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      fontSize: `${theme2.fontSizes[2]}px`,
+                      fontWeight: theme2.fontWeights.semibold,
+                      fontFamily: theme2.fonts.body,
+                      color: isCloned ? "#10b981" : theme2.colors.text,
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap"
+                    },
+                    title: repository.full_name,
+                    children: repository.name
+                  }
+                ),
+                repository.private && /* @__PURE__ */ jsx("span", { title: "Private repository", children: /* @__PURE__ */ jsx(
+                  Lock,
+                  {
+                    size: 12,
+                    style: { color: theme2.colors.textSecondary, flexShrink: 0 }
+                  }
+                ) }),
+                repository.fork && /* @__PURE__ */ jsx("span", { title: "Forked repository", children: /* @__PURE__ */ jsx(
+                  GitFork,
+                  {
+                    size: 12,
+                    style: { color: theme2.colors.textSecondary, flexShrink: 0 }
+                  }
+                ) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                fontSize: `${theme2.fontSizes[0]}px`,
+                fontFamily: theme2.fonts.body,
+                color: theme2.colors.textSecondary,
+                marginBottom: "4px"
+              },
+              children: repository.owner.login
+            }
+          ),
+          repository.description && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                fontSize: `${theme2.fontSizes[1]}px`,
+                fontFamily: theme2.fonts.body,
+                color: theme2.colors.textSecondary,
+                lineHeight: theme2.lineHeights.body,
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                display: "-webkit-box",
+                WebkitLineClamp: 2,
+                WebkitBoxOrient: "vertical",
+                marginBottom: "8px"
+              },
+              children: repository.description
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "12px",
+                fontSize: `${theme2.fontSizes[0]}px`,
+                fontFamily: theme2.fonts.body,
+                color: theme2.colors.textSecondary
+              },
+              children: [
+                repository.language && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        width: "8px",
+                        height: "8px",
+                        borderRadius: "50%",
+                        backgroundColor: getLanguageColor(repository.language)
+                      }
+                    }
+                  ),
+                  repository.language
+                ] }),
+                repository.stargazers_count !== void 0 && repository.stargazers_count > 0 && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                  /* @__PURE__ */ jsx(Star, { size: 12 }),
+                  formatNumber(repository.stargazers_count)
+                ] }),
+                repository.license && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                  /* @__PURE__ */ jsx(Scale, { size: 12 }),
+                  typeof repository.license === "string" ? repository.license : repository.license.spdx_id || repository.license.name
+                ] }),
+                (repository.pushed_at || repository.updated_at) && /* @__PURE__ */ jsxs("span", { children: [
+                  "Updated ",
+                  getRelativeTime(repository.pushed_at || repository.updated_at)
+                ] })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              flexShrink: 0
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleOpenOnGitHub,
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: "32px",
+                    height: "32px",
+                    borderRadius: "6px",
+                    border: `1px solid ${theme2.colors.border}`,
+                    backgroundColor: "transparent",
+                    color: theme2.colors.textSecondary,
+                    cursor: "pointer",
+                    transition: "background-color 0.15s, color 0.15s"
+                  },
+                  title: "Open on GitHub",
+                  onMouseEnter: (e) => {
+                    e.currentTarget.style.backgroundColor = theme2.colors.backgroundTertiary;
+                    e.currentTarget.style.color = theme2.colors.text;
+                  },
+                  onMouseLeave: (e) => {
+                    e.currentTarget.style.backgroundColor = "transparent";
+                    e.currentTarget.style.color = theme2.colors.textSecondary;
+                  },
+                  children: /* @__PURE__ */ jsx(ExternalLink, { size: 16 })
+                }
+              ),
+              onAddToCollection && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleAddToCollection,
+                  disabled: isLoading || isInCollection,
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "6px",
+                    padding: "6px 12px",
+                    borderRadius: "6px",
+                    border: "none",
+                    backgroundColor: isInCollection ? "#10b981" : theme2.colors.secondary,
+                    color: isInCollection ? "#ffffff" : theme2.colors.text,
+                    fontSize: `${theme2.fontSizes[1]}px`,
+                    fontWeight: theme2.fontWeights.medium,
+                    fontFamily: theme2.fonts.body,
+                    cursor: isLoading || isInCollection ? "not-allowed" : "pointer",
+                    opacity: isLoading ? 0.6 : 1,
+                    transition: "opacity 0.15s, background-color 0.15s"
+                  },
+                  title: isInCollection ? `Already in ${collectionName || "collection"}` : `Add to ${collectionName || "collection"}`,
+                  children: [
+                    isInCollection ? /* @__PURE__ */ jsx(Check, { size: 14 }) : /* @__PURE__ */ jsx(FolderPlus, { size: 14 }),
+                    isInCollection ? "Added" : "Add"
+                  ]
+                }
+              ),
+              isCloned && onOpen && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleOpen,
+                  disabled: isLoading,
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "6px",
+                    padding: "6px 12px",
+                    borderRadius: "6px",
+                    border: "none",
+                    backgroundColor: "#10b981",
+                    color: "#ffffff",
+                    fontSize: `${theme2.fontSizes[1]}px`,
+                    fontWeight: theme2.fontWeights.medium,
+                    fontFamily: theme2.fonts.body,
+                    cursor: isLoading ? "not-allowed" : "pointer",
+                    opacity: isLoading ? 0.6 : 1,
+                    transition: "opacity 0.15s"
+                  },
+                  title: "Open in workspace",
+                  children: [
+                    /* @__PURE__ */ jsx(FolderOpen, { size: 14 }),
+                    "Open"
+                  ]
+                }
+              ),
+              !isCloned && onClone && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleClone,
+                  disabled: isLoading,
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "6px",
+                    padding: "6px 12px",
+                    borderRadius: "6px",
+                    border: "none",
+                    backgroundColor: theme2.colors.primary,
+                    color: theme2.colors.background,
+                    fontSize: `${theme2.fontSizes[1]}px`,
+                    fontWeight: theme2.fontWeights.medium,
+                    fontFamily: theme2.fonts.body,
+                    cursor: isLoading ? "not-allowed" : "pointer",
+                    opacity: isLoading ? 0.6 : 1,
+                    transition: "opacity 0.15s"
+                  },
+                  title: "Clone repository",
+                  children: [
+                    /* @__PURE__ */ jsx(Download, { size: 14 }),
+                    "Clone"
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+function getLanguageColor(language2) {
+  const colors = {
+    TypeScript: "#3178c6",
+    JavaScript: "#f7df1e",
+    Python: "#3572A5",
+    Rust: "#dea584",
+    Go: "#00ADD8",
+    Java: "#b07219",
+    Ruby: "#701516",
+    PHP: "#4F5D95",
+    "C++": "#f34b7d",
+    C: "#555555",
+    "C#": "#178600",
+    Swift: "#F05138",
+    Kotlin: "#A97BFF",
+    Shell: "#89e051",
+    HTML: "#e34c26",
+    CSS: "#563d7c",
+    Vue: "#41b883",
+    Svelte: "#ff3e00"
+  };
+  return colors[language2] || "#8b949e";
+}
+function formatNumber(num) {
+  if (num >= 1e6) {
+    return `${(num / 1e6).toFixed(1)}M`;
+  }
+  if (num >= 1e3) {
+    return `${(num / 1e3).toFixed(1)}K`;
+  }
+  return num.toString();
+}
+const PANEL_ID = "github-search-panel";
+const createPanelEvent = (type, payload) => ({
+  type,
+  source: PANEL_ID,
+  timestamp: Date.now(),
+  payload
+});
+const GitHubSearchPanelContent = ({ context, actions, events }) => {
+  var _a, _b;
   const { theme: theme2 } = useTheme();
   const [searchQuery, setSearchQuery] = useState("");
   const [results, setResults] = useState([]);
@@ -1253,10 +1720,28 @@ const GitHubSearchPanelContent = ({ events }) => {
   const [selectedRepoId, setSelectedRepoId] = useState(null);
   const searchTimeoutRef = useRef(null);
   const inputRef = useRef(null);
+  const workspaceSlice = context.getSlice("workspace");
+  const workspaceReposSlice = context.getSlice("workspaceRepositories");
+  const currentWorkspace = (_a = workspaceSlice == null ? void 0 : workspaceSlice.data) == null ? void 0 : _a.workspace;
+  const collectionName = currentWorkspace == null ? void 0 : currentWorkspace.name;
+  const collectionRepos = useMemo(
+    () => {
+      var _a2;
+      return ((_a2 = workspaceReposSlice == null ? void 0 : workspaceReposSlice.data) == null ? void 0 : _a2.repositories) || [];
+    },
+    [(_b = workspaceReposSlice == null ? void 0 : workspaceReposSlice.data) == null ? void 0 : _b.repositories]
+  );
+  const collectionRepoSet = useMemo(() => {
+    return new Set(collectionRepos.map((r2) => r2.full_name));
+  }, [collectionRepos]);
+  const panelActions = actions;
+  const searchAvailable = Boolean(panelActions.searchRepositories);
   useEffect(() => {
-    var _a;
-    (_a = inputRef.current) == null ? void 0 : _a.focus();
-  }, []);
+    var _a2;
+    if (searchAvailable) {
+      (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+    }
+  }, [searchAvailable]);
   const performSearch = useCallback(async (query) => {
     if (!query.trim()) {
       setResults([]);
@@ -1264,17 +1749,14 @@ const GitHubSearchPanelContent = ({ events }) => {
       setError(null);
       return;
     }
+    if (!panelActions.searchRepositories) {
+      setError("Search is not available");
+      return;
+    }
     setIsLoading(true);
     setError(null);
     try {
-      const response = await fetch(
-        `/api/github/search?q=${encodeURIComponent(query)}&per_page=30`
-      );
-      if (!response.ok) {
-        const errorData = await response.json().catch(() => ({}));
-        throw new Error(errorData.error || "Search failed");
-      }
-      const data = await response.json();
+      const data = await panelActions.searchRepositories(query, { perPage: 30 });
       setResults(data.items || []);
       setTotalCount(data.total_count || 0);
     } catch (err) {
@@ -1284,7 +1766,7 @@ const GitHubSearchPanelContent = ({ events }) => {
     } finally {
       setIsLoading(false);
     }
-  }, []);
+  }, [panelActions]);
   const handleSearchChange = (e) => {
     const query = e.target.value;
     setSearchQuery(query);
@@ -1302,23 +1784,60 @@ const GitHubSearchPanelContent = ({ events }) => {
     }
     performSearch(searchQuery);
   };
-  const handleSelectRepository = (repo) => {
+  const handleSelectRepository = useCallback((repo) => {
     setSelectedRepoId(repo.id);
     events.emit({
       type: "repository:preview",
-      source: "github-search-panel",
+      source: PANEL_ID,
       timestamp: Date.now(),
       payload: {
         repository: repo,
         source: "search"
       }
     });
-  };
-  const formatNumber = (num) => {
+  }, [events]);
+  const handleAddToCollection = useCallback(
+    async (repo) => {
+      if (panelActions.addToCollection) {
+        await panelActions.addToCollection(repo);
+        events.emit(
+          createPanelEvent(`${PANEL_ID}:repository-added-to-collection`, {
+            repository: repo
+          })
+        );
+      }
+    },
+    [panelActions, events]
+  );
+  const formatNumber2 = (num) => {
     if (num >= 1e6) return `${(num / 1e6).toFixed(1)}M`;
     if (num >= 1e3) return `${(num / 1e3).toFixed(1)}K`;
     return num.toString();
   };
+  if (!searchAvailable) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          height: "100%",
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: theme2.colors.background,
+          color: theme2.colors.textSecondary,
+          fontFamily: theme2.fonts.body,
+          padding: "32px",
+          textAlign: "center"
+        },
+        children: [
+          /* @__PURE__ */ jsx(CircleAlert, { size: 48, style: { marginBottom: 16, opacity: 0.5 } }),
+          /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: `${theme2.fontSizes[2]}px` }, children: "Search is not available" }),
+          /* @__PURE__ */ jsx("p", { style: { margin: "8px 0 0", fontSize: `${theme2.fontSizes[1]}px` }, children: "The host application must provide a searchRepositories action" })
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -1332,89 +1851,110 @@ const GitHubSearchPanelContent = ({ events }) => {
       },
       children: [
         /* @__PURE__ */ jsxs(
-          "div",
+          "form",
           {
+            onSubmit: handleSubmit,
             style: {
-              padding: "12px 16px",
+              height: "40px",
+              minHeight: "40px",
+              padding: "0 16px",
               borderBottom: `1px solid ${theme2.colors.border}`,
-              display: "flex",
-              alignItems: "center",
-              gap: "12px"
-            },
-            children: [
-              /* @__PURE__ */ jsx(Github, { size: 20, color: theme2.colors.primary }),
-              /* @__PURE__ */ jsx(
-                "h2",
-                {
-                  style: {
-                    margin: 0,
-                    fontSize: `${theme2.fontSizes[3]}px`,
-                    fontWeight: theme2.fontWeights.semibold
-                  },
-                  children: "Search GitHub"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, style: { padding: "12px 16px" }, children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
               display: "flex",
               alignItems: "center",
               gap: "8px",
-              padding: "10px 12px",
-              borderRadius: "6px",
-              backgroundColor: theme2.colors.backgroundSecondary,
-              border: `1px solid ${theme2.colors.border}`
+              boxSizing: "border-box"
             },
             children: [
-              /* @__PURE__ */ jsx(Search, { size: 18, color: theme2.colors.textSecondary }),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  ref: inputRef,
-                  type: "text",
-                  placeholder: "Search repositories on GitHub...",
-                  value: searchQuery,
-                  onChange: handleSearchChange,
-                  style: {
-                    flex: 1,
-                    border: "none",
-                    background: "none",
-                    outline: "none",
-                    fontSize: `${theme2.fontSizes[2]}px`,
-                    color: theme2.colors.text
+              /* @__PURE__ */ jsx(Github, { size: 18, color: theme2.colors.primary, style: { flexShrink: 0 } }),
+              /* @__PURE__ */ jsxs("div", { style: { position: "relative", flex: 1, display: "flex", alignItems: "center" }, children: [
+                /* @__PURE__ */ jsx(
+                  Search,
+                  {
+                    size: 16,
+                    color: theme2.colors.textSecondary,
+                    style: {
+                      position: "absolute",
+                      left: "10px",
+                      pointerEvents: "none"
+                    }
                   }
-                }
-              ),
-              isLoading && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    width: 16,
-                    height: 16,
-                    border: `2px solid ${theme2.colors.border}`,
-                    borderTopColor: theme2.colors.primary,
-                    borderRadius: "50%",
-                    animation: "spin 1s linear infinite"
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    ref: inputRef,
+                    type: "text",
+                    placeholder: "Search GitHub repositories...",
+                    value: searchQuery,
+                    onChange: handleSearchChange,
+                    style: {
+                      width: "100%",
+                      padding: "6px 32px 6px 32px",
+                      fontSize: `${theme2.fontSizes[1]}px`,
+                      color: theme2.colors.text,
+                      backgroundColor: theme2.colors.backgroundSecondary,
+                      border: `1px solid ${theme2.colors.border}`,
+                      borderRadius: "4px",
+                      outline: "none",
+                      fontFamily: theme2.fonts.body
+                    }
                   }
-                }
-              )
+                ),
+                searchQuery && !isLoading && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      var _a2;
+                      setSearchQuery("");
+                      setResults([]);
+                      setTotalCount(0);
+                      (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+                    },
+                    style: {
+                      position: "absolute",
+                      right: "8px",
+                      background: "none",
+                      border: "none",
+                      cursor: "pointer",
+                      padding: "4px",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      color: theme2.colors.textSecondary
+                    },
+                    children: /* @__PURE__ */ jsx(X, { size: 16 })
+                  }
+                ),
+                isLoading && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      position: "absolute",
+                      right: "10px",
+                      width: 14,
+                      height: 14,
+                      border: `2px solid ${theme2.colors.border}`,
+                      borderTopColor: theme2.colors.primary,
+                      borderRadius: "50%",
+                      animation: "spin 1s linear infinite"
+                    }
+                  }
+                )
+              ] })
             ]
           }
-        ) }),
+        ),
         totalCount > 0 && !isLoading && /* @__PURE__ */ jsxs(
           "div",
           {
             style: {
-              padding: "0 16px 8px",
+              padding: "8px 16px",
               fontSize: `${theme2.fontSizes[1]}px`,
               color: theme2.colors.textSecondary
             },
             children: [
-              formatNumber(totalCount),
+              formatNumber2(totalCount),
               " repositories found"
             ]
           }
@@ -1471,134 +2011,18 @@ const GitHubSearchPanelContent = ({ events }) => {
                   ]
                 }
               ),
-              results.map((repo) => {
-                var _a;
-                return /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => handleSelectRepository(repo),
-                    style: {
-                      width: "100%",
-                      padding: "12px",
-                      margin: "4px 0",
-                      borderRadius: "6px",
-                      border: selectedRepoId === repo.id ? `2px solid ${theme2.colors.primary}` : `1px solid ${theme2.colors.border}`,
-                      backgroundColor: selectedRepoId === repo.id ? `${theme2.colors.primary}10` : theme2.colors.surface,
-                      cursor: "pointer",
-                      textAlign: "left",
-                      display: "flex",
-                      flexDirection: "column",
-                      gap: "8px"
-                    },
-                    children: [
-                      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                        ((_a = repo.owner) == null ? void 0 : _a.avatar_url) && /* @__PURE__ */ jsx(
-                          "img",
-                          {
-                            src: repo.owner.avatar_url,
-                            alt: repo.owner.login,
-                            style: { width: 20, height: 20, borderRadius: 4 }
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          "span",
-                          {
-                            style: {
-                              fontSize: `${theme2.fontSizes[2]}px`,
-                              fontWeight: theme2.fontWeights.semibold,
-                              color: theme2.colors.primary
-                            },
-                            children: repo.full_name
-                          }
-                        ),
-                        repo.private && /* @__PURE__ */ jsx(
-                          "span",
-                          {
-                            style: {
-                              fontSize: `${theme2.fontSizes[0]}px`,
-                              padding: "2px 6px",
-                              borderRadius: "4px",
-                              backgroundColor: theme2.colors.backgroundTertiary,
-                              color: theme2.colors.textSecondary
-                            },
-                            children: "Private"
-                          }
-                        )
-                      ] }),
-                      repo.description && /* @__PURE__ */ jsx(
-                        "p",
-                        {
-                          style: {
-                            margin: 0,
-                            fontSize: `${theme2.fontSizes[1]}px`,
-                            color: theme2.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: `${theme2.fontSizes[1]}px`,
-                            color: theme2.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: theme2.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: theme2.colors.textSecondary,
-                                  display: "flex",
-                                  alignItems: "center"
-                                },
-                                children: /* @__PURE__ */ jsx(ExternalLink, { size: 14 })
-                              }
-                            )
-                          ]
-                        }
-                      )
-                    ]
-                  },
-                  repo.id
-                );
-              })
+              results.map((repo) => /* @__PURE__ */ jsx(
+                GitHubRepositoryCard,
+                {
+                  repository: repo,
+                  onSelect: handleSelectRepository,
+                  isSelected: selectedRepoId === repo.id,
+                  onAddToCollection: currentWorkspace ? handleAddToCollection : void 0,
+                  isInCollection: collectionRepoSet.has(repo.full_name),
+                  collectionName
+                },
+                repo.id
+              ))
             ]
           }
         ),
@@ -1620,7 +2044,7 @@ const GitHubSearchPanelMetadata = {
   description: "Search for repositories on GitHub",
   icon: "search",
   version: "0.1.0",
-  slices: [],
+  slices: ["workspace", "workspaceRepositories"],
   surfaces: ["panel"]
 };
 const formatDate$1 = (dateString) => {
@@ -46045,55 +46469,15 @@ const formatDate = (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 === 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 StatusBadge = ({ state }) => {
-  const { theme: theme2 } = useTheme();
-  const isOpen = state === "open";
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      style: {
-        display: "inline-flex",
-        alignItems: "center",
-        padding: "4px 12px",
-        borderRadius: "12px",
-        fontSize: `${theme2.fontSizes[1]}px`,
-        fontWeight: theme2.fontWeights.semibold,
-        backgroundColor: isOpen ? "#22c55e22" : "#6b728022",
-        color: isOpen ? "#22c55e" : "#6b7280",
-        textTransform: "uppercase"
-      },
-      children: state
-    }
-  );
-};
-const MetadataRow = ({ icon, label, value }) => {
-  const { theme: theme2 } = useTheme();
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: "8px",
-        fontSize: `${theme2.fontSizes[1]}px`
-      },
-      children: [
-        /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textSecondary, display: "flex", alignItems: "center" }, children: icon }),
-        /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.textSecondary }, children: [
-          label,
-          ":"
-        ] }),
-        /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.text }, children: value })
-      ]
-    }
-  );
+  const weeks = Math.floor(diffDays / 7);
+  if (diffDays < 30) return `${weeks} ${weeks === 1 ? "week" : "weeks"} ago`;
+  const months = Math.floor(diffDays / 30);
+  if (diffDays < 365) return `${months} ${months === 1 ? "month" : "months"} ago`;
+  const years = Math.floor(diffDays / 365);
+  return `${years} ${years === 1 ? "year" : "years"} ago`;
 };
 const GitHubIssueDetailPanelContent = ({ events }) => {
   const { theme: theme2 } = useTheme();
@@ -46127,32 +46511,40 @@ const GitHubIssueDetailPanelContent = ({ events }) => {
       });
     }
   };
+  const containerStyle = {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    backgroundColor: theme2.colors.background,
+    overflow: "hidden"
+  };
   if (!selectedIssue) {
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxs(
       "div",
       {
         style: {
-          height: "100%",
+          flex: 1,
           display: "flex",
           flexDirection: "column",
           alignItems: "center",
           justifyContent: "center",
+          gap: "16px",
           padding: "24px",
-          backgroundColor: theme2.colors.background,
-          color: theme2.colors.textSecondary,
-          gap: "16px"
+          textAlign: "center"
         },
         children: [
-          /* @__PURE__ */ jsx(Github, { size: 48, color: theme2.colors.border }),
-          /* @__PURE__ */ jsxs("div", { style: { textAlign: "center" }, children: [
+          /* @__PURE__ */ jsx(Github, { size: 48, style: { color: theme2.colors.textMuted } }),
+          /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(
               "h3",
               {
                 style: {
-                  margin: "0 0 8px 0",
-                  fontSize: `${theme2.fontSizes[3]}px`,
-                  color: theme2.colors.text,
-                  fontWeight: theme2.fontWeights.semibold
+                  margin: 0,
+                  marginBottom: "8px",
+                  fontFamily: theme2.fonts.heading,
+                  fontSize: theme2.fontSizes[3],
+                  fontWeight: 600,
+                  color: theme2.colors.text
                 },
                 children: "No Issue Selected"
               }
@@ -46162,347 +46554,229 @@ const GitHubIssueDetailPanelContent = ({ events }) => {
               {
                 style: {
                   margin: 0,
-                  fontSize: `${theme2.fontSizes[1]}px`,
-                  color: theme2.colors.textSecondary
+                  fontFamily: theme2.fonts.body,
+                  fontSize: theme2.fontSizes[1],
+                  color: theme2.colors.textSecondary,
+                  lineHeight: 1.5
                 },
-                children: "Click on an issue in the Issues panel to view its details"
+                children: "Click on an issue in the Issues panel to view its details."
               }
             )
           ] })
         ]
       }
-    );
+    ) });
   }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        backgroundColor: theme2.colors.background,
-        color: theme2.colors.text,
-        overflow: "hidden",
-        fontFamily: theme2.fonts.body
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
+  const isOpen = selectedIssue.state === "open";
+  const statusColor = isOpen ? theme2.colors.success || "#22c55e" : theme2.colors.error || "#ef4444";
+  const statusBg = `${statusColor}20`;
+  const statusLabel = isOpen ? "Open" : "Closed";
+  return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          height: "40px",
+          minHeight: "40px",
+          padding: "0 12px",
+          borderBottom: `1px solid ${theme2.colors.border}`,
+          backgroundColor: theme2.colors.backgroundSecondary,
+          display: "flex",
+          alignItems: "center",
+          gap: "12px",
+          boxSizing: "border-box"
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                fontFamily: theme2.fonts.monospace,
+                fontSize: theme2.fontSizes[0],
+                color: theme2.colors.textSecondary
+              },
+              children: [
+                "#",
+                selectedIssue.number
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: "6px",
+                padding: "4px 10px",
+                borderRadius: "999px",
+                backgroundColor: statusBg,
+                color: statusColor,
+                fontFamily: theme2.fonts.heading,
+                fontSize: theme2.fontSizes[0],
+                fontWeight: 600,
+                textTransform: "uppercase"
+              },
+              children: statusLabel
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                color: theme2.colors.textSecondary,
+                fontSize: theme2.fontSizes[0],
+                fontFamily: theme2.fonts.body
+              },
+              children: [
+                "by ",
+                /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.primary }, children: selectedIssue.user.login }),
+                " ",
+                formatDate(selectedIssue.created_at)
+              ]
+            }
+          ),
+          selectedIssue.comments > 0 && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: "4px",
+                color: theme2.colors.textSecondary,
+                fontSize: theme2.fontSizes[0]
+              },
+              children: [
+                /* @__PURE__ */ jsx(MessageSquare, { size: 12 }),
+                selectedIssue.comments
+              ]
+            }
+          ),
+          selectedIssue.assignees && selectedIssue.assignees.length > 0 && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: "4px",
+                color: theme2.colors.textSecondary,
+                fontSize: theme2.fontSizes[0],
+                fontFamily: theme2.fonts.body
+              },
+              children: [
+                "assigned to",
+                " ",
+                selectedIssue.assignees.map((assignee, index2) => /* @__PURE__ */ jsxs("span", { children: [
+                  /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.primary }, children: assignee.login }),
+                  index2 < selectedIssue.assignees.length - 1 && ", "
+                ] }, assignee.login))
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: selectedIssue.html_url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              title: "View on GitHub",
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                justifyContent: "center",
+                width: "28px",
+                height: "28px",
+                padding: 0,
+                border: `1px solid ${theme2.colors.border}`,
+                borderRadius: "6px",
+                backgroundColor: theme2.colors.background,
+                color: theme2.colors.textSecondary,
+                textDecoration: "none"
+              },
+              children: /* @__PURE__ */ jsx(ExternalLink, { size: 14 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleBack,
+              title: "Close",
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                justifyContent: "center",
+                width: "28px",
+                height: "28px",
+                padding: 0,
+                border: `1px solid ${theme2.colors.border}`,
+                borderRadius: "6px",
+                backgroundColor: theme2.colors.background,
+                color: theme2.colors.textSecondary,
+                cursor: "pointer"
+              },
+              children: /* @__PURE__ */ jsx(X, { size: 16 })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          padding: "16px",
+          borderBottom: `1px solid ${theme2.colors.border}`
+        },
+        children: /* @__PURE__ */ jsx(
+          "h1",
           {
             style: {
-              flexShrink: 0,
-              padding: "16px 20px",
-              borderBottom: `1px solid ${theme2.colors.border}`,
-              backgroundColor: theme2.colors.backgroundSecondary
+              margin: 0,
+              fontFamily: theme2.fonts.heading,
+              fontSize: theme2.fontSizes[4] || 20,
+              fontWeight: 600,
+              color: theme2.colors.text,
+              lineHeight: 1.3
             },
-            children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "12px",
-                    marginBottom: "12px"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: handleBack,
-                        style: {
-                          display: "flex",
-                          alignItems: "center",
-                          justifyContent: "center",
-                          width: "32px",
-                          height: "32px",
-                          border: `1px solid ${theme2.colors.border}`,
-                          borderRadius: "6px",
-                          background: theme2.colors.surface,
-                          cursor: "pointer",
-                          color: theme2.colors.textSecondary
-                        },
-                        title: "Back",
-                        children: /* @__PURE__ */ jsx(ArrowLeft, { size: 16 })
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs(
-                      "span",
-                      {
-                        style: {
-                          fontFamily: theme2.fonts.monospace || "monospace",
-                          fontSize: `${theme2.fontSizes[1]}px`,
-                          color: theme2.colors.textSecondary
-                        },
-                        children: [
-                          "#",
-                          selectedIssue.number
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(StatusBadge, { state: selectedIssue.state }),
-                    owner && repo && /* @__PURE__ */ jsxs(
-                      "span",
-                      {
-                        style: {
-                          fontSize: `${theme2.fontSizes[0]}px`,
-                          color: theme2.colors.textSecondary,
-                          marginLeft: "auto"
-                        },
-                        children: [
-                          owner,
-                          "/",
-                          repo
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "h1",
-                {
-                  style: {
-                    margin: "0 0 16px 0",
-                    fontSize: `${theme2.fontSizes[5]}px`,
-                    fontWeight: theme2.fontWeights.semibold,
-                    color: theme2.colors.text,
-                    lineHeight: 1.3
-                  },
-                  children: selectedIssue.title
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  style: {
-                    display: "grid",
-                    gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))",
-                    gap: "12px"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      MetadataRow,
-                      {
-                        icon: /* @__PURE__ */ jsx(User, { size: 14 }),
-                        label: "Author",
-                        value: /* @__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: "16px",
-                                height: "16px",
-                                borderRadius: "50%"
-                              }
-                            }
-                          ),
-                          selectedIssue.user.login
-                        ] })
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      MetadataRow,
-                      {
-                        icon: /* @__PURE__ */ jsx(Calendar, { size: 14 }),
-                        label: "Created",
-                        value: formatDate(selectedIssue.created_at)
-                      }
-                    ),
-                    selectedIssue.comments > 0 && /* @__PURE__ */ jsx(
-                      MetadataRow,
-                      {
-                        icon: /* @__PURE__ */ jsx(MessageSquare, { size: 14 }),
-                        label: "Comments",
-                        value: `${selectedIssue.comments} ${selectedIssue.comments === 1 ? "comment" : "comments"}`
-                      }
-                    )
-                  ]
-                }
-              ),
-              selectedIssue.labels.length > 0 && /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "8px",
-                    marginTop: "12px",
-                    flexWrap: "wrap"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(Tag, { size: 14, color: theme2.colors.textSecondary }),
-                    selectedIssue.labels.map((label) => /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        style: {
-                          display: "inline-flex",
-                          alignItems: "center",
-                          gap: "6px",
-                          padding: "4px 12px",
-                          borderRadius: "16px",
-                          backgroundColor: `#${label.color}22`,
-                          color: `#${label.color}`,
-                          fontSize: `${theme2.fontSizes[1]}px`,
-                          fontWeight: theme2.fontWeights.medium
-                        },
-                        children: label.name
-                      },
-                      label.id
-                    ))
-                  ]
-                }
-              )
-            ]
+            children: selectedIssue.title
           }
-        ),
-        /* @__PURE__ */ jsxs(
-          "div",
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          flex: 1,
+          overflow: "auto"
+        },
+        children: selectedIssue.body ? /* @__PURE__ */ jsx(
+          DocumentView,
           {
-            style: {
-              flex: 1,
-              overflow: "hidden",
-              display: "flex",
-              flexDirection: "column"
-            },
-            children: [
-              selectedIssue.body ? /* @__PURE__ */ jsx(
-                DocumentView,
-                {
-                  content: selectedIssue.body,
-                  theme: theme2,
-                  maxWidth: "100%",
-                  transparentBackground: true
-                }
-              ) : /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    flex: 1,
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    color: theme2.colors.textSecondary,
-                    fontStyle: "italic",
-                    padding: "40px"
-                  },
-                  children: "No description provided"
-                }
-              ),
-              selectedIssue.assignees && selectedIssue.assignees.length > 0 && /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  style: {
-                    marginTop: "20px",
-                    padding: "16px",
-                    backgroundColor: theme2.colors.backgroundSecondary,
-                    borderRadius: "8px",
-                    border: `1px solid ${theme2.colors.border}`
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      "h3",
-                      {
-                        style: {
-                          color: theme2.colors.text,
-                          fontSize: `${theme2.fontSizes[2]}px`,
-                          fontWeight: theme2.fontWeights.semibold,
-                          marginTop: 0,
-                          marginBottom: "12px"
-                        },
-                        children: "Assignees"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "12px", flexWrap: "wrap" }, children: selectedIssue.assignees.map((assignee) => /* @__PURE__ */ jsxs(
-                      "div",
-                      {
-                        style: {
-                          display: "flex",
-                          alignItems: "center",
-                          gap: "8px",
-                          padding: "6px 12px",
-                          backgroundColor: theme2.colors.surface,
-                          borderRadius: "20px",
-                          border: `1px solid ${theme2.colors.border}`
-                        },
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            "img",
-                            {
-                              src: assignee.avatar_url,
-                              alt: assignee.login,
-                              style: {
-                                width: "20px",
-                                height: "20px",
-                                borderRadius: "50%"
-                              }
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "span",
-                            {
-                              style: {
-                                fontSize: `${theme2.fontSizes[1]}px`,
-                                color: theme2.colors.text
-                              },
-                              children: assignee.login
-                            }
-                          )
-                        ]
-                      },
-                      assignee.login
-                    )) })
-                  ]
-                }
-              )
-            ]
+            content: selectedIssue.body,
+            theme: theme2,
+            maxWidth: "100%",
+            transparentBackground: true
           }
-        ),
-        /* @__PURE__ */ jsx(
+        ) : /* @__PURE__ */ jsx(
           "div",
           {
             style: {
-              flexShrink: 0,
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "flex-end",
-              padding: "16px 20px",
-              borderTop: `1px solid ${theme2.colors.border}`,
-              gap: "12px"
+              padding: "40px",
+              textAlign: "center",
+              color: theme2.colors.textMuted,
+              fontFamily: theme2.fonts.body,
+              fontSize: theme2.fontSizes[1],
+              fontStyle: "italic"
             },
-            children: /* @__PURE__ */ jsxs(
-              "a",
-              {
-                href: selectedIssue.html_url,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                style: {
-                  display: "flex",
-                  alignItems: "center",
-                  gap: "6px",
-                  padding: "8px 16px",
-                  borderRadius: "6px",
-                  border: "none",
-                  backgroundColor: theme2.colors.primary,
-                  color: theme2.colors.background,
-                  fontSize: `${theme2.fontSizes[2]}px`,
-                  fontWeight: theme2.fontWeights.medium,
-                  textDecoration: "none"
-                },
-                children: [
-                  /* @__PURE__ */ jsx(ExternalLink, { size: 14 }),
-                  "View on GitHub"
-                ]
-              }
-            )
+            children: "No description provided."
           }
         )
-      ]
-    }
-  );
+      }
+    )
+  ] });
 };
 const GitHubIssueDetailPanel = (props) => {
   return /* @__PURE__ */ jsx(GitHubIssueDetailPanelContent, { ...props });
@@ -46644,7 +46918,7 @@ const OwnerRepositoriesPanelContent = ({
       }
     });
   };
-  const formatNumber = (num) => {
+  const formatNumber2 = (num) => {
     if (num >= 1e6) return `${(num / 1e6).toFixed(1)}M`;
     if (num >= 1e3) return `${(num / 1e3).toFixed(1)}K`;
     return num.toString();
@@ -47111,11 +47385,11 @@ const OwnerRepositoriesPanelContent = ({
                         ] }),
                         /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
                           /* @__PURE__ */ jsx(Star, { size: 14 }),
-                          formatNumber(repo.stargazers_count || 0)
+                          formatNumber2(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)
+                          formatNumber2(repo.forks_count || 0)
                         ] }),
                         repo.updated_at && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
                           /* @__PURE__ */ jsx(Calendar, { size: 14 }),
@@ -47299,7 +47573,7 @@ const RecentRepositoriesPanelContent = ({
     if (diffDays < 30) return `${Math.floor(diffDays / 7)}w ago`;
     return `${Math.floor(diffDays / 30)}mo ago`;
   };
-  const formatNumber = (num) => {
+  const formatNumber2 = (num) => {
     if (num >= 1e6) return `${(num / 1e6).toFixed(1)}M`;
     if (num >= 1e3) return `${(num / 1e3).toFixed(1)}K`;
     return num.toString();
@@ -47674,11 +47948,11 @@ const RecentRepositoriesPanelContent = ({
                             ] }),
                             item.stargazers_count !== void 0 && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
                               /* @__PURE__ */ jsx(Star, { size: 14 }),
-                              formatNumber(item.stargazers_count)
+                              formatNumber2(item.stargazers_count)
                             ] }),
                             item.forks_count !== void 0 && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
                               /* @__PURE__ */ jsx(GitFork, { size: 14 }),
-                              formatNumber(item.forks_count)
+                              formatNumber2(item.forks_count)
                             ] }),
                             /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
                               /* @__PURE__ */ jsx(Calendar, { size: 14 }),
@@ -47825,12 +48099,12 @@ const RecentRepositoriesPanelContent = ({
                         children: [
                           item.public_repos !== void 0 && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
                             /* @__PURE__ */ jsx(BookOpen, { size: 14 }),
-                            formatNumber(item.public_repos),
+                            formatNumber2(item.public_repos),
                             " repos"
                           ] }),
                           item.followers !== void 0 && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
                             /* @__PURE__ */ jsx(User, { size: 14 }),
-                            formatNumber(item.followers),
+                            formatNumber2(item.followers),
                             " followers"
                           ] }),
                           /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [