@industry-theme/github-panels 0.1.0

package/dist/panels.bundle.js

@@ -0,0 +1,1546 @@
+import React2, { createContext, useState, useEffect, useContext, forwardRef, createElement, useRef, useCallback, useMemo } from "react";
+var jsxDevRuntime = { exports: {} };
+var reactJsxDevRuntime_production = {};
+/**
+ * @license React
+ * react-jsx-dev-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var hasRequiredReactJsxDevRuntime_production;
+function requireReactJsxDevRuntime_production() {
+  if (hasRequiredReactJsxDevRuntime_production) return reactJsxDevRuntime_production;
+  hasRequiredReactJsxDevRuntime_production = 1;
+  var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+  reactJsxDevRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
+  reactJsxDevRuntime_production.jsxDEV = void 0;
+  return reactJsxDevRuntime_production;
+}
+var hasRequiredJsxDevRuntime;
+function requireJsxDevRuntime() {
+  if (hasRequiredJsxDevRuntime) return jsxDevRuntime.exports;
+  hasRequiredJsxDevRuntime = 1;
+  {
+    jsxDevRuntime.exports = requireReactJsxDevRuntime_production();
+  }
+  return jsxDevRuntime.exports;
+}
+var jsxDevRuntimeExports = requireJsxDevRuntime();
+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]
+  };
+}
+var ThemeContext;
+var getThemeContext = () => {
+  if (typeof window !== "undefined") {
+    const globalWindow = window;
+    if (!globalWindow.__principlemd_theme_context__) {
+      globalWindow.__principlemd_theme_context__ = createContext(void 0);
+    }
+    return globalWindow.__principlemd_theme_context__;
+  } else {
+    if (!ThemeContext) {
+      ThemeContext = createContext(void 0);
+    }
+    return ThemeContext;
+  }
+};
+var ThemeContextSingleton = getThemeContext();
+var useTheme = () => {
+  const context = useContext(ThemeContextSingleton);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  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
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const toCamelCase = (string) => string.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+);
+const toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+const mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+const hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+};
+/**
+ * @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.
+ */
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @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 Icon = forwardRef(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => createElement(
+    "svg",
+    {
+      ref,
+      ...defaultAttributes,
+      width: size,
+      height: size,
+      stroke: color,
+      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+      className: mergeClasses("lucide", className),
+      ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+      ...rest
+    },
+    [
+      ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
+      ...Array.isArray(children) ? children : [children]
+    ]
+  )
+);
+/**
+ * @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 createLucideIcon = (iconName, iconNode) => {
+  const Component = forwardRef(
+    ({ className, ...props }, ref) => createElement(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(
+        `lucide-${toKebabCase(toPascalCase(iconName))}`,
+        `lucide-${iconName}`,
+        className
+      ),
+      ...props
+    })
+  );
+  Component.displayName = toPascalCase(iconName);
+  return Component;
+};
+/**
+ * @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$b = [
+  ["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" }],
+  [
+    "path",
+    {
+      d: "M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2",
+      key: "secmi2"
+    }
+  ],
+  ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
+];
+const Building2 = createLucideIcon("building-2", __iconNode$b);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$a = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$a);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$9 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$9);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$8 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+];
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$8);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$7 = [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+];
+const ExternalLink = createLucideIcon("external-link", __iconNode$7);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$6 = [
+  [
+    "path",
+    {
+      d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
+      key: "1kt360"
+    }
+  ]
+];
+const Folder = createLucideIcon("folder", __iconNode$6);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$5 = [
+  ["circle", { cx: "12", cy: "18", r: "3", key: "1mpf1b" }],
+  ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
+  ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
+  ["path", { d: "M18 9v2c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9", key: "1uq4wg" }],
+  ["path", { d: "M12 12v3", key: "158kv8" }]
+];
+const GitFork = createLucideIcon("git-fork", __iconNode$5);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$4 = [
+  [
+    "path",
+    {
+      d: "M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4",
+      key: "tonef"
+    }
+  ],
+  ["path", { d: "M9 18c-4.51 2-5-2-7-2", key: "9comsn" }]
+];
+const Github = createLucideIcon("github", __iconNode$4);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$3 = [
+  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
+  ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
+];
+const Lock = createLucideIcon("lock", __iconNode$3);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$2 = [
+  ["path", { d: "m10 17 5-5-5-5", key: "1bsop3" }],
+  ["path", { d: "M15 12H3", key: "6jk70r" }],
+  ["path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4", key: "u53s6r" }]
+];
+const LogIn = createLucideIcon("log-in", __iconNode$2);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$1 = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+];
+const Search = createLucideIcon("search", __iconNode$1);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode = [
+  [
+    "path",
+    {
+      d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
+      key: "r04s7s"
+    }
+  ]
+];
+const Star = createLucideIcon("star", __iconNode);
+function getLanguageColor(language) {
+  const colors = {
+    TypeScript: "#3178c6",
+    JavaScript: "#f7df1e",
+    Python: "#3776ab",
+    Java: "#b07219",
+    Go: "#00add8",
+    Rust: "#dea584",
+    Ruby: "#cc342d",
+    PHP: "#777bb4",
+    "C++": "#00599c",
+    C: "#555555",
+    "C#": "#239120",
+    Swift: "#fa7343",
+    Kotlin: "#7f52ff",
+    Dart: "#0175c2",
+    Vue: "#4fc08d",
+    HTML: "#e34c26",
+    CSS: "#1572b6",
+    Shell: "#89e051",
+    PowerShell: "#012456"
+  };
+  return colors[language] || "#6e7681";
+}
+function formatCount(count) {
+  if (count >= 1e6) {
+    return `${(count / 1e6).toFixed(1)}m`;
+  }
+  if (count >= 1e3) {
+    return `${(count / 1e3).toFixed(1)}k`;
+  }
+  return count.toString();
+}
+const GitHubProjectCard = ({
+  repository,
+  isSelected = false,
+  onSelect,
+  onOpenInGitHub
+}) => {
+  var _a;
+  const { theme: theme2 } = useTheme();
+  const [isHovered, setIsHovered] = useState(false);
+  const highlightColor = theme2.colors.primary;
+  const handleCardClick = () => {
+    onSelect == null ? void 0 : onSelect(repository);
+  };
+  const handleOpenInGitHub = (e) => {
+    e.stopPropagation();
+    if (onOpenInGitHub) {
+      onOpenInGitHub(repository);
+    } else {
+      window.open(repository.html_url, "_blank");
+    }
+  };
+  const starCount = repository.stargazers_count ?? 0;
+  const forkCount = repository.forks_count ?? 0;
+  return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "12px",
+        padding: "10px 12px",
+        borderRadius: "6px",
+        backgroundColor: isSelected ? `${highlightColor}15` : isHovered ? theme2.colors.backgroundTertiary || theme2.colors.backgroundSecondary : "transparent",
+        border: isSelected ? `1px solid ${highlightColor}40` : "1px solid transparent",
+        cursor: "pointer",
+        transition: "all 0.15s ease"
+      },
+      onClick: handleCardClick,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      children: [
+        repository.owner.avatar_url ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+          "img",
+          {
+            src: repository.owner.avatar_url,
+            alt: repository.owner.login,
+            style: {
+              width: "32px",
+              height: "32px",
+              borderRadius: "50%",
+              flexShrink: 0
+            }
+          },
+          void 0,
+          false,
+          {
+            fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+            lineNumber: 127,
+            columnNumber: 9
+          },
+          void 0
+        ) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+          "div",
+          {
+            style: {
+              width: "32px",
+              height: "32px",
+              borderRadius: "50%",
+              flexShrink: 0,
+              backgroundColor: theme2.colors.backgroundTertiary || theme2.colors.backgroundSecondary,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontSize: `${theme2.fontSizes[1]}px`,
+              fontWeight: theme2.fontWeights.semibold,
+              color: theme2.colors.textSecondary
+            },
+            children: ((_a = repository.owner.login[0]) == null ? void 0 : _a.toUpperCase()) || "?"
+          },
+          void 0,
+          false,
+          {
+            fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+            lineNumber: 138,
+            columnNumber: 9
+          },
+          void 0
+        ),
+        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+          "div",
+          {
+            style: {
+              flex: 1,
+              minWidth: 0,
+              display: "flex",
+              flexDirection: "column",
+              gap: "4px"
+            },
+            children: [
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+                  "span",
+                  {
+                    style: {
+                      fontSize: `${theme2.fontSizes[2]}px`,
+                      fontWeight: theme2.fontWeights.medium,
+                      color: theme2.colors.text,
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap"
+                    },
+                    children: repository.name
+                  },
+                  void 0,
+                  false,
+                  {
+                    fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+                    lineNumber: 169,
+                    columnNumber: 11
+                  },
+                  void 0
+                ),
+                repository.private && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Lock, { size: 12, color: theme2.colors.warning || "#f59e0b" }, void 0, false, {
+                  fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+                  lineNumber: 182,
+                  columnNumber: 13
+                }, void 0),
+                repository.fork && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(GitFork, { size: 12, color: theme2.colors.textSecondary }, void 0, false, {
+                  fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+                  lineNumber: 185,
+                  columnNumber: 13
+                }, void 0)
+              ] }, void 0, true, {
+                fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+                lineNumber: 168,
+                columnNumber: 9
+              }, void 0),
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "12px",
+                    fontSize: `${theme2.fontSizes[0]}px`,
+                    color: theme2.colors.textSecondary,
+                    flexWrap: "wrap"
+                  },
+                  children: [
+                    repository.language && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+                        "span",
+                        {
+                          style: {
+                            display: "inline-block",
+                            width: "8px",
+                            height: "8px",
+                            borderRadius: "50%",
+                            backgroundColor: getLanguageColor(repository.language)
+                          }
+                        },
+                        void 0,
+                        false,
+                        {
+                          fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+                          lineNumber: 203,
+                          columnNumber: 15
+                        },
+                        void 0
+                      ),
+                      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: repository.language }, void 0, false, {
+                        fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+                        lineNumber: 212,
+                        columnNumber: 15
+                      }, void 0)
+                    ] }, void 0, true, {
+                      fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+                      lineNumber: 202,
+                      columnNumber: 13
+                    }, void 0),
+                    /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Star, { size: 12 }, void 0, false, {
+                        fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+                        lineNumber: 218,
+                        columnNumber: 13
+                      }, void 0),
+                      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: formatCount(starCount) }, void 0, false, {
+                        fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+                        lineNumber: 219,
+                        columnNumber: 13
+                      }, void 0)
+                    ] }, void 0, true, {
+                      fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+                      lineNumber: 217,
+                      columnNumber: 11
+                    }, void 0),
+                    forkCount > 0 && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(GitFork, { size: 12 }, void 0, false, {
+                        fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+                        lineNumber: 225,
+                        columnNumber: 15
+                      }, void 0),
+                      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: formatCount(forkCount) }, void 0, false, {
+                        fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+                        lineNumber: 226,
+                        columnNumber: 15
+                      }, void 0)
+                    ] }, void 0, true, {
+                      fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+                      lineNumber: 224,
+                      columnNumber: 13
+                    }, void 0)
+                  ]
+                },
+                void 0,
+                true,
+                {
+                  fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+                  lineNumber: 190,
+                  columnNumber: 9
+                },
+                void 0
+              ),
+              repository.description && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+                "div",
+                {
+                  style: {
+                    fontSize: `${theme2.fontSizes[0]}px`,
+                    color: theme2.colors.textSecondary,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap"
+                  },
+                  children: repository.description
+                },
+                void 0,
+                false,
+                {
+                  fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+                  lineNumber: 233,
+                  columnNumber: 11
+                },
+                void 0
+              )
+            ]
+          },
+          void 0,
+          true,
+          {
+            fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+            lineNumber: 158,
+            columnNumber: 7
+          },
+          void 0
+        ),
+        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+          "button",
+          {
+            type: "button",
+            onClick: handleOpenInGitHub,
+            title: "View on GitHub",
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              justifyContent: "center",
+              padding: "6px",
+              borderRadius: "4px",
+              border: `1px solid ${theme2.colors.border}`,
+              backgroundColor: theme2.colors.background,
+              color: theme2.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;
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.backgroundColor = theme2.colors.background;
+              e.currentTarget.style.color = theme2.colors.textSecondary;
+            },
+            children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ExternalLink, { size: 14 }, void 0, false, {
+              fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+              lineNumber: 275,
+              columnNumber: 9
+            }, void 0)
+          },
+          void 0,
+          false,
+          {
+            fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+            lineNumber: 248,
+            columnNumber: 7
+          },
+          void 0
+        )
+      ]
+    },
+    void 0,
+    true,
+    {
+      fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/components/GitHubProjectCard.tsx",
+      lineNumber: 103,
+      columnNumber: 5
+    },
+    void 0
+  );
+};
+const EXPANDED_BREAKPOINT = 600;
+const Section = ({
+  title,
+  icon,
+  count,
+  isExpanded,
+  onToggle,
+  children,
+  layoutMode
+}) => {
+  const { theme: theme2 } = useTheme();
+  const showContent = layoutMode === "expanded" || isExpanded;
+  return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+    "div",
+    {
+      style: {
+        marginBottom: layoutMode === "compact" ? "8px" : "0",
+        flex: layoutMode === "expanded" ? "1 1 0" : void 0,
+        minWidth: layoutMode === "expanded" ? "280px" : void 0,
+        display: "flex",
+        flexDirection: "column",
+        borderRight: layoutMode === "expanded" ? `1px solid ${theme2.colors.border}` : void 0,
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+          "button",
+          {
+            type: "button",
+            onClick: layoutMode === "compact" ? onToggle : void 0,
+            style: {
+              width: "100%",
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              padding: "10px 12px",
+              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
+            },
+            children: [
+              layoutMode === "compact" && (isExpanded ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ChevronDown, { size: 16 }, void 0, false, {
+                fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                lineNumber: 88,
+                columnNumber: 52
+              }, void 0) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ChevronRight, { size: 16 }, void 0, false, {
+                fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                lineNumber: 88,
+                columnNumber: 80
+              }, void 0)),
+              icon,
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: title }, void 0, false, {
+                fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                lineNumber: 90,
+                columnNumber: 9
+              }, void 0),
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+                "span",
+                {
+                  style: {
+                    marginLeft: "auto",
+                    fontSize: `${theme2.fontSizes[0]}px`,
+                    color: theme2.colors.textSecondary,
+                    backgroundColor: theme2.colors.backgroundTertiary || theme2.colors.backgroundSecondary,
+                    padding: "2px 8px",
+                    borderRadius: "10px"
+                  },
+                  children: count
+                },
+                void 0,
+                false,
+                {
+                  fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                  lineNumber: 91,
+                  columnNumber: 9
+                },
+                void 0
+              )
+            ]
+          },
+          void 0,
+          true,
+          {
+            fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+            lineNumber: 70,
+            columnNumber: 7
+          },
+          void 0
+        ),
+        showContent && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+          "div",
+          {
+            style: {
+              padding: "4px",
+              display: "flex",
+              flexDirection: "column",
+              gap: "0",
+              flex: layoutMode === "expanded" ? 1 : void 0,
+              overflowY: layoutMode === "expanded" ? "auto" : void 0
+            },
+            children
+          },
+          void 0,
+          false,
+          {
+            fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+            lineNumber: 105,
+            columnNumber: 9
+          },
+          void 0
+        )
+      ]
+    },
+    void 0,
+    true,
+    {
+      fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+      lineNumber: 59,
+      columnNumber: 5
+    },
+    void 0
+  );
+};
+const GitHubProjectsPanelContent = ({
+  context,
+  events
+}) => {
+  const { theme: theme2 } = useTheme();
+  const containerRef = useRef(null);
+  const [layoutMode, setLayoutMode] = useState("compact");
+  const [searchQuery, setSearchQuery] = useState("");
+  const [selectedRepoId, setSelectedRepoId] = useState(null);
+  const [expandedSections, setExpandedSections] = useState(
+    /* @__PURE__ */ new Set(["owned", "starred"])
+  );
+  const githubSlice = context.getSlice("github-repositories");
+  const isLoading = context.isSliceLoading("github-repositories");
+  const hasData = context.hasSlice("github-repositories");
+  const data = githubSlice == null ? void 0 : githubSlice.data;
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const observer = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const width = entry.contentRect.width;
+        setLayoutMode(width >= EXPANDED_BREAKPOINT ? "expanded" : "compact");
+      }
+    });
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, []);
+  const filterRepos = useCallback((repos) => {
+    if (!searchQuery) return repos;
+    const query = searchQuery.toLowerCase();
+    return repos.filter(
+      (repo) => {
+        var _a, _b;
+        return repo.name.toLowerCase().includes(query) || repo.full_name.toLowerCase().includes(query) || ((_a = repo.description) == null ? void 0 : _a.toLowerCase().includes(query)) || ((_b = repo.language) == null ? void 0 : _b.toLowerCase().includes(query));
+      }
+    );
+  }, [searchQuery]);
+  const filteredOwned = useMemo(() => filterRepos((data == null ? void 0 : data.owned) || []), [data == null ? void 0 : data.owned, filterRepos]);
+  const filteredStarred = useMemo(() => filterRepos((data == null ? void 0 : data.starred) || []), [data == null ? void 0 : data.starred, filterRepos]);
+  const filteredOrgs = useMemo(() => {
+    if (!(data == null ? void 0 : data.organizations)) return [];
+    return data.organizations.map((org) => ({
+      ...org,
+      repositories: filterRepos(org.repositories)
+    })).filter((org) => org.repositories.length > 0 || !searchQuery);
+  }, [data == null ? void 0 : data.organizations, filterRepos, searchQuery]);
+  const toggleSection = (section) => {
+    setExpandedSections((prev) => {
+      const next = new Set(prev);
+      if (next.has(section)) {
+        next.delete(section);
+      } else {
+        next.add(section);
+      }
+      return next;
+    });
+  };
+  const handleSelectRepository = (repo) => {
+    setSelectedRepoId(repo.id);
+    events.emit({
+      type: "repository:selected",
+      source: "github-projects-panel",
+      timestamp: Date.now(),
+      payload: {
+        repository: repo,
+        source: "click"
+      }
+    });
+  };
+  const renderEmptyState = (message) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+    "div",
+    {
+      style: {
+        padding: "16px",
+        textAlign: "center",
+        color: theme2.colors.textSecondary,
+        fontSize: `${theme2.fontSizes[1]}px`,
+        gridColumn: layoutMode === "expanded" ? "1 / -1" : void 0
+      },
+      children: message
+    },
+    void 0,
+    false,
+    {
+      fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+      lineNumber: 214,
+      columnNumber: 5
+    },
+    void 0
+  );
+  const renderCards = (repos) => repos.map((repo) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+    GitHubProjectCard,
+    {
+      repository: repo,
+      isSelected: selectedRepoId === repo.id,
+      onSelect: handleSelectRepository
+    },
+    repo.id,
+    false,
+    {
+      fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+      lineNumber: 230,
+      columnNumber: 7
+    },
+    void 0
+  ));
+  if (hasData && data && !data.isAuthenticated) {
+    return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+      "div",
+      {
+        ref: containerRef,
+        style: {
+          height: "100%",
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: "16px",
+          padding: "24px",
+          color: theme2.colors.textSecondary
+        },
+        children: [
+          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(LogIn, { size: 48, color: theme2.colors.textSecondary }, void 0, false, {
+            fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+            lineNumber: 254,
+            columnNumber: 9
+          }, void 0),
+          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+            "h3",
+            {
+              style: {
+                margin: 0,
+                fontSize: `${theme2.fontSizes[3]}px`,
+                color: theme2.colors.text
+              },
+              children: "Sign in to GitHub"
+            },
+            void 0,
+            false,
+            {
+              fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+              lineNumber: 255,
+              columnNumber: 9
+            },
+            void 0
+          ),
+          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("p", { style: { margin: 0, textAlign: "center" }, children: "Connect your GitHub account to see your repositories" }, void 0, false, {
+            fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+            lineNumber: 264,
+            columnNumber: 9
+          }, void 0),
+          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+            "button",
+            {
+              type: "button",
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "8px",
+                padding: "10px 20px",
+                borderRadius: "6px",
+                border: "none",
+                backgroundColor: theme2.colors.primary,
+                color: theme2.colors.background,
+                fontSize: `${theme2.fontSizes[2]}px`,
+                fontWeight: theme2.fontWeights.medium,
+                cursor: "pointer"
+              },
+              children: [
+                /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Github, { size: 18 }, void 0, false, {
+                  fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                  lineNumber: 283,
+                  columnNumber: 11
+                }, void 0),
+                "Sign in with GitHub"
+              ]
+            },
+            void 0,
+            true,
+            {
+              fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+              lineNumber: 267,
+              columnNumber: 9
+            },
+            void 0
+          )
+        ]
+      },
+      void 0,
+      true,
+      {
+        fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+        lineNumber: 241,
+        columnNumber: 7
+      },
+      void 0
+    );
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+      "div",
+      {
+        ref: containerRef,
+        style: {
+          height: "100%",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          color: theme2.colors.textSecondary
+        },
+        children: "Loading repositories..."
+      },
+      void 0,
+      false,
+      {
+        fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+        lineNumber: 293,
+        columnNumber: 7
+      },
+      void 0
+    );
+  }
+  if (!hasData || !data) {
+    return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+      "div",
+      {
+        ref: containerRef,
+        style: {
+          height: "100%",
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: "12px",
+          padding: "24px",
+          color: theme2.colors.textSecondary
+        },
+        children: [
+          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(CircleAlert, { size: 48 }, void 0, false, {
+            fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+            lineNumber: 324,
+            columnNumber: 9
+          }, void 0),
+          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("p", { style: { margin: 0 }, children: "No GitHub data available" }, void 0, false, {
+            fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+            lineNumber: 325,
+            columnNumber: 9
+          }, void 0)
+        ]
+      },
+      void 0,
+      true,
+      {
+        fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+        lineNumber: 311,
+        columnNumber: 7
+      },
+      void 0
+    );
+  }
+  return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+    "div",
+    {
+      ref: containerRef,
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        backgroundColor: theme2.colors.background,
+        color: theme2.colors.text,
+        fontFamily: theme2.fonts.body
+      },
+      children: [
+        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+          "div",
+          {
+            style: {
+              padding: "12px 16px",
+              borderBottom: `1px solid ${theme2.colors.border}`,
+              display: "flex",
+              alignItems: "center",
+              gap: "12px",
+              flexWrap: "wrap"
+            },
+            children: [
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Github, { size: 20, color: theme2.colors.primary }, void 0, false, {
+                fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                lineNumber: 353,
+                columnNumber: 9
+              }, void 0),
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+                "h2",
+                {
+                  style: {
+                    margin: 0,
+                    fontSize: `${theme2.fontSizes[3]}px`,
+                    fontWeight: theme2.fontWeights.semibold
+                  },
+                  children: "GitHub Projects"
+                },
+                void 0,
+                false,
+                {
+                  fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                  lineNumber: 354,
+                  columnNumber: 9
+                },
+                void 0
+              ),
+              data.username && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+                "span",
+                {
+                  style: {
+                    fontSize: `${theme2.fontSizes[1]}px`,
+                    color: theme2.colors.textSecondary
+                  },
+                  children: [
+                    "@",
+                    data.username
+                  ]
+                },
+                void 0,
+                true,
+                {
+                  fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                  lineNumber: 364,
+                  columnNumber: 11
+                },
+                void 0
+              )
+            ]
+          },
+          void 0,
+          true,
+          {
+            fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+            lineNumber: 343,
+            columnNumber: 7
+          },
+          void 0
+        ),
+        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { padding: "12px 16px" }, children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              padding: "8px 12px",
+              borderRadius: "6px",
+              backgroundColor: theme2.colors.backgroundSecondary,
+              border: `1px solid ${theme2.colors.border}`
+            },
+            children: [
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Search, { size: 16, color: theme2.colors.textSecondary }, void 0, false, {
+                fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                lineNumber: 388,
+                columnNumber: 11
+              }, void 0),
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+                "input",
+                {
+                  type: "text",
+                  placeholder: "Search repositories...",
+                  value: searchQuery,
+                  onChange: (e) => setSearchQuery(e.target.value),
+                  style: {
+                    flex: 1,
+                    border: "none",
+                    background: "none",
+                    outline: "none",
+                    fontSize: `${theme2.fontSizes[2]}px`,
+                    color: theme2.colors.text
+                  }
+                },
+                void 0,
+                false,
+                {
+                  fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                  lineNumber: 389,
+                  columnNumber: 11
+                },
+                void 0
+              )
+            ]
+          },
+          void 0,
+          true,
+          {
+            fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+            lineNumber: 377,
+            columnNumber: 9
+          },
+          void 0
+        ) }, void 0, false, {
+          fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+          lineNumber: 376,
+          columnNumber: 7
+        }, void 0),
+        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+          "div",
+          {
+            style: {
+              flex: 1,
+              overflow: "hidden",
+              display: "flex",
+              flexDirection: layoutMode === "expanded" ? "row" : "column",
+              overflowY: layoutMode === "compact" ? "auto" : void 0,
+              overflowX: layoutMode === "expanded" ? "auto" : void 0
+            },
+            children: [
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+                Section,
+                {
+                  id: "owned",
+                  title: "Your Repositories",
+                  icon: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Folder, { size: 16, color: theme2.colors.primary }, void 0, false, {
+                    fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                    lineNumber: 421,
+                    columnNumber: 17
+                  }, void 0),
+                  count: filteredOwned.length,
+                  isExpanded: expandedSections.has("owned"),
+                  onToggle: () => toggleSection("owned"),
+                  layoutMode,
+                  children: filteredOwned.length === 0 ? renderEmptyState(searchQuery ? "No repositories match your search" : "No repositories found") : renderCards(filteredOwned)
+                },
+                void 0,
+                false,
+                {
+                  fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                  lineNumber: 418,
+                  columnNumber: 9
+                },
+                void 0
+              ),
+              filteredOrgs.map((org) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+                Section,
+                {
+                  id: `org-${org.id}`,
+                  title: org.login,
+                  icon: org.avatar_url ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+                    "img",
+                    {
+                      src: org.avatar_url,
+                      alt: org.login,
+                      style: { width: 16, height: 16, borderRadius: 4 }
+                    },
+                    void 0,
+                    false,
+                    {
+                      fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                      lineNumber: 440,
+                      columnNumber: 17
+                    },
+                    void 0
+                  ) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Building2, { size: 16, color: theme2.colors.info || "#3b82f6" }, void 0, false, {
+                    fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                    lineNumber: 446,
+                    columnNumber: 17
+                  }, void 0),
+                  count: org.repositories.length,
+                  isExpanded: expandedSections.has(`org-${org.id}`),
+                  onToggle: () => toggleSection(`org-${org.id}`),
+                  layoutMode,
+                  children: org.repositories.length === 0 ? renderEmptyState(searchQuery ? "No repositories match your search" : "No repositories") : renderCards(org.repositories)
+                },
+                org.id,
+                false,
+                {
+                  fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                  lineNumber: 434,
+                  columnNumber: 11
+                },
+                void 0
+              )),
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+                Section,
+                {
+                  id: "starred",
+                  title: "Starred",
+                  icon: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Star, { size: 16, color: theme2.colors.warning || "#f59e0b" }, void 0, false, {
+                    fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                    lineNumber: 464,
+                    columnNumber: 17
+                  }, void 0),
+                  count: filteredStarred.length,
+                  isExpanded: expandedSections.has("starred"),
+                  onToggle: () => toggleSection("starred"),
+                  layoutMode,
+                  children: filteredStarred.length === 0 ? renderEmptyState(searchQuery ? "No repositories match your search" : "No starred repositories") : renderCards(filteredStarred)
+                },
+                void 0,
+                false,
+                {
+                  fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+                  lineNumber: 461,
+                  columnNumber: 9
+                },
+                void 0
+              )
+            ]
+          },
+          void 0,
+          true,
+          {
+            fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+            lineNumber: 407,
+            columnNumber: 7
+          },
+          void 0
+        )
+      ]
+    },
+    void 0,
+    true,
+    {
+      fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+      lineNumber: 331,
+      columnNumber: 5
+    },
+    void 0
+  );
+};
+const GitHubProjectsPanel = (props) => {
+  return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ThemeProvider, { children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(GitHubProjectsPanelContent, { ...props }, void 0, false, {
+    fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+    lineNumber: 493,
+    columnNumber: 7
+  }, void 0) }, void 0, false, {
+    fileName: "/Users/griever/Developer/new-panels/industry-themed-github-panels/src/panels/GitHubProjectsPanel.tsx",
+    lineNumber: 492,
+    columnNumber: 5
+  }, void 0);
+};
+const GitHubProjectsPanelMetadata = {
+  id: "github-projects",
+  name: "GitHub Projects",
+  description: "Browse and manage your GitHub repositories",
+  icon: "github",
+  version: "0.1.0",
+  slices: ["github-repositories"],
+  surfaces: ["sidebar", "panel"]
+};
+const panels = [
+  {
+    metadata: GitHubProjectsPanelMetadata,
+    component: GitHubProjectsPanel,
+    onMount: async (context) => {
+      console.log("GitHub Projects Panel mounted");
+      const slice = context.getSlice("github-repositories");
+      if (slice && !slice.loading) {
+        await slice.refresh();
+      }
+    },
+    onUnmount: async (_context) => {
+      console.log("GitHub Projects Panel unmounting");
+    }
+  }
+];
+const onPackageLoad = async () => {
+  console.log("Panel package loaded - GitHub Panels Extension");
+};
+const onPackageUnload = async () => {
+  console.log("Panel package unloading - GitHub Panels Extension");
+};
+export {
+  GitHubProjectCard,
+  GitHubProjectsPanel,
+  onPackageLoad,
+  onPackageUnload,
+  panels
+};
+//# sourceMappingURL=panels.bundle.js.map