@industry-theme/git-panels 0.1.1

package/dist/panels.bundle.js

@@ -0,0 +1,1437 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, createElement, createContext, useContext, useState, useMemo, useEffect } from "react";
+/**
+ * @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$a = [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }]
+];
+const Calendar = createLucideIcon("calendar", __iconNode$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 = [
+  ["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$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: "M12 6v6l4 2", key: "mmk7yg" }],
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
+];
+const Clock = createLucideIcon("clock", __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 = [
+  ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
+  ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
+  ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
+  ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
+];
+const GitBranch = createLucideIcon("git-branch", __iconNode$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: "18", cy: "18", r: "3", key: "1xkwt0" }],
+  ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
+  ["path", { d: "M6 21V9a9 9 0 0 0 9 9", key: "7kw0sc" }]
+];
+const GitMerge = createLucideIcon("git-merge", __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 = [
+  ["circle", { cx: "18", cy: "18", r: "3", key: "1xkwt0" }],
+  ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
+  ["path", { d: "M13 6h3a2 2 0 0 1 2 2v7", key: "1yeb86" }],
+  ["line", { x1: "6", x2: "6", y1: "9", y2: "21", key: "rroup" }]
+];
+const GitPullRequest = createLucideIcon("git-pull-request", __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: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
+  ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
+];
+const History = createLucideIcon("history", __iconNode$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: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __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: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+      key: "18887p"
+    }
+  ]
+];
+const MessageSquare = createLucideIcon("message-square", __iconNode$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: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "14sxne" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
+  ["path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16", key: "1hlbsb" }],
+  ["path", { d: "M16 16h5v5", key: "ccwih5" }]
+];
+const RefreshCcw = createLucideIcon("refresh-ccw", __iconNode);
+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;
+};
+function formatRelativeTime(dateStr) {
+  if (!dateStr) return "Unknown";
+  const date = new Date(dateStr);
+  if (Number.isNaN(date.getTime())) {
+    return "Unknown";
+  }
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const minutes = Math.floor(diffMs / (1e3 * 60));
+  if (minutes < 1) return "Just now";
+  if (minutes < 60) return `${minutes} minute${minutes === 1 ? "" : "s"} ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours} hour${hours === 1 ? "" : "s"} ago`;
+  const days = Math.floor(hours / 24);
+  if (days < 30) return `${days} day${days === 1 ? "" : "s"} ago`;
+  const months = Math.floor(days / 30);
+  if (months < 12) return `${months} month${months === 1 ? "" : "s"} ago`;
+  const years = Math.floor(months / 12);
+  return `${years} year${years === 1 ? "" : "s"} ago`;
+}
+function formatDate(dateString) {
+  if (!dateString) {
+    return "Unknown";
+  }
+  const date = new Date(dateString);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
+  if (Number.isNaN(diffDays)) return "Unknown";
+  if (diffDays === 0) return "Today";
+  if (diffDays === 1) return "Yesterday";
+  if (diffDays < 7) return `${diffDays} days ago`;
+  if (diffDays < 30) return `${Math.floor(diffDays / 7)} weeks ago`;
+  if (diffDays < 365) return `${Math.floor(diffDays / 30)} months ago`;
+  return `${Math.floor(diffDays / 365)} years ago`;
+}
+const GitCommitHistoryPanel = ({
+  context,
+  events
+}) => {
+  var _a;
+  const { theme } = useTheme();
+  const [limit, setLimit] = useState(25);
+  const commitsSlice = context.getSlice("commits");
+  const hasCommits = context.hasSlice("commits");
+  const isLoading = context.isSliceLoading("commits");
+  const commits = ((_a = commitsSlice == null ? void 0 : commitsSlice.data) == null ? void 0 : _a.commits) ?? [];
+  const sortedCommits = useMemo(() => {
+    return commits.slice(0, limit).sort((a, b) => {
+      const timeA = new Date(a.date).getTime();
+      const timeB = new Date(b.date).getTime();
+      return timeB - timeA;
+    });
+  }, [commits, limit]);
+  useEffect(() => {
+    const unsubscribers = [
+      // Tool: refresh commits
+      events.on("git-panels.commit-history:refresh", async (event) => {
+        try {
+          await context.refresh("repository", "commits");
+        } catch (error) {
+          console.error("[GitCommitHistoryPanel] Refresh failed:", error);
+        }
+      }),
+      // Tool: set limit
+      events.on("git-panels.commit-history:set-limit", (event) => {
+        var _a2;
+        const newLimit = (_a2 = event.payload) == null ? void 0 : _a2.limit;
+        if (newLimit && newLimit > 0) {
+          setLimit(newLimit);
+        }
+      })
+    ];
+    return () => unsubscribers.forEach((unsub) => unsub());
+  }, [events, context]);
+  const handleRefresh = async () => {
+    try {
+      await context.refresh("repository", "commits");
+    } catch (error) {
+      console.error("[GitCommitHistoryPanel] Refresh failed:", error);
+    }
+  };
+  const containerStyle = {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    backgroundColor: theme.colors.backgroundSecondary,
+    overflow: "hidden"
+  };
+  const renderState = (message) => /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        flex: 1,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "24px",
+        color: theme.colors.textSecondary
+      },
+      children: message
+    }
+  ) });
+  if (!context.currentScope.repository) {
+    return renderState("Connect a local repository to see commit history.");
+  }
+  if (!hasCommits) {
+    return renderState("Commit history data is not available.");
+  }
+  return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          height: "40px",
+          minHeight: "40px",
+          padding: "0 12px",
+          borderBottom: `1px solid ${theme.colors.border}`,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          color: theme.colors.textSecondary,
+          textTransform: "uppercase",
+          fontWeight: 600,
+          fontSize: theme.fontSizes[1],
+          boxSizing: "border-box"
+        },
+        children: [
+          /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+            /* @__PURE__ */ jsx(History, { size: 14 }),
+            "Commit History"
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: handleRefresh,
+              disabled: isLoading,
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: "6px",
+                padding: "4px 10px",
+                borderRadius: "4px",
+                border: `1px solid ${theme.colors.border}`,
+                backgroundColor: theme.colors.background,
+                color: theme.colors.text,
+                cursor: isLoading ? "default" : "pointer",
+                fontSize: "12px",
+                fontWeight: 500,
+                opacity: isLoading ? 0.7 : 1
+              },
+              children: [
+                /* @__PURE__ */ jsx(RefreshCcw, { size: 12 }),
+                isLoading ? "Refreshing..." : "Refresh"
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          flex: 1,
+          overflowY: "auto",
+          padding: "16px",
+          display: "flex",
+          flexDirection: "column",
+          gap: "10px"
+        },
+        children: [
+          isLoading && commits.length === 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                flex: 1,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                textAlign: "center",
+                color: theme.colors.textSecondary,
+                fontSize: theme.fontSizes[1]
+              },
+              children: "Loading commit history..."
+            }
+          ),
+          !isLoading && sortedCommits.length === 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                flex: 1,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                textAlign: "center",
+                color: theme.colors.textSecondary,
+                fontSize: theme.fontSizes[1]
+              },
+              children: "No commits found."
+            }
+          ),
+          sortedCommits.map((commit) => /* @__PURE__ */ jsx(CommitCard, { commit, theme }, commit.hash))
+        ]
+      }
+    )
+  ] });
+};
+const CommitCard = ({ commit, theme }) => {
+  const firstLine = commit.message.split("\n")[0];
+  const relative = formatRelativeTime(commit.date);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        padding: "12px",
+        backgroundColor: theme.colors.background,
+        borderRadius: "6px",
+        border: `1px solid ${theme.colors.border}`,
+        display: "flex",
+        flexDirection: "column",
+        gap: "6px"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              fontSize: theme.fontSizes[2],
+              color: theme.colors.text,
+              fontWeight: 500,
+              lineHeight: 1.4
+            },
+            children: firstLine
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexWrap: "wrap",
+              gap: "8px",
+              alignItems: "center",
+              fontSize: theme.fontSizes[1],
+              color: theme.colors.textSecondary
+            },
+            children: [
+              commit.author && /* @__PURE__ */ jsx("span", { children: commit.author }),
+              /* @__PURE__ */ jsx("span", { style: { fontSize: "10px" }, children: "•" }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    fontFamily: theme.fonts.monospace,
+                    fontSize: "11px"
+                  },
+                  children: commit.hash.substring(0, 8)
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { style: { fontSize: "10px" }, children: "•" }),
+              /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: "4px"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Clock, { size: 12 }),
+                    /* @__PURE__ */ jsx("span", { title: new Date(commit.date).toLocaleString(), children: relative })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const GitCommitHistoryPanelPreview = () => {
+  const { theme } = useTheme();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        padding: "12px",
+        fontSize: "12px",
+        color: theme.colors.text,
+        display: "flex",
+        flexDirection: "column",
+        gap: "8px"
+      },
+      children: [
+        {
+          title: "chore: add commit history panel",
+          author: "Alex Engineer",
+          sha: "1a2b3c4d",
+          time: "2 hours ago"
+        },
+        {
+          title: "fix: handle empty repositories gracefully",
+          author: "Jamie Dev",
+          sha: "5f6g7h8i",
+          time: "Yesterday"
+        }
+      ].map((commit) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "4px",
+            border: `1px solid ${theme.colors.border}`,
+            borderRadius: "6px",
+            padding: "8px",
+            backgroundColor: theme.colors.background
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { style: { fontWeight: 600 }, children: commit.title }),
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "6px",
+                  color: theme.colors.textSecondary,
+                  fontSize: "11px",
+                  fontFamily: theme.fonts.body
+                },
+                children: [
+                  /* @__PURE__ */ jsx("span", { children: commit.author }),
+                  /* @__PURE__ */ jsx("span", { children: "•" }),
+                  /* @__PURE__ */ jsx("span", { style: { fontFamily: theme.fonts.monospace }, children: commit.sha }),
+                  /* @__PURE__ */ jsx("span", { children: "•" }),
+                  /* @__PURE__ */ jsx("span", { children: commit.time })
+                ]
+              }
+            )
+          ]
+        },
+        commit.sha
+      ))
+    }
+  );
+};
+const GitPullRequestsPanel = ({
+  context,
+  events
+}) => {
+  var _a, _b, _c;
+  const { theme } = useTheme();
+  const [filter, setFilter] = useState("open");
+  const prSlice = context.getSlice("pullRequests");
+  const hasPRs = context.hasSlice("pullRequests");
+  const isLoading = context.isSliceLoading("pullRequests");
+  const pullRequests = ((_a = prSlice == null ? void 0 : prSlice.data) == null ? void 0 : _a.pullRequests) ?? [];
+  const owner = (_b = prSlice == null ? void 0 : prSlice.data) == null ? void 0 : _b.owner;
+  const repo = (_c = prSlice == null ? void 0 : prSlice.data) == null ? void 0 : _c.repo;
+  useEffect(() => {
+    const unsubscribers = [
+      // Tool: refresh pull requests
+      events.on("git-panels.pull-requests:refresh", async () => {
+        try {
+          await context.refresh("repository", "pullRequests");
+        } catch (error) {
+          console.error("[GitPullRequestsPanel] Refresh failed:", error);
+        }
+      }),
+      // Tool: set filter
+      events.on("git-panels.pull-requests:set-filter", (event) => {
+        var _a2;
+        const newFilter = (_a2 = event.payload) == null ? void 0 : _a2.filter;
+        if (newFilter && ["all", "open", "closed"].includes(newFilter)) {
+          setFilter(newFilter);
+        }
+      })
+    ];
+    return () => unsubscribers.forEach((unsub) => unsub());
+  }, [events, context]);
+  const filteredPullRequests = useMemo(() => {
+    if (filter === "all") {
+      return pullRequests;
+    }
+    return pullRequests.filter((pr) => pr.state === filter);
+  }, [filter, pullRequests]);
+  const counts = useMemo(() => {
+    const open = pullRequests.filter((pr) => pr.state === "open").length;
+    const closed = pullRequests.filter((pr) => pr.state === "closed").length;
+    return { open, closed, all: pullRequests.length };
+  }, [pullRequests]);
+  const handleRefresh = async () => {
+    try {
+      await context.refresh("repository", "pullRequests");
+    } catch (error) {
+      console.error("[GitPullRequestsPanel] Refresh failed:", error);
+    }
+  };
+  const containerStyle = {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    backgroundColor: theme.colors.backgroundSecondary,
+    overflow: "hidden"
+  };
+  const renderState = (icon, title, description) => /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        flex: 1,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "24px"
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: "16px",
+            maxWidth: "360px",
+            textAlign: "center"
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { children: icon }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(
+                "h3",
+                {
+                  style: {
+                    margin: 0,
+                    marginBottom: "8px",
+                    color: theme.colors.text,
+                    fontSize: "16px",
+                    fontWeight: 600
+                  },
+                  children: title
+                }
+              ),
+              description && /* @__PURE__ */ jsx(
+                "p",
+                {
+                  style: {
+                    margin: 0,
+                    color: theme.colors.textSecondary,
+                    lineHeight: 1.5
+                  },
+                  children: description
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+  if (isLoading && pullRequests.length === 0) {
+    return renderState(
+      /* @__PURE__ */ jsx(LoaderCircle, { size: 32, style: { color: theme.colors.textSecondary }, className: "spin" }),
+      "Loading pull requests...",
+      "Fetching pull request data for this repository."
+    );
+  }
+  if (!context.currentScope.repository) {
+    return renderState(
+      /* @__PURE__ */ jsx(CircleAlert, { size: 32, style: { color: theme.colors.textSecondary } }),
+      "No repository selected",
+      "Select a repository to view pull requests."
+    );
+  }
+  if (!hasPRs) {
+    return renderState(
+      /* @__PURE__ */ jsx(CircleAlert, { size: 32, style: { color: theme.colors.warning || "#f59e0b" } }),
+      "Pull requests unavailable",
+      "Pull request data is not available for this repository."
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          height: "40px",
+          minHeight: "40px",
+          padding: "0 12px",
+          borderBottom: `1px solid ${theme.colors.border}`,
+          backgroundColor: theme.colors.backgroundSecondary,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          boxSizing: "border-box"
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "8px",
+                color: theme.colors.textSecondary,
+                textTransform: "uppercase",
+                fontWeight: 600,
+                fontSize: "12px"
+              },
+              children: [
+                /* @__PURE__ */ jsx(GitPullRequest, { size: 14 }),
+                "Pull Requests",
+                owner && repo && /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    style: {
+                      fontWeight: 400,
+                      textTransform: "none",
+                      opacity: 0.7
+                    },
+                    children: [
+                      "· ",
+                      owner,
+                      "/",
+                      repo
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: handleRefresh,
+              disabled: isLoading,
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: "6px",
+                padding: "4px 10px",
+                borderRadius: "4px",
+                border: `1px solid ${theme.colors.border}`,
+                backgroundColor: theme.colors.background,
+                color: theme.colors.text,
+                cursor: isLoading ? "default" : "pointer",
+                fontSize: "12px",
+                fontWeight: 500,
+                opacity: isLoading ? 0.7 : 1
+              },
+              children: [
+                isLoading ? /* @__PURE__ */ jsx(LoaderCircle, { size: 12, className: "spin" }) : /* @__PURE__ */ jsx(RefreshCcw, { size: 12 }),
+                isLoading ? "Refreshing..." : "Refresh"
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          display: "flex",
+          borderBottom: `1px solid ${theme.colors.border}`
+        },
+        children: ["open", "closed", "all"].map((value) => {
+          const isActive = filter === value;
+          const label = value === "open" ? "Open" : value === "closed" ? "Closed" : "All";
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setFilter(value),
+              style: {
+                flex: 1,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                gap: "6px",
+                padding: "8px 12px",
+                border: "none",
+                borderBottom: isActive ? `2px solid ${theme.colors.primary}` : "2px solid transparent",
+                backgroundColor: "transparent",
+                color: isActive ? theme.colors.text : theme.colors.textSecondary,
+                fontSize: "13px",
+                fontWeight: isActive ? 600 : 500,
+                cursor: "pointer",
+                marginBottom: "-1px"
+              },
+              children: [
+                label,
+                /* @__PURE__ */ jsxs("span", { style: { opacity: 0.7 }, children: [
+                  "(",
+                  counts[value],
+                  ")"
+                ] })
+              ]
+            },
+            value
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          flex: 1,
+          overflowY: "auto",
+          padding: "16px",
+          display: "flex",
+          flexDirection: "column",
+          gap: "12px"
+        },
+        children: filteredPullRequests.length === 0 ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              marginTop: "48px",
+              textAlign: "center",
+              color: theme.colors.textSecondary
+            },
+            children: [
+              /* @__PURE__ */ jsx(GitPullRequest, { size: 32, style: { marginBottom: "12px" } }),
+              /* @__PURE__ */ jsx("div", { style: { fontWeight: 600 }, children: "No pull requests found" }),
+              /* @__PURE__ */ jsxs("div", { style: { marginTop: "4px", fontSize: "13px" }, children: [
+                "There are no ",
+                filter !== "all" ? `${filter} ` : "",
+                "pull requests to display."
+              ] })
+            ]
+          }
+        ) : filteredPullRequests.map((pr) => /* @__PURE__ */ jsx(PullRequestCard, { pr, theme }, pr.id))
+      }
+    )
+  ] });
+};
+const PullRequestCard = ({ pr, theme }) => {
+  var _a, _b, _c, _d, _e;
+  const isMerged = pr.merged_at !== null;
+  const isOpen = pr.state === "open";
+  const badgeColor = isOpen ? theme.colors.success || "#22c55e" : isMerged ? theme.colors.primary : theme.colors.error || "#ef4444";
+  const badgeBg = `${badgeColor}22`;
+  const totalComments = (pr.comments || 0) + (pr.review_comments || 0);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        border: `1px solid ${theme.colors.border}`,
+        borderRadius: "12px",
+        padding: "16px",
+        backgroundColor: theme.colors.background,
+        display: "flex",
+        flexDirection: "column",
+        gap: "10px"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "flex-start",
+              justifyContent: "space-between",
+              gap: "12px"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "8px",
+                    flex: 1
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: "10px",
+                          flexWrap: "wrap"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsxs(
+                            "span",
+                            {
+                              style: {
+                                display: "inline-flex",
+                                alignItems: "center",
+                                gap: "6px",
+                                padding: "4px 10px",
+                                borderRadius: "999px",
+                                backgroundColor: badgeBg,
+                                color: badgeColor,
+                                fontSize: "12px",
+                                fontWeight: 600,
+                                textTransform: "uppercase",
+                                letterSpacing: "0.02em"
+                              },
+                              children: [
+                                isOpen ? "Open" : isMerged ? "Merged" : "Closed",
+                                pr.draft && /* @__PURE__ */ jsx(
+                                  "span",
+                                  {
+                                    style: {
+                                      marginLeft: "6px",
+                                      padding: "2px 6px",
+                                      borderRadius: "8px",
+                                      backgroundColor: theme.colors.backgroundSecondary,
+                                      color: theme.colors.textSecondary,
+                                      fontSize: "11px",
+                                      fontWeight: 500,
+                                      textTransform: "capitalize"
+                                    },
+                                    children: "Draft"
+                                  }
+                                )
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            "span",
+                            {
+                              style: {
+                                fontSize: "16px",
+                                fontWeight: 600,
+                                color: theme.colors.text,
+                                display: "inline-flex",
+                                alignItems: "center",
+                                gap: "8px"
+                              },
+                              children: [
+                                "#",
+                                pr.number,
+                                " ",
+                                pr.title
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: "12px",
+                          flexWrap: "wrap",
+                          color: theme.colors.textSecondary,
+                          fontSize: "12px"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsxs("span", { children: [
+                            "by ",
+                            ((_a = pr.user) == null ? void 0 : _a.login) ?? "unknown"
+                          ] }),
+                          /* @__PURE__ */ jsxs(
+                            "span",
+                            {
+                              style: {
+                                display: "inline-flex",
+                                alignItems: "center",
+                                gap: "4px"
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx(Calendar, { size: 12 }),
+                                " Opened ",
+                                formatDate(pr.created_at)
+                              ]
+                            }
+                          ),
+                          !isOpen && /* @__PURE__ */ jsxs(
+                            "span",
+                            {
+                              style: {
+                                display: "inline-flex",
+                                alignItems: "center",
+                                gap: "4px"
+                              },
+                              children: [
+                                isMerged ? "Merged" : "Closed",
+                                " ",
+                                formatDate(pr.merged_at || pr.updated_at)
+                              ]
+                            }
+                          ),
+                          totalComments > 0 && /* @__PURE__ */ jsxs(
+                            "span",
+                            {
+                              style: {
+                                display: "inline-flex",
+                                alignItems: "center",
+                                gap: "4px"
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx(MessageSquare, { size: 12 }),
+                                " ",
+                                totalComments,
+                                " comment",
+                                totalComments === 1 ? "" : "s"
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: "8px",
+                          color: theme.colors.textSecondary,
+                          fontSize: "12px"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(GitBranch, { size: 14 }),
+                          /* @__PURE__ */ jsxs("span", { children: [
+                            ((_b = pr.base) == null ? void 0 : _b.ref) ?? "unknown",
+                            " ",
+                            /* @__PURE__ */ jsx("span", { style: { opacity: 0.6 }, children: "←" }),
+                            " ",
+                            ((_c = pr.head) == null ? void 0 : _c.ref) ?? "unknown"
+                          ] })
+                        ]
+                      }
+                    ),
+                    pr.body && /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          marginTop: "4px",
+                          color: theme.colors.textSecondary,
+                          fontSize: "13px",
+                          lineHeight: 1.5,
+                          maxHeight: "72px",
+                          overflow: "hidden",
+                          textOverflow: "ellipsis"
+                        },
+                        children: pr.body
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "a",
+                {
+                  href: pr.html_url,
+                  target: "_blank",
+                  rel: "noreferrer",
+                  style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: "6px",
+                    padding: "6px 10px",
+                    borderRadius: "6px",
+                    border: `1px solid ${theme.colors.border}`,
+                    backgroundColor: theme.colors.backgroundSecondary,
+                    color: theme.colors.text,
+                    textDecoration: "none",
+                    fontSize: "13px",
+                    fontWeight: 600,
+                    whiteSpace: "nowrap"
+                  },
+                  children: [
+                    "View",
+                    /* @__PURE__ */ jsx(ExternalLink, { size: 14 })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        isMerged && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "6px",
+              fontSize: "12px",
+              color: theme.colors.primary
+            },
+            children: [
+              /* @__PURE__ */ jsx(GitMerge, { size: 14 }),
+              " Merged into ",
+              ((_d = pr.base) == null ? void 0 : _d.ref) ?? "base",
+              " from",
+              " ",
+              ((_e = pr.head) == null ? void 0 : _e.ref) ?? "head"
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const GitPullRequestsPanelPreview = () => {
+  const { theme } = useTheme();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        padding: "12px",
+        fontSize: "12px",
+        color: theme.colors.text,
+        display: "flex",
+        flexDirection: "column",
+        gap: "8px"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: "6px",
+                    padding: "2px 8px",
+                    borderRadius: "999px",
+                    backgroundColor: "#3b82f622",
+                    color: "#3b82f6",
+                    fontSize: "11px",
+                    fontWeight: 600,
+                    textTransform: "uppercase"
+                  },
+                  children: "Review"
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { style: { fontWeight: 600 }, children: "#42 Refine panel layout system" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              paddingLeft: "4px",
+              color: theme.colors.textSecondary,
+              fontSize: "11px",
+              lineHeight: 1.4
+            },
+            children: "Adds preview registry and consolidates configurator metadata."
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              color: theme.colors.textSecondary,
+              fontSize: "11px"
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { children: "4 checks" }),
+              /* @__PURE__ */ jsx("span", { children: "•" }),
+              /* @__PURE__ */ jsx("span", { children: "1 reviewer" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const refreshCommitsTool = {
+  name: "refresh_commits",
+  description: "Refreshes the commit history display",
+  inputs: {
+    type: "object",
+    properties: {
+      force: {
+        type: "boolean",
+        description: "Force refresh even if data is fresh"
+      }
+    }
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" }
+    }
+  },
+  tags: ["git", "commits", "refresh"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "git-panels.commit-history:refresh"
+  }
+};
+const setCommitLimitTool = {
+  name: "set_commit_limit",
+  description: "Sets the maximum number of commits to display",
+  inputs: {
+    type: "object",
+    properties: {
+      limit: {
+        type: "number",
+        description: "Maximum number of commits to show (1-100)"
+      }
+    },
+    required: ["limit"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      limit: { type: "number" }
+    }
+  },
+  tags: ["git", "commits", "display"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "git-panels.commit-history:set-limit"
+  }
+};
+const commitHistoryTools = [
+  refreshCommitsTool,
+  setCommitLimitTool
+];
+const commitHistoryToolsMetadata = {
+  id: "git-panels.commit-history",
+  name: "Git Commit History",
+  description: "Tools for the git commit history panel",
+  tools: commitHistoryTools
+};
+const refreshPullRequestsTool = {
+  name: "refresh_pull_requests",
+  description: "Refreshes the pull requests display",
+  inputs: {
+    type: "object",
+    properties: {
+      force: {
+        type: "boolean",
+        description: "Force refresh even if data is fresh"
+      }
+    }
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" }
+    }
+  },
+  tags: ["git", "pull-requests", "refresh"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "git-panels.pull-requests:refresh"
+  }
+};
+const setPRFilterTool = {
+  name: "set_pr_filter",
+  description: "Sets the pull request filter (all, open, or closed)",
+  inputs: {
+    type: "object",
+    properties: {
+      filter: {
+        type: "string",
+        enum: ["all", "open", "closed"],
+        description: "Filter to apply to pull requests"
+      }
+    },
+    required: ["filter"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      filter: { type: "string" }
+    }
+  },
+  tags: ["git", "pull-requests", "filter"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "git-panels.pull-requests:set-filter"
+  }
+};
+const pullRequestsTools = [
+  refreshPullRequestsTool,
+  setPRFilterTool
+];
+const pullRequestsToolsMetadata = {
+  id: "git-panels.pull-requests",
+  name: "Git Pull Requests",
+  description: "Tools for the git pull requests panel",
+  tools: pullRequestsTools
+};
+const allGitPanelTools = [
+  ...commitHistoryTools,
+  ...pullRequestsTools
+];
+const panels = [
+  {
+    metadata: {
+      id: "git-panels.commit-history",
+      name: "Git Commit History",
+      icon: "history",
+      version: "0.1.0",
+      author: "Principal ADE",
+      description: "View recent commits from the current repository",
+      slices: ["commits"],
+      tools: commitHistoryTools
+    },
+    component: GitCommitHistoryPanel,
+    onMount: async (context) => {
+      if (context.hasSlice("commits") && !context.isSliceLoading("commits")) {
+        await context.refresh("repository", "commits");
+      }
+    }
+  },
+  {
+    metadata: {
+      id: "git-panels.pull-requests",
+      name: "Git Pull Requests",
+      icon: "git-pull-request",
+      version: "0.1.0",
+      author: "Principal ADE",
+      description: "Review open, merged, and closed pull requests",
+      slices: ["pullRequests"],
+      tools: pullRequestsTools
+    },
+    component: GitPullRequestsPanel,
+    onMount: async (context) => {
+      if (context.hasSlice("pullRequests") && !context.isSliceLoading("pullRequests")) {
+        await context.refresh("repository", "pullRequests");
+      }
+    }
+  }
+];
+const onPackageLoad = async () => {
+  console.log("[git-panels] Package loaded");
+};
+const onPackageUnload = async () => {
+  console.log("[git-panels] Package unloading");
+};
+export {
+  GitCommitHistoryPanel,
+  GitCommitHistoryPanelPreview,
+  GitPullRequestsPanel,
+  GitPullRequestsPanelPreview,
+  allGitPanelTools,
+  commitHistoryTools,
+  commitHistoryToolsMetadata,
+  onPackageLoad,
+  onPackageUnload,
+  panels,
+  pullRequestsTools,
+  pullRequestsToolsMetadata,
+  refreshCommitsTool,
+  refreshPullRequestsTool,
+  setCommitLimitTool,
+  setPRFilterTool
+};
+//# sourceMappingURL=panels.bundle.js.map