@industry-theme/git-panels 0.1.10 → 0.1.12

package/dist/panels.bundle.js

@@ -107,70 +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$h = [
+const __iconNode$m = [
   ["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$h);
+const Calendar = createLucideIcon("calendar", __iconNode$m);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$g = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$g);
+const __iconNode$l = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$l);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$f);
+const __iconNode$k = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$k);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [
+const __iconNode$j = [
   ["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$e);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$j);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [
+const __iconNode$i = [
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$d);
+const Clock = createLucideIcon("clock", __iconNode$i);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$c = [
+const __iconNode$h = [
   ["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$c);
+const Copy = createLucideIcon("copy", __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$b = [
+const __iconNode$g = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -180,26 +180,26 @@ const __iconNode$b = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$b);
+const Expand = createLucideIcon("expand", __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$a = [
+const __iconNode$f = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$a);
+const ExternalLink = createLucideIcon("external-link", __iconNode$f);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$9 = [
+const __iconNode$e = [
   [
     "path",
     {
@@ -212,47 +212,70 @@ const __iconNode$9 = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$9);
+const FileText = createLucideIcon("file-text", __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$8 = [
+const __iconNode$d = [
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }],
+  ["line", { x1: "3", x2: "9", y1: "12", y2: "12", key: "1dyftd" }],
+  ["line", { x1: "15", x2: "21", y1: "12", y2: "12", key: "oup4p8" }]
+];
+const GitCommitHorizontal = createLucideIcon("git-commit-horizontal", __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$c = [
   ["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$8);
+const GitPullRequest = createLucideIcon("git-pull-request", __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$7 = [
+const __iconNode$b = [
   ["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$7);
+const History = createLucideIcon("history", __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$6 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$6);
+const __iconNode$a = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __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$5 = [
+const __iconNode$9 = [
+  ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
+  ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
+];
+const Mail = createLucideIcon("mail", __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",
     {
@@ -261,37 +284,45 @@ const __iconNode$5 = [
     }
   ]
 ];
-const MessageSquare = createLucideIcon("message-square", __iconNode$5);
+const MessageSquare = createLucideIcon("message-square", __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$4 = [
+const __iconNode$7 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
+const Minus = createLucideIcon("minus", __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 = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
 ];
-const Monitor = createLucideIcon("monitor", __iconNode$4);
+const Monitor = createLucideIcon("monitor", __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$3 = [
+const __iconNode$5 = [
   ["path", { d: "M18 8L22 12L18 16", key: "1r0oui" }],
   ["path", { d: "M2 12H22", key: "1m8cig" }]
 ];
-const MoveRight = createLucideIcon("move-right", __iconNode$3);
+const MoveRight = createLucideIcon("move-right", __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$2 = [
+const __iconNode$4 = [
   [
     "path",
     {
@@ -300,20 +331,42 @@ const __iconNode$2 = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$2);
+const Play = createLucideIcon("play", __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$1 = [
+const __iconNode$3 = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+];
+const Plus = createLucideIcon("plus", __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 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$1);
+const RefreshCcw = createLucideIcon("refresh-ccw", __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: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
+  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
+];
+const User = createLucideIcon("user", __iconNode$1);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -551,18 +604,34 @@ const GitCommitHistoryPanel = ({
               children: "No commits found."
             }
           ),
-          sortedCommits.map((commit) => /* @__PURE__ */ jsx(CommitCard, { commit, theme: theme2 }, commit.hash))
+          sortedCommits.map((commit) => /* @__PURE__ */ jsx(
+            CommitCard,
+            {
+              commit,
+              theme: theme2,
+              onClick: () => {
+                events.emit({
+                  type: "git-panels.commit:selected",
+                  source: "git-panels.commit-history",
+                  timestamp: Date.now(),
+                  payload: { hash: commit.hash }
+                });
+              }
+            },
+            commit.hash
+          ))
         ]
       }
     )
   ] });
 };
-const CommitCard = ({ commit, theme: theme2 }) => {
+const CommitCard = ({ commit, theme: theme2, onClick }) => {
   const firstLine = commit.message.split("\n")[0];
   const relative = formatRelativeTime(commit.date);
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      onClick,
       style: {
         padding: "12px",
         backgroundColor: theme2.colors.background,
@@ -570,7 +639,17 @@ const CommitCard = ({ commit, theme: theme2 }) => {
         border: `1px solid ${theme2.colors.border}`,
         display: "flex",
         flexDirection: "column",
-        gap: "6px"
+        gap: "6px",
+        cursor: onClick ? "pointer" : "default",
+        transition: "border-color 0.15s ease"
+      },
+      onMouseEnter: (e) => {
+        if (onClick) {
+          e.currentTarget.style.borderColor = theme2.colors.primary;
+        }
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.borderColor = theme2.colors.border;
       },
       children: [
         /* @__PURE__ */ jsx(
@@ -698,700 +777,176 @@ const GitCommitHistoryPanelPreview = () => {
     }
   );
 };
-const GitPullRequestsPanel = ({
-  context,
-  events
-}) => {
-  var _a;
-  const { theme: theme2 } = 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) ?? [];
-  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 && ["open", "closed"].includes(newFilter)) {
-          setFilter(newFilter);
-        }
-      })
-    ];
-    return () => unsubscribers.forEach((unsub) => unsub());
-  }, [events, context]);
-  const filteredPullRequests = useMemo(() => {
-    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 };
-  }, [pullRequests]);
-  const handleRefresh = async () => {
-    try {
-      await context.refresh("repository", "pullRequests");
-    } catch (error) {
-      console.error("[GitPullRequestsPanel] Refresh failed:", error);
-    }
+const VOID = -1;
+const PRIMITIVE = 0;
+const ARRAY = 1;
+const OBJECT = 2;
+const DATE = 3;
+const REGEXP = 4;
+const MAP = 5;
+const SET = 6;
+const ERROR = 7;
+const BIGINT = 8;
+const env = typeof self === "object" ? self : globalThis;
+const deserializer = ($2, _) => {
+  const as = (out, index2) => {
+    $2.set(index2, out);
+    return out;
   };
-  const handlePRClick = (pr) => {
-    events.emit({
-      type: "git-panels.pull-request:selected",
-      source: "git-panels.pull-requests",
-      timestamp: Date.now(),
-      payload: { pr }
-    });
+  const unpair = (index2) => {
+    if ($2.has(index2))
+      return $2.get(index2);
+    const [type, value] = _[index2];
+    switch (type) {
+      case PRIMITIVE:
+      case VOID:
+        return as(value, index2);
+      case ARRAY: {
+        const arr = as([], index2);
+        for (const index3 of value)
+          arr.push(unpair(index3));
+        return arr;
+      }
+      case OBJECT: {
+        const object = as({}, index2);
+        for (const [key, index3] of value)
+          object[unpair(key)] = unpair(index3);
+        return object;
+      }
+      case DATE:
+        return as(new Date(value), index2);
+      case REGEXP: {
+        const { source: source2, flags } = value;
+        return as(new RegExp(source2, flags), index2);
+      }
+      case MAP: {
+        const map2 = as(/* @__PURE__ */ new Map(), index2);
+        for (const [key, index3] of value)
+          map2.set(unpair(key), unpair(index3));
+        return map2;
+      }
+      case SET: {
+        const set = as(/* @__PURE__ */ new Set(), index2);
+        for (const index3 of value)
+          set.add(unpair(index3));
+        return set;
+      }
+      case ERROR: {
+        const { name: name2, message } = value;
+        return as(new env[name2](message), index2);
+      }
+      case BIGINT:
+        return as(BigInt(value), index2);
+      case "BigInt":
+        return as(Object(BigInt(value)), index2);
+      case "ArrayBuffer":
+        return as(new Uint8Array(value).buffer, value);
+      case "DataView": {
+        const { buffer } = new Uint8Array(value);
+        return as(new DataView(buffer), value);
+      }
+    }
+    return as(new env[type](value), index2);
   };
-  const containerStyle = {
-    display: "flex",
-    flexDirection: "column",
-    height: "100%",
-    backgroundColor: theme2.colors.background,
-    overflow: "hidden"
+  return unpair;
+};
+const deserialize = (serialized) => deserializer(/* @__PURE__ */ new Map(), serialized)(0);
+const EMPTY = "";
+const { toString: toString$2 } = {};
+const { keys } = Object;
+const typeOf = (value) => {
+  const type = typeof value;
+  if (type !== "object" || !value)
+    return [PRIMITIVE, type];
+  const asString = toString$2.call(value).slice(8, -1);
+  switch (asString) {
+    case "Array":
+      return [ARRAY, EMPTY];
+    case "Object":
+      return [OBJECT, EMPTY];
+    case "Date":
+      return [DATE, EMPTY];
+    case "RegExp":
+      return [REGEXP, EMPTY];
+    case "Map":
+      return [MAP, EMPTY];
+    case "Set":
+      return [SET, EMPTY];
+    case "DataView":
+      return [ARRAY, asString];
+  }
+  if (asString.includes("Array"))
+    return [ARRAY, asString];
+  if (asString.includes("Error"))
+    return [ERROR, asString];
+  return [OBJECT, asString];
+};
+const shouldSkip = ([TYPE, type]) => TYPE === PRIMITIVE && (type === "function" || type === "symbol");
+const serializer = (strict, json2, $2, _) => {
+  const as = (out, value) => {
+    const index2 = _.push(out) - 1;
+    $2.set(value, index2);
+    return index2;
   };
-  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: theme2.colors.text,
-                    fontFamily: theme2.fonts.heading,
-                    fontSize: theme2.fontSizes[2],
-                    fontWeight: 600
-                  },
-                  children: title
-                }
-              ),
-              description && /* @__PURE__ */ jsx(
-                "p",
-                {
-                  style: {
-                    margin: 0,
-                    color: theme2.colors.textSecondary,
-                    fontFamily: theme2.fonts.body,
-                    fontSize: theme2.fontSizes[1],
-                    lineHeight: 1.5
-                  },
-                  children: description
-                }
-              )
-            ] })
-          ]
+  const pair = (value) => {
+    if ($2.has(value))
+      return $2.get(value);
+    let [TYPE, type] = typeOf(value);
+    switch (TYPE) {
+      case PRIMITIVE: {
+        let entry = value;
+        switch (type) {
+          case "bigint":
+            TYPE = BIGINT;
+            entry = value.toString();
+            break;
+          case "function":
+          case "symbol":
+            if (strict)
+              throw new TypeError("unable to serialize " + type);
+            entry = null;
+            break;
+          case "undefined":
+            return as([VOID], value);
         }
-      )
-    }
-  ) });
-  if (isLoading && pullRequests.length === 0) {
-    return renderState(
-      /* @__PURE__ */ jsx(LoaderCircle, { size: 32, style: { color: theme2.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: theme2.colors.textSecondary } }),
-      "No repository selected",
-      "Select a repository to view pull requests."
-    );
-  }
-  if (!hasPRs) {
-    return renderState(
-      /* @__PURE__ */ jsx(CircleAlert, { size: 32, style: { color: theme2.colors.warning || "#f59e0b" } }),
-      "Pull requests unavailable",
-      "Pull request data is not available for this repository."
-    );
-  }
-  return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
-    /* @__PURE__ */ jsx("style", { children: `.hide-scrollbar::-webkit-scrollbar { display: none; }` }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        style: {
-          height: "40px",
-          minHeight: "40px",
-          padding: "0 12px",
-          borderBottom: `1px solid ${theme2.colors.border}`,
-          backgroundColor: theme2.colors.background,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          boxSizing: "border-box"
-        },
-        children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              style: {
-                display: "flex",
-                alignItems: "center",
-                gap: "8px",
-                color: theme2.colors.textSecondary,
-                fontFamily: theme2.fonts.heading,
-                fontSize: theme2.fontSizes[0],
-                fontWeight: 600,
-                textTransform: "uppercase"
-              },
-              children: [
-                /* @__PURE__ */ jsx(GitPullRequest, { size: 14 }),
-                "Pull Requests"
-              ]
-            }
-          ),
-          /* @__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 ${theme2.colors.border}`,
-                backgroundColor: theme2.colors.background,
-                color: theme2.colors.text,
-                cursor: isLoading ? "default" : "pointer",
-                fontFamily: theme2.fonts.body,
-                fontSize: theme2.fontSizes[0],
-                fontWeight: 500,
-                opacity: isLoading ? 0.7 : 1
-              },
-              children: [
-                isLoading ? /* @__PURE__ */ jsx(LoaderCircle, { size: 12, className: "spin" }) : /* @__PURE__ */ jsx(RefreshCcw, { size: 12 }),
-                isLoading ? "Refreshing..." : "Refresh"
-              ]
-            }
-          )
-        ]
+        return as([TYPE, entry], value);
       }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          display: "flex",
-          borderBottom: `1px solid ${theme2.colors.border}`
-        },
-        children: ["open", "closed"].map((value) => {
-          const isActive = filter === value;
-          const label = value === "open" ? "Open" : "Closed";
-          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 ${theme2.colors.primary}` : "2px solid transparent",
-                backgroundColor: "transparent",
-                color: isActive ? theme2.colors.text : theme2.colors.textSecondary,
-                fontFamily: theme2.fonts.body,
-                fontSize: theme2.fontSizes[1],
-                fontWeight: isActive ? 600 : 500,
-                cursor: "pointer",
-                marginBottom: "-1px"
-              },
-              children: [
-                label,
-                /* @__PURE__ */ jsxs("span", { style: { opacity: 0.7 }, children: [
-                  "(",
-                  counts[value],
-                  ")"
-                ] })
-              ]
-            },
-            value
-          );
-        })
+      case ARRAY: {
+        if (type) {
+          let spread = value;
+          if (type === "DataView") {
+            spread = new Uint8Array(value.buffer);
+          } else if (type === "ArrayBuffer") {
+            spread = new Uint8Array(value);
+          }
+          return as([type, [...spread]], value);
+        }
+        const arr = [];
+        const index2 = as([TYPE, arr], value);
+        for (const entry of value)
+          arr.push(pair(entry));
+        return index2;
       }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          flex: 1,
-          overflowY: "auto",
-          display: "flex",
-          flexDirection: "column",
-          scrollbarWidth: "none",
-          msOverflowStyle: "none"
-        },
-        className: "hide-scrollbar",
-        children: filteredPullRequests.length === 0 ? /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              marginTop: "48px",
-              textAlign: "center",
-              color: theme2.colors.textSecondary,
-              fontFamily: theme2.fonts.body
-            },
-            children: [
-              /* @__PURE__ */ jsx(GitPullRequest, { size: 32, style: { marginBottom: "12px" } }),
-              /* @__PURE__ */ jsx("div", { style: { fontFamily: theme2.fonts.heading, fontSize: theme2.fontSizes[1], fontWeight: 600 }, children: "No pull requests found" }),
-              /* @__PURE__ */ jsxs("div", { style: { marginTop: "4px", fontSize: theme2.fontSizes[0] }, children: [
-                "There are no ",
-                filter,
-                " pull requests to display."
-              ] })
-            ]
+      case OBJECT: {
+        if (type) {
+          switch (type) {
+            case "BigInt":
+              return as([type, value.toString()], value);
+            case "Boolean":
+            case "Number":
+            case "String":
+              return as([type, value.valueOf()], value);
           }
-        ) : filteredPullRequests.map((pr) => /* @__PURE__ */ jsx(PullRequestCard, { pr, theme: theme2, onClick: () => handlePRClick(pr) }, pr.id))
-      }
-    )
-  ] });
-};
-const PullRequestCard = ({ pr, theme: theme2, onClick }) => {
-  var _a;
-  const isMerged = pr.merged_at !== null;
-  const isOpen = pr.state === "open";
-  const totalComments = (pr.comments || 0) + (pr.review_comments || 0);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      onClick,
-      role: "button",
-      tabIndex: 0,
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          onClick == null ? void 0 : onClick();
-        }
-      },
-      style: {
-        borderBottom: `1px solid ${theme2.colors.border}`,
-        padding: "12px 16px",
-        backgroundColor: theme2.colors.backgroundSecondary,
-        display: "flex",
-        flexDirection: "column",
-        gap: "8px",
-        cursor: onClick ? "pointer" : "default",
-        minWidth: 0
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "baseline",
-              gap: "8px"
-            },
-            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
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "8px 12px",
-              flexWrap: "wrap",
-              color: theme2.colors.textSecondary,
-              fontFamily: theme2.fonts.body,
-              fontSize: theme2.fontSizes[0]
-            },
-            children: [
-              pr.draft && /* @__PURE__ */ jsx(
-                "span",
-                {
-                  style: {
-                    padding: "4px 10px",
-                    borderRadius: "999px",
-                    backgroundColor: theme2.colors.background,
-                    color: theme2.colors.textSecondary,
-                    fontFamily: theme2.fonts.heading,
-                    fontSize: theme2.fontSizes[0],
-                    fontWeight: 600,
-                    textTransform: "uppercase",
-                    letterSpacing: "0.02em"
-                  },
-                  children: "Draft"
-                }
-              ),
-              /* @__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 }),
-                    " ",
-                    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
-                  ]
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-const GitPullRequestsPanelPreview = () => {
-  const { theme: theme2 } = useTheme();
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        padding: "12px",
-        fontFamily: theme2.fonts.body,
-        fontSize: theme2.fontSizes[0],
-        color: theme2.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",
-                    fontFamily: theme2.fonts.heading,
-                    fontSize: theme2.fontSizes[0],
-                    fontWeight: 600,
-                    textTransform: "uppercase"
-                  },
-                  children: "Review"
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.heading, fontWeight: 600 }, children: "#42 Refine panel layout system" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              paddingLeft: "4px",
-              color: theme2.colors.textSecondary,
-              fontSize: theme2.fontSizes[0],
-              lineHeight: 1.4
-            },
-            children: "Adds preview registry and consolidates configurator metadata."
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "8px",
-              color: theme2.colors.textSecondary,
-              fontSize: theme2.fontSizes[0]
-            },
-            children: [
-              /* @__PURE__ */ jsx("span", { children: "4 checks" }),
-              /* @__PURE__ */ jsx("span", { children: "•" }),
-              /* @__PURE__ */ jsx("span", { children: "1 reviewer" })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-const VOID = -1;
-const PRIMITIVE = 0;
-const ARRAY = 1;
-const OBJECT = 2;
-const DATE = 3;
-const REGEXP = 4;
-const MAP = 5;
-const SET = 6;
-const ERROR = 7;
-const BIGINT = 8;
-const env = typeof self === "object" ? self : globalThis;
-const deserializer = ($2, _) => {
-  const as = (out, index2) => {
-    $2.set(index2, out);
-    return out;
-  };
-  const unpair = (index2) => {
-    if ($2.has(index2))
-      return $2.get(index2);
-    const [type, value] = _[index2];
-    switch (type) {
-      case PRIMITIVE:
-      case VOID:
-        return as(value, index2);
-      case ARRAY: {
-        const arr = as([], index2);
-        for (const index3 of value)
-          arr.push(unpair(index3));
-        return arr;
-      }
-      case OBJECT: {
-        const object = as({}, index2);
-        for (const [key, index3] of value)
-          object[unpair(key)] = unpair(index3);
-        return object;
-      }
-      case DATE:
-        return as(new Date(value), index2);
-      case REGEXP: {
-        const { source: source2, flags } = value;
-        return as(new RegExp(source2, flags), index2);
-      }
-      case MAP: {
-        const map2 = as(/* @__PURE__ */ new Map(), index2);
-        for (const [key, index3] of value)
-          map2.set(unpair(key), unpair(index3));
-        return map2;
-      }
-      case SET: {
-        const set = as(/* @__PURE__ */ new Set(), index2);
-        for (const index3 of value)
-          set.add(unpair(index3));
-        return set;
-      }
-      case ERROR: {
-        const { name: name2, message } = value;
-        return as(new env[name2](message), index2);
-      }
-      case BIGINT:
-        return as(BigInt(value), index2);
-      case "BigInt":
-        return as(Object(BigInt(value)), index2);
-      case "ArrayBuffer":
-        return as(new Uint8Array(value).buffer, value);
-      case "DataView": {
-        const { buffer } = new Uint8Array(value);
-        return as(new DataView(buffer), value);
-      }
-    }
-    return as(new env[type](value), index2);
-  };
-  return unpair;
-};
-const deserialize = (serialized) => deserializer(/* @__PURE__ */ new Map(), serialized)(0);
-const EMPTY = "";
-const { toString: toString$2 } = {};
-const { keys } = Object;
-const typeOf = (value) => {
-  const type = typeof value;
-  if (type !== "object" || !value)
-    return [PRIMITIVE, type];
-  const asString = toString$2.call(value).slice(8, -1);
-  switch (asString) {
-    case "Array":
-      return [ARRAY, EMPTY];
-    case "Object":
-      return [OBJECT, EMPTY];
-    case "Date":
-      return [DATE, EMPTY];
-    case "RegExp":
-      return [REGEXP, EMPTY];
-    case "Map":
-      return [MAP, EMPTY];
-    case "Set":
-      return [SET, EMPTY];
-    case "DataView":
-      return [ARRAY, asString];
-  }
-  if (asString.includes("Array"))
-    return [ARRAY, asString];
-  if (asString.includes("Error"))
-    return [ERROR, asString];
-  return [OBJECT, asString];
-};
-const shouldSkip = ([TYPE, type]) => TYPE === PRIMITIVE && (type === "function" || type === "symbol");
-const serializer = (strict, json2, $2, _) => {
-  const as = (out, value) => {
-    const index2 = _.push(out) - 1;
-    $2.set(value, index2);
-    return index2;
-  };
-  const pair = (value) => {
-    if ($2.has(value))
-      return $2.get(value);
-    let [TYPE, type] = typeOf(value);
-    switch (TYPE) {
-      case PRIMITIVE: {
-        let entry = value;
-        switch (type) {
-          case "bigint":
-            TYPE = BIGINT;
-            entry = value.toString();
-            break;
-          case "function":
-          case "symbol":
-            if (strict)
-              throw new TypeError("unable to serialize " + type);
-            entry = null;
-            break;
-          case "undefined":
-            return as([VOID], value);
-        }
-        return as([TYPE, entry], value);
-      }
-      case ARRAY: {
-        if (type) {
-          let spread = value;
-          if (type === "DataView") {
-            spread = new Uint8Array(value.buffer);
-          } else if (type === "ArrayBuffer") {
-            spread = new Uint8Array(value);
-          }
-          return as([type, [...spread]], value);
-        }
-        const arr = [];
-        const index2 = as([TYPE, arr], value);
-        for (const entry of value)
-          arr.push(pair(entry));
-        return index2;
-      }
-      case OBJECT: {
-        if (type) {
-          switch (type) {
-            case "BigInt":
-              return as([type, value.toString()], value);
-            case "Boolean":
-            case "Number":
-            case "String":
-              return as([type, value.valueOf()], value);
-          }
-        }
-        if (json2 && "toJSON" in value)
-          return pair(value.toJSON());
-        const entries = [];
-        const index2 = as([TYPE, entries], value);
-        for (const key of keys(value)) {
-          if (strict || !shouldSkip(typeOf(value[key])))
-            entries.push([pair(key), pair(value[key])]);
-        }
-        return index2;
+        }
+        if (json2 && "toJSON" in value)
+          return pair(value.toJSON());
+        const entries = [];
+        const index2 = as([TYPE, entries], value);
+        for (const key of keys(value)) {
+          if (strict || !shouldSkip(typeOf(value[key])))
+            entries.push([pair(key), pair(value[key])]);
+        }
+        return index2;
       }
       case DATE:
         return as([TYPE, value.toISOString()], value);
@@ -45038,138 +44593,1282 @@ var DocumentView = ({
         overflow: "auto",
         backgroundColor
       }
-    }, /* @__PURE__ */ React2__default.createElement("div", {
-      style: {
-        maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
-        margin: "0 auto",
-        height: "100%"
+    }, /* @__PURE__ */ React2__default.createElement("div", {
+      style: {
+        maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
+        margin: "0 auto",
+        height: "100%"
+      }
+    }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
+      content: content2,
+      slideIdPrefix,
+      slideIndex: 0,
+      isVisible: true,
+      theme: theme2,
+      onCheckboxChange,
+      enableHtmlPopout,
+      enableKeyboardScrolling,
+      onLinkClick,
+      handleRunBashCommand,
+      fontSizeScale,
+      handlePromptCopy,
+      repositoryInfo,
+      transparentBackground
+    })));
+  }
+  if (!showSegmented) {
+    const fullContent = content2.join(`
+
+---
+
+`);
+    return /* @__PURE__ */ React2__default.createElement("div", {
+      ref: containerRef,
+      style: {
+        height: "100%",
+        overflow: "auto",
+        backgroundColor
+      }
+    }, /* @__PURE__ */ React2__default.createElement("div", {
+      style: {
+        maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
+        margin: "0 auto",
+        height: "100%"
+      }
+    }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
+      content: fullContent,
+      slideIdPrefix,
+      slideIndex: 0,
+      isVisible: true,
+      theme: theme2,
+      onCheckboxChange,
+      enableHtmlPopout,
+      enableKeyboardScrolling,
+      onLinkClick,
+      handleRunBashCommand,
+      fontSizeScale,
+      handlePromptCopy,
+      repositoryInfo,
+      transparentBackground
+    })));
+  }
+  return /* @__PURE__ */ React2__default.createElement("div", {
+    ref: containerRef,
+    style: {
+      height: "100%",
+      overflow: "auto",
+      backgroundColor
+    }
+  }, /* @__PURE__ */ React2__default.createElement("div", {
+    style: {
+      maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
+      margin: "0 auto"
+    }
+  }, content2.map((slideContent, index2) => /* @__PURE__ */ React2__default.createElement("div", {
+    key: index2,
+    ref: (el) => {
+      if (el)
+        sectionRefs.current[index2] = el;
+    },
+    style: {
+      marginBottom: index2 < content2.length - 1 ? "48px" : "0",
+      scrollMarginTop: "20px"
+    }
+  }, showSectionHeaders && /* @__PURE__ */ React2__default.createElement("div", {
+    onClick: () => handleSectionClick(index2),
+    style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      marginBottom: "16px",
+      paddingBottom: "8px",
+      borderBottom: `1px solid ${theme2.colors.border}`,
+      opacity: 0.7,
+      cursor: "pointer",
+      transition: "opacity 0.2s ease"
+    },
+    onMouseOver: (e2) => {
+      e2.currentTarget.style.opacity = "1";
+    },
+    onMouseOut: (e2) => {
+      e2.currentTarget.style.opacity = "0.7";
+    }
+  }, /* @__PURE__ */ React2__default.createElement("span", {
+    style: {
+      fontSize: "11px",
+      fontWeight: 600,
+      color: theme2.colors.textSecondary,
+      textTransform: "uppercase",
+      letterSpacing: "0.5px"
+    }
+  }, "Section ", index2 + 1, " of ", content2.length)), /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
+    content: slideContent,
+    slideIdPrefix: `${slideIdPrefix}-${index2}`,
+    slideIndex: index2,
+    isVisible: true,
+    theme: theme2,
+    onCheckboxChange,
+    enableHtmlPopout,
+    enableKeyboardScrolling,
+    onLinkClick,
+    handleRunBashCommand,
+    fontSizeScale,
+    handlePromptCopy,
+    repositoryInfo,
+    transparentBackground
+  }), showSeparators && index2 < content2.length - 1 && /* @__PURE__ */ React2__default.createElement("div", {
+    style: {
+      marginTop: "32px",
+      marginBottom: "32px",
+      height: "1px",
+      backgroundColor: theme2.colors.border,
+      opacity: 0.3
+    }
+  })))));
+};
+const GitCommitDetailPanelContent = ({
+  events
+}) => {
+  const { theme: theme2 } = useTheme();
+  const [selectedCommit, setSelectedCommit] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!events) return;
+    const unsubscribers = [
+      // Host is loading commit details
+      events.on(
+        "git-panels.commit-detail:loading",
+        (event) => {
+          setIsLoading(true);
+          setError(null);
+        }
+      ),
+      // Host loaded commit details
+      events.on(
+        "git-panels.commit-detail:loaded",
+        (event) => {
+          var _a;
+          const commit = (_a = event.payload) == null ? void 0 : _a.commit;
+          if (commit) {
+            setSelectedCommit(commit);
+            setIsLoading(false);
+            setError(null);
+          }
+        }
+      ),
+      // Host encountered error
+      events.on(
+        "git-panels.commit-detail:error",
+        (event) => {
+          var _a;
+          setError(((_a = event.payload) == null ? void 0 : _a.error) || "Failed to load commit");
+          setIsLoading(false);
+        }
+      )
+    ];
+    return () => {
+      unsubscribers.forEach((unsub) => unsub && unsub());
+    };
+  }, [events]);
+  const handleClose = () => {
+    setSelectedCommit(null);
+    setError(null);
+    if (events) {
+      events.emit({
+        type: "git-panels.commit:deselected",
+        source: "git-panels.commit-detail",
+        timestamp: Date.now(),
+        payload: {}
+      });
+    }
+  };
+  const containerStyle = {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    backgroundColor: theme2.colors.background,
+    overflow: "hidden"
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            flex: 1,
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            gap: "16px",
+            padding: "24px",
+            textAlign: "center"
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              LoaderCircle,
+              {
+                size: 32,
+                style: {
+                  color: theme2.colors.primary,
+                  animation: "spin 1s linear infinite"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                style: {
+                  margin: 0,
+                  fontFamily: theme2.fonts.body,
+                  fontSize: theme2.fontSizes[1],
+                  color: theme2.colors.textSecondary
+                },
+                children: "Loading commit details..."
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("style", { children: `@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }` })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          flex: 1,
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: "16px",
+          padding: "24px",
+          textAlign: "center"
+        },
+        children: [
+          /* @__PURE__ */ jsx(X, { size: 48, style: { color: theme2.colors.error || "#ef4444" } }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(
+              "h3",
+              {
+                style: {
+                  margin: 0,
+                  marginBottom: "8px",
+                  fontFamily: theme2.fonts.heading,
+                  fontSize: theme2.fontSizes[3],
+                  fontWeight: 600,
+                  color: theme2.colors.text
+                },
+                children: "Failed to Load Commit"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                style: {
+                  margin: 0,
+                  fontFamily: theme2.fonts.body,
+                  fontSize: theme2.fontSizes[1],
+                  color: theme2.colors.textSecondary
+                },
+                children: error
+              }
+            )
+          ] })
+        ]
+      }
+    ) });
+  }
+  if (!selectedCommit) {
+    return /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          flex: 1,
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: "16px",
+          padding: "24px",
+          textAlign: "center"
+        },
+        children: [
+          /* @__PURE__ */ jsx(GitCommitHorizontal, { size: 48, style: { color: theme2.colors.textMuted } }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(
+              "h3",
+              {
+                style: {
+                  margin: 0,
+                  marginBottom: "8px",
+                  fontFamily: theme2.fonts.heading,
+                  fontSize: theme2.fontSizes[3],
+                  fontWeight: 600,
+                  color: theme2.colors.text
+                },
+                children: "No Commit Selected"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                style: {
+                  margin: 0,
+                  fontFamily: theme2.fonts.body,
+                  fontSize: theme2.fontSizes[1],
+                  color: theme2.colors.textSecondary,
+                  lineHeight: 1.5
+                },
+                children: "Click on a commit in the history to view its details."
+              }
+            )
+          ] })
+        ]
+      }
+    ) });
+  }
+  const shortHash = selectedCommit.hash.substring(0, 8);
+  const [firstLine, ...restLines] = selectedCommit.message.split("\n");
+  const messageBody = restLines.join("\n").trim();
+  const relative = formatRelativeTime(selectedCommit.date);
+  return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          height: "40px",
+          minHeight: "40px",
+          padding: "0 12px",
+          borderBottom: `1px solid ${theme2.colors.border}`,
+          backgroundColor: theme2.colors.backgroundSecondary,
+          display: "flex",
+          alignItems: "center",
+          gap: "12px",
+          boxSizing: "border-box"
+        },
+        children: [
+          /* @__PURE__ */ jsx(GitCommitHorizontal, { size: 14, style: { color: theme2.colors.primary } }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                fontFamily: theme2.fonts.monospace,
+                fontSize: theme2.fontSizes[1],
+                color: theme2.colors.primary,
+                backgroundColor: `${theme2.colors.primary}15`,
+                padding: "2px 8px",
+                borderRadius: "4px"
+              },
+              children: shortHash
+            }
+          ),
+          selectedCommit.stats && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: "8px",
+                fontSize: theme2.fontSizes[0]
+              },
+              children: [
+                /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.success || "#22c55e", display: "inline-flex", alignItems: "center", gap: "2px" }, children: [
+                  /* @__PURE__ */ jsx(Plus, { size: 12 }),
+                  selectedCommit.stats.additions
+                ] }),
+                /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.error || "#ef4444", display: "inline-flex", alignItems: "center", gap: "2px" }, children: [
+                  /* @__PURE__ */ jsx(Minus, { size: 12 }),
+                  selectedCommit.stats.deletions
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+          selectedCommit.htmlUrl && /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: selectedCommit.htmlUrl,
+              target: "_blank",
+              rel: "noreferrer",
+              title: "View on GitHub",
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                justifyContent: "center",
+                width: "28px",
+                height: "28px",
+                padding: 0,
+                border: `1px solid ${theme2.colors.border}`,
+                borderRadius: "6px",
+                backgroundColor: theme2.colors.background,
+                color: theme2.colors.textSecondary,
+                textDecoration: "none"
+              },
+              children: /* @__PURE__ */ jsx(ExternalLink, { size: 14 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleClose,
+              title: "Close",
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                justifyContent: "center",
+                width: "28px",
+                height: "28px",
+                padding: 0,
+                border: `1px solid ${theme2.colors.border}`,
+                borderRadius: "6px",
+                backgroundColor: theme2.colors.background,
+                color: theme2.colors.textSecondary,
+                cursor: "pointer"
+              },
+              children: /* @__PURE__ */ jsx(X, { size: 16 })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          flex: 1,
+          overflow: "auto",
+          padding: "16px"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "h1",
+            {
+              style: {
+                margin: 0,
+                marginBottom: "16px",
+                fontFamily: theme2.fonts.heading,
+                fontSize: theme2.fontSizes[4] || 20,
+                fontWeight: 600,
+                color: theme2.colors.text,
+                lineHeight: 1.3
+              },
+              children: firstLine
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                flexDirection: "column",
+                gap: "8px",
+                padding: "12px",
+                marginBottom: "16px",
+                backgroundColor: theme2.colors.backgroundSecondary,
+                borderRadius: "8px",
+                border: `1px solid ${theme2.colors.border}`
+              },
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "8px",
+                      fontSize: theme2.fontSizes[1]
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(User, { size: 14, style: { color: theme2.colors.textSecondary } }),
+                      /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.text }, children: selectedCommit.author }),
+                      selectedCommit.authorEmail && /* @__PURE__ */ jsxs(
+                        "span",
+                        {
+                          style: {
+                            display: "inline-flex",
+                            alignItems: "center",
+                            gap: "4px",
+                            color: theme2.colors.textSecondary,
+                            fontSize: theme2.fontSizes[0]
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(Mail, { size: 12 }),
+                            selectedCommit.authorEmail
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "8px",
+                      fontSize: theme2.fontSizes[1]
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(Clock, { size: 14, style: { color: theme2.colors.textSecondary } }),
+                      /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.text }, children: formatDate(selectedCommit.date) }),
+                      /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.textSecondary }, children: [
+                        "(",
+                        relative,
+                        ")"
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "8px",
+                      fontSize: theme2.fontSizes[1]
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(GitCommitHorizontal, { size: 14, style: { color: theme2.colors.textSecondary } }),
+                      /* @__PURE__ */ jsx(
+                        "code",
+                        {
+                          style: {
+                            fontFamily: theme2.fonts.monospace,
+                            fontSize: theme2.fontSizes[0],
+                            color: theme2.colors.text,
+                            backgroundColor: theme2.colors.background,
+                            padding: "2px 6px",
+                            borderRadius: "4px"
+                          },
+                          children: selectedCommit.hash
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          messageBody && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                marginBottom: "16px",
+                padding: "16px",
+                backgroundColor: theme2.colors.backgroundSecondary,
+                borderRadius: "8px",
+                border: `1px solid ${theme2.colors.border}`
+              },
+              children: /* @__PURE__ */ jsx(
+                DocumentView,
+                {
+                  content: messageBody,
+                  theme: theme2,
+                  maxWidth: "100%",
+                  transparentBackground: true
+                }
+              )
+            }
+          ),
+          selectedCommit.files && selectedCommit.files.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs(
+              "h2",
+              {
+                style: {
+                  margin: 0,
+                  marginBottom: "12px",
+                  fontFamily: theme2.fonts.heading,
+                  fontSize: theme2.fontSizes[2],
+                  fontWeight: 600,
+                  color: theme2.colors.text,
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "8px"
+                },
+                children: [
+                  /* @__PURE__ */ jsx(FileText, { size: 16 }),
+                  "Files Changed (",
+                  selectedCommit.files.length,
+                  ")"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  gap: "4px"
+                },
+                children: selectedCommit.files.map((file) => /* @__PURE__ */ jsx(FileChangeRow, { file, theme: theme2 }, file.filename))
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+const FileChangeRow = ({ file, theme: theme2 }) => {
+  const statusColors = {
+    added: theme2.colors.success || "#22c55e",
+    removed: theme2.colors.error || "#ef4444",
+    modified: theme2.colors.warning || "#f59e0b",
+    renamed: theme2.colors.info || "#3b82f6"
+  };
+  const statusColor = statusColors[file.status] || theme2.colors.textSecondary;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        padding: "8px 12px",
+        backgroundColor: theme2.colors.backgroundSecondary,
+        borderRadius: "6px",
+        border: `1px solid ${theme2.colors.border}`,
+        fontSize: theme2.fontSizes[1]
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              width: "8px",
+              height: "8px",
+              borderRadius: "50%",
+              backgroundColor: statusColor,
+              flexShrink: 0
+            },
+            title: file.status
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              flex: 1,
+              fontFamily: theme2.fonts.monospace,
+              fontSize: theme2.fontSizes[0],
+              color: theme2.colors.text,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            },
+            title: file.filename,
+            children: file.filename
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: "6px",
+              fontSize: theme2.fontSizes[0],
+              flexShrink: 0
+            },
+            children: [
+              file.additions > 0 && /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.success || "#22c55e" }, children: [
+                "+",
+                file.additions
+              ] }),
+              file.deletions > 0 && /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.error || "#ef4444" }, children: [
+                "-",
+                file.deletions
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const GitCommitDetailPanel = GitCommitDetailPanelContent;
+const GitCommitDetailPanelPreview = () => {
+  const { theme: theme2 } = useTheme();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        padding: "12px",
+        fontFamily: theme2.fonts.body,
+        fontSize: theme2.fontSizes[0],
+        color: theme2.colors.text,
+        display: "flex",
+        flexDirection: "column",
+        gap: "8px"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px"
+            },
+            children: [
+              /* @__PURE__ */ jsx(GitCommitHorizontal, { size: 12, style: { color: theme2.colors.primary } }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    fontFamily: theme2.fonts.monospace,
+                    fontSize: theme2.fontSizes[0],
+                    color: theme2.colors.primary
+                  },
+                  children: "a1b2c3d4"
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.success || "#22c55e", fontSize: "10px" }, children: "+42" }),
+              /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.error || "#ef4444", fontSize: "10px" }, children: "-15" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { style: { fontFamily: theme2.fonts.heading, fontWeight: 600 }, children: "feat: add commit detail panel" }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              color: theme2.colors.textSecondary,
+              fontSize: theme2.fontSizes[0],
+              lineHeight: 1.4
+            },
+            children: "View commit message, stats, and files changed."
+          }
+        )
+      ]
+    }
+  );
+};
+const GitPullRequestsPanel = ({
+  context,
+  events
+}) => {
+  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");
+  const pullRequests = ((_a = prSlice == null ? void 0 : prSlice.data) == null ? void 0 : _a.pullRequests) ?? [];
+  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 && ["open", "closed"].includes(newFilter)) {
+          setFilter(newFilter);
+        }
+      })
+    ];
+    return () => unsubscribers.forEach((unsub) => unsub());
+  }, [events, context]);
+  const filteredPullRequests = useMemo(() => {
+    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 };
+  }, [pullRequests]);
+  const handleRefresh = async () => {
+    try {
+      await context.refresh("repository", "pullRequests");
+    } catch (error) {
+      console.error("[GitPullRequestsPanel] Refresh failed:", error);
+    }
+  };
+  const handlePRClick = (pr) => {
+    setSelectedPrId(pr.id);
+    events.emit({
+      type: "git-panels.pull-request:selected",
+      source: "git-panels.pull-requests",
+      timestamp: Date.now(),
+      payload: { pr }
+    });
+  };
+  const containerStyle = {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    backgroundColor: theme2.colors.background,
+    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: theme2.colors.text,
+                    fontFamily: theme2.fonts.heading,
+                    fontSize: theme2.fontSizes[2],
+                    fontWeight: 600
+                  },
+                  children: title
+                }
+              ),
+              description && /* @__PURE__ */ jsx(
+                "p",
+                {
+                  style: {
+                    margin: 0,
+                    color: theme2.colors.textSecondary,
+                    fontFamily: theme2.fonts.body,
+                    fontSize: theme2.fontSizes[1],
+                    lineHeight: 1.5
+                  },
+                  children: description
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+  if (isLoading && pullRequests.length === 0) {
+    return renderState(
+      /* @__PURE__ */ jsx(LoaderCircle, { size: 32, style: { color: theme2.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: theme2.colors.textSecondary } }),
+      "No repository selected",
+      "Select a repository to view pull requests."
+    );
+  }
+  if (!hasPRs) {
+    return renderState(
+      /* @__PURE__ */ jsx(CircleAlert, { size: 32, style: { color: theme2.colors.warning || "#f59e0b" } }),
+      "Pull requests unavailable",
+      "Pull request data is not available for this repository."
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsx("style", { children: `.hide-scrollbar::-webkit-scrollbar { display: none; }` }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          height: "40px",
+          minHeight: "40px",
+          padding: "0 12px",
+          borderBottom: `1px solid ${theme2.colors.border}`,
+          backgroundColor: theme2.colors.background,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          boxSizing: "border-box"
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "8px",
+                color: theme2.colors.textSecondary,
+                fontFamily: theme2.fonts.heading,
+                fontSize: theme2.fontSizes[0],
+                fontWeight: 600,
+                textTransform: "uppercase"
+              },
+              children: [
+                /* @__PURE__ */ jsx(GitPullRequest, { size: 14 }),
+                "Pull Requests"
+              ]
+            }
+          ),
+          /* @__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 ${theme2.colors.border}`,
+                backgroundColor: theme2.colors.background,
+                color: theme2.colors.text,
+                cursor: isLoading ? "default" : "pointer",
+                fontFamily: theme2.fonts.body,
+                fontSize: theme2.fontSizes[0],
+                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 ${theme2.colors.border}`
+        },
+        children: ["open", "closed"].map((value) => {
+          const isActive = filter === value;
+          const label = value === "open" ? "Open" : "Closed";
+          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 ${theme2.colors.primary}` : "2px solid transparent",
+                backgroundColor: "transparent",
+                color: isActive ? theme2.colors.text : theme2.colors.textSecondary,
+                fontFamily: theme2.fonts.body,
+                fontSize: theme2.fontSizes[1],
+                fontWeight: isActive ? 600 : 500,
+                cursor: "pointer",
+                marginBottom: "-1px"
+              },
+              children: [
+                label,
+                /* @__PURE__ */ jsxs("span", { style: { opacity: 0.7 }, children: [
+                  "(",
+                  counts[value],
+                  ")"
+                ] })
+              ]
+            },
+            value
+          );
+        })
       }
-    }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
-      content: content2,
-      slideIdPrefix,
-      slideIndex: 0,
-      isVisible: true,
-      theme: theme2,
-      onCheckboxChange,
-      enableHtmlPopout,
-      enableKeyboardScrolling,
-      onLinkClick,
-      handleRunBashCommand,
-      fontSizeScale,
-      handlePromptCopy,
-      repositoryInfo,
-      transparentBackground
-    })));
-  }
-  if (!showSegmented) {
-    const fullContent = content2.join(`
-
----
-
-`);
-    return /* @__PURE__ */ React2__default.createElement("div", {
-      ref: containerRef,
-      style: {
-        height: "100%",
-        overflow: "auto",
-        backgroundColor
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          flex: 1,
+          overflowY: "auto",
+          display: "flex",
+          flexDirection: "column",
+          scrollbarWidth: "none",
+          msOverflowStyle: "none"
+        },
+        className: "hide-scrollbar",
+        children: filteredPullRequests.length === 0 ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              marginTop: "48px",
+              textAlign: "center",
+              color: theme2.colors.textSecondary,
+              fontFamily: theme2.fonts.body
+            },
+            children: [
+              /* @__PURE__ */ jsx(GitPullRequest, { size: 32, style: { marginBottom: "12px" } }),
+              /* @__PURE__ */ jsx("div", { style: { fontFamily: theme2.fonts.heading, fontSize: theme2.fontSizes[1], fontWeight: 600 }, children: "No pull requests found" }),
+              /* @__PURE__ */ jsxs("div", { style: { marginTop: "4px", fontSize: theme2.fontSizes[0] }, children: [
+                "There are no ",
+                filter,
+                " pull requests to display."
+              ] })
+            ]
+          }
+        ) : filteredPullRequests.map((pr) => /* @__PURE__ */ jsx(PullRequestCard, { pr, theme: theme2, isSelected: selectedPrId === pr.id, onClick: () => handlePRClick(pr) }, pr.id))
       }
-    }, /* @__PURE__ */ React2__default.createElement("div", {
+    )
+  ] });
+};
+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);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      onClick,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick == null ? void 0 : onClick();
+        }
+      },
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
       style: {
-        maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
-        margin: "0 auto",
-        height: "100%"
-      }
-    }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
-      content: fullContent,
-      slideIdPrefix,
-      slideIndex: 0,
-      isVisible: true,
-      theme: theme2,
-      onCheckboxChange,
-      enableHtmlPopout,
-      enableKeyboardScrolling,
-      onLinkClick,
-      handleRunBashCommand,
-      fontSizeScale,
-      handlePromptCopy,
-      repositoryInfo,
-      transparentBackground
-    })));
-  }
-  return /* @__PURE__ */ React2__default.createElement("div", {
-    ref: containerRef,
-    style: {
-      height: "100%",
-      overflow: "auto",
-      backgroundColor
-    }
-  }, /* @__PURE__ */ React2__default.createElement("div", {
-    style: {
-      maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
-      margin: "0 auto"
-    }
-  }, content2.map((slideContent, index2) => /* @__PURE__ */ React2__default.createElement("div", {
-    key: index2,
-    ref: (el) => {
-      if (el)
-        sectionRefs.current[index2] = el;
-    },
-    style: {
-      marginBottom: index2 < content2.length - 1 ? "48px" : "0",
-      scrollMarginTop: "20px"
-    }
-  }, showSectionHeaders && /* @__PURE__ */ React2__default.createElement("div", {
-    onClick: () => handleSectionClick(index2),
-    style: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      marginBottom: "16px",
-      paddingBottom: "8px",
-      borderBottom: `1px solid ${theme2.colors.border}`,
-      opacity: 0.7,
-      cursor: "pointer",
-      transition: "opacity 0.2s ease"
-    },
-    onMouseOver: (e2) => {
-      e2.currentTarget.style.opacity = "1";
-    },
-    onMouseOut: (e2) => {
-      e2.currentTarget.style.opacity = "0.7";
-    }
-  }, /* @__PURE__ */ React2__default.createElement("span", {
-    style: {
-      fontSize: "11px",
-      fontWeight: 600,
-      color: theme2.colors.textSecondary,
-      textTransform: "uppercase",
-      letterSpacing: "0.5px"
+        borderBottom: `1px solid ${theme2.colors.border}`,
+        padding: "16px 16px",
+        backgroundColor: isActive ? theme2.colors.background : theme2.colors.backgroundSecondary,
+        display: "flex",
+        flexDirection: "column",
+        gap: "8px",
+        cursor: onClick ? "pointer" : "default",
+        minWidth: 0,
+        transition: "background-color 0.15s ease"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              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: pr.title
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px 12px",
+              flexWrap: "wrap",
+              color: theme2.colors.textSecondary,
+              fontFamily: theme2.fonts.body,
+              fontSize: theme2.fontSizes[0]
+            },
+            children: [
+              pr.draft && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    padding: "4px 10px",
+                    borderRadius: "999px",
+                    backgroundColor: theme2.colors.background,
+                    color: theme2.colors.textSecondary,
+                    fontFamily: theme2.fonts.heading,
+                    fontSize: theme2.fontSizes[0],
+                    fontWeight: 600,
+                    textTransform: "uppercase",
+                    letterSpacing: "0.02em"
+                  },
+                  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"
+              ] }),
+              /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: "4px"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Calendar, { size: 12 }),
+                    " ",
+                    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
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
     }
-  }, "Section ", index2 + 1, " of ", content2.length)), /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
-    content: slideContent,
-    slideIdPrefix: `${slideIdPrefix}-${index2}`,
-    slideIndex: index2,
-    isVisible: true,
-    theme: theme2,
-    onCheckboxChange,
-    enableHtmlPopout,
-    enableKeyboardScrolling,
-    onLinkClick,
-    handleRunBashCommand,
-    fontSizeScale,
-    handlePromptCopy,
-    repositoryInfo,
-    transparentBackground
-  }), showSeparators && index2 < content2.length - 1 && /* @__PURE__ */ React2__default.createElement("div", {
-    style: {
-      marginTop: "32px",
-      marginBottom: "32px",
-      height: "1px",
-      backgroundColor: theme2.colors.border,
-      opacity: 0.3
+  );
+};
+const GitPullRequestsPanelPreview = () => {
+  const { theme: theme2 } = useTheme();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        padding: "12px",
+        fontFamily: theme2.fonts.body,
+        fontSize: theme2.fontSizes[0],
+        color: theme2.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",
+                    fontFamily: theme2.fonts.heading,
+                    fontSize: theme2.fontSizes[0],
+                    fontWeight: 600,
+                    textTransform: "uppercase"
+                  },
+                  children: "Review"
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.heading, fontWeight: 600 }, children: "#42 Refine panel layout system" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              paddingLeft: "4px",
+              color: theme2.colors.textSecondary,
+              fontSize: theme2.fontSizes[0],
+              lineHeight: 1.4
+            },
+            children: "Adds preview registry and consolidates configurator metadata."
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              color: theme2.colors.textSecondary,
+              fontSize: theme2.fontSizes[0]
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { children: "4 checks" }),
+              /* @__PURE__ */ jsx("span", { children: "•" }),
+              /* @__PURE__ */ jsx("span", { children: "1 reviewer" })
+            ]
+          }
+        )
+      ]
     }
-  })))));
+  );
 };
 const GitPullRequestDetailPanelContent = ({
   events
@@ -45731,10 +46430,66 @@ const pullRequestDetailToolsMetadata = {
   description: "Tools for the pull request detail panel",
   tools: pullRequestDetailTools
 };
+const selectCommitTool = {
+  name: "select_commit",
+  description: "Selects a commit to display in the detail panel (triggers host to fetch full details)",
+  inputs: {
+    type: "object",
+    properties: {
+      hash: {
+        type: "string",
+        description: "The commit hash to select"
+      }
+    },
+    required: ["hash"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" }
+    }
+  },
+  tags: ["git", "commits", "detail", "select"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "git-panels.commit:selected"
+  }
+};
+const deselectCommitTool = {
+  name: "deselect_commit",
+  description: "Clears the current commit selection",
+  inputs: {
+    type: "object",
+    properties: {}
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" }
+    }
+  },
+  tags: ["git", "commits", "detail", "deselect"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "git-panels.commit:deselected"
+  }
+};
+const commitDetailTools = [
+  selectCommitTool,
+  deselectCommitTool
+];
+const commitDetailToolsMetadata = {
+  id: "git-panels.commit-detail",
+  name: "Commit Details",
+  description: "Tools for the commit detail panel",
+  tools: commitDetailTools
+};
 const allGitPanelTools = [
   ...commitHistoryTools,
   ...pullRequestsTools,
-  ...pullRequestDetailTools
+  ...pullRequestDetailTools,
+  ...commitDetailTools
 ];
 const panels = [
   {
@@ -45755,6 +46510,20 @@ const panels = [
       }
     }
   },
+  {
+    metadata: {
+      id: "git-panels.commit-detail",
+      name: "Commit Details",
+      icon: "git-commit",
+      version: "0.1.0",
+      author: "Principal ADE",
+      description: "View detailed commit information with files changed",
+      slices: [],
+      // No slices - receives data via events from host
+      tools: commitDetailTools
+    },
+    component: GitCommitDetailPanel
+  },
   {
     metadata: {
       id: "git-panels.pull-requests",
@@ -45795,6 +46564,8 @@ const onPackageUnload = async () => {
   console.log("[git-panels] Package unloading");
 };
 export {
+  GitCommitDetailPanel,
+  GitCommitDetailPanelPreview,
   GitCommitHistoryPanel,
   GitCommitHistoryPanelPreview,
   GitPullRequestDetailPanel,
@@ -45802,8 +46573,11 @@ export {
   GitPullRequestsPanel,
   GitPullRequestsPanelPreview,
   allGitPanelTools,
+  commitDetailTools,
+  commitDetailToolsMetadata,
   commitHistoryTools,
   commitHistoryToolsMetadata,
+  deselectCommitTool,
   deselectPullRequestTool,
   onPackageLoad,
   onPackageUnload,
@@ -45814,6 +46588,7 @@ export {
   pullRequestsToolsMetadata,
   refreshCommitsTool,
   refreshPullRequestsTool,
+  selectCommitTool,
   selectPullRequestTool,
   setCommitLimitTool,
   setPRFilterTool