@industry-theme/git-panels 0.1.11 → 0.1.13

package/dist/panels.bundle.js

@@ -107,70 +107,59 @@ 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$j = [
   ["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$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$g = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$g);
+const __iconNode$i = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __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$f = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$f);
+const __iconNode$h = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __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$e = [
+const __iconNode$g = [
   ["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);
-/**
- * @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 = [
-  ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
-];
-const Clock = createLucideIcon("clock", __iconNode$d);
+const CircleAlert = createLucideIcon("circle-alert", __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$c = [
+const __iconNode$f = [
   ["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$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$b = [
+const __iconNode$e = [
   ["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 +169,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$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$a = [
+const __iconNode$d = [
   ["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$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$9 = [
+const __iconNode$c = [
   [
     "path",
     {
@@ -212,47 +201,59 @@ 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$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$8 = [
+const __iconNode$b = [
+  ["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$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 = [
   ["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$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$7 = [
+const __iconNode$9 = [
   ["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$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$6 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$6);
+const __iconNode$8 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __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$5 = [
+const __iconNode$7 = [
   [
     "path",
     {
@@ -261,37 +262,45 @@ const __iconNode$5 = [
     }
   ]
 ];
-const MessageSquare = createLucideIcon("message-square", __iconNode$5);
+const MessageSquare = createLucideIcon("message-square", __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$4 = [
+const __iconNode$6 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
+const Minus = createLucideIcon("minus", __iconNode$6);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$5 = [
   ["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$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$3 = [
+const __iconNode$4 = [
   ["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$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$2 = [
+const __iconNode$3 = [
   [
     "path",
     {
@@ -300,7 +309,18 @@ const __iconNode$2 = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$2);
+const Play = createLucideIcon("play", __iconNode$3);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$2 = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+];
+const Plus = createLucideIcon("plus", __iconNode$2);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -362,7 +382,8 @@ function formatRelativeTime(dateStr) {
   const hours = Math.floor(minutes / 60);
   if (hours < 24) return `${hours} hour${hours === 1 ? "" : "s"} ago`;
   const days = Math.floor(hours / 24);
-  if (days < 30) return `${days} day${days === 1 ? "" : "s"} ago`;
+  if (days === 1) return "Yesterday";
+  if (days < 30) return `${days} days ago`;
   const months = Math.floor(days / 30);
   if (months < 12) return `${months} month${months === 1 ? "" : "s"} ago`;
   const years = Math.floor(months / 12);
@@ -391,6 +412,7 @@ const GitCommitHistoryPanel = ({
   var _a;
   const { theme: theme2 } = useTheme();
   const [limit, setLimit] = useState(25);
+  const [selectedHash, setSelectedHash] = useState(null);
   const commitsSlice = context.getSlice("commits");
   const hasCommits = context.hasSlice("commits");
   const isLoading = context.isSliceLoading("commits");
@@ -434,7 +456,7 @@ const GitCommitHistoryPanel = ({
     display: "flex",
     flexDirection: "column",
     height: "100%",
-    backgroundColor: theme2.colors.backgroundSecondary,
+    backgroundColor: theme2.colors.background,
     overflow: "hidden"
   };
   const renderState = (message) => /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsx(
@@ -458,6 +480,7 @@ const GitCommitHistoryPanel = ({
     return renderState("Commit history data is not available.");
   }
   return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsx("style", { children: `.hide-scrollbar::-webkit-scrollbar { display: none; }` }),
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -466,20 +489,32 @@ const GitCommitHistoryPanel = ({
           minHeight: "40px",
           padding: "0 12px",
           borderBottom: `1px solid ${theme2.colors.border}`,
+          backgroundColor: theme2.colors.background,
           display: "flex",
           alignItems: "center",
           justifyContent: "space-between",
-          color: theme2.colors.textSecondary,
-          textTransform: "uppercase",
-          fontWeight: 600,
-          fontSize: theme2.fontSizes[1],
           boxSizing: "border-box"
         },
         children: [
-          /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-            /* @__PURE__ */ jsx(History, { size: 14 }),
-            "Commit History"
-          ] }),
+          /* @__PURE__ */ jsxs(
+            "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(History, { size: 14 }),
+                "Commit History"
+              ]
+            }
+          ),
           /* @__PURE__ */ jsxs(
             "button",
             {
@@ -496,7 +531,8 @@ const GitCommitHistoryPanel = ({
                 backgroundColor: theme2.colors.background,
                 color: theme2.colors.text,
                 cursor: isLoading ? "default" : "pointer",
-                fontSize: "12px",
+                fontFamily: theme2.fonts.body,
+                fontSize: theme2.fontSizes[0],
                 fontWeight: 500,
                 opacity: isLoading ? 0.7 : 1
               },
@@ -515,11 +551,12 @@ const GitCommitHistoryPanel = ({
         style: {
           flex: 1,
           overflowY: "auto",
-          padding: "16px",
           display: "flex",
           flexDirection: "column",
-          gap: "10px"
+          scrollbarWidth: "none",
+          msOverflowStyle: "none"
         },
+        className: "hide-scrollbar",
         children: [
           isLoading && commits.length === 0 && /* @__PURE__ */ jsx(
             "div",
@@ -536,51 +573,87 @@ const GitCommitHistoryPanel = ({
               children: "Loading commit history..."
             }
           ),
-          !isLoading && sortedCommits.length === 0 && /* @__PURE__ */ jsx(
+          !isLoading && sortedCommits.length === 0 && /* @__PURE__ */ jsxs(
             "div",
             {
               style: {
-                flex: 1,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
+                marginTop: "48px",
                 textAlign: "center",
                 color: theme2.colors.textSecondary,
-                fontSize: theme2.fontSizes[1]
+                fontFamily: theme2.fonts.body
               },
-              children: "No commits found."
+              children: [
+                /* @__PURE__ */ jsx(History, { size: 32, style: { marginBottom: "12px" } }),
+                /* @__PURE__ */ jsx("div", { style: { fontFamily: theme2.fonts.heading, fontSize: theme2.fontSizes[1], fontWeight: 600 }, children: "No commits found" }),
+                /* @__PURE__ */ jsx("div", { style: { marginTop: "4px", fontSize: theme2.fontSizes[0] }, children: "There are no commits to display." })
+              ]
             }
           ),
-          sortedCommits.map((commit) => /* @__PURE__ */ jsx(CommitCard, { commit, theme: theme2 }, commit.hash))
+          sortedCommits.map((commit) => /* @__PURE__ */ jsx(
+            CommitCard,
+            {
+              commit,
+              theme: theme2,
+              isSelected: selectedHash === commit.hash,
+              onClick: () => {
+                setSelectedHash(commit.hash);
+                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, isSelected, onClick }) => {
+  const [isHovered, setIsHovered] = useState(false);
+  const isActive = isHovered || isSelected;
   const firstLine = commit.message.split("\n")[0];
   const relative = formatRelativeTime(commit.date);
   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: {
-        padding: "12px",
-        backgroundColor: theme2.colors.background,
-        borderRadius: "6px",
-        border: `1px solid ${theme2.colors.border}`,
+        borderBottom: `1px solid ${theme2.colors.border}`,
+        padding: "16px",
+        backgroundColor: isActive ? theme2.colors.background : theme2.colors.backgroundSecondary,
         display: "flex",
         flexDirection: "column",
-        gap: "6px"
+        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],
-              color: theme2.colors.text,
-              fontWeight: 500,
-              lineHeight: 1.4
+              fontWeight: 600,
+              color: isActive ? theme2.colors.primary : theme2.colors.text,
+              lineHeight: 1.3,
+              wordBreak: "break-word",
+              transition: "color 0.15s ease"
             },
             children: firstLine
           }
@@ -590,40 +663,18 @@ const CommitCard = ({ commit, theme: theme2 }) => {
           {
             style: {
               display: "flex",
-              flexWrap: "wrap",
-              gap: "8px",
               alignItems: "center",
-              fontSize: theme2.fontSizes[1],
-              color: theme2.colors.textSecondary
+              gap: "4px",
+              color: theme2.colors.textSecondary,
+              fontFamily: theme2.fonts.body,
+              fontSize: theme2.fontSizes[0]
             },
             children: [
-              commit.author && /* @__PURE__ */ jsx("span", { children: commit.author }),
-              /* @__PURE__ */ jsx("span", { style: { fontSize: "10px" }, children: "•" }),
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  style: {
-                    fontFamily: theme2.fonts.monospace,
-                    fontSize: "11px"
-                  },
-                  children: commit.hash.substring(0, 8)
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { style: { fontSize: "10px" }, children: "•" }),
-              /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  style: {
-                    display: "inline-flex",
-                    alignItems: "center",
-                    gap: "4px"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(Clock, { size: 12 }),
-                    /* @__PURE__ */ jsx("span", { title: new Date(commit.date).toLocaleString(), children: relative })
-                  ]
-                }
-              )
+              /* @__PURE__ */ jsx("span", { title: new Date(commit.date).toLocaleString(), children: relative }),
+              commit.author && /* @__PURE__ */ jsxs("span", { children: [
+                "by ",
+                commit.author
+              ] })
             ]
           }
         )
@@ -698,753 +749,235 @@ const GitCommitHistoryPanelPreview = () => {
     }
   );
 };
-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 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) => {
-    setSelectedPrId(pr.id);
-    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);
         }
-      )
+        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;
+      }
+      case DATE:
+        return as([TYPE, value.toISOString()], value);
+      case REGEXP: {
+        const { source: source2, flags } = value;
+        return as([TYPE, { source: source2, flags }], value);
+      }
+      case MAP: {
+        const entries = [];
+        const index2 = as([TYPE, entries], value);
+        for (const [key, entry] of value) {
+          if (strict || !(shouldSkip(typeOf(key)) || shouldSkip(typeOf(entry))))
+            entries.push([pair(key), pair(entry)]);
+        }
+        return index2;
+      }
+      case SET: {
+        const entries = [];
+        const index2 = as([TYPE, entries], value);
+        for (const entry of value) {
+          if (strict || !shouldSkip(typeOf(entry)))
+            entries.push(pair(entry));
+        }
+        return index2;
+      }
+    }
+    const { message } = value;
+    return as([TYPE, { name: type, message }], value);
+  };
+  return pair;
+};
+const serialize$1 = (value, { json: json2, lossy } = {}) => {
+  const _ = [];
+  return serializer(!(json2 || lossy), !!json2, /* @__PURE__ */ new Map(), _)(value), _;
+};
+const structuredClone$1 = typeof structuredClone === "function" ? (
+  /* c8 ignore start */
+  (any, options) => options && ("json" in options || "lossy" in options) ? deserialize(serialize$1(any, options)) : structuredClone(any)
+) : (any, options) => deserialize(serialize$1(any, options));
+const pointEnd = point$3("end");
+const pointStart = point$3("start");
+function point$3(type) {
+  return point2;
+  function point2(node2) {
+    const point3 = node2 && node2.position && node2.position[type] || {};
+    if (typeof point3.line === "number" && point3.line > 0 && typeof point3.column === "number" && point3.column > 0) {
+      return {
+        line: point3.line,
+        column: point3.column,
+        offset: typeof point3.offset === "number" && point3.offset > -1 ? point3.offset : void 0
+      };
     }
-  ) });
-  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__ */ 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))
-      }
-    )
-  ] });
-};
-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: {
-        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
-                  ]
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-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;
-      }
-      case DATE:
-        return as([TYPE, value.toISOString()], value);
-      case REGEXP: {
-        const { source: source2, flags } = value;
-        return as([TYPE, { source: source2, flags }], value);
-      }
-      case MAP: {
-        const entries = [];
-        const index2 = as([TYPE, entries], value);
-        for (const [key, entry] of value) {
-          if (strict || !(shouldSkip(typeOf(key)) || shouldSkip(typeOf(entry))))
-            entries.push([pair(key), pair(entry)]);
-        }
-        return index2;
-      }
-      case SET: {
-        const entries = [];
-        const index2 = as([TYPE, entries], value);
-        for (const entry of value) {
-          if (strict || !shouldSkip(typeOf(entry)))
-            entries.push(pair(entry));
-        }
-        return index2;
-      }
-    }
-    const { message } = value;
-    return as([TYPE, { name: type, message }], value);
-  };
-  return pair;
-};
-const serialize$1 = (value, { json: json2, lossy } = {}) => {
-  const _ = [];
-  return serializer(!(json2 || lossy), !!json2, /* @__PURE__ */ new Map(), _)(value), _;
-};
-const structuredClone$1 = typeof structuredClone === "function" ? (
-  /* c8 ignore start */
-  (any, options) => options && ("json" in options || "lossy" in options) ? deserialize(serialize$1(any, options)) : structuredClone(any)
-) : (any, options) => deserialize(serialize$1(any, options));
-const pointEnd = point$3("end");
-const pointStart = point$3("start");
-function point$3(type) {
-  return point2;
-  function point2(node2) {
-    const point3 = node2 && node2.position && node2.position[type] || {};
-    if (typeof point3.line === "number" && point3.line > 0 && typeof point3.column === "number" && point3.column > 0) {
-      return {
-        line: point3.line,
-        column: point3.column,
-        offset: typeof point3.offset === "number" && point3.offset > -1 ? point3.offset : void 0
-      };
-    }
-  }
-}
-function position$2(node2) {
-  const start = pointStart(node2);
-  const end = pointEnd(node2);
-  if (start && end) {
-    return { start, end };
+}
+function position$2(node2) {
+  const start = pointStart(node2);
+  const end = pointEnd(node2);
+  if (start && end) {
+    return { start, end };
   }
 }
 const aria$1 = ["ariaDescribedBy", "ariaLabel", "ariaLabelledBy"];
@@ -44628,542 +44161,1509 @@ function PanelGroupWithForwardedRef({
           unsafeLayout = state.layout;
         }
       }
-      if (unsafeLayout == null) {
-        unsafeLayout = calculateUnsafeDefaultLayout({
-          panelDataArray
-        });
+      if (unsafeLayout == null) {
+        unsafeLayout = calculateUnsafeDefaultLayout({
+          panelDataArray
+        });
+      }
+      const nextLayout = validatePanelGroupLayout({
+        layout: unsafeLayout,
+        panelConstraints: panelDataArray.map((panelData) => panelData.constraints)
+      });
+      if (!areEqual(prevLayout, nextLayout)) {
+        setLayout(nextLayout);
+        eagerValuesRef.current.layout = nextLayout;
+        if (onLayout2) {
+          onLayout2(nextLayout);
+        }
+        callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
+      }
+    }
+  });
+  useIsomorphicLayoutEffect(() => {
+    const eagerValues = eagerValuesRef.current;
+    return () => {
+      eagerValues.layout = [];
+    };
+  }, []);
+  const registerResizeHandle2 = useCallback((dragHandleId) => {
+    let isRTL = false;
+    const panelGroupElement = panelGroupElementRef.current;
+    if (panelGroupElement) {
+      const style22 = window.getComputedStyle(panelGroupElement, null);
+      if (style22.getPropertyValue("direction") === "rtl") {
+        isRTL = true;
+      }
+    }
+    return function resizeHandler(event) {
+      event.preventDefault();
+      const panelGroupElement2 = panelGroupElementRef.current;
+      if (!panelGroupElement2) {
+        return () => null;
+      }
+      const {
+        direction: direction2,
+        dragState: dragState2,
+        id: groupId2,
+        keyboardResizeBy: keyboardResizeBy2,
+        onLayout: onLayout2
+      } = committedValuesRef.current;
+      const {
+        layout: prevLayout,
+        panelDataArray
+      } = eagerValuesRef.current;
+      const {
+        initialLayout
+      } = dragState2 !== null && dragState2 !== void 0 ? dragState2 : {};
+      const pivotIndices = determinePivotIndices(groupId2, dragHandleId, panelGroupElement2);
+      let delta = calculateDeltaPercentage(event, dragHandleId, direction2, dragState2, keyboardResizeBy2, panelGroupElement2);
+      const isHorizontal = direction2 === "horizontal";
+      if (isHorizontal && isRTL) {
+        delta = -delta;
+      }
+      const panelConstraints = panelDataArray.map((panelData) => panelData.constraints);
+      const nextLayout = adjustLayoutByDelta({
+        delta,
+        initialLayout: initialLayout !== null && initialLayout !== void 0 ? initialLayout : prevLayout,
+        panelConstraints,
+        pivotIndices,
+        prevLayout,
+        trigger: isKeyDown(event) ? "keyboard" : "mouse-or-touch"
+      });
+      const layoutChanged = !compareLayouts(prevLayout, nextLayout);
+      if (isPointerEvent(event) || isMouseEvent(event)) {
+        if (prevDeltaRef.current != delta) {
+          prevDeltaRef.current = delta;
+          if (!layoutChanged && delta !== 0) {
+            if (isHorizontal) {
+              reportConstraintsViolation(dragHandleId, delta < 0 ? EXCEEDED_HORIZONTAL_MIN : EXCEEDED_HORIZONTAL_MAX);
+            } else {
+              reportConstraintsViolation(dragHandleId, delta < 0 ? EXCEEDED_VERTICAL_MIN : EXCEEDED_VERTICAL_MAX);
+            }
+          } else {
+            reportConstraintsViolation(dragHandleId, 0);
+          }
+        }
+      }
+      if (layoutChanged) {
+        setLayout(nextLayout);
+        eagerValuesRef.current.layout = nextLayout;
+        if (onLayout2) {
+          onLayout2(nextLayout);
+        }
+        callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
+      }
+    };
+  }, []);
+  const resizePanel2 = useCallback((panelData, unsafePanelSize) => {
+    const {
+      onLayout: onLayout2
+    } = committedValuesRef.current;
+    const {
+      layout: prevLayout,
+      panelDataArray
+    } = eagerValuesRef.current;
+    const panelConstraintsArray = panelDataArray.map((panelData2) => panelData2.constraints);
+    const {
+      panelSize,
+      pivotIndices
+    } = panelDataHelper(panelDataArray, panelData, prevLayout);
+    assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
+    const isLastPanel = findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1;
+    const delta = isLastPanel ? panelSize - unsafePanelSize : unsafePanelSize - panelSize;
+    const nextLayout = adjustLayoutByDelta({
+      delta,
+      initialLayout: prevLayout,
+      panelConstraints: panelConstraintsArray,
+      pivotIndices,
+      prevLayout,
+      trigger: "imperative-api"
+    });
+    if (!compareLayouts(prevLayout, nextLayout)) {
+      setLayout(nextLayout);
+      eagerValuesRef.current.layout = nextLayout;
+      if (onLayout2) {
+        onLayout2(nextLayout);
+      }
+      callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
+    }
+  }, []);
+  const reevaluatePanelConstraints = useCallback((panelData, prevConstraints) => {
+    const {
+      layout: layout2,
+      panelDataArray
+    } = eagerValuesRef.current;
+    const {
+      collapsedSize: prevCollapsedSize = 0,
+      collapsible: prevCollapsible
+    } = prevConstraints;
+    const {
+      collapsedSize: nextCollapsedSize = 0,
+      collapsible: nextCollapsible,
+      maxSize: nextMaxSize = 100,
+      minSize: nextMinSize = 0
+    } = panelData.constraints;
+    const {
+      panelSize: prevPanelSize
+    } = panelDataHelper(panelDataArray, panelData, layout2);
+    if (prevPanelSize == null) {
+      return;
+    }
+    if (prevCollapsible && nextCollapsible && fuzzyNumbersEqual$1(prevPanelSize, prevCollapsedSize)) {
+      if (!fuzzyNumbersEqual$1(prevCollapsedSize, nextCollapsedSize)) {
+        resizePanel2(panelData, nextCollapsedSize);
+      }
+    } else if (prevPanelSize < nextMinSize) {
+      resizePanel2(panelData, nextMinSize);
+    } else if (prevPanelSize > nextMaxSize) {
+      resizePanel2(panelData, nextMaxSize);
+    }
+  }, [resizePanel2]);
+  const startDragging = useCallback((dragHandleId, event) => {
+    const {
+      direction: direction2
+    } = committedValuesRef.current;
+    const {
+      layout: layout2
+    } = eagerValuesRef.current;
+    if (!panelGroupElementRef.current) {
+      return;
+    }
+    const handleElement = getResizeHandleElement(dragHandleId, panelGroupElementRef.current);
+    assert(handleElement, `Drag handle element not found for id "${dragHandleId}"`);
+    const initialCursorPosition = getResizeEventCursorPosition(direction2, event);
+    setDragState({
+      dragHandleId,
+      dragHandleRect: handleElement.getBoundingClientRect(),
+      initialCursorPosition,
+      initialLayout: layout2
+    });
+  }, []);
+  const stopDragging = useCallback(() => {
+    setDragState(null);
+  }, []);
+  const unregisterPanel = useCallback((panelData) => {
+    const {
+      panelDataArray
+    } = eagerValuesRef.current;
+    const index2 = findPanelDataIndex(panelDataArray, panelData);
+    if (index2 >= 0) {
+      panelDataArray.splice(index2, 1);
+      delete panelIdToLastNotifiedSizeMapRef.current[panelData.id];
+      eagerValuesRef.current.panelDataArrayChanged = true;
+      forceUpdate();
+    }
+  }, [forceUpdate]);
+  const context = useMemo(() => ({
+    collapsePanel,
+    direction,
+    dragState,
+    expandPanel,
+    getPanelSize,
+    getPanelStyle,
+    groupId,
+    isPanelCollapsed,
+    isPanelExpanded,
+    reevaluatePanelConstraints,
+    registerPanel,
+    registerResizeHandle: registerResizeHandle2,
+    resizePanel: resizePanel2,
+    startDragging,
+    stopDragging,
+    unregisterPanel,
+    panelGroupElement: panelGroupElementRef.current
+  }), [collapsePanel, dragState, direction, expandPanel, getPanelSize, getPanelStyle, groupId, isPanelCollapsed, isPanelExpanded, reevaluatePanelConstraints, registerPanel, registerResizeHandle2, resizePanel2, startDragging, stopDragging, unregisterPanel]);
+  const style2 = {
+    display: "flex",
+    flexDirection: direction === "horizontal" ? "row" : "column",
+    height: "100%",
+    overflow: "hidden",
+    width: "100%"
+  };
+  return createElement(PanelGroupContext.Provider, {
+    value: context
+  }, createElement(Type, {
+    ...rest,
+    children: children2,
+    className: classNameFromProps,
+    id: idFromProps,
+    ref: panelGroupElementRef,
+    style: {
+      ...style2,
+      ...styleFromProps
+    },
+    [DATA_ATTRIBUTES.group]: "",
+    [DATA_ATTRIBUTES.groupDirection]: direction,
+    [DATA_ATTRIBUTES.groupId]: groupId
+  }));
+}
+var PanelGroup = forwardRef((props2, ref) => createElement(PanelGroupWithForwardedRef, {
+  ...props2,
+  forwardedRef: ref
+}));
+PanelGroupWithForwardedRef.displayName = "PanelGroup";
+PanelGroup.displayName = "forwardRef(PanelGroup)";
+function findPanelDataIndex(panelDataArray, panelData) {
+  return panelDataArray.findIndex((prevPanelData) => prevPanelData === panelData || prevPanelData.id === panelData.id);
+}
+function panelDataHelper(panelDataArray, panelData, layout) {
+  const panelIndex = findPanelDataIndex(panelDataArray, panelData);
+  const isLastPanel = panelIndex === panelDataArray.length - 1;
+  const pivotIndices = isLastPanel ? [panelIndex - 1, panelIndex] : [panelIndex, panelIndex + 1];
+  const panelSize = layout[panelIndex];
+  return {
+    ...panelData.constraints,
+    panelSize,
+    pivotIndices
+  };
+}
+function S(e2) {
+  return { "--panel-background": e2.colors.background, "--panel-border": e2.colors.border, "--panel-handle": e2.colors.backgroundSecondary, "--panel-handle-hover": e2.colors.backgroundHover, "--panel-handle-active": e2.colors.primary, "--panel-button-bg": e2.colors.surface, "--panel-button-hover": e2.colors.backgroundHover, "--panel-button-border": e2.colors.border, "--panel-button-icon": e2.colors.textSecondary, "--panel-accent-bg": e2.colors.primary + "15" };
+}
+var M = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minPanelWidth: u2 = 350, idealPanelWidth: p2 = 0.333, showSeparator: h2 = false, onPanelChange: m2, preventKeyboardScroll: f2 = true }, g) => {
+  const v = useRef(null), b = S(d2);
+  useImperativeHandle(g, () => ({ scrollToPanel: (e2) => {
+    if (!v.current)
+      return;
+    const t2 = v.current, n2 = t2.children[e2];
+    if (n2) {
+      const e3 = n2.offsetLeft;
+      t2.scrollTo({ left: e3, behavior: "smooth" });
+    }
+  }, getCurrentPanel: () => {
+    if (!v.current || v.current.children.length === 0)
+      return 0;
+    const e2 = v.current, t2 = e2.getBoundingClientRect().left;
+    let n2 = 0, r2 = 1 / 0;
+    for (let o3 = 0; o3 < e2.children.length; o3++) {
+      const i2 = e2.children[o3].getBoundingClientRect(), a3 = Math.abs(i2.left - t2);
+      a3 < r2 && (r2 = a3, n2 = o3);
+    }
+    return n2;
+  } }));
+  useEffect(() => {
+    if (!f2 || !v.current)
+      return;
+    const e2 = v.current, t2 = (e3) => {
+      const t3 = e3.target;
+      if (t3.tagName === "INPUT" || t3.tagName === "TEXTAREA" || t3.tagName === "SELECT" || t3.isContentEditable || t3.closest(".xterm") !== null || t3.closest('[contenteditable="true"]') !== null)
+        return;
+      [" ", "Space", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown"].includes(e3.key) && e3.preventDefault();
+    };
+    return e2.addEventListener("keydown", t2), () => {
+      e2.removeEventListener("keydown", t2);
+    };
+  }, [f2]);
+  const y2 = o2.length, w2 = 2 * u2;
+  let x2;
+  x2 = y2 === 1 || y2 === 2 ? "100%" : `max(${u2}px, ${100 * p2}%)`;
+  const C = React2__default.useId().replace(/:/g, "_");
+  return jsxs(Fragment, { children: [
+    y2 === 2 && /* @__PURE__ */ jsx("style", { children: `
+            .snap-carousel-container[data-carousel-id="${C}"][data-panel-count="2"] .snap-carousel-panel {
+              width: 100%;
+            }
+            @container (min-width: ${w2}px) {
+              .snap-carousel-container[data-carousel-id="${C}"][data-panel-count="2"] .snap-carousel-panel {
+                width: 50%;
+              }
+            }
+          ` }),
+    /* @__PURE__ */ jsx("div", { ref: v, className: `snap-carousel-container ${a2}`, style: { ...b, ...s2, "--snap-carousel-min-width": `${u2}px`, "--snap-carousel-ideal-width": 100 * p2 + "%", "--snap-carousel-gap": h2 ? "1px" : "0px", "--snap-carousel-panel-width": x2, "--snap-carousel-panel-count": y2, "--snap-carousel-two-panel-threshold": `${w2}px` }, onScroll: (e2) => {
+      if (!m2 || !v.current || v.current.children.length === 0)
+        return;
+      const t2 = v.current, n2 = t2.getBoundingClientRect().left;
+      let r2 = 0, o3 = 1 / 0;
+      for (let i2 = 0; i2 < t2.children.length; i2++) {
+        const e3 = t2.children[i2].getBoundingClientRect(), a3 = Math.abs(e3.left - n2);
+        a3 < o3 && (o3 = a3, r2 = i2);
+      }
+      m2(r2);
+    }, "data-panel-count": y2, "data-carousel-id": C, children: o2.map((t2, n2) => /* @__PURE__ */ jsx("div", { className: "snap-carousel-panel", children: t2 }, n2)) })
+  ] });
+});
+M.displayName = "SnapCarousel";
+var se;
+var ce;
+(ce = se || (se = {})).DragStart = "dragStart", ce.DragMove = "dragMove", ce.DragEnd = "dragEnd", ce.DragCancel = "dragCancel", ce.DragOver = "dragOver", ce.RegisterDroppable = "registerDroppable", ce.SetDroppableDisabled = "setDroppableDisabled", ce.UnregisterDroppable = "unregisterDroppable";
+var ue = /* @__PURE__ */ Object.freeze({ x: 0, y: 0 });
+var Te;
+var ke;
+(ke = Te || (Te = {}))[ke.Forward = 1] = "Forward", ke[ke.Backward = -1] = "Backward";
+var je;
+var He;
+var Ke;
+var Ue;
+(He = je || (je = {})).Click = "click", He.DragStart = "dragstart", He.Keydown = "keydown", He.ContextMenu = "contextmenu", He.Resize = "resize", He.SelectionChange = "selectionchange", He.VisibilityChange = "visibilitychange", (Ue = Ke || (Ke = {})).Space = "Space", Ue.Down = "ArrowDown", Ue.Right = "ArrowRight", Ue.Left = "ArrowLeft", Ue.Up = "ArrowUp", Ue.Esc = "Escape", Ue.Enter = "Enter", Ue.Tab = "Tab";
+({ start: [Ke.Space, Ke.Enter], cancel: [Ke.Esc], end: [Ke.Space, Ke.Enter, Ke.Tab] });
+var ot;
+var it;
+(it = ot || (ot = {}))[it.RightClick = 2] = "RightClick";
+var lt;
+var st;
+var ct;
+var dt;
+(st = lt || (lt = {}))[st.Pointer = 0] = "Pointer", st[st.DraggableRect = 1] = "DraggableRect", (dt = ct || (ct = {}))[dt.TreeOrder = 0] = "TreeOrder", dt[dt.ReversedTreeOrder = 1] = "ReversedTreeOrder";
+({ x: { [Te.Backward]: false, [Te.Forward]: false }, y: { [Te.Backward]: false, [Te.Forward]: false } });
+var ht;
+var mt;
+var ft;
+(mt = ht || (ht = {}))[mt.Always = 0] = "Always", mt[mt.BeforeDragging = 1] = "BeforeDragging", mt[mt.WhileDragging = 2] = "WhileDragging", (ft || (ft = {})).Optimized = "optimized";
+({ droppable: { strategy: ht.WhileDragging, frequency: ft.Optimized } });
+/* @__PURE__ */ createContext({ ...ue, scaleX: 1, scaleY: 1 });
+var Bt;
+var Ot;
+(Ot = Bt || (Bt = {}))[Ot.Uninitialized = 0] = "Uninitialized", Ot[Ot.Initializing = 1] = "Initializing", Ot[Ot.Initialized = 2] = "Initialized";
+var Vt;
+(() => {
+  if (typeof window != "undefined") {
+    const e2 = window;
+    return e2.__principlemd_theme_context__ || (e2.__principlemd_theme_context__ = createContext(void 0)), e2.__principlemd_theme_context__;
+  }
+  return Vt || (Vt = createContext(void 0)), Vt;
+})();
+var DocumentView = ({
+  content: content2,
+  showSegmented = false,
+  onCheckboxChange,
+  onSectionClick,
+  maxWidth = "900px",
+  showSectionHeaders = true,
+  showSeparators = true,
+  slideIdPrefix = "document",
+  enableHtmlPopout = true,
+  enableKeyboardScrolling = true,
+  onLinkClick,
+  handleRunBashCommand,
+  handlePromptCopy,
+  repositoryInfo,
+  fontSizeScale,
+  theme: theme2,
+  transparentBackground = false
+}) => {
+  const containerRef = useRef(null);
+  const sectionRefs = useRef([]);
+  const backgroundColor = transparentBackground ? "transparent" : theme2.colors.background;
+  const scrollToSection = useCallback((sectionIndex) => {
+    var _a;
+    if (sectionRefs.current[sectionIndex]) {
+      (_a = sectionRefs.current[sectionIndex]) == null ? void 0 : _a.scrollIntoView({
+        behavior: "smooth",
+        block: "start"
+      });
+    }
+  }, []);
+  const handleSectionClick = useCallback((index2) => {
+    scrollToSection(index2);
+    onSectionClick == null ? void 0 : onSectionClick(index2);
+  }, [scrollToSection, onSectionClick]);
+  if (typeof content2 === "string") {
+    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%"
       }
-      const nextLayout = validatePanelGroupLayout({
-        layout: unsafeLayout,
-        panelConstraints: panelDataArray.map((panelData) => panelData.constraints)
-      });
-      if (!areEqual(prevLayout, nextLayout)) {
-        setLayout(nextLayout);
-        eagerValuesRef.current.layout = nextLayout;
-        if (onLayout2) {
-          onLayout2(nextLayout);
-        }
-        callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
+    }, /* @__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
     }
-  });
-  useIsomorphicLayoutEffect(() => {
-    const eagerValues = eagerValuesRef.current;
+  }, /* @__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 () => {
-      eagerValues.layout = [];
+      unsubscribers.forEach((unsub) => unsub && unsub());
     };
-  }, []);
-  const registerResizeHandle2 = useCallback((dragHandleId) => {
-    let isRTL = false;
-    const panelGroupElement = panelGroupElementRef.current;
-    if (panelGroupElement) {
-      const style22 = window.getComputedStyle(panelGroupElement, null);
-      if (style22.getPropertyValue("direction") === "rtl") {
-        isRTL = true;
-      }
+  }, [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: {}
+      });
     }
-    return function resizeHandler(event) {
-      event.preventDefault();
-      const panelGroupElement2 = panelGroupElementRef.current;
-      if (!panelGroupElement2) {
-        return () => null;
+  };
+  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
+              }
+            )
+          ] })
+        ]
       }
-      const {
-        direction: direction2,
-        dragState: dragState2,
-        id: groupId2,
-        keyboardResizeBy: keyboardResizeBy2,
-        onLayout: onLayout2
-      } = committedValuesRef.current;
-      const {
-        layout: prevLayout,
-        panelDataArray
-      } = eagerValuesRef.current;
-      const {
-        initialLayout
-      } = dragState2 !== null && dragState2 !== void 0 ? dragState2 : {};
-      const pivotIndices = determinePivotIndices(groupId2, dragHandleId, panelGroupElement2);
-      let delta = calculateDeltaPercentage(event, dragHandleId, direction2, dragState2, keyboardResizeBy2, panelGroupElement2);
-      const isHorizontal = direction2 === "horizontal";
-      if (isHorizontal && isRTL) {
-        delta = -delta;
+    ) });
+  }
+  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 panelConstraints = panelDataArray.map((panelData) => panelData.constraints);
-      const nextLayout = adjustLayoutByDelta({
-        delta,
-        initialLayout: initialLayout !== null && initialLayout !== void 0 ? initialLayout : prevLayout,
-        panelConstraints,
-        pivotIndices,
-        prevLayout,
-        trigger: isKeyDown(event) ? "keyboard" : "mouse-or-touch"
-      });
-      const layoutChanged = !compareLayouts(prevLayout, nextLayout);
-      if (isPointerEvent(event) || isMouseEvent(event)) {
-        if (prevDeltaRef.current != delta) {
-          prevDeltaRef.current = delta;
-          if (!layoutChanged && delta !== 0) {
-            if (isHorizontal) {
-              reportConstraintsViolation(dragHandleId, delta < 0 ? EXCEEDED_HORIZONTAL_MIN : EXCEEDED_HORIZONTAL_MAX);
-            } else {
-              reportConstraintsViolation(dragHandleId, delta < 0 ? EXCEEDED_VERTICAL_MIN : EXCEEDED_VERTICAL_MAX);
+    ) });
+  }
+  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: "8px",
+          boxSizing: "border-box"
+        },
+        children: [
+          selectedCommit.files && selectedCommit.files.length > 0 && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                color: theme2.colors.textSecondary,
+                fontSize: theme2.fontSizes[0],
+                fontFamily: theme2.fonts.body
+              },
+              children: [
+                /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.primary }, children: [
+                  selectedCommit.files.length,
+                  " ",
+                  selectedCommit.files.length === 1 ? "file" : "files"
+                ] }),
+                " changed"
+              ]
             }
-          } else {
-            reportConstraintsViolation(dragHandleId, 0);
+          ),
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: "6px",
+                color: theme2.colors.textSecondary,
+                fontSize: theme2.fontSizes[0],
+                fontFamily: theme2.fonts.body
+              },
+              children: [
+                /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.primary }, children: relative }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "by ",
+                  /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.primary }, children: selectedCommit.author })
+                ] }),
+                /* @__PURE__ */ jsx("span", { children: "as" }),
+                /* @__PURE__ */ jsxs("span", { style: { fontFamily: theme2.fonts.monospace }, children: [
+                  "sha ",
+                  shortHash
+                ] })
+              ]
+            }
+          ),
+          selectedCommit.stats && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: "6px",
+                padding: "4px 10px",
+                borderRadius: "999px",
+                backgroundColor: `${theme2.colors.primary}20`,
+                color: theme2.colors.primary,
+                fontFamily: theme2.fonts.heading,
+                fontSize: theme2.fontSizes[0],
+                fontWeight: 600
+              },
+              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
+            }
+          ),
+          messageBody && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                borderTop: `1px solid ${theme2.colors.border}`,
+                paddingTop: "16px"
+              },
+              children: /* @__PURE__ */ jsx(
+                DocumentView,
+                {
+                  content: messageBody,
+                  theme: theme2,
+                  maxWidth: "100%",
+                  transparentBackground: true
+                }
+              )
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+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);
         }
-      }
-      if (layoutChanged) {
-        setLayout(nextLayout);
-        eagerValuesRef.current.layout = nextLayout;
-        if (onLayout2) {
-          onLayout2(nextLayout);
+      }),
+      // 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);
         }
-        callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
-      }
-    };
-  }, []);
-  const resizePanel2 = useCallback((panelData, unsafePanelSize) => {
-    const {
-      onLayout: onLayout2
-    } = committedValuesRef.current;
-    const {
-      layout: prevLayout,
-      panelDataArray
-    } = eagerValuesRef.current;
-    const panelConstraintsArray = panelDataArray.map((panelData2) => panelData2.constraints);
-    const {
-      panelSize,
-      pivotIndices
-    } = panelDataHelper(panelDataArray, panelData, prevLayout);
-    assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
-    const isLastPanel = findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1;
-    const delta = isLastPanel ? panelSize - unsafePanelSize : unsafePanelSize - panelSize;
-    const nextLayout = adjustLayoutByDelta({
-      delta,
-      initialLayout: prevLayout,
-      panelConstraints: panelConstraintsArray,
-      pivotIndices,
-      prevLayout,
-      trigger: "imperative-api"
-    });
-    if (!compareLayouts(prevLayout, nextLayout)) {
-      setLayout(nextLayout);
-      eagerValuesRef.current.layout = nextLayout;
-      if (onLayout2) {
-        onLayout2(nextLayout);
-      }
-      callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
-    }
-  }, []);
-  const reevaluatePanelConstraints = useCallback((panelData, prevConstraints) => {
-    const {
-      layout: layout2,
-      panelDataArray
-    } = eagerValuesRef.current;
-    const {
-      collapsedSize: prevCollapsedSize = 0,
-      collapsible: prevCollapsible
-    } = prevConstraints;
-    const {
-      collapsedSize: nextCollapsedSize = 0,
-      collapsible: nextCollapsible,
-      maxSize: nextMaxSize = 100,
-      minSize: nextMinSize = 0
-    } = panelData.constraints;
-    const {
-      panelSize: prevPanelSize
-    } = panelDataHelper(panelDataArray, panelData, layout2);
-    if (prevPanelSize == null) {
-      return;
-    }
-    if (prevCollapsible && nextCollapsible && fuzzyNumbersEqual$1(prevPanelSize, prevCollapsedSize)) {
-      if (!fuzzyNumbersEqual$1(prevCollapsedSize, nextCollapsedSize)) {
-        resizePanel2(panelData, nextCollapsedSize);
-      }
-    } else if (prevPanelSize < nextMinSize) {
-      resizePanel2(panelData, nextMinSize);
-    } else if (prevPanelSize > nextMaxSize) {
-      resizePanel2(panelData, nextMaxSize);
-    }
-  }, [resizePanel2]);
-  const startDragging = useCallback((dragHandleId, event) => {
-    const {
-      direction: direction2
-    } = committedValuesRef.current;
-    const {
-      layout: layout2
-    } = eagerValuesRef.current;
-    if (!panelGroupElementRef.current) {
-      return;
+      })
+    ];
+    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 handleElement = getResizeHandleElement(dragHandleId, panelGroupElementRef.current);
-    assert(handleElement, `Drag handle element not found for id "${dragHandleId}"`);
-    const initialCursorPosition = getResizeEventCursorPosition(direction2, event);
-    setDragState({
-      dragHandleId,
-      dragHandleRect: handleElement.getBoundingClientRect(),
-      initialCursorPosition,
-      initialLayout: layout2
+  };
+  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 stopDragging = useCallback(() => {
-    setDragState(null);
-  }, []);
-  const unregisterPanel = useCallback((panelData) => {
-    const {
-      panelDataArray
-    } = eagerValuesRef.current;
-    const index2 = findPanelDataIndex(panelDataArray, panelData);
-    if (index2 >= 0) {
-      panelDataArray.splice(index2, 1);
-      delete panelIdToLastNotifiedSizeMapRef.current[panelData.id];
-      eagerValuesRef.current.panelDataArrayChanged = true;
-      forceUpdate();
-    }
-  }, [forceUpdate]);
-  const context = useMemo(() => ({
-    collapsePanel,
-    direction,
-    dragState,
-    expandPanel,
-    getPanelSize,
-    getPanelStyle,
-    groupId,
-    isPanelCollapsed,
-    isPanelExpanded,
-    reevaluatePanelConstraints,
-    registerPanel,
-    registerResizeHandle: registerResizeHandle2,
-    resizePanel: resizePanel2,
-    startDragging,
-    stopDragging,
-    unregisterPanel,
-    panelGroupElement: panelGroupElementRef.current
-  }), [collapsePanel, dragState, direction, expandPanel, getPanelSize, getPanelStyle, groupId, isPanelCollapsed, isPanelExpanded, reevaluatePanelConstraints, registerPanel, registerResizeHandle2, resizePanel2, startDragging, stopDragging, unregisterPanel]);
-  const style2 = {
+  };
+  const containerStyle = {
     display: "flex",
-    flexDirection: direction === "horizontal" ? "row" : "column",
+    flexDirection: "column",
     height: "100%",
-    overflow: "hidden",
-    width: "100%"
-  };
-  return createElement(PanelGroupContext.Provider, {
-    value: context
-  }, createElement(Type, {
-    ...rest,
-    children: children2,
-    className: classNameFromProps,
-    id: idFromProps,
-    ref: panelGroupElementRef,
-    style: {
-      ...style2,
-      ...styleFromProps
-    },
-    [DATA_ATTRIBUTES.group]: "",
-    [DATA_ATTRIBUTES.groupDirection]: direction,
-    [DATA_ATTRIBUTES.groupId]: groupId
-  }));
-}
-var PanelGroup = forwardRef((props2, ref) => createElement(PanelGroupWithForwardedRef, {
-  ...props2,
-  forwardedRef: ref
-}));
-PanelGroupWithForwardedRef.displayName = "PanelGroup";
-PanelGroup.displayName = "forwardRef(PanelGroup)";
-function findPanelDataIndex(panelDataArray, panelData) {
-  return panelDataArray.findIndex((prevPanelData) => prevPanelData === panelData || prevPanelData.id === panelData.id);
-}
-function panelDataHelper(panelDataArray, panelData, layout) {
-  const panelIndex = findPanelDataIndex(panelDataArray, panelData);
-  const isLastPanel = panelIndex === panelDataArray.length - 1;
-  const pivotIndices = isLastPanel ? [panelIndex - 1, panelIndex] : [panelIndex, panelIndex + 1];
-  const panelSize = layout[panelIndex];
-  return {
-    ...panelData.constraints,
-    panelSize,
-    pivotIndices
+    backgroundColor: theme2.colors.background,
+    overflow: "hidden"
   };
-}
-function S(e2) {
-  return { "--panel-background": e2.colors.background, "--panel-border": e2.colors.border, "--panel-handle": e2.colors.backgroundSecondary, "--panel-handle-hover": e2.colors.backgroundHover, "--panel-handle-active": e2.colors.primary, "--panel-button-bg": e2.colors.surface, "--panel-button-hover": e2.colors.backgroundHover, "--panel-button-border": e2.colors.border, "--panel-button-icon": e2.colors.textSecondary, "--panel-accent-bg": e2.colors.primary + "15" };
-}
-var M = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minPanelWidth: u2 = 350, idealPanelWidth: p2 = 0.333, showSeparator: h2 = false, onPanelChange: m2, preventKeyboardScroll: f2 = true }, g) => {
-  const v = useRef(null), b = S(d2);
-  useImperativeHandle(g, () => ({ scrollToPanel: (e2) => {
-    if (!v.current)
-      return;
-    const t2 = v.current, n2 = t2.children[e2];
-    if (n2) {
-      const e3 = n2.offsetLeft;
-      t2.scrollTo({ left: e3, behavior: "smooth" });
-    }
-  }, getCurrentPanel: () => {
-    if (!v.current || v.current.children.length === 0)
-      return 0;
-    const e2 = v.current, t2 = e2.getBoundingClientRect().left;
-    let n2 = 0, r2 = 1 / 0;
-    for (let o3 = 0; o3 < e2.children.length; o3++) {
-      const i2 = e2.children[o3].getBoundingClientRect(), a3 = Math.abs(i2.left - t2);
-      a3 < r2 && (r2 = a3, n2 = o3);
+  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
+                }
+              )
+            ] })
+          ]
+        }
+      )
     }
-    return n2;
-  } }));
-  useEffect(() => {
-    if (!f2 || !v.current)
-      return;
-    const e2 = v.current, t2 = (e3) => {
-      const t3 = e3.target;
-      if (t3.tagName === "INPUT" || t3.tagName === "TEXTAREA" || t3.tagName === "SELECT" || t3.isContentEditable || t3.closest(".xterm") !== null || t3.closest('[contenteditable="true"]') !== null)
-        return;
-      [" ", "Space", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown"].includes(e3.key) && e3.preventDefault();
-    };
-    return e2.addEventListener("keydown", t2), () => {
-      e2.removeEventListener("keydown", t2);
-    };
-  }, [f2]);
-  const y2 = o2.length, w2 = 2 * u2;
-  let x2;
-  x2 = y2 === 1 || y2 === 2 ? "100%" : `max(${u2}px, ${100 * p2}%)`;
-  const C = React2__default.useId().replace(/:/g, "_");
-  return jsxs(Fragment, { children: [
-    y2 === 2 && /* @__PURE__ */ jsx("style", { children: `
-            .snap-carousel-container[data-carousel-id="${C}"][data-panel-count="2"] .snap-carousel-panel {
-              width: 100%;
-            }
-            @container (min-width: ${w2}px) {
-              .snap-carousel-container[data-carousel-id="${C}"][data-panel-count="2"] .snap-carousel-panel {
-                width: 50%;
-              }
-            }
-          ` }),
-    /* @__PURE__ */ jsx("div", { ref: v, className: `snap-carousel-container ${a2}`, style: { ...b, ...s2, "--snap-carousel-min-width": `${u2}px`, "--snap-carousel-ideal-width": 100 * p2 + "%", "--snap-carousel-gap": h2 ? "1px" : "0px", "--snap-carousel-panel-width": x2, "--snap-carousel-panel-count": y2, "--snap-carousel-two-panel-threshold": `${w2}px` }, onScroll: (e2) => {
-      if (!m2 || !v.current || v.current.children.length === 0)
-        return;
-      const t2 = v.current, n2 = t2.getBoundingClientRect().left;
-      let r2 = 0, o3 = 1 / 0;
-      for (let i2 = 0; i2 < t2.children.length; i2++) {
-        const e3 = t2.children[i2].getBoundingClientRect(), a3 = Math.abs(e3.left - n2);
-        a3 < o3 && (o3 = a3, r2 = i2);
-      }
-      m2(r2);
-    }, "data-panel-count": y2, "data-carousel-id": C, children: o2.map((t2, n2) => /* @__PURE__ */ jsx("div", { className: "snap-carousel-panel", children: t2 }, n2)) })
-  ] });
-});
-M.displayName = "SnapCarousel";
-var se;
-var ce;
-(ce = se || (se = {})).DragStart = "dragStart", ce.DragMove = "dragMove", ce.DragEnd = "dragEnd", ce.DragCancel = "dragCancel", ce.DragOver = "dragOver", ce.RegisterDroppable = "registerDroppable", ce.SetDroppableDisabled = "setDroppableDisabled", ce.UnregisterDroppable = "unregisterDroppable";
-var ue = /* @__PURE__ */ Object.freeze({ x: 0, y: 0 });
-var Te;
-var ke;
-(ke = Te || (Te = {}))[ke.Forward = 1] = "Forward", ke[ke.Backward = -1] = "Backward";
-var je;
-var He;
-var Ke;
-var Ue;
-(He = je || (je = {})).Click = "click", He.DragStart = "dragstart", He.Keydown = "keydown", He.ContextMenu = "contextmenu", He.Resize = "resize", He.SelectionChange = "selectionchange", He.VisibilityChange = "visibilitychange", (Ue = Ke || (Ke = {})).Space = "Space", Ue.Down = "ArrowDown", Ue.Right = "ArrowRight", Ue.Left = "ArrowLeft", Ue.Up = "ArrowUp", Ue.Esc = "Escape", Ue.Enter = "Enter", Ue.Tab = "Tab";
-({ start: [Ke.Space, Ke.Enter], cancel: [Ke.Esc], end: [Ke.Space, Ke.Enter, Ke.Tab] });
-var ot;
-var it;
-(it = ot || (ot = {}))[it.RightClick = 2] = "RightClick";
-var lt;
-var st;
-var ct;
-var dt;
-(st = lt || (lt = {}))[st.Pointer = 0] = "Pointer", st[st.DraggableRect = 1] = "DraggableRect", (dt = ct || (ct = {}))[dt.TreeOrder = 0] = "TreeOrder", dt[dt.ReversedTreeOrder = 1] = "ReversedTreeOrder";
-({ x: { [Te.Backward]: false, [Te.Forward]: false }, y: { [Te.Backward]: false, [Te.Forward]: false } });
-var ht;
-var mt;
-var ft;
-(mt = ht || (ht = {}))[mt.Always = 0] = "Always", mt[mt.BeforeDragging = 1] = "BeforeDragging", mt[mt.WhileDragging = 2] = "WhileDragging", (ft || (ft = {})).Optimized = "optimized";
-({ droppable: { strategy: ht.WhileDragging, frequency: ft.Optimized } });
-/* @__PURE__ */ createContext({ ...ue, scaleX: 1, scaleY: 1 });
-var Bt;
-var Ot;
-(Ot = Bt || (Bt = {}))[Ot.Uninitialized = 0] = "Uninitialized", Ot[Ot.Initializing = 1] = "Initializing", Ot[Ot.Initialized = 2] = "Initialized";
-var Vt;
-(() => {
-  if (typeof window != "undefined") {
-    const e2 = window;
-    return e2.__principlemd_theme_context__ || (e2.__principlemd_theme_context__ = createContext(void 0)), e2.__principlemd_theme_context__;
+  ) });
+  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."
+    );
   }
-  return Vt || (Vt = createContext(void 0)), Vt;
-})();
-var DocumentView = ({
-  content: content2,
-  showSegmented = false,
-  onCheckboxChange,
-  onSectionClick,
-  maxWidth = "900px",
-  showSectionHeaders = true,
-  showSeparators = true,
-  slideIdPrefix = "document",
-  enableHtmlPopout = true,
-  enableKeyboardScrolling = true,
-  onLinkClick,
-  handleRunBashCommand,
-  handlePromptCopy,
-  repositoryInfo,
-  fontSizeScale,
-  theme: theme2,
-  transparentBackground = false
-}) => {
-  const containerRef = useRef(null);
-  const sectionRefs = useRef([]);
-  const backgroundColor = transparentBackground ? "transparent" : theme2.colors.background;
-  const scrollToSection = useCallback((sectionIndex) => {
-    var _a;
-    if (sectionRefs.current[sectionIndex]) {
-      (_a = sectionRefs.current[sectionIndex]) == null ? void 0 : _a.scrollIntoView({
-        behavior: "smooth",
-        block: "start"
-      });
-    }
-  }, []);
-  const handleSectionClick = useCallback((index2) => {
-    scrollToSection(index2);
-    onSectionClick == null ? void 0 : onSectionClick(index2);
-  }, [scrollToSection, onSectionClick]);
-  if (typeof content2 === "string") {
-    return /* @__PURE__ */ React2__default.createElement("div", {
-      ref: containerRef,
-      style: {
-        height: "100%",
-        overflow: "auto",
-        backgroundColor
+  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__ */ React2__default.createElement("div", {
-      style: {
-        maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
-        margin: "0 auto",
-        height: "100%"
+    ),
+    /* @__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
@@ -45725,10 +46225,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 = [
   {
@@ -45749,6 +46305,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",
@@ -45789,6 +46359,8 @@ const onPackageUnload = async () => {
   console.log("[git-panels] Package unloading");
 };
 export {
+  GitCommitDetailPanel,
+  GitCommitDetailPanelPreview,
   GitCommitHistoryPanel,
   GitCommitHistoryPanelPreview,
   GitPullRequestDetailPanel,
@@ -45796,8 +46368,11 @@ export {
   GitPullRequestsPanel,
   GitPullRequestsPanelPreview,
   allGitPanelTools,
+  commitDetailTools,
+  commitDetailToolsMetadata,
   commitHistoryTools,
   commitHistoryToolsMetadata,
+  deselectCommitTool,
   deselectPullRequestTool,
   onPackageLoad,
   onPackageUnload,
@@ -45808,6 +46383,7 @@ export {
   pullRequestsToolsMetadata,
   refreshCommitsTool,
   refreshPullRequestsTool,
+  selectCommitTool,
   selectPullRequestTool,
   setCommitLimitTool,
   setPRFilterTool