npm - @industry-theme/github-panels - Versions diffs - 0.1.16 → 0.1.17 - Mend

@industry-theme/github-panels 0.1.16 → 0.1.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/index.d.ts +1 -0
package/dist/index.d.ts.map +1 -1
package/dist/panels/GitHubProjectsPanel.d.ts.map +1 -1
package/dist/panels/GitHubSearchPanel.d.ts.map +1 -1
package/dist/panels/OwnerRepositoriesPanel.d.ts.map +1 -1
package/dist/panels/RecentRepositoriesPanel.d.ts.map +1 -1
package/dist/panels/WelcomePanel.d.ts +18 -5
package/dist/panels/WelcomePanel.d.ts.map +1 -1
package/dist/panels.bundle.js +304 -516
package/dist/panels.bundle.js.map +1 -1
package/package.json +1 -1

package/dist/panels.bundle.js CHANGED Viewed

@@ -1,157 +1,5 @@
 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],
-  fonts: {
-    body: '"SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace',
-    heading: '"SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace',
-    monospace: '"SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace'
-  },
-  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],
-  fontScale: 1,
-  fontWeights: {
-    body: 400,
-    heading: 500,
-    bold: 600,
-    light: 300,
-    medium: 500,
-    semibold: 600
-  },
-  lineHeights: {
-    body: 1.6,
-    heading: 1.3,
-    tight: 1.4,
-    relaxed: 1.8
-  },
-  breakpoints: ["640px", "768px", "1024px", "1280px"],
-  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],
-  radii: [0, 2, 4, 6, 8, 12, 16, 24],
-  shadows: [
-    "none",
-    "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
-    "0 2px 4px 0 rgba(0, 0, 0, 0.06)",
-    "0 4px 6px 0 rgba(0, 0, 0, 0.07)",
-    "0 8px 12px 0 rgba(0, 0, 0, 0.08)",
-    "0 16px 24px 0 rgba(0, 0, 0, 0.10)"
-  ],
-  zIndices: [0, 1, 10, 20, 30, 40, 50],
-  colors: {
-    text: "#e4e4e4",
-    background: "rgba(10, 10, 10, 0.85)",
-    primary: "#66b3ff",
-    secondary: "#80c4ff",
-    accent: "#66ff99",
-    highlight: "rgba(102, 179, 255, 0.15)",
-    muted: "rgba(26, 26, 26, 0.8)",
-    success: "#66ff99",
-    warning: "#ffcc66",
-    error: "#ff6666",
-    info: "#66b3ff",
-    border: "rgba(255, 255, 255, 0.1)",
-    backgroundSecondary: "rgba(15, 15, 15, 0.9)",
-    backgroundTertiary: "rgba(20, 20, 20, 0.9)",
-    backgroundLight: "rgba(255, 255, 255, 0.05)",
-    backgroundHover: "rgba(102, 179, 255, 0.08)",
-    surface: "rgba(15, 15, 15, 0.95)",
-    textSecondary: "rgba(255, 255, 255, 0.7)",
-    textTertiary: "rgba(255, 255, 255, 0.5)",
-    textMuted: "rgba(255, 255, 255, 0.4)",
-    highlightBg: "rgba(255, 235, 59, 0.25)",
-    highlightBorder: "rgba(255, 235, 59, 0.5)"
-  },
-  modes: {
-    light: {
-      text: "#1a1a1a",
-      background: "rgba(255, 255, 255, 0.9)",
-      primary: "#0066cc",
-      secondary: "#0052a3",
-      accent: "#00cc88",
-      highlight: "rgba(0, 102, 204, 0.08)",
-      muted: "rgba(245, 245, 245, 0.8)",
-      success: "#00cc88",
-      warning: "#ffaa00",
-      error: "#ff3333",
-      info: "#0066cc",
-      border: "rgba(0, 0, 0, 0.1)",
-      backgroundSecondary: "rgba(250, 250, 250, 0.9)",
-      backgroundTertiary: "rgba(245, 245, 245, 0.9)",
-      backgroundLight: "rgba(0, 0, 0, 0.02)",
-      backgroundHover: "rgba(0, 102, 204, 0.04)",
-      surface: "rgba(255, 255, 255, 0.95)",
-      textSecondary: "rgba(0, 0, 0, 0.6)",
-      textTertiary: "rgba(0, 0, 0, 0.4)",
-      textMuted: "rgba(0, 0, 0, 0.3)",
-      highlightBg: "rgba(255, 235, 59, 0.3)",
-      highlightBorder: "rgba(255, 235, 59, 0.6)"
-    }
-  },
-  buttons: {
-    primary: {
-      color: "white",
-      bg: "primary",
-      borderWidth: 0,
-      "&:hover": {
-        bg: "secondary"
-      }
-    },
-    secondary: {
-      color: "primary",
-      bg: "transparent",
-      borderWidth: 1,
-      borderStyle: "solid",
-      borderColor: "primary",
-      "&:hover": {
-        bg: "highlight"
-      }
-    },
-    ghost: {
-      color: "text",
-      bg: "transparent",
-      "&:hover": {
-        bg: "backgroundHover"
-      }
-    }
-  },
-  text: {
-    heading: {
-      fontFamily: "heading",
-      fontWeight: "heading",
-      lineHeight: "heading"
-    },
-    body: {
-      fontFamily: "body",
-      fontWeight: "body",
-      lineHeight: "body"
-    },
-    caption: {
-      fontSize: 1,
-      color: "textSecondary"
-    }
-  },
-  cards: {
-    primary: {
-      bg: "surface",
-      border: "1px solid",
-      borderColor: "border",
-      borderRadius: 1
-    },
-    secondary: {
-      bg: "backgroundSecondary",
-      border: "1px solid",
-      borderColor: "border",
-      borderRadius: 1
-    }
-  }
-};
-function getMode(theme2, mode) {
-  if (!mode || !theme2.modes || !theme2.modes[mode]) {
-    return theme2.colors;
-  }
-  return {
-    ...theme2.colors,
-    ...theme2.modes[mode]
-  };
-}
+import React2, { createContext, useContext, forwardRef, createElement, useState, useRef, useEffect, useCallback, useMemo } from "react";
 var ThemeContext;
 var getThemeContext = () => {
   if (typeof window !== "undefined") {
@@ -175,46 +23,6 @@ var useTheme = () => {
   }
   return context;
 };
-var ThemeProvider = ({
-  children,
-  theme: customTheme = theme,
-  initialMode
-}) => {
-  const [mode, setMode] = useState(initialMode);
-  const activeTheme = React2.useMemo(() => {
-    if (!mode || !customTheme.modes || !customTheme.modes[mode]) {
-      return customTheme;
-    }
-    return {
-      ...customTheme,
-      colors: getMode(customTheme, mode)
-    };
-  }, [customTheme, mode]);
-  useEffect(() => {
-    if (!initialMode) {
-      const savedMode = localStorage.getItem("principlemd-theme-mode");
-      if (savedMode) {
-        setMode(savedMode);
-      }
-    }
-  }, [initialMode]);
-  useEffect(() => {
-    if (mode) {
-      localStorage.setItem("principlemd-theme-mode", mode);
-    } else {
-      localStorage.removeItem("principlemd-theme-mode");
-    }
-  }, [mode]);
-  const value = {
-    theme: activeTheme,
-    mode,
-    setMode
-  };
-  return /* @__PURE__ */ React2.createElement(ThemeContextSingleton.Provider, {
-    value
-  }, children);
-};
-var theme = terminalTheme;
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -660,9 +468,9 @@ const GitHubProjectCard = ({
   onOpenInGitHub
 }) => {
   var _a;
-  const { theme: theme2 } = useTheme();
+  const { theme } = useTheme();
   const [isHovered, setIsHovered] = useState(false);
-  const highlightColor = theme2.colors.primary;
+  const highlightColor = theme.colors.primary;
   const handleCardClick = () => {
     onSelect == null ? void 0 : onSelect(repository);
   };
@@ -685,7 +493,7 @@ const GitHubProjectCard = ({
         gap: "12px",
         padding: "10px 12px",
         borderRadius: "6px",
-        backgroundColor: isSelected ? `${highlightColor}15` : isHovered ? theme2.colors.backgroundTertiary || theme2.colors.backgroundSecondary : "transparent",
+        backgroundColor: isSelected ? `${highlightColor}15` : isHovered ? theme.colors.backgroundTertiary || theme.colors.backgroundSecondary : "transparent",
         border: isSelected ? `1px solid ${highlightColor}40` : "1px solid transparent",
         cursor: "pointer",
         transition: "all 0.15s ease"
@@ -714,13 +522,13 @@ const GitHubProjectCard = ({
               height: "32px",
               borderRadius: "50%",
               flexShrink: 0,
-              backgroundColor: theme2.colors.backgroundTertiary || theme2.colors.backgroundSecondary,
+              backgroundColor: theme.colors.backgroundTertiary || theme.colors.backgroundSecondary,
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              fontSize: `${theme2.fontSizes[1]}px`,
-              fontWeight: theme2.fontWeights.semibold,
-              color: theme2.colors.textSecondary
+              fontSize: `${theme.fontSizes[1]}px`,
+              fontWeight: theme.fontWeights.semibold,
+              color: theme.colors.textSecondary
             },
             children: ((_a = repository.owner.login[0]) == null ? void 0 : _a.toUpperCase()) || "?"
           }
@@ -741,9 +549,9 @@ const GitHubProjectCard = ({
                   "span",
                   {
                     style: {
-                      fontSize: `${theme2.fontSizes[2]}px`,
-                      fontWeight: theme2.fontWeights.medium,
-                      color: theme2.colors.text,
+                      fontSize: `${theme.fontSizes[2]}px`,
+                      fontWeight: theme.fontWeights.medium,
+                      color: theme.colors.text,
                       overflow: "hidden",
                       textOverflow: "ellipsis",
                       whiteSpace: "nowrap"
@@ -751,8 +559,8 @@ const GitHubProjectCard = ({
                     children: repository.name
                   }
                 ),
-                repository.private && /* @__PURE__ */ jsx(Lock, { size: 12, color: theme2.colors.warning || "#f59e0b" }),
-                repository.fork && /* @__PURE__ */ jsx(GitFork, { size: 12, color: theme2.colors.textSecondary })
+                repository.private && /* @__PURE__ */ jsx(Lock, { size: 12, color: theme.colors.warning || "#f59e0b" }),
+                repository.fork && /* @__PURE__ */ jsx(GitFork, { size: 12, color: theme.colors.textSecondary })
               ] }),
               /* @__PURE__ */ jsxs(
                 "div",
@@ -761,8 +569,8 @@ const GitHubProjectCard = ({
                     display: "flex",
                     alignItems: "center",
                     gap: "12px",
-                    fontSize: `${theme2.fontSizes[0]}px`,
-                    color: theme2.colors.textSecondary,
+                    fontSize: `${theme.fontSizes[0]}px`,
+                    color: theme.colors.textSecondary,
                     flexWrap: "wrap"
                   },
                   children: [
@@ -796,8 +604,8 @@ const GitHubProjectCard = ({
                 "div",
                 {
                   style: {
-                    fontSize: `${theme2.fontSizes[0]}px`,
-                    color: theme2.colors.textSecondary,
+                    fontSize: `${theme.fontSizes[0]}px`,
+                    color: theme.colors.textSecondary,
                     overflow: "hidden",
                     textOverflow: "ellipsis",
                     whiteSpace: "nowrap"
@@ -820,20 +628,20 @@ const GitHubProjectCard = ({
               justifyContent: "center",
               padding: "6px",
               borderRadius: "4px",
-              border: `1px solid ${theme2.colors.border}`,
-              backgroundColor: theme2.colors.background,
-              color: theme2.colors.textSecondary,
+              border: `1px solid ${theme.colors.border}`,
+              backgroundColor: theme.colors.background,
+              color: theme.colors.textSecondary,
               cursor: "pointer",
               transition: "all 0.15s ease",
               flexShrink: 0
             },
             onMouseEnter: (e) => {
-              e.currentTarget.style.backgroundColor = theme2.colors.backgroundTertiary || theme2.colors.backgroundSecondary;
-              e.currentTarget.style.color = theme2.colors.text;
+              e.currentTarget.style.backgroundColor = theme.colors.backgroundTertiary || theme.colors.backgroundSecondary;
+              e.currentTarget.style.color = theme.colors.text;
             },
             onMouseLeave: (e) => {
-              e.currentTarget.style.backgroundColor = theme2.colors.background;
-              e.currentTarget.style.color = theme2.colors.textSecondary;
+              e.currentTarget.style.backgroundColor = theme.colors.background;
+              e.currentTarget.style.color = theme.colors.textSecondary;
             },
             children: /* @__PURE__ */ jsx(ExternalLink, { size: 14 })
           }
@@ -852,7 +660,7 @@ const Section = ({
   children,
   layoutMode
 }) => {
-  const { theme: theme2 } = useTheme();
+  const { theme } = useTheme();
   const showContent = layoutMode === "expanded" || isExpanded;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -863,7 +671,7 @@ const Section = ({
         minWidth: layoutMode === "expanded" ? "280px" : void 0,
         display: "flex",
         flexDirection: "column",
-        borderRight: layoutMode === "expanded" ? `1px solid ${theme2.colors.border}` : void 0,
+        borderRight: layoutMode === "expanded" ? `1px solid ${theme.colors.border}` : void 0,
         overflow: "hidden"
       },
       children: [
@@ -881,10 +689,10 @@ const Section = ({
               border: "none",
               background: "none",
               cursor: layoutMode === "compact" ? "pointer" : "default",
-              color: theme2.colors.text,
-              fontSize: `${theme2.fontSizes[2]}px`,
-              fontWeight: theme2.fontWeights.semibold,
-              borderBottom: layoutMode === "expanded" ? `1px solid ${theme2.colors.border}` : void 0
+              color: theme.colors.text,
+              fontSize: `${theme.fontSizes[2]}px`,
+              fontWeight: theme.fontWeights.semibold,
+              borderBottom: layoutMode === "expanded" ? `1px solid ${theme.colors.border}` : void 0
             },
             children: [
               layoutMode === "compact" && (isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { size: 16 }) : /* @__PURE__ */ jsx(ChevronRight, { size: 16 })),
@@ -895,9 +703,9 @@ const Section = ({
                 {
                   style: {
                     marginLeft: "auto",
-                    fontSize: `${theme2.fontSizes[0]}px`,
-                    color: theme2.colors.textSecondary,
-                    backgroundColor: theme2.colors.backgroundTertiary || theme2.colors.backgroundSecondary,
+                    fontSize: `${theme.fontSizes[0]}px`,
+                    color: theme.colors.textSecondary,
+                    backgroundColor: theme.colors.backgroundTertiary || theme.colors.backgroundSecondary,
                     padding: "2px 8px",
                     borderRadius: "10px"
                   },
@@ -929,7 +737,7 @@ const GitHubProjectsPanelContent = ({
   context,
   events
 }) => {
-  const { theme: theme2 } = useTheme();
+  const { theme } = useTheme();
   const containerRef = useRef(null);
   const [layoutMode, setLayoutMode] = useState("compact");
   const [searchQuery, setSearchQuery] = useState("");
@@ -1001,8 +809,8 @@ const GitHubProjectsPanelContent = ({
       style: {
         padding: "16px",
         textAlign: "center",
-        color: theme2.colors.textSecondary,
-        fontSize: `${theme2.fontSizes[1]}px`,
+        color: theme.colors.textSecondary,
+        fontSize: `${theme.fontSizes[1]}px`,
         gridColumn: layoutMode === "expanded" ? "1 / -1" : void 0
       },
       children: message
@@ -1030,17 +838,17 @@ const GitHubProjectsPanelContent = ({
           justifyContent: "center",
           gap: "16px",
           padding: "24px",
-          color: theme2.colors.textSecondary
+          color: theme.colors.textSecondary
         },
         children: [
-          /* @__PURE__ */ jsx(LogIn, { size: 48, color: theme2.colors.textSecondary }),
+          /* @__PURE__ */ jsx(LogIn, { size: 48, color: theme.colors.textSecondary }),
           /* @__PURE__ */ jsx(
             "h3",
             {
               style: {
                 margin: 0,
-                fontSize: `${theme2.fontSizes[3]}px`,
-                color: theme2.colors.text
+                fontSize: `${theme.fontSizes[3]}px`,
+                color: theme.colors.text
               },
               children: "Sign in to GitHub"
             }
@@ -1065,10 +873,10 @@ const GitHubProjectsPanelContent = ({
                 padding: "10px 20px",
                 borderRadius: "6px",
                 border: "none",
-                backgroundColor: theme2.colors.primary,
-                color: theme2.colors.background,
-                fontSize: `${theme2.fontSizes[2]}px`,
-                fontWeight: theme2.fontWeights.medium,
+                backgroundColor: theme.colors.primary,
+                color: theme.colors.background,
+                fontSize: `${theme.fontSizes[2]}px`,
+                fontWeight: theme.fontWeights.medium,
                 cursor: "pointer"
               },
               children: [
@@ -1091,7 +899,7 @@ const GitHubProjectsPanelContent = ({
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          color: theme2.colors.textSecondary
+          color: theme.colors.textSecondary
         },
         children: "Loading repositories..."
       }
@@ -1110,17 +918,17 @@ const GitHubProjectsPanelContent = ({
           justifyContent: "center",
           gap: "16px",
           padding: "24px",
-          color: theme2.colors.textSecondary
+          color: theme.colors.textSecondary
         },
         children: [
-          /* @__PURE__ */ jsx(LogIn, { size: 48, color: theme2.colors.textSecondary }),
+          /* @__PURE__ */ jsx(LogIn, { size: 48, color: theme.colors.textSecondary }),
           /* @__PURE__ */ jsx(
             "h3",
             {
               style: {
                 margin: 0,
-                fontSize: `${theme2.fontSizes[3]}px`,
-                color: theme2.colors.text
+                fontSize: `${theme.fontSizes[3]}px`,
+                color: theme.colors.text
               },
               children: "Sign in to GitHub"
             }
@@ -1145,10 +953,10 @@ const GitHubProjectsPanelContent = ({
                 padding: "10px 20px",
                 borderRadius: "6px",
                 border: "none",
-                backgroundColor: theme2.colors.primary,
-                color: theme2.colors.background,
-                fontSize: `${theme2.fontSizes[2]}px`,
-                fontWeight: theme2.fontWeights.medium,
+                backgroundColor: theme.colors.primary,
+                color: theme.colors.background,
+                fontSize: `${theme.fontSizes[2]}px`,
+                fontWeight: theme.fontWeights.medium,
                 cursor: "pointer"
               },
               children: [
@@ -1169,9 +977,9 @@ const GitHubProjectsPanelContent = ({
         height: "100%",
         display: "flex",
         flexDirection: "column",
-        backgroundColor: theme2.colors.background,
-        color: theme2.colors.text,
-        fontFamily: theme2.fonts.body
+        backgroundColor: theme.colors.background,
+        color: theme.colors.text,
+        fontFamily: theme.fonts.body
       },
       children: [
         /* @__PURE__ */ jsxs(
@@ -1179,21 +987,21 @@ const GitHubProjectsPanelContent = ({
           {
             style: {
               padding: "12px 16px",
-              borderBottom: `1px solid ${theme2.colors.border}`,
+              borderBottom: `1px solid ${theme.colors.border}`,
               display: "flex",
               alignItems: "center",
               gap: "12px",
               flexWrap: "wrap"
             },
             children: [
-              /* @__PURE__ */ jsx(Github, { size: 20, color: theme2.colors.primary }),
+              /* @__PURE__ */ jsx(Github, { size: 20, color: theme.colors.primary }),
               /* @__PURE__ */ jsx(
                 "h2",
                 {
                   style: {
                     margin: 0,
-                    fontSize: `${theme2.fontSizes[3]}px`,
-                    fontWeight: theme2.fontWeights.semibold
+                    fontSize: `${theme.fontSizes[3]}px`,
+                    fontWeight: theme.fontWeights.semibold
                   },
                   children: "GitHub Projects"
                 }
@@ -1202,8 +1010,8 @@ const GitHubProjectsPanelContent = ({
                 "span",
                 {
                   style: {
-                    fontSize: `${theme2.fontSizes[1]}px`,
-                    color: theme2.colors.textSecondary
+                    fontSize: `${theme.fontSizes[1]}px`,
+                    color: theme.colors.textSecondary
                   },
                   children: [
                     "@",
@@ -1223,11 +1031,11 @@ const GitHubProjectsPanelContent = ({
               gap: "8px",
               padding: "8px 12px",
               borderRadius: "6px",
-              backgroundColor: theme2.colors.backgroundSecondary,
-              border: `1px solid ${theme2.colors.border}`
+              backgroundColor: theme.colors.backgroundSecondary,
+              border: `1px solid ${theme.colors.border}`
             },
             children: [
-              /* @__PURE__ */ jsx(Search, { size: 16, color: theme2.colors.textSecondary }),
+              /* @__PURE__ */ jsx(Search, { size: 16, color: theme.colors.textSecondary }),
               /* @__PURE__ */ jsx(
                 "input",
                 {
@@ -1240,8 +1048,8 @@ const GitHubProjectsPanelContent = ({
                     border: "none",
                     background: "none",
                     outline: "none",
-                    fontSize: `${theme2.fontSizes[2]}px`,
-                    color: theme2.colors.text
+                    fontSize: `${theme.fontSizes[2]}px`,
+                    color: theme.colors.text
                   }
                 }
               )
@@ -1265,7 +1073,7 @@ const GitHubProjectsPanelContent = ({
                 {
                   id: "owned",
                   title: "Your Repositories",
-                  icon: /* @__PURE__ */ jsx(Folder, { size: 16, color: theme2.colors.primary }),
+                  icon: /* @__PURE__ */ jsx(Folder, { size: 16, color: theme.colors.primary }),
                   count: filteredOwned.length,
                   isExpanded: expandedSections.has("owned"),
                   onToggle: () => toggleSection("owned"),
@@ -1285,7 +1093,7 @@ const GitHubProjectsPanelContent = ({
                       alt: org.login,
                       style: { width: 16, height: 16, borderRadius: 4 }
                     }
-                  ) : /* @__PURE__ */ jsx(Building2, { size: 16, color: theme2.colors.info || "#3b82f6" }),
+                  ) : /* @__PURE__ */ jsx(Building2, { size: 16, color: theme.colors.info || "#3b82f6" }),
                   count: org.repositories.length,
                   isExpanded: expandedSections.has(`org-${org.id}`),
                   onToggle: () => toggleSection(`org-${org.id}`),
@@ -1299,7 +1107,7 @@ const GitHubProjectsPanelContent = ({
                 {
                   id: "starred",
                   title: "Starred",
-                  icon: /* @__PURE__ */ jsx(Star, { size: 16, color: theme2.colors.warning || "#f59e0b" }),
+                  icon: /* @__PURE__ */ jsx(Star, { size: 16, color: theme.colors.warning || "#f59e0b" }),
                   count: filteredStarred.length,
                   isExpanded: expandedSections.has("starred"),
                   onToggle: () => toggleSection("starred"),
@@ -1315,7 +1123,7 @@ const GitHubProjectsPanelContent = ({
   );
 };
 const GitHubProjectsPanel = (props) => {
-  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(GitHubProjectsPanelContent, { ...props }) });
+  return /* @__PURE__ */ jsx(GitHubProjectsPanelContent, { ...props });
 };
 const GitHubProjectsPanelMetadata = {
   id: "github-projects",
@@ -1327,7 +1135,7 @@ const GitHubProjectsPanelMetadata = {
   surfaces: ["sidebar", "panel"]
 };
 const GitHubSearchPanelContent = ({ events }) => {
-  const { theme: theme2 } = useTheme();
+  const { theme } = useTheme();
   const [searchQuery, setSearchQuery] = useState("");
   const [results, setResults] = useState([]);
   const [totalCount, setTotalCount] = useState(0);
@@ -1409,9 +1217,9 @@ const GitHubSearchPanelContent = ({ events }) => {
         height: "100%",
         display: "flex",
         flexDirection: "column",
-        backgroundColor: theme2.colors.background,
-        color: theme2.colors.text,
-        fontFamily: theme2.fonts.body
+        backgroundColor: theme.colors.background,
+        color: theme.colors.text,
+        fontFamily: theme.fonts.body
       },
       children: [
         /* @__PURE__ */ jsxs(
@@ -1419,20 +1227,20 @@ const GitHubSearchPanelContent = ({ events }) => {
           {
             style: {
               padding: "12px 16px",
-              borderBottom: `1px solid ${theme2.colors.border}`,
+              borderBottom: `1px solid ${theme.colors.border}`,
               display: "flex",
               alignItems: "center",
               gap: "12px"
             },
             children: [
-              /* @__PURE__ */ jsx(Github, { size: 20, color: theme2.colors.primary }),
+              /* @__PURE__ */ jsx(Github, { size: 20, color: theme.colors.primary }),
               /* @__PURE__ */ jsx(
                 "h2",
                 {
                   style: {
                     margin: 0,
-                    fontSize: `${theme2.fontSizes[3]}px`,
-                    fontWeight: theme2.fontWeights.semibold
+                    fontSize: `${theme.fontSizes[3]}px`,
+                    fontWeight: theme.fontWeights.semibold
                   },
                   children: "Search GitHub"
                 }
@@ -1449,11 +1257,11 @@ const GitHubSearchPanelContent = ({ events }) => {
               gap: "8px",
               padding: "10px 12px",
               borderRadius: "6px",
-              backgroundColor: theme2.colors.backgroundSecondary,
-              border: `1px solid ${theme2.colors.border}`
+              backgroundColor: theme.colors.backgroundSecondary,
+              border: `1px solid ${theme.colors.border}`
             },
             children: [
-              /* @__PURE__ */ jsx(Search, { size: 18, color: theme2.colors.textSecondary }),
+              /* @__PURE__ */ jsx(Search, { size: 18, color: theme.colors.textSecondary }),
               /* @__PURE__ */ jsx(
                 "input",
                 {
@@ -1467,8 +1275,8 @@ const GitHubSearchPanelContent = ({ events }) => {
                     border: "none",
                     background: "none",
                     outline: "none",
-                    fontSize: `${theme2.fontSizes[2]}px`,
-                    color: theme2.colors.text
+                    fontSize: `${theme.fontSizes[2]}px`,
+                    color: theme.colors.text
                   }
                 }
               ),
@@ -1478,8 +1286,8 @@ const GitHubSearchPanelContent = ({ events }) => {
                   style: {
                     width: 16,
                     height: 16,
-                    border: `2px solid ${theme2.colors.border}`,
-                    borderTopColor: theme2.colors.primary,
+                    border: `2px solid ${theme.colors.border}`,
+                    borderTopColor: theme.colors.primary,
                     borderRadius: "50%",
                     animation: "spin 1s linear infinite"
                   }
@@ -1493,8 +1301,8 @@ const GitHubSearchPanelContent = ({ events }) => {
           {
             style: {
               padding: "0 16px 8px",
-              fontSize: `${theme2.fontSizes[1]}px`,
-              color: theme2.colors.textSecondary
+              fontSize: `${theme.fontSizes[1]}px`,
+              color: theme.colors.textSecondary
             },
             children: [
               formatNumber(totalCount),
@@ -1509,9 +1317,9 @@ const GitHubSearchPanelContent = ({ events }) => {
               padding: "16px",
               margin: "0 16px",
               borderRadius: "6px",
-              backgroundColor: `${theme2.colors.error}15`,
-              color: theme2.colors.error,
-              fontSize: `${theme2.fontSizes[2]}px`
+              backgroundColor: `${theme.colors.error}15`,
+              color: theme.colors.error,
+              fontSize: `${theme.fontSizes[2]}px`
             },
             children: error
           }
@@ -1531,7 +1339,7 @@ const GitHubSearchPanelContent = ({ events }) => {
                   style: {
                     padding: "32px 16px",
                     textAlign: "center",
-                    color: theme2.colors.textSecondary
+                    color: theme.colors.textSecondary
                   },
                   children: [
                     'No repositories found for "',
@@ -1546,10 +1354,10 @@ const GitHubSearchPanelContent = ({ events }) => {
                   style: {
                     padding: "32px 16px",
                     textAlign: "center",
-                    color: theme2.colors.textSecondary
+                    color: theme.colors.textSecondary
                   },
                   children: [
-                    /* @__PURE__ */ jsx(Search, { size: 48, color: theme2.colors.border, style: { marginBottom: 16 } }),
+                    /* @__PURE__ */ jsx(Search, { size: 48, color: theme.colors.border, style: { marginBottom: 16 } }),
                     /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: "Search for repositories by name, description, or topic" })
                   ]
                 }
@@ -1566,8 +1374,8 @@ const GitHubSearchPanelContent = ({ events }) => {
                       padding: "12px",
                       margin: "4px 0",
                       borderRadius: "6px",
-                      border: selectedRepoId === repo.id ? `2px solid ${theme2.colors.primary}` : `1px solid ${theme2.colors.border}`,
-                      backgroundColor: selectedRepoId === repo.id ? `${theme2.colors.primary}10` : theme2.colors.surface,
+                      border: selectedRepoId === repo.id ? `2px solid ${theme.colors.primary}` : `1px solid ${theme.colors.border}`,
+                      backgroundColor: selectedRepoId === repo.id ? `${theme.colors.primary}10` : theme.colors.surface,
                       cursor: "pointer",
                       textAlign: "left",
                       display: "flex",
@@ -1588,9 +1396,9 @@ const GitHubSearchPanelContent = ({ events }) => {
                           "span",
                           {
                             style: {
-                              fontSize: `${theme2.fontSizes[2]}px`,
-                              fontWeight: theme2.fontWeights.semibold,
-                              color: theme2.colors.primary
+                              fontSize: `${theme.fontSizes[2]}px`,
+                              fontWeight: theme.fontWeights.semibold,
+                              color: theme.colors.primary
                             },
                             children: repo.full_name
                           }
@@ -1599,11 +1407,11 @@ const GitHubSearchPanelContent = ({ events }) => {
                           "span",
                           {
                             style: {
-                              fontSize: `${theme2.fontSizes[0]}px`,
+                              fontSize: `${theme.fontSizes[0]}px`,
                               padding: "2px 6px",
                               borderRadius: "4px",
-                              backgroundColor: theme2.colors.backgroundTertiary,
-                              color: theme2.colors.textSecondary
+                              backgroundColor: theme.colors.backgroundTertiary,
+                              color: theme.colors.textSecondary
                             },
                             children: "Private"
                           }
@@ -1614,8 +1422,8 @@ const GitHubSearchPanelContent = ({ events }) => {
                         {
                           style: {
                             margin: 0,
-                            fontSize: `${theme2.fontSizes[1]}px`,
-                            color: theme2.colors.textSecondary,
+                            fontSize: `${theme.fontSizes[1]}px`,
+                            color: theme.colors.textSecondary,
                             overflow: "hidden",
                             textOverflow: "ellipsis",
                             display: "-webkit-box",
@@ -1632,8 +1440,8 @@ const GitHubSearchPanelContent = ({ events }) => {
                             display: "flex",
                             alignItems: "center",
                             gap: "16px",
-                            fontSize: `${theme2.fontSizes[1]}px`,
-                            color: theme2.colors.textSecondary
+                            fontSize: `${theme.fontSizes[1]}px`,
+                            color: theme.colors.textSecondary
                           },
                           children: [
                             repo.language && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
@@ -1644,7 +1452,7 @@ const GitHubSearchPanelContent = ({ events }) => {
                                     width: 10,
                                     height: 10,
                                     borderRadius: "50%",
-                                    backgroundColor: theme2.colors.info
+                                    backgroundColor: theme.colors.info
                                   }
                                 }
                               ),
@@ -1667,7 +1475,7 @@ const GitHubSearchPanelContent = ({ events }) => {
                                 onClick: (e) => e.stopPropagation(),
                                 style: {
                                   marginLeft: "auto",
-                                  color: theme2.colors.textSecondary,
+                                  color: theme.colors.textSecondary,
                                   display: "flex",
                                   alignItems: "center"
                                 },
@@ -1695,7 +1503,7 @@ const GitHubSearchPanelContent = ({ events }) => {
   );
 };
 const GitHubSearchPanel = (props) => {
-  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(GitHubSearchPanelContent, { ...props }) });
+  return /* @__PURE__ */ jsx(GitHubSearchPanelContent, { ...props });
 };
 const GitHubSearchPanelMetadata = {
   id: "github-search",
@@ -1712,7 +1520,7 @@ const OwnerRepositoriesPanelContent = ({
   owner: propOwner
 }) => {
   var _a, _b;
-  const { theme: theme2 } = useTheme();
+  const { theme } = useTheme();
   const [repositories, setRepositories] = useState([]);
   const [ownerInfo, setOwnerInfo] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
@@ -1850,9 +1658,9 @@ const OwnerRepositoriesPanelContent = ({
         height: "100%",
         display: "flex",
         flexDirection: "column",
-        backgroundColor: theme2.colors.background,
-        color: theme2.colors.text,
-        fontFamily: theme2.fonts.body
+        backgroundColor: theme.colors.background,
+        color: theme.colors.text,
+        fontFamily: theme.fonts.body
       },
       children: [
         /* @__PURE__ */ jsx(
@@ -1860,7 +1668,7 @@ const OwnerRepositoriesPanelContent = ({
           {
             style: {
               padding: "16px",
-              borderBottom: `1px solid ${theme2.colors.border}`,
+              borderBottom: `1px solid ${theme.colors.border}`,
               display: "flex",
               alignItems: "center",
               gap: "12px"
@@ -1875,7 +1683,7 @@ const OwnerRepositoriesPanelContent = ({
                     width: 48,
                     height: 48,
                     borderRadius: ownerInfo.type === "Organization" ? 8 : "50%",
-                    border: `2px solid ${theme2.colors.border}`
+                    border: `2px solid ${theme.colors.border}`
                   }
                 }
               ),
@@ -1886,21 +1694,21 @@ const OwnerRepositoriesPanelContent = ({
                     {
                       style: {
                         margin: 0,
-                        fontSize: `${theme2.fontSizes[4]}px`,
-                        fontWeight: theme2.fontWeights.bold
+                        fontSize: `${theme.fontSizes[4]}px`,
+                        fontWeight: theme.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.type === "Organization" ? /* @__PURE__ */ jsx(Building2, { size: 16, color: theme.colors.textSecondary }) : /* @__PURE__ */ jsx(User, { size: 16, color: theme.colors.textSecondary })
                 ] }),
                 ownerInfo.bio && /* @__PURE__ */ jsx(
                   "p",
                   {
                     style: {
                       margin: "4px 0 0",
-                      fontSize: `${theme2.fontSizes[1]}px`,
-                      color: theme2.colors.textSecondary
+                      fontSize: `${theme.fontSizes[1]}px`,
+                      color: theme.colors.textSecondary
                     },
                     children: ownerInfo.bio
                   }
@@ -1912,8 +1720,8 @@ const OwnerRepositoriesPanelContent = ({
                       display: "flex",
                       gap: "12px",
                       marginTop: "4px",
-                      fontSize: `${theme2.fontSizes[1]}px`,
-                      color: theme2.colors.textSecondary
+                      fontSize: `${theme.fontSizes[1]}px`,
+                      color: theme.colors.textSecondary
                     },
                     children: [
                       /* @__PURE__ */ jsxs("span", { children: [
@@ -1935,24 +1743,24 @@ const OwnerRepositoriesPanelContent = ({
                   style: {
                     padding: "8px",
                     borderRadius: "6px",
-                    border: `1px solid ${theme2.colors.border}`,
+                    border: `1px solid ${theme.colors.border}`,
                     background: "transparent",
                     cursor: "pointer",
-                    color: theme2.colors.textSecondary
+                    color: theme.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(Github, { size: 24, color: theme.colors.primary }),
               /* @__PURE__ */ jsx(
                 "h2",
                 {
                   style: {
                     margin: 0,
-                    fontSize: `${theme2.fontSizes[3]}px`,
-                    fontWeight: theme2.fontWeights.semibold
+                    fontSize: `${theme.fontSizes[3]}px`,
+                    fontWeight: theme.fontWeights.semibold
                   },
                   children: owner || "Repositories"
                 }
@@ -1965,7 +1773,7 @@ const OwnerRepositoriesPanelContent = ({
           {
             style: {
               padding: "8px 16px",
-              borderBottom: `1px solid ${theme2.colors.border}`,
+              borderBottom: `1px solid ${theme.colors.border}`,
               display: "flex",
               alignItems: "center",
               gap: "8px",
@@ -1973,7 +1781,7 @@ const OwnerRepositoriesPanelContent = ({
             },
             children: [
               /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-                /* @__PURE__ */ jsx(ArrowUpDown, { size: 14, color: theme2.colors.textSecondary }),
+                /* @__PURE__ */ jsx(ArrowUpDown, { size: 14, color: theme.colors.textSecondary }),
                 ["updated", "stars", "name"].map((field) => /* @__PURE__ */ jsxs(
                   "button",
                   {
@@ -1982,9 +1790,9 @@ const OwnerRepositoriesPanelContent = ({
                       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`,
+                      background: sortField === field ? theme.colors.primary : theme.colors.backgroundSecondary,
+                      color: sortField === field ? theme.colors.background : theme.colors.text,
+                      fontSize: `${theme.fontSizes[1]}px`,
                       cursor: "pointer",
                       textTransform: "capitalize"
                     },
@@ -1997,7 +1805,7 @@ const OwnerRepositoriesPanelContent = ({
                 ))
               ] }),
               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__ */ jsx(Funnel, { size: 14, color: theme.colors.textSecondary }),
                 /* @__PURE__ */ jsxs(
                   "select",
                   {
@@ -2006,10 +1814,10 @@ const OwnerRepositoriesPanelContent = ({
                     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`,
+                      border: `1px solid ${theme.colors.border}`,
+                      background: theme.colors.backgroundSecondary,
+                      color: theme.colors.text,
+                      fontSize: `${theme.fontSizes[1]}px`,
                       cursor: "pointer"
                     },
                     children: [
@@ -2032,7 +1840,7 @@ const OwnerRepositoriesPanelContent = ({
               alignItems: "center",
               justifyContent: "center",
               gap: "16px",
-              color: theme2.colors.textSecondary
+              color: theme.colors.textSecondary
             },
             children: [
               /* @__PURE__ */ jsx(
@@ -2041,8 +1849,8 @@ const OwnerRepositoriesPanelContent = ({
                   style: {
                     width: 32,
                     height: 32,
-                    border: `3px solid ${theme2.colors.border}`,
-                    borderTopColor: theme2.colors.primary,
+                    border: `3px solid ${theme.colors.border}`,
+                    borderTopColor: theme.colors.primary,
                     borderRadius: "50%",
                     animation: "spin 1s linear infinite"
                   }
@@ -2071,8 +1879,8 @@ const OwnerRepositoriesPanelContent = ({
                   style: {
                     padding: "16px 24px",
                     borderRadius: "8px",
-                    backgroundColor: `${theme2.colors.error}15`,
-                    color: theme2.colors.error,
+                    backgroundColor: `${theme.colors.error}15`,
+                    color: theme.colors.error,
                     marginBottom: "16px"
                   },
                   children: error
@@ -2086,10 +1894,10 @@ const OwnerRepositoriesPanelContent = ({
                     padding: "8px 16px",
                     borderRadius: "6px",
                     border: "none",
-                    background: theme2.colors.primary,
-                    color: theme2.colors.background,
+                    background: theme.colors.primary,
+                    color: theme.colors.background,
                     cursor: "pointer",
-                    fontWeight: theme2.fontWeights.medium
+                    fontWeight: theme.fontWeights.medium
                   },
                   children: "Try Again"
                 }
@@ -2107,10 +1915,10 @@ const OwnerRepositoriesPanelContent = ({
               alignItems: "center",
               justifyContent: "center",
               padding: "32px",
-              color: theme2.colors.textSecondary
+              color: theme.colors.textSecondary
             },
             children: [
-              /* @__PURE__ */ jsx(Github, { size: 48, color: theme2.colors.border, style: { marginBottom: 16 } }),
+              /* @__PURE__ */ jsx(Github, { size: 48, color: theme.colors.border, style: { marginBottom: 16 } }),
               /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: "No public repositories found" })
             ]
           }
@@ -2134,8 +1942,8 @@ const OwnerRepositoriesPanelContent = ({
                   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,
+                  border: selectedRepoId === repo.id ? `2px solid ${theme.colors.primary}` : `1px solid ${theme.colors.border}`,
+                  backgroundColor: selectedRepoId === repo.id ? `${theme.colors.primary}10` : theme.colors.surface,
                   cursor: "pointer",
                   textAlign: "left",
                   display: "flex",
@@ -2149,9 +1957,9 @@ const OwnerRepositoriesPanelContent = ({
                       "span",
                       {
                         style: {
-                          fontSize: `${theme2.fontSizes[2]}px`,
-                          fontWeight: theme2.fontWeights.semibold,
-                          color: theme2.colors.primary
+                          fontSize: `${theme.fontSizes[2]}px`,
+                          fontWeight: theme.fontWeights.semibold,
+                          color: theme.colors.primary
                         },
                         children: repo.name
                       }
@@ -2160,11 +1968,11 @@ const OwnerRepositoriesPanelContent = ({
                       "span",
                       {
                         style: {
-                          fontSize: `${theme2.fontSizes[0]}px`,
+                          fontSize: `${theme.fontSizes[0]}px`,
                           padding: "2px 6px",
                           borderRadius: "4px",
-                          backgroundColor: theme2.colors.warning + "20",
-                          color: theme2.colors.warning
+                          backgroundColor: theme.colors.warning + "20",
+                          color: theme.colors.warning
                         },
                         children: "Archived"
                       }
@@ -2173,11 +1981,11 @@ const OwnerRepositoriesPanelContent = ({
                       "span",
                       {
                         style: {
-                          fontSize: `${theme2.fontSizes[0]}px`,
+                          fontSize: `${theme.fontSizes[0]}px`,
                           padding: "2px 6px",
                           borderRadius: "4px",
-                          backgroundColor: theme2.colors.backgroundTertiary,
-                          color: theme2.colors.textSecondary
+                          backgroundColor: theme.colors.backgroundTertiary,
+                          color: theme.colors.textSecondary
                         },
                         children: "Fork"
                       }
@@ -2188,8 +1996,8 @@ const OwnerRepositoriesPanelContent = ({
                     {
                       style: {
                         margin: 0,
-                        fontSize: `${theme2.fontSizes[1]}px`,
-                        color: theme2.colors.textSecondary,
+                        fontSize: `${theme.fontSizes[1]}px`,
+                        color: theme.colors.textSecondary,
                         overflow: "hidden",
                         textOverflow: "ellipsis",
                         display: "-webkit-box",
@@ -2206,8 +2014,8 @@ const OwnerRepositoriesPanelContent = ({
                         display: "flex",
                         alignItems: "center",
                         gap: "16px",
-                        fontSize: `${theme2.fontSizes[1]}px`,
-                        color: theme2.colors.textSecondary
+                        fontSize: `${theme.fontSizes[1]}px`,
+                        color: theme.colors.textSecondary
                       },
                       children: [
                         repo.language && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
@@ -2218,7 +2026,7 @@ const OwnerRepositoriesPanelContent = ({
                                 width: 10,
                                 height: 10,
                                 borderRadius: "50%",
-                                backgroundColor: theme2.colors.info
+                                backgroundColor: theme.colors.info
                               }
                             }
                           ),
@@ -2245,7 +2053,7 @@ const OwnerRepositoriesPanelContent = ({
                             onClick: (e) => e.stopPropagation(),
                             style: {
                               marginLeft: "auto",
-                              color: theme2.colors.textSecondary,
+                              color: theme.colors.textSecondary,
                               display: "flex",
                               alignItems: "center"
                             },
@@ -2271,10 +2079,10 @@ const OwnerRepositoriesPanelContent = ({
               alignItems: "center",
               justifyContent: "center",
               padding: "32px",
-              color: theme2.colors.textSecondary
+              color: theme.colors.textSecondary
             },
             children: [
-              /* @__PURE__ */ jsx(Funnel, { size: 48, color: theme2.colors.border, style: { marginBottom: 16 } }),
+              /* @__PURE__ */ jsx(Funnel, { size: 48, color: theme.colors.border, style: { marginBottom: 16 } }),
               /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: "No repositories match the current filter" }),
               /* @__PURE__ */ jsx(
                 "button",
@@ -2284,9 +2092,9 @@ const OwnerRepositoriesPanelContent = ({
                     marginTop: "12px",
                     padding: "8px 16px",
                     borderRadius: "6px",
-                    border: `1px solid ${theme2.colors.border}`,
+                    border: `1px solid ${theme.colors.border}`,
                     background: "transparent",
-                    color: theme2.colors.text,
+                    color: theme.colors.text,
                     cursor: "pointer"
                   },
                   children: "Clear filter"
@@ -2305,7 +2113,7 @@ const OwnerRepositoriesPanelContent = ({
   );
 };
 const OwnerRepositoriesPanel = (props) => {
-  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(OwnerRepositoriesPanelContent, { ...props }) });
+  return /* @__PURE__ */ jsx(OwnerRepositoriesPanelContent, { ...props });
 };
 const OwnerRepositoriesPanelMetadata = {
   id: "owner-repositories",
@@ -2402,7 +2210,7 @@ const RecentRepositoriesPanelContent = ({
   events,
   onNavigate
 }) => {
-  const { theme: theme2 } = useTheme();
+  const { theme } = useTheme();
   const [items, setItems] = useState([]);
   const [selectedId, setSelectedId] = useState(null);
   const [hoveredId, setHoveredId] = useState(null);
@@ -2574,9 +2382,9 @@ const RecentRepositoriesPanelContent = ({
         height: "100%",
         display: "flex",
         flexDirection: "column",
-        backgroundColor: theme2.colors.background,
-        color: theme2.colors.text,
-        fontFamily: theme2.fonts.body
+        backgroundColor: theme.colors.background,
+        color: theme.colors.text,
+        fontFamily: theme.fonts.body
       },
       children: [
         /* @__PURE__ */ jsxs(
@@ -2584,21 +2392,21 @@ const RecentRepositoriesPanelContent = ({
           {
             style: {
               padding: "16px",
-              borderBottom: `1px solid ${theme2.colors.border}`,
+              borderBottom: `1px solid ${theme.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(History, { size: 24, color: theme.colors.primary }),
                 /* @__PURE__ */ jsx(
                   "h2",
                   {
                     style: {
                       margin: 0,
-                      fontSize: `${theme2.fontSizes[3]}px`,
-                      fontWeight: theme2.fontWeights.semibold
+                      fontSize: `${theme.fontSizes[3]}px`,
+                      fontWeight: theme.fontWeights.semibold
                     },
                     children: "Recent"
                   }
@@ -2611,11 +2419,11 @@ const RecentRepositoriesPanelContent = ({
                   style: {
                     padding: "6px 12px",
                     borderRadius: "6px",
-                    border: `1px solid ${theme2.colors.border}`,
+                    border: `1px solid ${theme.colors.border}`,
                     background: "transparent",
                     cursor: "pointer",
-                    color: theme2.colors.textSecondary,
-                    fontSize: `${theme2.fontSizes[1]}px`,
+                    color: theme.colors.textSecondary,
+                    fontSize: `${theme.fontSizes[1]}px`,
                     display: "flex",
                     alignItems: "center",
                     gap: "6px"
@@ -2635,7 +2443,7 @@ const RecentRepositoriesPanelContent = ({
           {
             style: {
               padding: "8px 16px",
-              borderBottom: `1px solid ${theme2.colors.border}`,
+              borderBottom: `1px solid ${theme.colors.border}`,
               display: "flex",
               gap: "4px"
             },
@@ -2651,11 +2459,11 @@ const RecentRepositoriesPanelContent = ({
                   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`,
+                  background: filter === key ? theme.colors.primary : theme.colors.backgroundSecondary,
+                  color: filter === key ? "#fff" : theme.colors.text,
+                  fontSize: `${theme.fontSizes[1]}px`,
                   cursor: "pointer",
-                  fontWeight: filter === key ? theme2.fontWeights.semibold : theme2.fontWeights.body
+                  fontWeight: filter === key ? theme.fontWeights.semibold : theme.fontWeights.body
                 },
                 children: label
               },
@@ -2673,12 +2481,12 @@ const RecentRepositoriesPanelContent = ({
               alignItems: "center",
               justifyContent: "center",
               padding: "32px",
-              color: theme2.colors.textSecondary
+              color: theme.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" })
+              /* @__PURE__ */ jsx(Github, { size: 48, color: theme.colors.border, style: { marginBottom: 16 } }),
+              /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: `${theme.fontSizes[2]}px` }, children: items.length === 0 ? "No recent activity" : "No items match filter" }),
+              /* @__PURE__ */ jsx("p", { style: { margin: "8px 0 0", fontSize: `${theme.fontSizes[1]}px` }, children: items.length === 0 ? "Repositories and owners you visit will appear here" : "Try a different filter" })
             ]
           }
         ),
@@ -2708,8 +2516,8 @@ const RecentRepositoriesPanelContent = ({
                       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,
+                      border: isSelected ? `2px solid ${theme.colors.primary}` : `1px solid ${theme.colors.border}`,
+                      backgroundColor: isSelected ? `${theme.colors.primary}10` : theme.colors.surface,
                       cursor: "pointer",
                       textAlign: "left",
                       display: "flex",
@@ -2730,9 +2538,9 @@ const RecentRepositoriesPanelContent = ({
                             padding: "4px",
                             borderRadius: "4px",
                             border: "none",
-                            background: theme2.colors.backgroundSecondary,
+                            background: theme.colors.backgroundSecondary,
                             cursor: "pointer",
-                            color: theme2.colors.textSecondary,
+                            color: theme.colors.textSecondary,
                             display: "flex",
                             alignItems: "center",
                             justifyContent: "center"
@@ -2742,7 +2550,7 @@ const RecentRepositoriesPanelContent = ({
                         }
                       ),
                       /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-                        /* @__PURE__ */ jsx(BookOpen, { size: 16, color: theme2.colors.textSecondary }),
+                        /* @__PURE__ */ jsx(BookOpen, { size: 16, color: theme.colors.textSecondary }),
                         item.owner.avatar_url && /* @__PURE__ */ jsx(
                           "img",
                           {
@@ -2752,7 +2560,7 @@ const RecentRepositoriesPanelContent = ({
                               width: 24,
                               height: 24,
                               borderRadius: "50%",
-                              border: `1px solid ${theme2.colors.border}`
+                              border: `1px solid ${theme.colors.border}`
                             }
                           }
                         ),
@@ -2761,8 +2569,8 @@ const RecentRepositoriesPanelContent = ({
                             "span",
                             {
                               style: {
-                                fontSize: `${theme2.fontSizes[1]}px`,
-                                color: theme2.colors.textSecondary
+                                fontSize: `${theme.fontSizes[1]}px`,
+                                color: theme.colors.textSecondary
                               },
                               children: item.owner.login
                             }
@@ -2771,9 +2579,9 @@ const RecentRepositoriesPanelContent = ({
                             "span",
                             {
                               style: {
-                                fontSize: `${theme2.fontSizes[2]}px`,
-                                fontWeight: theme2.fontWeights.semibold,
-                                color: theme2.colors.primary
+                                fontSize: `${theme.fontSizes[2]}px`,
+                                fontWeight: theme.fontWeights.semibold,
+                                color: theme.colors.primary
                               },
                               children: item.name
                             }
@@ -2785,8 +2593,8 @@ const RecentRepositoriesPanelContent = ({
                         {
                           style: {
                             margin: 0,
-                            fontSize: `${theme2.fontSizes[1]}px`,
-                            color: theme2.colors.textSecondary,
+                            fontSize: `${theme.fontSizes[1]}px`,
+                            color: theme.colors.textSecondary,
                             overflow: "hidden",
                             textOverflow: "ellipsis",
                             display: "-webkit-box",
@@ -2803,8 +2611,8 @@ const RecentRepositoriesPanelContent = ({
                             display: "flex",
                             alignItems: "center",
                             gap: "16px",
-                            fontSize: `${theme2.fontSizes[1]}px`,
-                            color: theme2.colors.textSecondary
+                            fontSize: `${theme.fontSizes[1]}px`,
+                            color: theme.colors.textSecondary
                           },
                           children: [
                             item.language && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
@@ -2815,7 +2623,7 @@ const RecentRepositoriesPanelContent = ({
                                     width: 10,
                                     height: 10,
                                     borderRadius: "50%",
-                                    backgroundColor: theme2.colors.info
+                                    backgroundColor: theme.colors.info
                                   }
                                 }
                               ),
@@ -2842,7 +2650,7 @@ const RecentRepositoriesPanelContent = ({
                                 onClick: (e) => e.stopPropagation(),
                                 style: {
                                   marginLeft: "auto",
-                                  color: theme2.colors.textSecondary,
+                                  color: theme.colors.textSecondary,
                                   display: "flex",
                                   alignItems: "center"
                                 },
@@ -2870,8 +2678,8 @@ const RecentRepositoriesPanelContent = ({
                     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,
+                    border: isSelected ? `2px solid ${theme.colors.primary}` : `1px solid ${theme.colors.border}`,
+                    backgroundColor: isSelected ? `${theme.colors.primary}10` : theme.colors.surface,
                     cursor: "pointer",
                     textAlign: "left",
                     display: "flex",
@@ -2892,9 +2700,9 @@ const RecentRepositoriesPanelContent = ({
                           padding: "4px",
                           borderRadius: "4px",
                           border: "none",
-                          background: theme2.colors.backgroundSecondary,
+                          background: theme.colors.backgroundSecondary,
                           cursor: "pointer",
-                          color: theme2.colors.textSecondary,
+                          color: theme.colors.textSecondary,
                           display: "flex",
                           alignItems: "center",
                           justifyContent: "center"
@@ -2904,7 +2712,7 @@ const RecentRepositoriesPanelContent = ({
                       }
                     ),
                     /* @__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.ownerType === "Organization" ? /* @__PURE__ */ jsx(Building2, { size: 16, color: theme.colors.textSecondary }) : /* @__PURE__ */ jsx(User, { size: 16, color: theme.colors.textSecondary }),
                       item.avatar_url && /* @__PURE__ */ jsx(
                         "img",
                         {
@@ -2914,7 +2722,7 @@ const RecentRepositoriesPanelContent = ({
                             width: 32,
                             height: 32,
                             borderRadius: item.ownerType === "Organization" ? 8 : "50%",
-                            border: `1px solid ${theme2.colors.border}`
+                            border: `1px solid ${theme.colors.border}`
                           }
                         }
                       ),
@@ -2923,9 +2731,9 @@ const RecentRepositoriesPanelContent = ({
                           "span",
                           {
                             style: {
-                              fontSize: `${theme2.fontSizes[2]}px`,
-                              fontWeight: theme2.fontWeights.semibold,
-                              color: theme2.colors.primary
+                              fontSize: `${theme.fontSizes[2]}px`,
+                              fontWeight: theme.fontWeights.semibold,
+                              color: theme.colors.primary
                             },
                             children: item.name || item.login
                           }
@@ -2934,8 +2742,8 @@ const RecentRepositoriesPanelContent = ({
                           "span",
                           {
                             style: {
-                              fontSize: `${theme2.fontSizes[1]}px`,
-                              color: theme2.colors.textSecondary
+                              fontSize: `${theme.fontSizes[1]}px`,
+                              color: theme.colors.textSecondary
                             },
                             children: [
                               "@",
@@ -2950,8 +2758,8 @@ const RecentRepositoriesPanelContent = ({
                       {
                         style: {
                           margin: 0,
-                          fontSize: `${theme2.fontSizes[1]}px`,
-                          color: theme2.colors.textSecondary,
+                          fontSize: `${theme.fontSizes[1]}px`,
+                          color: theme.colors.textSecondary,
                           overflow: "hidden",
                           textOverflow: "ellipsis",
                           display: "-webkit-box",
@@ -2968,8 +2776,8 @@ const RecentRepositoriesPanelContent = ({
                           display: "flex",
                           alignItems: "center",
                           gap: "16px",
-                          fontSize: `${theme2.fontSizes[1]}px`,
-                          color: theme2.colors.textSecondary
+                          fontSize: `${theme.fontSizes[1]}px`,
+                          color: theme.colors.textSecondary
                         },
                         children: [
                           item.public_repos !== void 0 && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
@@ -2995,7 +2803,7 @@ const RecentRepositoriesPanelContent = ({
                               onClick: (e) => e.stopPropagation(),
                               style: {
                                 marginLeft: "auto",
-                                color: theme2.colors.textSecondary,
+                                color: theme.colors.textSecondary,
                                 display: "flex",
                                 alignItems: "center"
                               },
@@ -3017,7 +2825,7 @@ const RecentRepositoriesPanelContent = ({
   );
 };
 const RecentRepositoriesPanel = (props) => {
-  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(RecentRepositoriesPanelContent, { ...props }) });
+  return /* @__PURE__ */ jsx(RecentRepositoriesPanelContent, { ...props });
 };
 const RecentRepositoriesPanelMetadata = {
   id: "recent-repositories",
@@ -3191,14 +2999,14 @@ function parseGitHubInput(input) {
   }
   return null;
 }
-const FeatureCard = ({ icon, title, description, theme: theme2 }) => /* @__PURE__ */ jsxs(
+const FeatureCard = ({ icon, title, description, theme }) => /* @__PURE__ */ jsxs(
   "div",
   {
     style: {
       padding: "24px",
       borderRadius: "12px",
-      backgroundColor: theme2.colors.surface,
-      border: `1px solid ${theme2.colors.border}`,
+      backgroundColor: theme.colors.surface,
+      border: `1px solid ${theme.colors.border}`,
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
@@ -3215,11 +3023,11 @@ const FeatureCard = ({ icon, title, description, theme: theme2 }) => /* @__PURE_
             width: 48,
             height: 48,
             borderRadius: "10px",
-            backgroundColor: `${theme2.colors.primary}15`,
+            backgroundColor: `${theme.colors.primary}15`,
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
-            color: theme2.colors.primary
+            color: theme.colors.primary
           },
           children: icon
         }
@@ -3229,9 +3037,9 @@ const FeatureCard = ({ icon, title, description, theme: theme2 }) => /* @__PURE_
         {
           style: {
             margin: 0,
-            fontSize: `${theme2.fontSizes[3]}px`,
-            fontWeight: theme2.fontWeights.semibold,
-            color: theme2.colors.text
+            fontSize: `${theme.fontSizes[3]}px`,
+            fontWeight: theme.fontWeights.semibold,
+            color: theme.colors.text
           },
           children: title
         }
@@ -3241,8 +3049,8 @@ const FeatureCard = ({ icon, title, description, theme: theme2 }) => /* @__PURE_
         {
           style: {
             margin: 0,
-            fontSize: `${theme2.fontSizes[2]}px`,
-            color: theme2.colors.textSecondary,
+            fontSize: `${theme.fontSizes[2]}px`,
+            color: theme.colors.textSecondary,
             lineHeight: 1.5
           },
           children: description
@@ -3251,10 +3059,15 @@ const FeatureCard = ({ icon, title, description, theme: theme2 }) => /* @__PURE_
     ]
   }
 );
-const WelcomePanelContent = ({
-  onNavigate
+const defaultHighlightedProjects = [
+  { owner: "facebook", repo: "react" },
+  { owner: "vercel", repo: "next.js" }
+];
+const WelcomePanel = ({
+  onNavigate,
+  highlightedProjects = defaultHighlightedProjects
 }) => {
-  const { theme: theme2 } = useTheme();
+  const { theme } = useTheme();
   const [repoInput, setRepoInput] = useState("");
   const [error, setError] = useState(null);
   const handleSubmit = useCallback((e) => {
@@ -3271,6 +3084,13 @@ const WelcomePanelContent = ({
       window.location.href = `/${parsed.owner}/${parsed.repo}`;
     }
   }, [repoInput, onNavigate]);
+  const handleProjectClick = useCallback((project) => {
+    if (onNavigate) {
+      onNavigate(project.owner, project.repo);
+    } else {
+      window.location.href = `/${project.owner}/${project.repo}`;
+    }
+  }, [onNavigate]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -3278,9 +3098,9 @@ const WelcomePanelContent = ({
         height: "100%",
         display: "flex",
         flexDirection: "column",
-        backgroundColor: theme2.colors.background,
-        color: theme2.colors.text,
-        fontFamily: theme2.fonts.body,
+        backgroundColor: theme.colors.background,
+        color: theme.colors.text,
+        fontFamily: theme.fonts.body,
         overflowY: "auto"
       },
       children: [
@@ -3293,7 +3113,7 @@ const WelcomePanelContent = ({
               flexDirection: "column",
               alignItems: "center",
               textAlign: "center",
-              borderBottom: `1px solid ${theme2.colors.border}`
+              borderBottom: `1px solid ${theme.colors.border}`
             },
             children: [
               /* @__PURE__ */ jsxs(
@@ -3311,16 +3131,16 @@ const WelcomePanelContent = ({
                       {
                         width: 56,
                         height: 56,
-                        color: theme2.colors.primary
+                        color: theme.colors.primary
                       }
                     ),
                     /* @__PURE__ */ jsx(
                       "span",
                       {
                         style: {
-                          fontSize: `${theme2.fontSizes[6] || 32}px`,
-                          fontWeight: theme2.fontWeights.bold,
-                          color: theme2.colors.text
+                          fontSize: `${theme.fontSizes[6] || 32}px`,
+                          fontWeight: theme.fontWeights.bold,
+                          color: theme.colors.text
                         },
                         children: "Principal AI"
                       }
@@ -3330,7 +3150,7 @@ const WelcomePanelContent = ({
                       {
                         width: 56,
                         height: 56,
-                        color: theme2.colors.primary
+                        color: theme.colors.primary
                       }
                     )
                   ]
@@ -3341,9 +3161,9 @@ const WelcomePanelContent = ({
                 {
                   style: {
                     margin: "0 0 32px",
-                    fontSize: `${theme2.fontSizes[6] || 32}px`,
-                    fontWeight: theme2.fontWeights.bold,
-                    color: theme2.colors.text
+                    fontSize: `${theme.fontSizes[6] || 32}px`,
+                    fontWeight: theme.fontWeights.bold,
+                    color: theme.colors.text
                   },
                   children: "Explore software like never before"
                 }
@@ -3365,8 +3185,8 @@ const WelcomePanelContent = ({
                           gap: "8px",
                           padding: "6px",
                           borderRadius: "12px",
-                          backgroundColor: theme2.colors.surface,
-                          border: `2px solid ${error ? theme2.colors.error : theme2.colors.border}`
+                          backgroundColor: theme.colors.surface,
+                          border: `2px solid ${error ? theme.colors.error : theme.colors.border}`
                         },
                         children: [
                           /* @__PURE__ */ jsx(
@@ -3376,7 +3196,7 @@ const WelcomePanelContent = ({
                                 display: "flex",
                                 alignItems: "center",
                                 paddingLeft: "12px",
-                                color: theme2.colors.textSecondary
+                                color: theme.colors.textSecondary
                               },
                               children: /* @__PURE__ */ jsx(Github, { size: 20 })
                             }
@@ -3396,8 +3216,8 @@ const WelcomePanelContent = ({
                                 padding: "12px 8px",
                                 border: "none",
                                 background: "transparent",
-                                color: theme2.colors.text,
-                                fontSize: `${theme2.fontSizes[2]}px`,
+                                color: theme.colors.text,
+                                fontSize: `${theme.fontSizes[2]}px`,
                                 outline: "none"
                               }
                             }
@@ -3410,10 +3230,10 @@ const WelcomePanelContent = ({
                                 padding: "12px 20px",
                                 borderRadius: "8px",
                                 border: "none",
-                                backgroundColor: theme2.colors.primary,
+                                backgroundColor: theme.colors.primary,
                                 color: "#fff",
-                                fontSize: `${theme2.fontSizes[2]}px`,
-                                fontWeight: theme2.fontWeights.semibold,
+                                fontSize: `${theme.fontSizes[2]}px`,
+                                fontWeight: theme.fontWeights.semibold,
                                 cursor: "pointer",
                                 display: "flex",
                                 alignItems: "center",
@@ -3433,8 +3253,8 @@ const WelcomePanelContent = ({
                       {
                         style: {
                           margin: "8px 0 0",
-                          fontSize: `${theme2.fontSizes[1]}px`,
-                          color: theme2.colors.error
+                          fontSize: `${theme.fontSizes[1]}px`,
+                          color: theme.colors.error
                         },
                         children: error
                       }
@@ -3465,13 +3285,22 @@ const WelcomePanelContent = ({
                   maxWidth: "900px"
                 },
                 children: [
+                  /* @__PURE__ */ jsx(
+                    FeatureCard,
+                    {
+                      icon: /* @__PURE__ */ jsx(BookOpen, { size: 24 }),
+                      title: "Reliable Documentation",
+                      description: "Always up-to-date documentation generated directly from your codebase, never out of sync.",
+                      theme
+                    }
+                  ),
                   /* @__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
+                      theme
                     }
                   ),
                   /* @__PURE__ */ jsx(
@@ -3480,16 +3309,7 @@ const WelcomePanelContent = ({
                       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(BookOpen, { size: 24 }),
-                      title: "Reliable Documentation",
-                      description: "Always up-to-date documentation generated directly from your codebase, never out of sync.",
-                      theme: theme2
+                      theme
                     }
                   )
                 ]
@@ -3497,7 +3317,7 @@ const WelcomePanelContent = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx(
+        highlightedProjects.length > 0 && /* @__PURE__ */ jsx(
           "div",
           {
             style: {
@@ -3510,61 +3330,32 @@ const WelcomePanelContent = ({
               {
                 style: {
                   margin: 0,
-                  fontSize: `${theme2.fontSizes[1]}px`,
-                  color: theme2.colors.textSecondary
+                  fontSize: `${theme.fontSizes[1]}px`,
+                  color: theme.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"
-                    }
-                  )
+                  highlightedProjects.map((project, index) => /* @__PURE__ */ jsxs(React2.Fragment, { children: [
+                    index > 0 && (index === highlightedProjects.length - 1 ? " or " : ", "),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: () => handleProjectClick(project),
+                        style: {
+                          background: "none",
+                          border: "none",
+                          color: theme.colors.primary,
+                          cursor: "pointer",
+                          padding: 0,
+                          fontSize: "inherit",
+                          fontWeight: theme.fontWeights.medium,
+                          textDecoration: "underline"
+                        },
+                        children: project.label || `${project.owner}/${project.repo}`
+                      }
+                    )
+                  ] }, `${project.owner}/${project.repo}`))
                 ]
               }
             )
@@ -3574,9 +3365,6 @@ const WelcomePanelContent = ({
     }
   );
 };
-const WelcomePanel = (props) => {
-  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(WelcomePanelContent, { ...props }) });
-};
 const WelcomePanelMetadata = {
   id: "welcome",
   name: "Welcome",