@industry-theme/github-panels 0.1.15 → 0.1.17

package/dist/panels.bundle.js

@@ -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
  *
@@ -320,31 +128,31 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$n = [
+const __iconNode$m = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$n);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$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$m = [
+const __iconNode$l = [
   ["path", { d: "m21 16-4 4-4-4", key: "f6ql7i" }],
   ["path", { d: "M17 20V4", key: "1ejh1v" }],
   ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
   ["path", { d: "M7 4v16", key: "1glfcx" }]
 ];
-const ArrowUpDown = createLucideIcon("arrow-up-down", __iconNode$m);
+const ArrowUpDown = createLucideIcon("arrow-up-down", __iconNode$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$l = [
+const __iconNode$k = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -354,14 +162,14 @@ const __iconNode$l = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$l);
+const BookOpen = createLucideIcon("book-open", __iconNode$k);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$k = [
+const __iconNode$j = [
   ["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" }],
@@ -374,55 +182,55 @@ const __iconNode$k = [
   ],
   ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$k);
+const Building2 = createLucideIcon("building-2", __iconNode$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$j = [
+const __iconNode$i = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
 ];
-const Calendar = createLucideIcon("calendar", __iconNode$j);
+const Calendar = createLucideIcon("calendar", __iconNode$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$i = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$i);
+const __iconNode$h = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __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$h = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$h);
+const __iconNode$g = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __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$g = [
+const __iconNode$f = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$g);
+const ExternalLink = createLucideIcon("external-link", __iconNode$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$f = [
+const __iconNode$e = [
   [
     "path",
     {
@@ -431,14 +239,14 @@ const __iconNode$f = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$f);
+const Folder = createLucideIcon("folder", __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$e = [
+const __iconNode$d = [
   [
     "path",
     {
@@ -447,20 +255,7 @@ const __iconNode$e = [
     }
   ]
 ];
-const Funnel = createLucideIcon("funnel", __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 = [
-  ["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$d);
+const Funnel = createLucideIcon("funnel", __iconNode$d);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -673,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);
   };
@@ -698,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"
@@ -727,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()) || "?"
           }
@@ -754,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"
@@ -764,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",
@@ -774,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: [
@@ -809,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"
@@ -833,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 })
           }
@@ -865,7 +660,7 @@ const Section = ({
   children,
   layoutMode
 }) => {
-  const { theme: theme2 } = useTheme();
+  const { theme } = useTheme();
   const showContent = layoutMode === "expanded" || isExpanded;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -876,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: [
@@ -894,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 })),
@@ -908,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"
                   },
@@ -942,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("");
@@ -1014,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
@@ -1043,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"
             }
@@ -1078,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: [
@@ -1104,7 +899,7 @@ const GitHubProjectsPanelContent = ({
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          color: theme2.colors.textSecondary
+          color: theme.colors.textSecondary
         },
         children: "Loading repositories..."
       }
@@ -1123,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"
             }
@@ -1158,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: [
@@ -1182,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(
@@ -1192,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"
                 }
@@ -1215,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: [
                     "@",
@@ -1236,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",
                 {
@@ -1253,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
                   }
                 }
               )
@@ -1278,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"),
@@ -1298,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}`),
@@ -1312,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"),
@@ -1328,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",
@@ -1340,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);
@@ -1422,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(
@@ -1432,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"
                 }
@@ -1462,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",
                 {
@@ -1480,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
                   }
                 }
               ),
@@ -1491,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"
                   }
@@ -1506,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),
@@ -1522,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
           }
@@ -1544,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 "',
@@ -1559,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" })
                   ]
                 }
@@ -1579,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",
@@ -1601,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
                           }
@@ -1612,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"
                           }
@@ -1627,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",
@@ -1645,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: [
@@ -1657,7 +1452,7 @@ const GitHubSearchPanelContent = ({ events }) => {
                                     width: 10,
                                     height: 10,
                                     borderRadius: "50%",
-                                    backgroundColor: theme2.colors.info
+                                    backgroundColor: theme.colors.info
                                   }
                                 }
                               ),
@@ -1680,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"
                                 },
@@ -1708,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",
@@ -1725,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);
@@ -1863,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(
@@ -1873,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"
@@ -1888,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}`
                   }
                 }
               ),
@@ -1899,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
                   }
@@ -1925,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: [
@@ -1948,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"
                 }
@@ -1978,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",
@@ -1986,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",
                   {
@@ -1995,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"
                     },
@@ -2010,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",
                   {
@@ -2019,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: [
@@ -2045,7 +1840,7 @@ const OwnerRepositoriesPanelContent = ({
               alignItems: "center",
               justifyContent: "center",
               gap: "16px",
-              color: theme2.colors.textSecondary
+              color: theme.colors.textSecondary
             },
             children: [
               /* @__PURE__ */ jsx(
@@ -2054,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"
                   }
@@ -2084,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
@@ -2099,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"
                 }
@@ -2120,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" })
             ]
           }
@@ -2147,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",
@@ -2162,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
                       }
@@ -2173,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"
                       }
@@ -2186,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"
                       }
@@ -2201,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",
@@ -2219,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: [
@@ -2231,7 +2026,7 @@ const OwnerRepositoriesPanelContent = ({
                                 width: 10,
                                 height: 10,
                                 borderRadius: "50%",
-                                backgroundColor: theme2.colors.info
+                                backgroundColor: theme.colors.info
                               }
                             }
                           ),
@@ -2258,7 +2053,7 @@ const OwnerRepositoriesPanelContent = ({
                             onClick: (e) => e.stopPropagation(),
                             style: {
                               marginLeft: "auto",
-                              color: theme2.colors.textSecondary,
+                              color: theme.colors.textSecondary,
                               display: "flex",
                               alignItems: "center"
                             },
@@ -2284,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",
@@ -2297,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"
@@ -2318,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",
@@ -2415,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);
@@ -2587,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(
@@ -2597,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"
                   }
@@ -2624,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"
@@ -2648,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"
             },
@@ -2664,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
               },
@@ -2686,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" })
             ]
           }
         ),
@@ -2721,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",
@@ -2743,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"
@@ -2755,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",
                           {
@@ -2765,7 +2560,7 @@ const RecentRepositoriesPanelContent = ({
                               width: 24,
                               height: 24,
                               borderRadius: "50%",
-                              border: `1px solid ${theme2.colors.border}`
+                              border: `1px solid ${theme.colors.border}`
                             }
                           }
                         ),
@@ -2774,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
                             }
@@ -2784,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
                             }
@@ -2798,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",
@@ -2816,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: [
@@ -2828,7 +2623,7 @@ const RecentRepositoriesPanelContent = ({
                                     width: 10,
                                     height: 10,
                                     borderRadius: "50%",
-                                    backgroundColor: theme2.colors.info
+                                    backgroundColor: theme.colors.info
                                   }
                                 }
                               ),
@@ -2855,7 +2650,7 @@ const RecentRepositoriesPanelContent = ({
                                 onClick: (e) => e.stopPropagation(),
                                 style: {
                                   marginLeft: "auto",
-                                  color: theme2.colors.textSecondary,
+                                  color: theme.colors.textSecondary,
                                   display: "flex",
                                   alignItems: "center"
                                 },
@@ -2883,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",
@@ -2905,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"
@@ -2917,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",
                         {
@@ -2927,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}`
                           }
                         }
                       ),
@@ -2936,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
                           }
@@ -2947,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: [
                               "@",
@@ -2963,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",
@@ -2981,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: [
@@ -3008,7 +2803,7 @@ const RecentRepositoriesPanelContent = ({
                               onClick: (e) => e.stopPropagation(),
                               style: {
                                 marginLeft: "auto",
-                                color: theme2.colors.textSecondary,
+                                color: theme.colors.textSecondary,
                                 display: "flex",
                                 alignItems: "center"
                               },
@@ -3030,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",
@@ -3204,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",
@@ -3228,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
         }
@@ -3242,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
         }
@@ -3254,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
@@ -3264,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) => {
@@ -3284,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",
     {
@@ -3291,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: [
@@ -3306,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(
@@ -3324,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"
                       }
@@ -3343,7 +3150,7 @@ const WelcomePanelContent = ({
                       {
                         width: 56,
                         height: 56,
-                        color: theme2.colors.primary
+                        color: theme.colors.primary
                       }
                     )
                   ]
@@ -3354,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"
                 }
@@ -3378,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(
@@ -3389,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 })
                             }
@@ -3409,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"
                               }
                             }
@@ -3423,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",
@@ -3446,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
                       }
@@ -3478,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(
@@ -3493,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(GitBranch, { size: 24 }),
-                      title: "Reliable Documentation",
-                      description: "Always up-to-date documentation generated directly from your codebase, never out of sync.",
-                      theme: theme2
+                      theme
                     }
                   )
                 ]
@@ -3510,7 +3317,7 @@ const WelcomePanelContent = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx(
+        highlightedProjects.length > 0 && /* @__PURE__ */ jsx(
           "div",
           {
             style: {
@@ -3523,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}`))
                 ]
               }
             )
@@ -3587,9 +3365,6 @@ const WelcomePanelContent = ({
     }
   );
 };
-const WelcomePanel = (props) => {
-  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(WelcomePanelContent, { ...props }) });
-};
 const WelcomePanelMetadata = {
   id: "welcome",
   name: "Welcome",