@industry-theme/alexandria-panels 0.1.0

package/dist/panels.bundle.js

@@ -0,0 +1,1282 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React2, { createContext, useState, useEffect, useContext, forwardRef, createElement, useMemo, useCallback } 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]
+  };
+}
+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$9 = [
+  ["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$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 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$8);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$7 = [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+];
+const Copy = createLucideIcon("copy", __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 = [
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }],
+  ["path", { d: "M3 7V5a2 2 0 0 1 2-2h2", key: "aa7l1z" }],
+  ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2", key: "4qcy5o" }],
+  ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2", key: "6vwrx8" }],
+  ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2", key: "ioqczr" }]
+];
+const Focus = createLucideIcon("focus", __iconNode$6);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$5 = [
+  [
+    "path",
+    {
+      d: "M9 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v5",
+      key: "1w6njk"
+    }
+  ],
+  ["circle", { cx: "13", cy: "12", r: "2", key: "1j92g6" }],
+  ["path", { d: "M18 19c-2.8 0-5-2.2-5-5v8", key: "pkpw2h" }],
+  ["circle", { cx: "20", cy: "19", r: "2", key: "1obnsp" }]
+];
+const FolderGit2 = createLucideIcon("folder-git-2", __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: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",
+      key: "usdka0"
+    }
+  ]
+];
+const FolderOpen = createLucideIcon("folder-open", __iconNode$4);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$3 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __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: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+];
+const Plus = createLucideIcon("plus", __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: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+const X = createLucideIcon("x", __iconNode);
+const RepositoryAvatar = ({
+  owner,
+  customAvatarUrl,
+  size = 32,
+  fallbackIcon
+}) => {
+  const { theme: theme2 } = useTheme();
+  const borderRadius = `${Math.min(8, size / 4)}px`;
+  const avatarUrl = customAvatarUrl || (owner ? `https://github.com/${owner}.png` : null);
+  const getContent = () => {
+    if (avatarUrl) {
+      return /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: avatarUrl,
+          alt: owner || "Repository",
+          style: {
+            width: "100%",
+            height: "100%",
+            objectFit: "cover"
+          },
+          onError: (e) => {
+            e.currentTarget.style.display = "none";
+          }
+        }
+      );
+    }
+    if (fallbackIcon) {
+      return fallbackIcon;
+    }
+    return null;
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        width: `${size}px`,
+        height: `${size}px`,
+        borderRadius,
+        backgroundColor: theme2.colors.backgroundTertiary,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        overflow: "hidden",
+        flexShrink: 0
+      },
+      children: getContent()
+    }
+  );
+};
+const LANGUAGE_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"
+};
+const getLanguageColor = (language) => {
+  return LANGUAGE_COLORS[language] || "#6e7681";
+};
+const LocalProjectCard = ({
+  entry,
+  actionMode = "default",
+  isSelected = false,
+  onSelect,
+  onOpen,
+  onRemove,
+  onAddToWorkspace,
+  isLoading = false,
+  windowState = "closed",
+  compact: _compact = false
+}) => {
+  var _a, _b, _c, _d;
+  const { theme: theme2 } = useTheme();
+  const [copiedPath, setCopiedPath] = useState(false);
+  const highlightColor = theme2.colors.primary;
+  const avatarUrl = ((_a = entry.github) == null ? void 0 : _a.owner) ? `https://github.com/${entry.github.owner}.png` : null;
+  const handleCardClick = () => {
+    onSelect == null ? void 0 : onSelect(entry);
+  };
+  const handleOpenClick = (e) => {
+    e.stopPropagation();
+    onOpen == null ? void 0 : onOpen(entry);
+  };
+  const handleRemoveClick = (e) => {
+    e.stopPropagation();
+    onRemove == null ? void 0 : onRemove(entry);
+  };
+  const handleAddToWorkspaceClick = (e) => {
+    e.stopPropagation();
+    onAddToWorkspace == null ? void 0 : onAddToWorkspace(entry);
+  };
+  const handleCopyPath = async (e) => {
+    e.stopPropagation();
+    try {
+      await navigator.clipboard.writeText(entry.path);
+      setCopiedPath(true);
+      setTimeout(() => setCopiedPath(false), 2e3);
+    } catch (err) {
+      console.error("Failed to copy path:", err);
+    }
+  };
+  const renderActionButtons = (isCompact = false) => {
+    const buttonFlex = isCompact ? 1 : void 0;
+    if (actionMode === "add-to-workspace") {
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: handleAddToWorkspaceClick,
+          disabled: isLoading,
+          title: "Add to workspace",
+          style: {
+            flex: buttonFlex,
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            padding: "6px 10px",
+            gap: "4px",
+            borderRadius: "4px",
+            border: `1px solid ${theme2.colors.primary || "#3b82f6"}`,
+            backgroundColor: `${theme2.colors.primary || "#3b82f6"}15`,
+            color: theme2.colors.primary || "#3b82f6",
+            fontSize: `${theme2.fontSizes[0]}px`,
+            fontWeight: theme2.fontWeights.medium,
+            cursor: isLoading ? "wait" : "pointer",
+            opacity: isLoading ? 0.6 : 1,
+            transition: "all 0.15s ease"
+          },
+          children: [
+            isLoading ? /* @__PURE__ */ jsx(LoaderCircle, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx(Plus, { size: 12 }),
+            isLoading ? "Adding..." : "Add"
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: handleOpenClick,
+          title: windowState === "ready" ? "Focus window" : windowState === "opening" ? "Window is opening..." : "Open locally",
+          disabled: windowState === "opening",
+          style: {
+            flex: buttonFlex,
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            padding: "6px 10px",
+            gap: "4px",
+            borderRadius: "4px",
+            border: `1px solid ${theme2.colors.success || "#10b981"}`,
+            backgroundColor: `${theme2.colors.success || "#10b981"}15`,
+            color: theme2.colors.success || "#10b981",
+            fontSize: `${theme2.fontSizes[0]}px`,
+            fontWeight: theme2.fontWeights.medium,
+            cursor: windowState === "opening" ? "wait" : "pointer",
+            opacity: windowState === "opening" ? 0.6 : 1,
+            transition: "all 0.15s ease"
+          },
+          children: [
+            windowState === "ready" ? /* @__PURE__ */ jsx(Focus, { size: 12 }) : windowState === "opening" ? /* @__PURE__ */ jsx(LoaderCircle, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx(FolderOpen, { size: 12 }),
+            windowState === "ready" ? "Focus" : windowState === "opening" ? "Opening..." : "Open"
+          ]
+        }
+      ),
+      actionMode === "default" && onRemove && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: handleRemoveClick,
+          disabled: isLoading,
+          title: "Remove from local projects",
+          style: {
+            flex: buttonFlex,
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            minWidth: isCompact ? void 0 : "28px",
+            height: "28px",
+            padding: isCompact ? "6px 10px" : 0,
+            gap: "4px",
+            borderRadius: "4px",
+            border: isCompact ? `1px solid ${theme2.colors.error || "#ef4444"}` : "none",
+            backgroundColor: isCompact ? `${theme2.colors.error || "#ef4444"}15` : "transparent",
+            color: isCompact ? theme2.colors.error || "#ef4444" : theme2.colors.textSecondary,
+            fontSize: `${theme2.fontSizes[0]}px`,
+            fontWeight: theme2.fontWeights.medium,
+            cursor: isLoading ? "wait" : "pointer",
+            opacity: isLoading ? 0.6 : 1,
+            transition: "all 0.15s ease"
+          },
+          children: [
+            isLoading ? /* @__PURE__ */ jsx(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx(X, { size: 14 }),
+            isCompact && (isLoading ? "Removing..." : "Remove")
+          ]
+        }
+      )
+    ] });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "local-project-card",
+      style: {
+        padding: "8px 12px",
+        borderRadius: "4px",
+        backgroundColor: isSelected ? `${highlightColor}15` : "transparent",
+        border: isSelected ? `1px solid ${highlightColor}40` : "1px solid transparent",
+        cursor: "pointer",
+        transition: "background-color 0.15s",
+        fontFamily: theme2.fonts.body
+      },
+      onClick: handleCardClick,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "local-project-card__content", children: [
+          /* @__PURE__ */ jsx(
+            RepositoryAvatar,
+            {
+              customAvatarUrl: avatarUrl,
+              size: 32,
+              fallbackIcon: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    color: theme2.colors.textSecondary,
+                    fontSize: `${theme2.fontSizes[0]}px`,
+                    fontWeight: theme2.fontWeights.semibold
+                  },
+                  children: ((_b = entry.name[0]) == null ? void 0 : _b.toUpperCase()) || "?"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "local-project-card__info", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  fontSize: `${theme2.fontSizes[2]}px`,
+                  fontWeight: theme2.fontWeights.medium,
+                  color: theme2.colors.text,
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap",
+                  textDecoration: "underline",
+                  textDecorationColor: ((_c = entry.github) == null ? void 0 : _c.primaryLanguage) ? getLanguageColor(entry.github.primaryLanguage) : theme2.colors.textSecondary,
+                  textUnderlineOffset: "3px"
+                },
+                children: entry.name
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "local-project-card__path",
+                onClick: handleCopyPath,
+                style: {
+                  fontSize: `${theme2.fontSizes[0]}px`,
+                  fontFamily: theme2.fonts.monospace,
+                  color: copiedPath ? theme2.colors.success || "#10b981" : theme2.colors.textTertiary || theme2.colors.textSecondary,
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap",
+                  cursor: "pointer",
+                  alignItems: "center",
+                  gap: "4px",
+                  transition: "color 0.15s ease"
+                },
+                title: copiedPath ? "Copied!" : `Click to copy: ${entry.path}`,
+                children: [
+                  copiedPath ? /* @__PURE__ */ jsx(Check, { size: 12 }) : /* @__PURE__ */ jsx(Copy, { size: 12 }),
+                  entry.path
+                ]
+              }
+            ),
+            ((_d = entry.github) == null ? void 0 : _d.description) && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "local-project-card__meta",
+                style: {
+                  alignItems: "center",
+                  gap: "12px",
+                  fontSize: `${theme2.fontSizes[0]}px`,
+                  color: theme2.colors.textSecondary
+                },
+                children: /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap"
+                    },
+                    children: entry.github.description
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "local-project-card__actions", children: renderActionButtons(false) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "local-project-card__actions--stacked", children: renderActionButtons(true) })
+      ]
+    }
+  );
+};
+const PANEL_ID$1 = "industry-theme.local-projects";
+const createPanelEvent = (type, payload) => ({
+  type,
+  source: PANEL_ID$1,
+  timestamp: Date.now(),
+  payload
+});
+const LocalProjectsPanelContent = ({
+  context,
+  actions,
+  events
+}) => {
+  var _a;
+  const { theme: theme2 } = useTheme();
+  const [filter, setFilter] = useState("");
+  const [isAdding, setIsAdding] = useState(false);
+  const [selectedEntry, setSelectedEntry] = useState(null);
+  const [windowStates, setWindowStates] = useState(/* @__PURE__ */ new Map());
+  const [sortByOrg, setSortByOrg] = useState(false);
+  const panelActions = actions;
+  const repoSlice = context.getSlice("alexandriaRepositories");
+  const repositories = useMemo(
+    () => {
+      var _a2;
+      return ((_a2 = repoSlice == null ? void 0 : repoSlice.data) == null ? void 0 : _a2.repositories) || [];
+    },
+    [(_a = repoSlice == null ? void 0 : repoSlice.data) == null ? void 0 : _a.repositories]
+  );
+  const loading = (repoSlice == null ? void 0 : repoSlice.loading) ?? false;
+  const handleOpenRepository = useCallback(
+    async (entry) => {
+      if (!panelActions.openRepository) {
+        console.warn("Open repository action not available");
+        return;
+      }
+      setWindowStates((prev) => new Map(prev).set(entry.path, "opening"));
+      try {
+        await panelActions.openRepository(entry);
+        setWindowStates((prev) => new Map(prev).set(entry.path, "ready"));
+        events.emit(createPanelEvent(`${PANEL_ID$1}:repository-opened`, { entry }));
+      } catch (error) {
+        console.error("Error opening repository:", error);
+        setWindowStates((prev) => new Map(prev).set(entry.path, "closed"));
+      }
+    },
+    [panelActions, events]
+  );
+  useEffect(() => {
+    const unsubscribers = [
+      // Filter event from tools
+      events.on(`${PANEL_ID$1}:filter`, (event) => {
+        var _a2;
+        if (((_a2 = event.payload) == null ? void 0 : _a2.filter) !== void 0) {
+          setFilter(event.payload.filter);
+        }
+      }),
+      // Select repository event from tools
+      events.on(`${PANEL_ID$1}:select-repository`, (event) => {
+        var _a2;
+        const identifier = (_a2 = event.payload) == null ? void 0 : _a2.identifier;
+        if (identifier) {
+          const entry = repositories.find(
+            (r) => r.name === identifier || r.path === identifier
+          );
+          if (entry) {
+            setSelectedEntry(entry);
+            events.emit(createPanelEvent(`${PANEL_ID$1}:repository-selected`, { entry }));
+          }
+        }
+      }),
+      // Open repository event from tools
+      events.on(`${PANEL_ID$1}:open-repository`, (event) => {
+        var _a2;
+        const identifier = (_a2 = event.payload) == null ? void 0 : _a2.identifier;
+        if (identifier) {
+          const entry = repositories.find(
+            (r) => r.name === identifier || r.path === identifier
+          );
+          if (entry) {
+            handleOpenRepository(entry);
+          }
+        }
+      })
+    ];
+    return () => unsubscribers.forEach((unsub) => unsub());
+  }, [events, repositories, handleOpenRepository]);
+  const handleAddProject = async () => {
+    if (!panelActions.selectDirectory || !panelActions.registerRepository) {
+      console.warn("Add project actions not available");
+      return;
+    }
+    try {
+      setIsAdding(true);
+      const result = await panelActions.selectDirectory();
+      if (!result) {
+        return;
+      }
+      await panelActions.registerRepository(result.name, result.path);
+      await context.refresh("repository", "alexandriaRepositories");
+    } catch (error) {
+      console.error("Failed to add project:", error);
+    } finally {
+      setIsAdding(false);
+    }
+  };
+  const handleRemoveRepository = async (entry) => {
+    if (!panelActions.removeRepository) {
+      console.warn("Remove repository action not available");
+      return;
+    }
+    try {
+      await panelActions.removeRepository(entry.name, false);
+      await context.refresh("repository", "alexandriaRepositories");
+    } catch (error) {
+      console.error("Failed to remove repository:", error);
+    }
+  };
+  const handleSelectRepository = (entry) => {
+    setSelectedEntry(entry);
+    events.emit(createPanelEvent(`${PANEL_ID$1}:repository-selected`, { entry }));
+  };
+  const normalizedFilter = filter.trim().toLowerCase();
+  const filteredAndSortedRepositories = useMemo(() => {
+    const filtered = repositories.filter((entry) => {
+      var _a2, _b;
+      if (!normalizedFilter) return true;
+      const haystack = [
+        entry.name,
+        ((_a2 = entry.github) == null ? void 0 : _a2.name) ?? "",
+        ((_b = entry.github) == null ? void 0 : _b.owner) ?? "",
+        entry.remoteUrl ?? ""
+      ].join(" ").toLowerCase();
+      return haystack.includes(normalizedFilter);
+    });
+    return filtered.sort((a, b) => {
+      var _a2, _b;
+      if (sortByOrg) {
+        const aOrg = (((_a2 = a.github) == null ? void 0 : _a2.owner) ?? "").toLowerCase();
+        const bOrg = (((_b = b.github) == null ? void 0 : _b.owner) ?? "").toLowerCase();
+        const orgCompare = aOrg.localeCompare(bOrg);
+        if (orgCompare !== 0) return orgCompare;
+      }
+      return a.name.toLowerCase().localeCompare(b.name.toLowerCase());
+    });
+  }, [repositories, normalizedFilter, sortByOrg]);
+  const baseContainerStyle = {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    backgroundColor: theme2.colors.backgroundSecondary
+  };
+  const contentContainerStyle = {
+    ...baseContainerStyle,
+    padding: "16px",
+    gap: "12px"
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { style: baseContainerStyle, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          flex: 1,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: "32px",
+          textAlign: "center"
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              gap: "16px",
+              maxWidth: "360px"
+            },
+            children: /* @__PURE__ */ jsx(
+              "h3",
+              {
+                style: {
+                  margin: 0,
+                  color: theme2.colors.text,
+                  fontSize: `${theme2.fontSizes[3]}px`,
+                  fontWeight: theme2.fontWeights.semibold,
+                  fontFamily: theme2.fonts.body
+                },
+                children: "Loading local projects..."
+              }
+            )
+          }
+        )
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "local-projects-panel", style: contentContainerStyle, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsxs("div", { style: { position: "relative", flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx(
+          Search,
+          {
+            size: 16,
+            style: {
+              position: "absolute",
+              top: "50%",
+              left: "12px",
+              transform: "translateY(-50%)",
+              color: theme2.colors.textSecondary,
+              pointerEvents: "none",
+              zIndex: 1
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: filter,
+            placeholder: "Filter local projects...",
+            onChange: (event) => setFilter(event.target.value),
+            style: {
+              width: "100%",
+              boxSizing: "border-box",
+              padding: "8px 12px 8px 36px",
+              borderRadius: "6px",
+              border: `1px solid ${theme2.colors.border}`,
+              backgroundColor: theme2.colors.background,
+              color: theme2.colors.text,
+              fontSize: `${theme2.fontSizes[1]}px`,
+              fontFamily: theme2.fonts.body,
+              outline: "none"
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setSortByOrg(!sortByOrg),
+          title: sortByOrg ? "Sorting by organization" : "Sorting by repo name",
+          style: {
+            padding: "8px",
+            borderRadius: "6px",
+            border: `1px solid ${theme2.colors.border}`,
+            backgroundColor: sortByOrg ? `${theme2.colors.primary}20` : theme2.colors.background,
+            color: sortByOrg ? theme2.colors.primary : theme2.colors.textSecondary,
+            cursor: "pointer",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            transition: "all 0.15s",
+            flexShrink: 0
+          },
+          children: sortByOrg ? /* @__PURE__ */ jsx(Building2, { size: 16 }) : /* @__PURE__ */ jsx(FolderGit2, { size: 16 })
+        }
+      ),
+      panelActions.selectDirectory && /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: handleAddProject,
+          disabled: isAdding,
+          title: "Add existing project",
+          style: {
+            padding: "8px",
+            borderRadius: "6px",
+            border: `1px solid ${theme2.colors.border}`,
+            backgroundColor: theme2.colors.primary,
+            color: theme2.colors.background,
+            cursor: isAdding ? "default" : "pointer",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            opacity: isAdding ? 0.6 : 1,
+            transition: "opacity 0.2s",
+            flexShrink: 0
+          },
+          children: /* @__PURE__ */ jsx(Plus, { size: 16 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "local-projects-list",
+        style: {
+          flex: 1,
+          overflowY: "auto",
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px"
+        },
+        children: [
+          filteredAndSortedRepositories.map((entry) => /* @__PURE__ */ jsx(
+            LocalProjectCard,
+            {
+              entry,
+              isSelected: (selectedEntry == null ? void 0 : selectedEntry.path) === entry.path,
+              onSelect: handleSelectRepository,
+              onOpen: handleOpenRepository,
+              onRemove: handleRemoveRepository,
+              windowState: windowStates.get(entry.path) || "closed"
+            },
+            entry.path
+          )),
+          filteredAndSortedRepositories.length === 0 && !loading && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                padding: "32px",
+                textAlign: "center",
+                color: theme2.colors.textSecondary
+              },
+              children: /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: normalizedFilter ? "No local projects match your filter." : "No local projects found." })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+const LocalProjectsPanel = (props) => {
+  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(LocalProjectsPanelContent, { ...props }) });
+};
+const LocalProjectsPanelPreview = () => {
+  const { theme: theme2 } = useTheme();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        padding: "12px",
+        fontSize: `${theme2.fontSizes[0]}px`,
+        fontFamily: theme2.fonts.body,
+        color: theme2.colors.text,
+        display: "flex",
+        flexDirection: "column",
+        gap: "8px"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "6px",
+              fontWeight: theme2.fontWeights.semibold
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    width: "16px",
+                    height: "16px",
+                    borderRadius: "2px",
+                    backgroundColor: `${theme2.colors.success || "#10b981"}40`
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { children: "Local Projects" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              fontSize: `${theme2.fontSizes[0]}px`,
+              fontFamily: theme2.fonts.body,
+              color: theme2.colors.textSecondary,
+              marginTop: "4px"
+            },
+            children: "Browse your cloned repositories sorted by recent activity"
+          }
+        )
+      ]
+    }
+  );
+};
+const PANEL_ID = "industry-theme.local-projects";
+const filterProjectsTool = {
+  name: "filter_projects",
+  description: "Filter the local projects list by name, owner, or path",
+  inputs: {
+    type: "object",
+    properties: {
+      filter: {
+        type: "string",
+        description: "Search term to filter projects (matches name, owner, or path)"
+      }
+    },
+    required: ["filter"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" }
+    }
+  },
+  tags: ["filter", "search", "projects"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID}:filter`
+  }
+};
+const selectProjectTool = {
+  name: "select_project",
+  description: "Select a project by name or path to view its details",
+  inputs: {
+    type: "object",
+    properties: {
+      identifier: {
+        type: "string",
+        description: "Project name or full path to select"
+      }
+    },
+    required: ["identifier"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      selectedProject: { type: "string" }
+    }
+  },
+  tags: ["select", "project", "navigation"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID}:select-repository`
+  }
+};
+const openProjectTool = {
+  name: "open_project",
+  description: "Open a local project in the development workspace",
+  inputs: {
+    type: "object",
+    properties: {
+      identifier: {
+        type: "string",
+        description: "Project name or full path to open"
+      }
+    },
+    required: ["identifier"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" }
+    }
+  },
+  tags: ["open", "project", "workspace"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID}:open-repository`
+  }
+};
+const localProjectsPanelTools = [
+  filterProjectsTool,
+  selectProjectTool,
+  openProjectTool
+];
+const localProjectsPanelToolsMetadata = {
+  id: PANEL_ID,
+  name: "Local Projects Panel",
+  description: "Tools for browsing and managing local Alexandria repositories",
+  tools: localProjectsPanelTools
+};
+const panels = [
+  {
+    metadata: {
+      id: "industry-theme.local-projects",
+      name: "Local Projects",
+      icon: "Folder",
+      version: "0.1.0",
+      author: "Industry Theme",
+      description: "Browse and manage local Alexandria repositories",
+      slices: ["alexandriaRepositories"],
+      tools: localProjectsPanelTools
+    },
+    component: LocalProjectsPanel,
+    onMount: async (context) => {
+      console.log("Local Projects Panel mounted");
+      if (context.hasSlice("alexandriaRepositories") && !context.isSliceLoading("alexandriaRepositories")) {
+        await context.refresh("repository", "alexandriaRepositories");
+      }
+    },
+    onUnmount: async (_context) => {
+      console.log("Local Projects Panel unmounting");
+    }
+  }
+];
+const onPackageLoad = async () => {
+  console.log("Alexandria Panels package loaded");
+};
+const onPackageUnload = async () => {
+  console.log("Alexandria Panels package unloading");
+};
+export {
+  LocalProjectCard,
+  LocalProjectsPanel,
+  LocalProjectsPanelPreview,
+  RepositoryAvatar,
+  filterProjectsTool,
+  localProjectsPanelTools,
+  localProjectsPanelToolsMetadata,
+  onPackageLoad,
+  onPackageUnload,
+  openProjectTool,
+  panels,
+  selectProjectTool
+};
+//# sourceMappingURL=panels.bundle.js.map