@industry-theme/git-panels 0.1.9 → 0.1.11

package/dist/panels.bundle.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React2 from "react";
-import React2__default, { forwardRef, createElement, createContext, useContext, useState, useEffect, useMemo, useRef, useImperativeHandle, useCallback, useLayoutEffect } from "react";
+import React2__default, { forwardRef, createElement, createContext, useContext, useState, useMemo, useEffect, useRef, useImperativeHandle, useCallback, useLayoutEffect } from "react";
 import { createPortal } from "react-dom";
 /**
  * @license lucide-react v0.552.0 - ISC
@@ -107,78 +107,70 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$k = [
+const __iconNode$h = [
   ["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$k);
+const Calendar = createLucideIcon("calendar", __iconNode$h);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$j = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$j);
+const __iconNode$g = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$g);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$i = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$i);
+const __iconNode$f = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$f);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$h = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$h);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$g = [
+const __iconNode$e = [
   ["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$g);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$e);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [
+const __iconNode$d = [
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$f);
+const Clock = createLucideIcon("clock", __iconNode$d);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [
+const __iconNode$c = [
   ["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$e);
+const Copy = createLucideIcon("copy", __iconNode$c);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [
+const __iconNode$b = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -188,26 +180,26 @@ const __iconNode$d = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$d);
+const Expand = createLucideIcon("expand", __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$c = [
+const __iconNode$a = [
   ["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$c);
+const ExternalLink = createLucideIcon("external-link", __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$b = [
+const __iconNode$9 = [
   [
     "path",
     {
@@ -220,32 +212,7 @@ const __iconNode$b = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __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 = [
-  ["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$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: "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$9);
+const FileText = createLucideIcon("file-text", __iconNode$9);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -358,158 +325,6 @@ const __iconNode = [
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
 const X = createLucideIcon("x", __iconNode);
-var terminalTheme$1 = {
-  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$1;
 var getThemeContext$1 = () => {
   if (typeof window !== "undefined") {
@@ -533,46 +348,6 @@ var useTheme = () => {
   }
   return context;
 };
-var ThemeProvider = ({
-  children: children2,
-  theme: customTheme = theme$1,
-  initialMode
-}) => {
-  const [mode, setMode] = useState(initialMode);
-  const activeTheme = React2__default.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__default.createElement(ThemeContextSingleton.Provider, {
-    value
-  }, children2);
-};
-var theme$1 = terminalTheme$1;
 function formatRelativeTime(dateStr) {
   if (!dateStr) return "Unknown";
   const date = new Date(dateStr);
@@ -930,6 +705,7 @@ const GitPullRequestsPanel = ({
   var _a;
   const { theme: theme2 } = useTheme();
   const [filter, setFilter] = useState("open");
+  const [selectedPrId, setSelectedPrId] = useState(null);
   const prSlice = context.getSlice("pullRequests");
   const hasPRs = context.hasSlice("pullRequests");
   const isLoading = context.isSliceLoading("pullRequests");
@@ -971,6 +747,7 @@ const GitPullRequestsPanel = ({
     }
   };
   const handlePRClick = (pr) => {
+    setSelectedPrId(pr.id);
     events.emit({
       type: "git-panels.pull-request:selected",
       source: "git-panels.pull-requests",
@@ -1064,6 +841,7 @@ const GitPullRequestsPanel = ({
     );
   }
   return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsx("style", { children: `.hide-scrollbar::-webkit-scrollbar { display: none; }` }),
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -1181,8 +959,11 @@ const GitPullRequestsPanel = ({
           flex: 1,
           overflowY: "auto",
           display: "flex",
-          flexDirection: "column"
+          flexDirection: "column",
+          scrollbarWidth: "none",
+          msOverflowStyle: "none"
         },
+        className: "hide-scrollbar",
         children: filteredPullRequests.length === 0 ? /* @__PURE__ */ jsxs(
           "div",
           {
@@ -1202,14 +983,15 @@ const GitPullRequestsPanel = ({
               ] })
             ]
           }
-        ) : filteredPullRequests.map((pr) => /* @__PURE__ */ jsx(PullRequestCard, { pr, theme: theme2, onClick: () => handlePRClick(pr) }, pr.id))
+        ) : filteredPullRequests.map((pr) => /* @__PURE__ */ jsx(PullRequestCard, { pr, theme: theme2, isSelected: selectedPrId === pr.id, onClick: () => handlePRClick(pr) }, pr.id))
       }
     )
   ] });
 };
-const PullRequestCard = ({ pr, theme: theme2, onClick }) => {
-  var _a, _b, _c;
-  const [isExpanded, setIsExpanded] = useState(false);
+const PullRequestCard = ({ pr, theme: theme2, isSelected, onClick }) => {
+  var _a;
+  const [isHovered, setIsHovered] = useState(false);
+  const isActive = isHovered || isSelected;
   const isMerged = pr.merged_at !== null;
   const isOpen = pr.state === "open";
   const totalComments = (pr.comments || 0) + (pr.review_comments || 0);
@@ -1225,57 +1007,33 @@ const PullRequestCard = ({ pr, theme: theme2, onClick }) => {
           onClick == null ? void 0 : onClick();
         }
       },
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
       style: {
         borderBottom: `1px solid ${theme2.colors.border}`,
-        padding: "12px 16px",
-        backgroundColor: theme2.colors.backgroundSecondary,
+        padding: "16px 16px",
+        backgroundColor: isActive ? theme2.colors.background : theme2.colors.backgroundSecondary,
         display: "flex",
         flexDirection: "column",
         gap: "8px",
         cursor: onClick ? "pointer" : "default",
-        minWidth: 0
+        minWidth: 0,
+        transition: "background-color 0.15s ease"
       },
       children: [
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(
           "div",
           {
             style: {
-              display: "flex",
-              alignItems: "baseline",
-              gap: "8px"
+              fontFamily: theme2.fonts.heading,
+              fontSize: theme2.fontSizes[2],
+              fontWeight: 600,
+              color: isActive ? theme2.colors.primary : theme2.colors.text,
+              lineHeight: 1.3,
+              wordBreak: "break-word",
+              transition: "color 0.15s ease"
             },
-            children: [
-              /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  style: {
-                    fontFamily: theme2.fonts.heading,
-                    fontSize: theme2.fontSizes[1],
-                    fontWeight: 600,
-                    color: theme2.colors.textSecondary,
-                    flexShrink: 0
-                  },
-                  children: [
-                    "#",
-                    pr.number
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  style: {
-                    fontFamily: theme2.fonts.heading,
-                    fontSize: theme2.fontSizes[2],
-                    fontWeight: 600,
-                    color: theme2.colors.text,
-                    lineHeight: 1.3,
-                    wordBreak: "break-word"
-                  },
-                  children: pr.title
-                }
-              )
-            ]
+            children: pr.title
           }
         ),
         /* @__PURE__ */ jsxs(
@@ -1308,6 +1066,20 @@ const PullRequestCard = ({ pr, theme: theme2, onClick }) => {
                   children: "Draft"
                 }
               ),
+              /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  style: {
+                    fontFamily: theme2.fonts.heading,
+                    fontWeight: 600,
+                    color: theme2.colors.textSecondary
+                  },
+                  children: [
+                    "#",
+                    pr.number
+                  ]
+                }
+              ),
               /* @__PURE__ */ jsxs("span", { children: [
                 "by ",
                 ((_a = pr.user) == null ? void 0 : _a.login) ?? "unknown"
@@ -1359,76 +1131,6 @@ const PullRequestCard = ({ pr, theme: theme2, onClick }) => {
               )
             ]
           }
-        ),
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: (e) => {
-              e.stopPropagation();
-              setIsExpanded(!isExpanded);
-            },
-            style: {
-              display: "inline-flex",
-              alignItems: "center",
-              gap: "4px",
-              padding: 0,
-              border: "none",
-              backgroundColor: "transparent",
-              color: theme2.colors.textSecondary,
-              fontFamily: theme2.fonts.body,
-              fontSize: theme2.fontSizes[0],
-              cursor: "pointer"
-            },
-            children: [
-              isExpanded ? /* @__PURE__ */ jsx(ChevronUp, { size: 14 }) : /* @__PURE__ */ jsx(ChevronDown, { size: 14 }),
-              isExpanded ? "Collapse" : "Expand"
-            ]
-          }
-        ),
-        isExpanded && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "flex",
-              flexDirection: "column",
-              gap: "10px"
-            },
-            children: [
-              /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  style: {
-                    display: "inline-flex",
-                    alignItems: "center",
-                    gap: "6px",
-                    color: theme2.colors.textSecondary,
-                    fontFamily: theme2.fonts.monospace,
-                    fontSize: theme2.fontSizes[0]
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(GitBranch, { size: 14 }),
-                    ((_b = pr.head) == null ? void 0 : _b.ref) ?? "unknown",
-                    " → ",
-                    ((_c = pr.base) == null ? void 0 : _c.ref) ?? "unknown"
-                  ]
-                }
-              ),
-              pr.body && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    color: theme2.colors.textSecondary,
-                    fontFamily: theme2.fonts.body,
-                    fontSize: theme2.fontSizes[1],
-                    lineHeight: 1.5,
-                    wordBreak: "break-word"
-                  },
-                  children: pr.body
-                }
-              )
-            ]
-          }
         )
       ]
     }
@@ -45605,7 +45307,6 @@ const GitPullRequestDetailPanelContent = ({
                 textTransform: "uppercase"
               },
               children: [
-                isMerged ? /* @__PURE__ */ jsx(GitMerge, { size: 12 }) : /* @__PURE__ */ jsx(GitPullRequest, { size: 12 }),
                 statusLabel,
                 selectedPR.draft && /* @__PURE__ */ jsx(
                   "span",
@@ -45634,14 +45335,40 @@ const GitPullRequestDetailPanelContent = ({
                 alignItems: "center",
                 gap: "6px",
                 color: theme2.colors.textSecondary,
-                fontFamily: theme2.fonts.monospace,
                 fontSize: theme2.fontSizes[0]
               },
               children: [
-                /* @__PURE__ */ jsx(GitBranch, { size: 14 }),
-                ((_a = selectedPR.base) == null ? void 0 : _a.ref) ?? "?",
-                " ← ",
-                ((_b = selectedPR.head) == null ? void 0 : _b.ref) ?? "?"
+                isOpen && /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body }, children: "on" }),
+                /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.monospace, color: theme2.colors.primary }, children: ((_a = selectedPR.head) == null ? void 0 : _a.ref) ?? "?" }),
+                /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body }, children: isOpen ? "merging into" : "into" }),
+                /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.monospace, color: theme2.colors.primary }, children: ((_b = selectedPR.base) == null ? void 0 : _b.ref) ?? "?" })
+              ]
+            }
+          ),
+          !isOpen && /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                color: theme2.colors.textSecondary,
+                fontSize: theme2.fontSizes[0],
+                fontFamily: theme2.fonts.body
+              },
+              children: formatDate(selectedPR.merged_at || selectedPR.closed_at || selectedPR.updated_at)
+            }
+          ),
+          totalComments > 0 && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: "4px",
+                color: theme2.colors.textSecondary,
+                fontSize: theme2.fontSizes[0]
+              },
+              children: [
+                /* @__PURE__ */ jsx(MessageSquare, { size: 12 }),
+                totalComments
               ]
             }
           ),
@@ -45718,40 +45445,6 @@ const GitPullRequestDetailPanelContent = ({
               children: selectedPR.title
             }
           ),
-          (totalComments > 0 || !isOpen) && /* @__PURE__ */ jsxs(
-            "div",
-            {
-              style: {
-                display: "flex",
-                gap: "16px",
-                marginBottom: "20px",
-                padding: "12px",
-                backgroundColor: theme2.colors.backgroundSecondary,
-                borderRadius: "8px",
-                border: `1px solid ${theme2.colors.border}`
-              },
-              children: [
-                totalComments > 0 && /* @__PURE__ */ jsx(
-                  MetadataRow,
-                  {
-                    icon: /* @__PURE__ */ jsx(MessageSquare, { size: 14 }),
-                    label: "Comments",
-                    value: String(totalComments),
-                    theme: theme2
-                  }
-                ),
-                !isOpen && /* @__PURE__ */ jsx(
-                  MetadataRow,
-                  {
-                    icon: isMerged ? /* @__PURE__ */ jsx(GitMerge, { size: 14 }) : /* @__PURE__ */ jsx(GitPullRequest, { size: 14 }),
-                    label: isMerged ? "Merged" : "Closed",
-                    value: formatDate(selectedPR.merged_at || selectedPR.closed_at || selectedPR.updated_at),
-                    theme: theme2
-                  }
-                )
-              ]
-            }
-          ),
           /* @__PURE__ */ jsx(
             "div",
             {
@@ -45788,39 +45481,7 @@ const GitPullRequestDetailPanelContent = ({
     )
   ] });
 };
-const MetadataRow = ({ icon, label, value, mono, theme: theme2 }) => /* @__PURE__ */ jsxs(
-  "div",
-  {
-    style: {
-      display: "flex",
-      alignItems: "center",
-      gap: "8px",
-      fontFamily: theme2.fonts.body,
-      fontSize: theme2.fontSizes[0]
-    },
-    children: [
-      /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textMuted }, children: icon }),
-      /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.textSecondary }, children: [
-        label,
-        ":"
-      ] }),
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          style: {
-            color: theme2.colors.text,
-            fontFamily: mono ? theme2.fonts.monospace : theme2.fonts.body,
-            fontWeight: 500
-          },
-          children: value
-        }
-      )
-    ]
-  }
-);
-const GitPullRequestDetailPanel = (props) => {
-  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(GitPullRequestDetailPanelContent, { ...props }) });
-};
+const GitPullRequestDetailPanel = GitPullRequestDetailPanelContent;
 const GitPullRequestDetailPanelPreview = () => {
   const { theme: theme2 } = useTheme();
   return /* @__PURE__ */ jsxs(