@industry-theme/github-panels 0.1.8 → 0.1.10

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,48 @@ 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$o = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
+];
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$o);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$n = [
+  ["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$n);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$m = [
+  ["path", { d: "M12 7v14", key: "1akyts" }],
+  [
+    "path",
+    {
+      d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z",
+      key: "ruj8y"
+    }
+  ]
+];
+const BookOpen = createLucideIcon("book-open", __iconNode$m);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$l = [
   ["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 +374,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$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$9 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$9);
+const __iconNode$k = [
+  ["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$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$8 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$8);
+const __iconNode$j = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$j);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$7 = [
+const __iconNode$i = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$i);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$h = [
   ["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$h);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$6 = [
+const __iconNode$g = [
   [
     "path",
     {
@@ -377,28 +431,57 @@ const __iconNode$6 = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$6);
+const Folder = createLucideIcon("folder", __iconNode$g);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$5 = [
+const __iconNode$f = [
+  [
+    "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$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 = [
+  ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
+  ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
+  ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
+  ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
+];
+const GitBranch = createLucideIcon("git-branch", __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$d = [
   ["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$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$4 = [
+const __iconNode$c = [
   [
     "path",
     {
@@ -408,48 +491,122 @@ 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$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$3 = [
+const __iconNode$b = [
+  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
+  ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
+];
+const History = createLucideIcon("history", __iconNode$b);
+/**
+ * @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 = [
   ["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$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$2 = [
+const __iconNode$9 = [
   ["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$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$1 = [
+const __iconNode$8 = [
+  [
+    "path",
+    {
+      d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+      key: "18887p"
+    }
+  ]
+];
+const MessageSquare = createLucideIcon("message-square", __iconNode$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 = [
+  ["rect", { x: "16", y: "16", width: "6", height: "6", rx: "1", key: "4q2zg0" }],
+  ["rect", { x: "2", y: "16", width: "6", height: "6", rx: "1", key: "8cvhb9" }],
+  ["rect", { x: "9", y: "2", width: "6", height: "6", rx: "1", key: "1egb70" }],
+  ["path", { d: "M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3", key: "1jsf9p" }],
+  ["path", { d: "M12 12V8", key: "2874zd" }]
+];
+const Network = createLucideIcon("network", __iconNode$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$6 = [
+  ["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$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$5 = [
   ["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$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 = [
+const __iconNode$4 = [
+  [
+    "path",
+    {
+      d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
+      key: "1s2grr"
+    }
+  ],
+  ["path", { d: "M20 2v4", key: "1rf3ol" }],
+  ["path", { d: "M22 4h-4", key: "gwowj6" }],
+  ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
+];
+const Sparkles = createLucideIcon("sparkles", __iconNode$4);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$3 = [
   [
     "path",
     {
@@ -458,7 +615,43 @@ const __iconNode = [
     }
   ]
 ];
-const Star = createLucideIcon("star", __iconNode);
+const Star = createLucideIcon("star", __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: "M10 11v6", key: "nco0om" }],
+  ["path", { d: "M14 11v6", key: "outv1u" }],
+  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
+];
+const Trash2 = createLucideIcon("trash-2", __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$1 = [
+  ["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$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: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+const X = createLucideIcon("x", __iconNode);
 function getLanguageColor(language) {
   const colors = {
     TypeScript: "#3178c6",
@@ -1545,114 +1738,1896 @@ const GitHubSearchPanelMetadata = {
   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.",
-  inputs: {
-    type: "object",
-    properties: {},
-    required: []
-  },
-  outputs: {
-    type: "object",
-    properties: {
-      success: { type: "boolean" }
+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;
     }
-  },
-  tags: ["github", "repository", "list", "browse"],
-  tool_call_template: {
-    call_template_type: "panel_event",
-    event_type: "github:list-repositories"
-  }
-};
-const selectRepositoryTool = {
-  name: "select_repository",
-  description: 'Select a GitHub repository to view its details, README, and files. Use the full repository name in "owner/repo" format.',
-  inputs: {
-    type: "object",
-    properties: {
-      repository: {
-        type: "string",
-        description: 'The full repository name in "owner/repo" format (e.g., "facebook/react")'
+    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");
       }
-    },
-    required: ["repository"]
-  },
-  outputs: {
-    type: "object",
-    properties: {
-      success: { type: "boolean" },
-      repository: { type: "string" }
-    }
-  },
-  tags: ["github", "repository", "select", "navigate"],
-  tool_call_template: {
-    call_template_type: "panel_event",
-    event_type: "repository:selected"
-  }
-};
-const previewRepositoryTool = {
-  name: "preview_repository",
-  description: "Preview a GitHub repository's README in the viewer without navigating to it.",
-  inputs: {
-    type: "object",
-    properties: {
-      repository: {
-        type: "string",
-        description: 'The full repository name in "owner/repo" format (e.g., "facebook/react")'
+      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");
       }
-    },
-    required: ["repository"]
-  },
-  outputs: {
-    type: "object",
-    properties: {
-      success: { type: "boolean" }
+      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);
     }
-  },
-  tags: ["github", "repository", "preview", "readme"],
-  tool_call_template: {
-    call_template_type: "panel_event",
-    event_type: "repository:preview"
-  }
-};
-const searchRepositoriesTool = {
-  name: "search_repositories",
-  description: "Search through the user's GitHub repositories by name, description, or language.",
-  inputs: {
-    type: "object",
-    properties: {
-      query: {
-        type: "string",
-        description: "The search query to filter repositories"
-      }
-    },
-    required: ["query"]
-  },
-  outputs: {
-    type: "object",
-    properties: {
-      success: { type: "boolean" }
+  }, [owner]);
+  useEffect(() => {
+    fetchOwnerData();
+  }, [fetchOwnerData]);
+  const sortedAndFilteredRepos = React2.useMemo(() => {
+    let filtered = repositories;
+    if (languageFilter) {
+      filtered = filtered.filter((r) => r.language === languageFilter);
     }
-  },
-  tags: ["github", "repository", "search", "filter"],
-  tool_call_template: {
-    call_template_type: "panel_event",
-    event_type: "github:search-repositories"
-  }
-};
-const openRepositorySwitcherTool = {
-  name: "open_repository_switcher",
-  description: "Open the repository switcher modal to browse and select a different repository.",
-  inputs: {
-    type: "object",
-    properties: {},
-    required: []
-  },
-  outputs: {
-    type: "object",
-    properties: {
-      success: { type: "boolean" }
+    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 STORAGE_KEY = "recent-repositories";
+const OWNERS_STORAGE_KEY = "recent-owners";
+const MAX_RECENT_ITEMS = 50;
+function loadRecentRepositories() {
+  try {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored) {
+      const items = JSON.parse(stored);
+      return items.map((item) => ({ ...item, type: "repository" }));
+    }
+  } catch (err) {
+    console.error("Failed to load recent repositories:", err);
+  }
+  return [];
+}
+function loadRecentOwners() {
+  try {
+    const stored = localStorage.getItem(OWNERS_STORAGE_KEY);
+    if (stored) {
+      return JSON.parse(stored);
+    }
+  } catch (err) {
+    console.error("Failed to load recent owners:", err);
+  }
+  return [];
+}
+function saveRecentRepositories(repos) {
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(repos));
+  } catch (err) {
+    console.error("Failed to save recent repositories:", err);
+  }
+}
+function saveRecentOwners(owners) {
+  try {
+    localStorage.setItem(OWNERS_STORAGE_KEY, JSON.stringify(owners));
+  } catch (err) {
+    console.error("Failed to save recent owners:", err);
+  }
+}
+function addRecentRepository(repo) {
+  const recent = loadRecentRepositories();
+  const filtered = recent.filter((r) => r.id !== repo.id);
+  const newEntry = {
+    type: "repository",
+    id: repo.id,
+    name: repo.name,
+    full_name: repo.full_name,
+    owner: {
+      login: repo.owner.login,
+      avatar_url: repo.owner.avatar_url
+    },
+    description: repo.description,
+    language: repo.language,
+    html_url: repo.html_url,
+    stargazers_count: repo.stargazers_count,
+    forks_count: repo.forks_count,
+    visitedAt: Date.now()
+  };
+  const updated = [newEntry, ...filtered].slice(0, MAX_RECENT_ITEMS);
+  saveRecentRepositories(updated);
+  window.dispatchEvent(new CustomEvent("recent-items-updated"));
+}
+function addRecentOwner(owner) {
+  const recent = loadRecentOwners();
+  const filtered = recent.filter((o) => o.id !== owner.id);
+  const newEntry = {
+    type: "owner",
+    id: owner.id,
+    login: owner.login,
+    avatar_url: owner.avatar_url,
+    name: owner.name,
+    bio: owner.bio,
+    ownerType: owner.type,
+    public_repos: owner.public_repos,
+    followers: owner.followers,
+    visitedAt: Date.now()
+  };
+  const updated = [newEntry, ...filtered].slice(0, MAX_RECENT_ITEMS);
+  saveRecentOwners(updated);
+  window.dispatchEvent(new CustomEvent("recent-items-updated"));
+}
+const RecentRepositoriesPanelContent = ({
+  events,
+  onNavigate
+}) => {
+  const { theme: theme2 } = useTheme();
+  const [items, setItems] = useState([]);
+  const [selectedId, setSelectedId] = useState(null);
+  const [hoveredId, setHoveredId] = useState(null);
+  const [filter, setFilter] = useState("all");
+  const getItemId = (item) => {
+    return item.type === "repository" ? `repo-${item.id}` : `owner-${item.id}`;
+  };
+  useEffect(() => {
+    const loadItems = () => {
+      const repos = loadRecentRepositories();
+      const owners = loadRecentOwners();
+      const merged = [...repos, ...owners].sort(
+        (a, b) => b.visitedAt - a.visitedAt
+      );
+      setItems(merged);
+    };
+    loadItems();
+    const handleUpdate = () => loadItems();
+    window.addEventListener("recent-items-updated", handleUpdate);
+    window.addEventListener("recent-repositories-updated", handleUpdate);
+    return () => {
+      window.removeEventListener("recent-items-updated", handleUpdate);
+      window.removeEventListener("recent-repositories-updated", handleUpdate);
+    };
+  }, []);
+  const filteredItems = items.filter((item) => {
+    if (filter === "all") return true;
+    if (filter === "repos") return item.type === "repository";
+    if (filter === "owners") return item.type === "owner";
+    return true;
+  });
+  const formatRelativeTime = (timestamp) => {
+    const now = Date.now();
+    const diffMs = now - timestamp;
+    const diffMins = Math.floor(diffMs / (1e3 * 60));
+    const diffHours = Math.floor(diffMs / (1e3 * 60 * 60));
+    const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
+    if (diffMins < 1) return "just now";
+    if (diffMins < 60) return `${diffMins}m ago`;
+    if (diffHours < 24) return `${diffHours}h ago`;
+    if (diffDays === 1) return "yesterday";
+    if (diffDays < 7) return `${diffDays}d ago`;
+    if (diffDays < 30) return `${Math.floor(diffDays / 7)}w ago`;
+    return `${Math.floor(diffDays / 30)}mo ago`;
+  };
+  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 handleSelectRepository = useCallback((repo) => {
+    setSelectedId(getItemId(repo));
+    const githubRepo = {
+      id: repo.id,
+      name: repo.name,
+      full_name: repo.full_name,
+      owner: {
+        login: repo.owner.login,
+        avatar_url: repo.owner.avatar_url
+      },
+      private: false,
+      html_url: repo.html_url,
+      description: repo.description,
+      fork: false,
+      clone_url: `https://github.com/${repo.full_name}.git`,
+      language: repo.language,
+      default_branch: "main",
+      stargazers_count: repo.stargazers_count,
+      forks_count: repo.forks_count
+    };
+    events.emit({
+      type: "repository:preview",
+      source: "recent-repositories-panel",
+      timestamp: Date.now(),
+      payload: {
+        repository: githubRepo,
+        source: "click"
+      }
+    });
+  }, [events]);
+  const handleOpenRepository = useCallback((repo) => {
+    if (onNavigate) {
+      onNavigate(`/${repo.full_name}`);
+    } else {
+      const githubRepo = {
+        id: repo.id,
+        name: repo.name,
+        full_name: repo.full_name,
+        owner: {
+          login: repo.owner.login,
+          avatar_url: repo.owner.avatar_url
+        },
+        private: false,
+        html_url: repo.html_url,
+        description: repo.description,
+        fork: false,
+        clone_url: `https://github.com/${repo.full_name}.git`,
+        language: repo.language,
+        default_branch: "main",
+        stargazers_count: repo.stargazers_count,
+        forks_count: repo.forks_count
+      };
+      events.emit({
+        type: "repository:selected",
+        source: "recent-repositories-panel",
+        timestamp: Date.now(),
+        payload: {
+          repository: githubRepo,
+          source: "click"
+        }
+      });
+    }
+  }, [events, onNavigate]);
+  const handleSelectOwner = useCallback((owner) => {
+    setSelectedId(getItemId(owner));
+    events.emit({
+      type: "owner:preview",
+      source: "recent-repositories-panel",
+      timestamp: Date.now(),
+      payload: { owner }
+    });
+  }, [events]);
+  const handleOpenOwner = useCallback((owner) => {
+    if (onNavigate) {
+      onNavigate(`/${owner.login}`);
+    } else {
+      events.emit({
+        type: "owner:selected",
+        source: "recent-repositories-panel",
+        timestamp: Date.now(),
+        payload: { owner }
+      });
+    }
+  }, [events, onNavigate]);
+  const handleRemoveItem = useCallback((item, e) => {
+    e.stopPropagation();
+    if (item.type === "repository") {
+      const repos = loadRecentRepositories().filter((r) => r.id !== item.id);
+      saveRecentRepositories(repos);
+    } else {
+      const owners = loadRecentOwners().filter((o) => o.id !== item.id);
+      saveRecentOwners(owners);
+    }
+    setItems((prev) => prev.filter((i) => getItemId(i) !== getItemId(item)));
+    if (selectedId === getItemId(item)) {
+      setSelectedId(null);
+    }
+  }, [selectedId]);
+  const handleClearAll = useCallback(() => {
+    if (filter === "all" || filter === "repos") {
+      saveRecentRepositories([]);
+    }
+    if (filter === "all" || filter === "owners") {
+      saveRecentOwners([]);
+    }
+    if (filter === "all") {
+      setItems([]);
+    } else {
+      setItems((prev) => prev.filter(
+        (item) => filter === "repos" ? item.type !== "repository" : item.type !== "owner"
+      ));
+    }
+    setSelectedId(null);
+  }, [filter]);
+  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__ */ jsxs(
+          "div",
+          {
+            style: {
+              padding: "16px",
+              borderBottom: `1px solid ${theme2.colors.border}`,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between"
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+                /* @__PURE__ */ jsx(History, { size: 24, color: theme2.colors.primary }),
+                /* @__PURE__ */ jsx(
+                  "h2",
+                  {
+                    style: {
+                      margin: 0,
+                      fontSize: `${theme2.fontSizes[3]}px`,
+                      fontWeight: theme2.fontWeights.semibold
+                    },
+                    children: "Recent"
+                  }
+                )
+              ] }),
+              items.length > 0 && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: handleClearAll,
+                  style: {
+                    padding: "6px 12px",
+                    borderRadius: "6px",
+                    border: `1px solid ${theme2.colors.border}`,
+                    background: "transparent",
+                    cursor: "pointer",
+                    color: theme2.colors.textSecondary,
+                    fontSize: `${theme2.fontSizes[1]}px`,
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "6px"
+                  },
+                  title: "Clear history",
+                  children: [
+                    /* @__PURE__ */ jsx(Trash2, { size: 14 }),
+                    "Clear"
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        items.length > 0 && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              padding: "8px 16px",
+              borderBottom: `1px solid ${theme2.colors.border}`,
+              display: "flex",
+              gap: "4px"
+            },
+            children: [
+              { key: "all", label: "All" },
+              { key: "repos", label: "Repositories" },
+              { key: "owners", label: "Owners" }
+            ].map(({ key, label }) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setFilter(key),
+                style: {
+                  padding: "6px 12px",
+                  borderRadius: "6px",
+                  border: "none",
+                  background: filter === key ? theme2.colors.primary : theme2.colors.backgroundSecondary,
+                  color: filter === key ? "#fff" : theme2.colors.text,
+                  fontSize: `${theme2.fontSizes[1]}px`,
+                  cursor: "pointer",
+                  fontWeight: filter === key ? theme2.fontWeights.semibold : theme2.fontWeights.body
+                },
+                children: label
+              },
+              key
+            ))
+          }
+        ),
+        filteredItems.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, fontSize: `${theme2.fontSizes[2]}px` }, children: items.length === 0 ? "No recent activity" : "No items match filter" }),
+              /* @__PURE__ */ jsx("p", { style: { margin: "8px 0 0", fontSize: `${theme2.fontSizes[1]}px` }, children: items.length === 0 ? "Repositories and owners you visit will appear here" : "Try a different filter" })
+            ]
+          }
+        ),
+        filteredItems.length > 0 && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              flex: 1,
+              overflowY: "auto",
+              padding: "8px"
+            },
+            children: filteredItems.map((item) => {
+              const itemId = getItemId(item);
+              const isSelected = selectedId === itemId;
+              const isHovered = hoveredId === itemId;
+              if (item.type === "repository") {
+                return /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => handleSelectRepository(item),
+                    onDoubleClick: () => handleOpenRepository(item),
+                    onMouseEnter: () => setHoveredId(itemId),
+                    onMouseLeave: () => setHoveredId(null),
+                    style: {
+                      width: "100%",
+                      padding: "12px",
+                      margin: "4px 0",
+                      borderRadius: "8px",
+                      border: isSelected ? `2px solid ${theme2.colors.primary}` : `1px solid ${theme2.colors.border}`,
+                      backgroundColor: isSelected ? `${theme2.colors.primary}10` : theme2.colors.surface,
+                      cursor: "pointer",
+                      textAlign: "left",
+                      display: "flex",
+                      flexDirection: "column",
+                      gap: "8px",
+                      transition: "all 0.15s ease",
+                      position: "relative"
+                    },
+                    children: [
+                      isHovered && /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          onClick: (e) => handleRemoveItem(item, e),
+                          style: {
+                            position: "absolute",
+                            top: "8px",
+                            right: "8px",
+                            padding: "4px",
+                            borderRadius: "4px",
+                            border: "none",
+                            background: theme2.colors.backgroundSecondary,
+                            cursor: "pointer",
+                            color: theme2.colors.textSecondary,
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center"
+                          },
+                          title: "Remove from history",
+                          children: /* @__PURE__ */ jsx(X, { size: 14 })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+                        /* @__PURE__ */ jsx(BookOpen, { size: 16, color: theme2.colors.textSecondary }),
+                        item.owner.avatar_url && /* @__PURE__ */ jsx(
+                          "img",
+                          {
+                            src: item.owner.avatar_url,
+                            alt: item.owner.login,
+                            style: {
+                              width: 24,
+                              height: 24,
+                              borderRadius: "50%",
+                              border: `1px solid ${theme2.colors.border}`
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", minWidth: 0 }, children: [
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              style: {
+                                fontSize: `${theme2.fontSizes[1]}px`,
+                                color: theme2.colors.textSecondary
+                              },
+                              children: item.owner.login
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              style: {
+                                fontSize: `${theme2.fontSizes[2]}px`,
+                                fontWeight: theme2.fontWeights.semibold,
+                                color: theme2.colors.primary
+                              },
+                              children: item.name
+                            }
+                          )
+                        ] })
+                      ] }),
+                      item.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: item.description
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "16px",
+                            fontSize: `${theme2.fontSizes[1]}px`,
+                            color: theme2.colors.textSecondary
+                          },
+                          children: [
+                            item.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
+                                  }
+                                }
+                              ),
+                              item.language
+                            ] }),
+                            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)
+                            ] }),
+                            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)
+                            ] }),
+                            /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                              /* @__PURE__ */ jsx(Calendar, { size: 14 }),
+                              formatRelativeTime(item.visitedAt)
+                            ] }),
+                            /* @__PURE__ */ jsx(
+                              "a",
+                              {
+                                href: item.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 })
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ]
+                  },
+                  itemId
+                );
+              }
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => handleSelectOwner(item),
+                  onDoubleClick: () => handleOpenOwner(item),
+                  onMouseEnter: () => setHoveredId(itemId),
+                  onMouseLeave: () => setHoveredId(null),
+                  style: {
+                    width: "100%",
+                    padding: "12px",
+                    margin: "4px 0",
+                    borderRadius: "8px",
+                    border: isSelected ? `2px solid ${theme2.colors.primary}` : `1px solid ${theme2.colors.border}`,
+                    backgroundColor: isSelected ? `${theme2.colors.primary}10` : theme2.colors.surface,
+                    cursor: "pointer",
+                    textAlign: "left",
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "8px",
+                    transition: "all 0.15s ease",
+                    position: "relative"
+                  },
+                  children: [
+                    isHovered && /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: (e) => handleRemoveItem(item, e),
+                        style: {
+                          position: "absolute",
+                          top: "8px",
+                          right: "8px",
+                          padding: "4px",
+                          borderRadius: "4px",
+                          border: "none",
+                          background: theme2.colors.backgroundSecondary,
+                          cursor: "pointer",
+                          color: theme2.colors.textSecondary,
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center"
+                        },
+                        title: "Remove from history",
+                        children: /* @__PURE__ */ jsx(X, { size: 14 })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+                      item.ownerType === "Organization" ? /* @__PURE__ */ jsx(Building2, { size: 16, color: theme2.colors.textSecondary }) : /* @__PURE__ */ jsx(User, { size: 16, color: theme2.colors.textSecondary }),
+                      item.avatar_url && /* @__PURE__ */ jsx(
+                        "img",
+                        {
+                          src: item.avatar_url,
+                          alt: item.login,
+                          style: {
+                            width: 32,
+                            height: 32,
+                            borderRadius: item.ownerType === "Organization" ? 8 : "50%",
+                            border: `1px solid ${theme2.colors.border}`
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", minWidth: 0 }, children: [
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            style: {
+                              fontSize: `${theme2.fontSizes[2]}px`,
+                              fontWeight: theme2.fontWeights.semibold,
+                              color: theme2.colors.primary
+                            },
+                            children: item.name || item.login
+                          }
+                        ),
+                        item.name && /* @__PURE__ */ jsxs(
+                          "span",
+                          {
+                            style: {
+                              fontSize: `${theme2.fontSizes[1]}px`,
+                              color: theme2.colors.textSecondary
+                            },
+                            children: [
+                              "@",
+                              item.login
+                            ]
+                          }
+                        )
+                      ] })
+                    ] }),
+                    item.bio && /* @__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: item.bio
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: "16px",
+                          fontSize: `${theme2.fontSizes[1]}px`,
+                          color: theme2.colors.textSecondary
+                        },
+                        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),
+                            " repos"
+                          ] }),
+                          item.followers !== void 0 && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                            /* @__PURE__ */ jsx(User, { size: 14 }),
+                            formatNumber(item.followers),
+                            " followers"
+                          ] }),
+                          /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                            /* @__PURE__ */ jsx(Calendar, { size: 14 }),
+                            formatRelativeTime(item.visitedAt)
+                          ] }),
+                          /* @__PURE__ */ jsx(
+                            "a",
+                            {
+                              href: `https://github.com/${item.login}`,
+                              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 })
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ]
+                },
+                itemId
+              );
+            })
+          }
+        )
+      ]
+    }
+  );
+};
+const RecentRepositoriesPanel = (props) => {
+  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(RecentRepositoriesPanelContent, { ...props }) });
+};
+const RecentRepositoriesPanelMetadata = {
+  id: "recent-repositories",
+  name: "Recent",
+  description: "View and navigate to recently visited repositories and owners",
+  icon: "history",
+  version: "0.1.0",
+  slices: [],
+  surfaces: ["panel"]
+};
+function parseGitHubInput(input) {
+  const trimmed = input.trim();
+  const urlMatch = trimmed.match(/github\.com\/([^/]+)\/([^/]+)/);
+  if (urlMatch) {
+    return { owner: urlMatch[1], repo: urlMatch[2].replace(/\.git$/, "") };
+  }
+  const shortMatch = trimmed.match(/^([^/]+)\/([^/]+)$/);
+  if (shortMatch) {
+    return { owner: shortMatch[1], repo: shortMatch[2] };
+  }
+  return null;
+}
+const FeatureCard = ({ icon, title, description, theme: theme2 }) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    style: {
+      padding: "24px",
+      borderRadius: "12px",
+      backgroundColor: theme2.colors.surface,
+      border: `1px solid ${theme2.colors.border}`,
+      display: "flex",
+      flexDirection: "column",
+      gap: "12px",
+      flex: 1,
+      minWidth: "200px"
+    },
+    children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            width: 48,
+            height: 48,
+            borderRadius: "10px",
+            backgroundColor: `${theme2.colors.primary}15`,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            color: theme2.colors.primary
+          },
+          children: icon
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "h3",
+        {
+          style: {
+            margin: 0,
+            fontSize: `${theme2.fontSizes[3]}px`,
+            fontWeight: theme2.fontWeights.semibold,
+            color: theme2.colors.text
+          },
+          children: title
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          style: {
+            margin: 0,
+            fontSize: `${theme2.fontSizes[2]}px`,
+            color: theme2.colors.textSecondary,
+            lineHeight: 1.5
+          },
+          children: description
+        }
+      )
+    ]
+  }
+);
+const WelcomePanelContent = ({
+  onNavigate
+}) => {
+  const { theme: theme2 } = useTheme();
+  const [repoInput, setRepoInput] = useState("");
+  const [error, setError] = useState(null);
+  const handleSubmit = useCallback((e) => {
+    e.preventDefault();
+    setError(null);
+    const parsed = parseGitHubInput(repoInput);
+    if (!parsed) {
+      setError("Enter a valid format: owner/repo or GitHub URL");
+      return;
+    }
+    if (onNavigate) {
+      onNavigate(parsed.owner, parsed.repo);
+    } else {
+      window.location.href = `/${parsed.owner}/${parsed.repo}`;
+    }
+  }, [repoInput, onNavigate]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        backgroundColor: theme2.colors.background,
+        color: theme2.colors.text,
+        fontFamily: theme2.fonts.body,
+        overflowY: "auto"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              padding: "48px 32px",
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              textAlign: "center",
+              borderBottom: `1px solid ${theme2.colors.border}`
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "12px",
+                    marginBottom: "24px"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          width: 56,
+                          height: 56,
+                          borderRadius: "14px",
+                          background: `linear-gradient(135deg, ${theme2.colors.primary}, ${theme2.colors.secondary || theme2.colors.primary})`,
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center"
+                        },
+                        children: /* @__PURE__ */ jsx(GitBranch, { size: 32, color: "#fff" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontSize: `${theme2.fontSizes[5]}px`,
+                          fontWeight: theme2.fontWeights.bold,
+                          color: theme2.colors.text
+                        },
+                        children: "Principal"
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "h1",
+                {
+                  style: {
+                    margin: "0 0 16px",
+                    fontSize: `${theme2.fontSizes[6] || 32}px`,
+                    fontWeight: theme2.fontWeights.bold,
+                    color: theme2.colors.text,
+                    maxWidth: "600px"
+                  },
+                  children: "Explore repositories like never before"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "p",
+                {
+                  style: {
+                    margin: "0 0 32px",
+                    fontSize: `${theme2.fontSizes[3]}px`,
+                    color: theme2.colors.textSecondary,
+                    maxWidth: "500px",
+                    lineHeight: 1.6
+                  },
+                  children: "Interactive diagrams, intelligent chat, and visual exploration to understand any codebase in minutes."
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "form",
+                {
+                  onSubmit: handleSubmit,
+                  style: {
+                    width: "100%",
+                    maxWidth: "500px"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          gap: "8px",
+                          padding: "6px",
+                          borderRadius: "12px",
+                          backgroundColor: theme2.colors.surface,
+                          border: `2px solid ${error ? theme2.colors.error : theme2.colors.border}`
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              style: {
+                                display: "flex",
+                                alignItems: "center",
+                                paddingLeft: "12px",
+                                color: theme2.colors.textSecondary
+                              },
+                              children: /* @__PURE__ */ jsx(Github, { size: 20 })
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            "input",
+                            {
+                              type: "text",
+                              value: repoInput,
+                              onChange: (e) => {
+                                setRepoInput(e.target.value);
+                                setError(null);
+                              },
+                              placeholder: "owner/repo or paste GitHub URL",
+                              style: {
+                                flex: 1,
+                                padding: "12px 8px",
+                                border: "none",
+                                background: "transparent",
+                                color: theme2.colors.text,
+                                fontSize: `${theme2.fontSizes[2]}px`,
+                                outline: "none"
+                              }
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              type: "submit",
+                              style: {
+                                padding: "12px 20px",
+                                borderRadius: "8px",
+                                border: "none",
+                                backgroundColor: theme2.colors.primary,
+                                color: "#fff",
+                                fontSize: `${theme2.fontSizes[2]}px`,
+                                fontWeight: theme2.fontWeights.semibold,
+                                cursor: "pointer",
+                                display: "flex",
+                                alignItems: "center",
+                                gap: "8px"
+                              },
+                              children: [
+                                "Explore",
+                                /* @__PURE__ */ jsx(ArrowRight, { size: 18 })
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    error && /* @__PURE__ */ jsx(
+                      "p",
+                      {
+                        style: {
+                          margin: "8px 0 0",
+                          fontSize: `${theme2.fontSizes[1]}px`,
+                          color: theme2.colors.error
+                        },
+                        children: error
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              padding: "48px 32px",
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "8px",
+                    marginBottom: "12px"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Sparkles, { size: 20, color: theme2.colors.primary }),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontSize: `${theme2.fontSizes[1]}px`,
+                          fontWeight: theme2.fontWeights.semibold,
+                          color: theme2.colors.primary,
+                          textTransform: "uppercase",
+                          letterSpacing: "0.05em"
+                        },
+                        children: "Features"
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  style: {
+                    margin: "0 0 32px",
+                    fontSize: `${theme2.fontSizes[4]}px`,
+                    fontWeight: theme2.fontWeights.semibold,
+                    color: theme2.colors.text,
+                    textAlign: "center"
+                  },
+                  children: "Understand code faster"
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    gap: "20px",
+                    flexWrap: "wrap",
+                    justifyContent: "center",
+                    maxWidth: "900px"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      FeatureCard,
+                      {
+                        icon: /* @__PURE__ */ jsx(Network, { size: 24 }),
+                        title: "Interactive Diagrams",
+                        description: "Visualize repository structure, dependencies, and architecture with auto-generated diagrams you can explore.",
+                        theme: theme2
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      FeatureCard,
+                      {
+                        icon: /* @__PURE__ */ jsx(MessageSquare, { size: 24 }),
+                        title: "Chat with Code",
+                        description: "Ask questions about any repository and get instant, context-aware answers powered by AI.",
+                        theme: theme2
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      FeatureCard,
+                      {
+                        icon: /* @__PURE__ */ jsx(GitBranch, { size: 24 }),
+                        title: "Deep Git Insights",
+                        description: "Explore commits, branches, and history with visual timelines and contributor analytics.",
+                        theme: theme2
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              padding: "24px 32px 48px",
+              display: "flex",
+              justifyContent: "center"
+            },
+            children: /* @__PURE__ */ jsxs(
+              "p",
+              {
+                style: {
+                  margin: 0,
+                  fontSize: `${theme2.fontSizes[1]}px`,
+                  color: theme2.colors.textSecondary
+                },
+                children: [
+                  "Try it with",
+                  " ",
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: () => {
+                        if (onNavigate) {
+                          onNavigate("facebook", "react");
+                        } else {
+                          window.location.href = "/facebook/react";
+                        }
+                      },
+                      style: {
+                        background: "none",
+                        border: "none",
+                        color: theme2.colors.primary,
+                        cursor: "pointer",
+                        padding: 0,
+                        fontSize: "inherit",
+                        fontWeight: theme2.fontWeights.medium,
+                        textDecoration: "underline"
+                      },
+                      children: "facebook/react"
+                    }
+                  ),
+                  " ",
+                  "or",
+                  " ",
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: () => {
+                        if (onNavigate) {
+                          onNavigate("vercel", "next.js");
+                        } else {
+                          window.location.href = "/vercel/next.js";
+                        }
+                      },
+                      style: {
+                        background: "none",
+                        border: "none",
+                        color: theme2.colors.primary,
+                        cursor: "pointer",
+                        padding: 0,
+                        fontSize: "inherit",
+                        fontWeight: theme2.fontWeights.medium,
+                        textDecoration: "underline"
+                      },
+                      children: "vercel/next.js"
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+const WelcomePanel = (props) => {
+  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(WelcomePanelContent, { ...props }) });
+};
+const WelcomePanelMetadata = {
+  id: "welcome",
+  name: "Welcome",
+  description: "Landing page with branding and repository search",
+  icon: "home",
+  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.",
+  inputs: {
+    type: "object",
+    properties: {},
+    required: []
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" }
+    }
+  },
+  tags: ["github", "repository", "list", "browse"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "github:list-repositories"
+  }
+};
+const selectRepositoryTool = {
+  name: "select_repository",
+  description: 'Select a GitHub repository to view its details, README, and files. Use the full repository name in "owner/repo" format.',
+  inputs: {
+    type: "object",
+    properties: {
+      repository: {
+        type: "string",
+        description: 'The full repository name in "owner/repo" format (e.g., "facebook/react")'
+      }
+    },
+    required: ["repository"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      repository: { type: "string" }
+    }
+  },
+  tags: ["github", "repository", "select", "navigate"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "repository:selected"
+  }
+};
+const previewRepositoryTool = {
+  name: "preview_repository",
+  description: "Preview a GitHub repository's README in the viewer without navigating to it.",
+  inputs: {
+    type: "object",
+    properties: {
+      repository: {
+        type: "string",
+        description: 'The full repository name in "owner/repo" format (e.g., "facebook/react")'
+      }
+    },
+    required: ["repository"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" }
+    }
+  },
+  tags: ["github", "repository", "preview", "readme"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "repository:preview"
+  }
+};
+const searchRepositoriesTool = {
+  name: "search_repositories",
+  description: "Search through the user's GitHub repositories by name, description, or language.",
+  inputs: {
+    type: "object",
+    properties: {
+      query: {
+        type: "string",
+        description: "The search query to filter repositories"
+      }
+    },
+    required: ["query"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" }
+    }
+  },
+  tags: ["github", "repository", "search", "filter"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "github:search-repositories"
+  }
+};
+const openRepositorySwitcherTool = {
+  name: "open_repository_switcher",
+  description: "Open the repository switcher modal to browse and select a different repository.",
+  inputs: {
+    type: "object",
+    properties: {},
+    required: []
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" }
     }
   },
   tags: ["github", "repository", "switch", "modal"],
@@ -1723,6 +3698,36 @@ 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");
+    }
+  },
+  {
+    metadata: RecentRepositoriesPanelMetadata,
+    component: RecentRepositoriesPanel,
+    onMount: async (_context) => {
+      console.log("Recent Repositories Panel mounted");
+    },
+    onUnmount: async (_context) => {
+      console.log("Recent Repositories Panel unmounting");
+    }
+  },
+  {
+    metadata: WelcomePanelMetadata,
+    component: WelcomePanel,
+    onMount: async (_context) => {
+      console.log("Welcome Panel mounted");
+    },
+    onUnmount: async (_context) => {
+      console.log("Welcome Panel unmounting");
+    }
   }
 ];
 const onPackageLoad = async () => {
@@ -1735,6 +3740,11 @@ export {
   GitHubProjectCard,
   GitHubProjectsPanel,
   GitHubSearchPanel,
+  OwnerRepositoriesPanel,
+  RecentRepositoriesPanel,
+  WelcomePanel,
+  addRecentOwner,
+  addRecentRepository,
   githubTools,
   githubToolsMetadata,
   listRepositoriesTool,