@industry-theme/github-panels 0.1.7 → 0.1.9

package/dist/panels.bundle.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React2, { createContext, useState, useEffect, useContext, forwardRef, createElement, useRef, useCallback, useMemo } from "react";
 var terminalTheme = {
   space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
@@ -320,7 +320,20 @@ 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$a = [
+const __iconNode$f = [
+  ["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$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$e = [
   ["path", { d: "M10 12h4", key: "a56b0p" }],
   ["path", { d: "M10 8h4", key: "1sr2af" }],
   ["path", { d: "M14 21v-3a2 2 0 0 0-4 0v3", key: "1rgiei" }],
@@ -333,42 +346,55 @@ const __iconNode$a = [
   ],
   ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$a);
+const Building2 = createLucideIcon("building-2", __iconNode$e);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$9 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$9);
+const __iconNode$d = [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }]
+];
+const Calendar = createLucideIcon("calendar", __iconNode$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$8 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$8);
+const __iconNode$c = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __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$7 = [
+const __iconNode$b = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __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$a = [
   ["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$7);
+const ExternalLink = createLucideIcon("external-link", __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$6 = [
+const __iconNode$9 = [
   [
     "path",
     {
@@ -377,28 +403,44 @@ const __iconNode$6 = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$6);
+const Folder = createLucideIcon("folder", __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$5 = [
+const __iconNode$8 = [
+  [
+    "path",
+    {
+      d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",
+      key: "sc7q7i"
+    }
+  ]
+];
+const Funnel = createLucideIcon("funnel", __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$7 = [
   ["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$5);
+const GitFork = createLucideIcon("git-fork", __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$4 = [
+const __iconNode$6 = [
   [
     "path",
     {
@@ -408,48 +450,61 @@ const __iconNode$4 = [
   ],
   ["path", { d: "M9 18c-4.51 2-5-2-7-2", key: "9comsn" }]
 ];
-const Github = createLucideIcon("github", __iconNode$4);
+const Github = createLucideIcon("github", __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$3 = [
+const __iconNode$5 = [
   ["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$3);
+const Lock = createLucideIcon("lock", __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$2 = [
+const __iconNode$4 = [
   ["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$2);
+const LogIn = createLucideIcon("log-in", __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$1 = [
+const __iconNode$3 = [
+  ["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$3);
+/**
+ * @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$2 = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-const Search = createLucideIcon("search", __iconNode$1);
+const Search = createLucideIcon("search", __iconNode$2);
 /**
  * @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 = [
+const __iconNode$1 = [
   [
     "path",
     {
@@ -458,7 +513,18 @@ const __iconNode = [
     }
   ]
 ];
-const Star = createLucideIcon("star", __iconNode);
+const Star = createLucideIcon("star", __iconNode$1);
+/**
+ * @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 = [
+  ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
+  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
+];
+const User = createLucideIcon("user", __iconNode);
 function getLanguageColor(language) {
   const colors = {
     TypeScript: "#3178c6",
@@ -1545,6 +1611,616 @@ const GitHubSearchPanelMetadata = {
   slices: [],
   surfaces: ["panel"]
 };
+const OwnerRepositoriesPanelContent = ({
+  events,
+  context,
+  owner: propOwner
+}) => {
+  var _a, _b;
+  const { theme: theme2 } = useTheme();
+  const [repositories, setRepositories] = useState([]);
+  const [ownerInfo, setOwnerInfo] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [selectedRepoId, setSelectedRepoId] = useState(null);
+  const [sortField, setSortField] = useState("updated");
+  const [sortOrder, setSortOrder] = useState("desc");
+  const [languageFilter, setLanguageFilter] = useState(null);
+  const [languages, setLanguages] = useState([]);
+  const owner = propOwner || ((_b = (_a = context == null ? void 0 : context.currentScope) == null ? void 0 : _a.repository) == null ? void 0 : _b.name);
+  const fetchOwnerData = useCallback(async () => {
+    if (!owner) {
+      setError("No owner specified");
+      setIsLoading(false);
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      const userResponse = await fetch(`https://api.github.com/users/${owner}`);
+      if (!userResponse.ok) {
+        if (userResponse.status === 404) {
+          throw new Error(`User or organization "${owner}" not found`);
+        }
+        throw new Error("Failed to fetch owner info");
+      }
+      const userData = await userResponse.json();
+      setOwnerInfo({
+        login: userData.login,
+        avatar_url: userData.avatar_url,
+        name: userData.name,
+        bio: userData.bio,
+        type: userData.type,
+        public_repos: userData.public_repos,
+        followers: userData.followers,
+        following: userData.following
+      });
+      const reposResponse = await fetch(
+        `https://api.github.com/users/${owner}/repos?per_page=100&sort=updated`
+      );
+      if (!reposResponse.ok) {
+        throw new Error("Failed to fetch repositories");
+      }
+      const reposData = await reposResponse.json();
+      setRepositories(reposData);
+      const uniqueLanguages = [...new Set(
+        reposData.map((r) => r.language).filter((lang) => lang !== null)
+      )].sort();
+      setLanguages(uniqueLanguages);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load data");
+    } finally {
+      setIsLoading(false);
+    }
+  }, [owner]);
+  useEffect(() => {
+    fetchOwnerData();
+  }, [fetchOwnerData]);
+  const sortedAndFilteredRepos = React2.useMemo(() => {
+    let filtered = repositories;
+    if (languageFilter) {
+      filtered = filtered.filter((r) => r.language === languageFilter);
+    }
+    return [...filtered].sort((a, b) => {
+      let comparison = 0;
+      switch (sortField) {
+        case "updated":
+          comparison = new Date(b.updated_at || 0).getTime() - new Date(a.updated_at || 0).getTime();
+          break;
+        case "stars":
+          comparison = (b.stargazers_count || 0) - (a.stargazers_count || 0);
+          break;
+        case "name":
+          comparison = a.name.localeCompare(b.name);
+          break;
+        case "created":
+          comparison = new Date(b.created_at || 0).getTime() - new Date(a.created_at || 0).getTime();
+          break;
+      }
+      return sortOrder === "desc" ? comparison : -comparison;
+    });
+  }, [repositories, sortField, sortOrder, languageFilter]);
+  const handleSelectRepository = (repo) => {
+    setSelectedRepoId(repo.id);
+    events.emit({
+      type: "repository:preview",
+      source: "owner-repositories-panel",
+      timestamp: Date.now(),
+      payload: {
+        repository: repo,
+        source: "click"
+      }
+    });
+  };
+  const handleOpenRepository = (repo) => {
+    events.emit({
+      type: "repository:selected",
+      source: "owner-repositories-panel",
+      timestamp: Date.now(),
+      payload: {
+        repository: repo,
+        source: "click"
+      }
+    });
+  };
+  const formatNumber = (num) => {
+    if (num >= 1e6) return `${(num / 1e6).toFixed(1)}M`;
+    if (num >= 1e3) return `${(num / 1e3).toFixed(1)}K`;
+    return num.toString();
+  };
+  const formatRelativeTime = (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 handleSort = (field) => {
+    if (sortField === field) {
+      setSortOrder((prev) => prev === "desc" ? "asc" : "desc");
+    } else {
+      setSortField(field);
+      setSortOrder("desc");
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        backgroundColor: theme2.colors.background,
+        color: theme2.colors.text,
+        fontFamily: theme2.fonts.body
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              padding: "16px",
+              borderBottom: `1px solid ${theme2.colors.border}`,
+              display: "flex",
+              alignItems: "center",
+              gap: "12px"
+            },
+            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 ${theme2.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: `${theme2.fontSizes[4]}px`,
+                        fontWeight: theme2.fontWeights.bold
+                      },
+                      children: ownerInfo.name || ownerInfo.login
+                    }
+                  ),
+                  ownerInfo.type === "Organization" ? /* @__PURE__ */ jsx(Building2, { size: 16, color: theme2.colors.textSecondary }) : /* @__PURE__ */ jsx(User, { size: 16, color: theme2.colors.textSecondary })
+                ] }),
+                ownerInfo.bio && /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    style: {
+                      margin: "4px 0 0",
+                      fontSize: `${theme2.fontSizes[1]}px`,
+                      color: theme2.colors.textSecondary
+                    },
+                    children: ownerInfo.bio
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      gap: "12px",
+                      marginTop: "4px",
+                      fontSize: `${theme2.fontSizes[1]}px`,
+                      color: theme2.colors.textSecondary
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxs("span", { children: [
+                        ownerInfo.public_repos,
+                        " repositories"
+                      ] }),
+                      ownerInfo.followers !== void 0 && /* @__PURE__ */ jsxs("span", { children: [
+                        formatNumber(ownerInfo.followers),
+                        " followers"
+                      ] })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: fetchOwnerData,
+                  style: {
+                    padding: "8px",
+                    borderRadius: "6px",
+                    border: `1px solid ${theme2.colors.border}`,
+                    background: "transparent",
+                    cursor: "pointer",
+                    color: theme2.colors.textSecondary
+                  },
+                  title: "Refresh",
+                  children: /* @__PURE__ */ jsx(RefreshCw, { size: 16 })
+                }
+              )
+            ] }) : /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+              /* @__PURE__ */ jsx(Github, { size: 24, color: theme2.colors.primary }),
+              /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  style: {
+                    margin: 0,
+                    fontSize: `${theme2.fontSizes[3]}px`,
+                    fontWeight: theme2.fontWeights.semibold
+                  },
+                  children: owner || "Repositories"
+                }
+              )
+            ] })
+          }
+        ),
+        !isLoading && !error && repositories.length > 0 && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              padding: "8px 16px",
+              borderBottom: `1px solid ${theme2.colors.border}`,
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              flexWrap: "wrap"
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                /* @__PURE__ */ jsx(ArrowUpDown, { size: 14, color: theme2.colors.textSecondary }),
+                ["updated", "stars", "name"].map((field) => /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    onClick: () => handleSort(field),
+                    style: {
+                      padding: "4px 8px",
+                      borderRadius: "4px",
+                      border: "none",
+                      background: sortField === field ? theme2.colors.primary : theme2.colors.backgroundSecondary,
+                      color: sortField === field ? theme2.colors.background : theme2.colors.text,
+                      fontSize: `${theme2.fontSizes[1]}px`,
+                      cursor: "pointer",
+                      textTransform: "capitalize"
+                    },
+                    children: [
+                      field,
+                      sortField === field && (sortOrder === "desc" ? " ↓" : " ↑")
+                    ]
+                  },
+                  field
+                ))
+              ] }),
+              languages.length > 0 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px", marginLeft: "auto" }, children: [
+                /* @__PURE__ */ jsx(Funnel, { size: 14, color: theme2.colors.textSecondary }),
+                /* @__PURE__ */ jsxs(
+                  "select",
+                  {
+                    value: languageFilter || "",
+                    onChange: (e) => setLanguageFilter(e.target.value || null),
+                    style: {
+                      padding: "4px 8px",
+                      borderRadius: "4px",
+                      border: `1px solid ${theme2.colors.border}`,
+                      background: theme2.colors.backgroundSecondary,
+                      color: theme2.colors.text,
+                      fontSize: `${theme2.fontSizes[1]}px`,
+                      cursor: "pointer"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx("option", { value: "", children: "All languages" }),
+                      languages.map((lang) => /* @__PURE__ */ jsx("option", { value: lang, children: lang }, lang))
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        isLoading && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              flex: 1,
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center",
+              gap: "16px",
+              color: theme2.colors.textSecondary
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    width: 32,
+                    height: 32,
+                    border: `3px solid ${theme2.colors.border}`,
+                    borderTopColor: theme2.colors.primary,
+                    borderRadius: "50%",
+                    animation: "spin 1s linear infinite"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { children: "Loading repositories..." })
+            ]
+          }
+        ),
+        error && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              flex: 1,
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center",
+              padding: "32px",
+              textAlign: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    padding: "16px 24px",
+                    borderRadius: "8px",
+                    backgroundColor: `${theme2.colors.error}15`,
+                    color: theme2.colors.error,
+                    marginBottom: "16px"
+                  },
+                  children: error
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: fetchOwnerData,
+                  style: {
+                    padding: "8px 16px",
+                    borderRadius: "6px",
+                    border: "none",
+                    background: theme2.colors.primary,
+                    color: theme2.colors.background,
+                    cursor: "pointer",
+                    fontWeight: theme2.fontWeights.medium
+                  },
+                  children: "Try Again"
+                }
+              )
+            ]
+          }
+        ),
+        !isLoading && !error && repositories.length === 0 && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              flex: 1,
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center",
+              padding: "32px",
+              color: theme2.colors.textSecondary
+            },
+            children: [
+              /* @__PURE__ */ jsx(Github, { size: 48, color: theme2.colors.border, style: { marginBottom: 16 } }),
+              /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: "No public repositories found" })
+            ]
+          }
+        ),
+        !isLoading && !error && sortedAndFilteredRepos.length > 0 && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              flex: 1,
+              overflowY: "auto",
+              padding: "8px"
+            },
+            children: sortedAndFilteredRepos.map((repo) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleSelectRepository(repo),
+                onDoubleClick: () => handleOpenRepository(repo),
+                style: {
+                  width: "100%",
+                  padding: "12px",
+                  margin: "4px 0",
+                  borderRadius: "8px",
+                  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",
+                  transition: "all 0.15s ease"
+                },
+                children: [
+                  /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontSize: `${theme2.fontSizes[2]}px`,
+                          fontWeight: theme2.fontWeights.semibold,
+                          color: theme2.colors.primary
+                        },
+                        children: repo.name
+                      }
+                    ),
+                    repo.archived && /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontSize: `${theme2.fontSizes[0]}px`,
+                          padding: "2px 6px",
+                          borderRadius: "4px",
+                          backgroundColor: theme2.colors.warning + "20",
+                          color: theme2.colors.warning
+                        },
+                        children: "Archived"
+                      }
+                    ),
+                    repo.fork && /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontSize: `${theme2.fontSizes[0]}px`,
+                          padding: "2px 6px",
+                          borderRadius: "4px",
+                          backgroundColor: theme2.colors.backgroundTertiary,
+                          color: theme2.colors.textSecondary
+                        },
+                        children: "Fork"
+                      }
+                    )
+                  ] }),
+                  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)
+                        ] }),
+                        repo.updated_at && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                          /* @__PURE__ */ jsx(Calendar, { size: 14 }),
+                          formatRelativeTime(repo.updated_at)
+                        ] }),
+                        /* @__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
+            ))
+          }
+        ),
+        !isLoading && !error && repositories.length > 0 && sortedAndFilteredRepos.length === 0 && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              flex: 1,
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center",
+              padding: "32px",
+              color: theme2.colors.textSecondary
+            },
+            children: [
+              /* @__PURE__ */ jsx(Funnel, { size: 48, color: theme2.colors.border, style: { marginBottom: 16 } }),
+              /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: "No repositories match the current filter" }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => setLanguageFilter(null),
+                  style: {
+                    marginTop: "12px",
+                    padding: "8px 16px",
+                    borderRadius: "6px",
+                    border: `1px solid ${theme2.colors.border}`,
+                    background: "transparent",
+                    color: theme2.colors.text,
+                    cursor: "pointer"
+                  },
+                  children: "Clear filter"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("style", { children: `
+        @keyframes spin {
+          to { transform: rotate(360deg); }
+        }
+      ` })
+      ]
+    }
+  );
+};
+const OwnerRepositoriesPanel = (props) => {
+  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(OwnerRepositoriesPanelContent, { ...props }) });
+};
+const OwnerRepositoriesPanelMetadata = {
+  id: "owner-repositories",
+  name: "Owner Repositories",
+  description: "Browse repositories for a GitHub user or organization",
+  icon: "github",
+  version: "0.1.0",
+  slices: [],
+  surfaces: ["panel"]
+};
 const listRepositoriesTool = {
   name: "list_repositories",
   description: "Get a list of GitHub repositories the user has access to, including owned repos, starred repos, and organization repos.",
@@ -1723,6 +2399,16 @@ const panels = [
     onUnmount: async (_context) => {
       console.log("GitHub Search Panel unmounting");
     }
+  },
+  {
+    metadata: OwnerRepositoriesPanelMetadata,
+    component: OwnerRepositoriesPanel,
+    onMount: async (_context) => {
+      console.log("Owner Repositories Panel mounted");
+    },
+    onUnmount: async (_context) => {
+      console.log("Owner Repositories Panel unmounting");
+    }
   }
 ];
 const onPackageLoad = async () => {
@@ -1735,6 +2421,7 @@ export {
   GitHubProjectCard,
   GitHubProjectsPanel,
   GitHubSearchPanel,
+  OwnerRepositoriesPanel,
   githubTools,
   githubToolsMetadata,
   listRepositoriesTool,