@industry-theme/github-panels 0.1.47 → 0.1.49

package/dist/panels.bundle.js

@@ -130,7 +130,7 @@ 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$E = [
+const __iconNode$D = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -140,14 +140,14 @@ const __iconNode$E = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$E);
+const BookOpen = createLucideIcon("book-open", __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$D = [
+const __iconNode$C = [
   ["path", { d: "M10 12h4", key: "a56b0p" }],
   ["path", { d: "M10 8h4", key: "1sr2af" }],
   ["path", { d: "M14 21v-3a2 2 0 0 0-4 0v3", key: "1rgiei" }],
@@ -160,97 +160,97 @@ const __iconNode$D = [
   ],
   ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$D);
+const Building2 = createLucideIcon("building-2", __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$C = [
+const __iconNode$B = [
   ["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$C);
+const Calendar = createLucideIcon("calendar", __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$B = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$B);
+const __iconNode$A = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __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$A = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$A);
+const __iconNode$z = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$z);
 /**
  * @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$z = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$z);
+const __iconNode$y = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$y);
 /**
  * @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$y = [
+const __iconNode$x = [
   ["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$y);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$x);
 /**
  * @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$x = [
+const __iconNode$w = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }]
 ];
-const CircleDot = createLucideIcon("circle-dot", __iconNode$x);
+const CircleDot = createLucideIcon("circle-dot", __iconNode$w);
 /**
  * @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$w = [
+const __iconNode$v = [
   ["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$w);
+const Copy = createLucideIcon("copy", __iconNode$v);
 /**
  * @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$v = [
+const __iconNode$u = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
 ];
-const Download = createLucideIcon("download", __iconNode$v);
+const Download = createLucideIcon("download", __iconNode$u);
 /**
  * @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$u = [
+const __iconNode$t = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -260,26 +260,26 @@ const __iconNode$u = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$u);
+const Expand = createLucideIcon("expand", __iconNode$t);
 /**
  * @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$t = [
+const __iconNode$s = [
   ["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$t);
+const ExternalLink = createLucideIcon("external-link", __iconNode$s);
 /**
  * @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$s = [
+const __iconNode$r = [
   [
     "path",
     {
@@ -289,14 +289,14 @@ const __iconNode$s = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$s);
+const Eye = createLucideIcon("eye", __iconNode$r);
 /**
  * @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$r = [
+const __iconNode$q = [
   [
     "path",
     {
@@ -309,14 +309,14 @@ const __iconNode$r = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$r);
+const FileText = createLucideIcon("file-text", __iconNode$q);
 /**
  * @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$q = [
+const __iconNode$p = [
   [
     "path",
     {
@@ -325,14 +325,14 @@ const __iconNode$q = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("folder-open", __iconNode$q);
+const FolderOpen = createLucideIcon("folder-open", __iconNode$p);
 /**
  * @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$p = [
+const __iconNode$o = [
   ["path", { d: "M12 10v6", key: "1bos4e" }],
   ["path", { d: "M9 13h6", key: "1uhe8q" }],
   [
@@ -343,14 +343,14 @@ const __iconNode$p = [
     }
   ]
 ];
-const FolderPlus = createLucideIcon("folder-plus", __iconNode$p);
+const FolderPlus = createLucideIcon("folder-plus", __iconNode$o);
 /**
  * @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$o = [
+const __iconNode$n = [
   [
     "path",
     {
@@ -359,45 +359,33 @@ const __iconNode$o = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$o);
+const Folder = createLucideIcon("folder", __iconNode$n);
 /**
  * @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$n = [
+const __iconNode$m = [
   ["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$n);
+const GitCommitHorizontal = createLucideIcon("git-commit-horizontal", __iconNode$m);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$m = [
+const __iconNode$l = [
   ["circle", { cx: "12", cy: "18", r: "3", key: "1mpf1b" }],
   ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
   ["path", { d: "M18 9v2c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9", key: "1uq4wg" }],
   ["path", { d: "M12 12v3", key: "158kv8" }]
 ];
-const GitFork = createLucideIcon("git-fork", __iconNode$m);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$l = [
-  ["circle", { cx: "18", cy: "18", r: "3", key: "1xkwt0" }],
-  ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
-  ["path", { d: "M6 21V9a9 9 0 0 0 9 9", key: "7kw0sc" }]
-];
-const GitMerge = createLucideIcon("git-merge", __iconNode$l);
+const GitFork = createLucideIcon("git-fork", __iconNode$l);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -407,10 +395,9 @@ const GitMerge = createLucideIcon("git-merge", __iconNode$l);
 const __iconNode$k = [
   ["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" }]
+  ["path", { d: "M6 21V9a9 9 0 0 0 9 9", key: "7kw0sc" }]
 ];
-const GitPullRequest = createLucideIcon("git-pull-request", __iconNode$k);
+const GitMerge = createLucideIcon("git-merge", __iconNode$k);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -2181,7 +2168,7 @@ const GitHubIssuesPanelContent = ({
   context,
   events
 }) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e2;
   const { theme: theme2 } = useTheme();
   const issuesSlice = context.getSlice("github-issues");
   const isLoading = context.isSliceLoading("github-issues");
@@ -2190,7 +2177,7 @@ const GitHubIssuesPanelContent = ({
   const owner = ((_b = issuesSlice == null ? void 0 : issuesSlice.data) == null ? void 0 : _b.owner) ?? "";
   const repo = ((_c = issuesSlice == null ? void 0 : issuesSlice.data) == null ? void 0 : _c.repo) ?? "";
   const isAuthenticated = ((_d = issuesSlice == null ? void 0 : issuesSlice.data) == null ? void 0 : _d.isAuthenticated) ?? false;
-  const sliceError = (_e = issuesSlice == null ? void 0 : issuesSlice.data) == null ? void 0 : _e.error;
+  const sliceError = (_e2 = issuesSlice == null ? void 0 : issuesSlice.data) == null ? void 0 : _e2.error;
   const [selectedLabel, setSelectedLabel] = useState("");
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const [selectedIssueId, setSelectedIssueId] = useState(null);
@@ -39532,20 +39519,20 @@ class EditMap {
     this.map.length = 0;
   }
 }
-function addImplementation(editMap, at, remove, add) {
+function addImplementation(editMap, at2, remove, add) {
   let index2 = 0;
   if (remove === 0 && add.length === 0) {
     return;
   }
   while (index2 < editMap.map.length) {
-    if (editMap.map[index2][0] === at) {
+    if (editMap.map[index2][0] === at2) {
       editMap.map[index2][1] += remove;
       editMap.map[index2][2].push(...add);
       return;
     }
     index2 += 1;
   }
-  editMap.map.push([at, remove, add]);
+  editMap.map.push([at2, remove, add]);
 }
 function gfmTableAlign(events, index2) {
   let inDelimiterRow = false;
@@ -41702,7 +41689,7 @@ var css_248z = ".transform-component-module_wrapper__SPB86 {\n  position: relati
 var styles = { "wrapper": "transform-component-module_wrapper__SPB86", "content": "transform-component-module_content__FBWxo" };
 styleInject(css_248z);
 var TransformComponent = function(_a) {
-  var children2 = _a.children, _b = _a.wrapperClass, wrapperClass = _b === void 0 ? "" : _b, _c = _a.contentClass, contentClass = _c === void 0 ? "" : _c, wrapperStyle = _a.wrapperStyle, contentStyle = _a.contentStyle, _d = _a.wrapperProps, wrapperProps = _d === void 0 ? {} : _d, _e = _a.contentProps, contentProps = _e === void 0 ? {} : _e;
+  var children2 = _a.children, _b = _a.wrapperClass, wrapperClass = _b === void 0 ? "" : _b, _c = _a.contentClass, contentClass = _c === void 0 ? "" : _c, wrapperStyle = _a.wrapperStyle, contentStyle = _a.contentStyle, _d = _a.wrapperProps, wrapperProps = _d === void 0 ? {} : _d, _e2 = _a.contentProps, contentProps = _e2 === void 0 ? {} : _e2;
   var _f = useContext(Context), init = _f.init, cleanupWindowEvents = _f.cleanupWindowEvents;
   var wrapperRef = useRef(null);
   var contentRef = useRef(null);
@@ -43109,7 +43096,8 @@ var createIndustryMarkdownComponents = ({
   enableHtmlPopout,
   slideHeaderMarginTopOverride,
   index: index2,
-  repositoryInfo
+  repositoryInfo,
+  editable = false
 }) => {
   const getLuminance = (hex) => {
     const rgb = hex.replace("#", "").match(/.{2}/g);
@@ -43197,7 +43185,7 @@ var createIndustryMarkdownComponents = ({
       ...props
     }, children2),
     li: ({ children: children2, ...props }) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e2, _f, _g, _h;
       const isTaskListItem = Array.isArray(children2) && children2.length > 0 && React2__default.isValidElement(children2[0]) && ((_b = (_a = children2[0]) == null ? void 0 : _a.props) == null ? void 0 : _b.type) === "checkbox";
       if (isTaskListItem) {
         const checkbox = children2[0];
@@ -43212,7 +43200,7 @@ var createIndustryMarkdownComponents = ({
           }
         });
         const checked = ((_c = checkbox == null ? void 0 : checkbox.props) == null ? void 0 : _c.checked) || false;
-        const lineNumber = ((_e = (_d = props.sourcePosition) == null ? void 0 : _d.start) == null ? void 0 : _e.line) || ((_h = (_g = (_f = props.node) == null ? void 0 : _f.position) == null ? void 0 : _g.start) == null ? void 0 : _h.line) || 1;
+        const lineNumber = ((_e2 = (_d = props.sourcePosition) == null ? void 0 : _d.start) == null ? void 0 : _e2.line) || ((_h = (_g = (_f = props.node) == null ? void 0 : _f.position) == null ? void 0 : _g.start) == null ? void 0 : _h.line) || 1;
         const id = `${slideIdPrefix}-checkbox-${lineNumber}`;
         const isChecked = checkedItems[id] ?? checked;
         const handleChange = (e) => {
@@ -43241,19 +43229,20 @@ var createIndustryMarkdownComponents = ({
           checked: isChecked,
           onChange: handleChange,
           onClick: (e) => e.stopPropagation(),
+          disabled: !editable,
           style: {
             marginRight: theme2.space[2],
             marginTop: theme2.space[1],
             width: "16px",
             height: "16px",
-            cursor: "pointer"
+            cursor: editable ? "pointer" : "default"
           },
           id
         }), /* @__PURE__ */ React2__default.createElement("label", {
           htmlFor: id,
           style: {
             flex: 1,
-            cursor: "pointer",
+            cursor: editable ? "pointer" : "default",
             color: isChecked ? theme2.colors.textMuted : "inherit",
             lineHeight: theme2.lineHeights.relaxed
           }
@@ -43356,7 +43345,7 @@ var createIndustryMarkdownComponents = ({
       });
     },
     code: ({ node: node2, className, children: children2, ...props }) => {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c, _d, _e2, _f;
       const hasLanguageClass = className && (className.includes("language-") || className.includes("hljs"));
       const codeString = extractTextFromChildren(children2);
       const matchLang = /language-(\w+)/.exec(className || "");
@@ -43568,7 +43557,7 @@ var createIndustryMarkdownComponents = ({
           ...props
         }, children2)));
       }
-      const cleanClassName = (_f = (_e = (_d = className == null ? void 0 : className.replace(/hljs(-\w+)?/g, "")) == null ? void 0 : _d.replace(/language-\w+/g, "")) == null ? void 0 : _e.replace(/\s+/g, " ")) == null ? void 0 : _f.trim();
+      const cleanClassName = (_f = (_e2 = (_d = className == null ? void 0 : className.replace(/hljs(-\w+)?/g, "")) == null ? void 0 : _d.replace(/language-\w+/g, "")) == null ? void 0 : _e2.replace(/\s+/g, " ")) == null ? void 0 : _f.trim();
       return /* @__PURE__ */ React2__default.createElement("code", {
         style: {
           color: theme2.colors.accent,
@@ -44335,7 +44324,8 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
   maxScreenWidth: _maxScreenWidth,
   enableKeyboardScrolling = true,
   keyboardScrollConfig,
-  repositoryInfo
+  repositoryInfo,
+  editable = false
 }) {
   const slideRef = useRef(null);
   const scrollPositionsRef = useRef(/* @__PURE__ */ new Map());
@@ -44606,7 +44596,7 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
     }
   }, [slideIndex]);
   const sanitizeSchema = useMemo(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J;
+    var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J;
     return {
       ...defaultSchema,
       tagNames: [...defaultSchema.tagNames || [], "picture", "source", "mark"],
@@ -44617,7 +44607,7 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
         span: [...((_b = defaultSchema.attributes) == null ? void 0 : _b.span) || [], "className", "style"],
         pre: [...((_c = defaultSchema.attributes) == null ? void 0 : _c.pre) || [], "className", "style"],
         div: [...((_d = defaultSchema.attributes) == null ? void 0 : _d.div) || [], "style", "className", "id"],
-        p: [...((_e = defaultSchema.attributes) == null ? void 0 : _e.p) || [], "style", "className", "id"],
+        p: [...((_e2 = defaultSchema.attributes) == null ? void 0 : _e2.p) || [], "style", "className", "id"],
         h1: [...((_f = defaultSchema.attributes) == null ? void 0 : _f.h1) || [], "style", "className", "id"],
         h2: [...((_g = defaultSchema.attributes) == null ? void 0 : _g.h2) || [], "style", "className", "id"],
         h3: [...((_h = defaultSchema.attributes) == null ? void 0 : _h.h3) || [], "style", "className", "id"],
@@ -44691,7 +44681,8 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
       enableHtmlPopout,
       slideHeaderMarginTopOverride,
       index: chunkIndex,
-      repositoryInfo
+      repositoryInfo,
+      editable
     });
     if (searchQuery) {
       return {
@@ -44724,7 +44715,8 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
     enableHtmlPopout,
     slideHeaderMarginTopOverride,
     repositoryInfo,
-    searchQuery
+    searchQuery,
+    editable
   ]);
   return /* @__PURE__ */ React2__default.createElement("div", {
     className: "markdown-slide",
@@ -44809,9 +44801,9 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
     theme: theme2
   }));
 });
-var PanelGroupContext = createContext(null);
-PanelGroupContext.displayName = "PanelGroupContext";
-var DATA_ATTRIBUTES = {
+var PanelGroupContext$1 = createContext(null);
+PanelGroupContext$1.displayName = "PanelGroupContext";
+var DATA_ATTRIBUTES$1 = {
   group: "data-panel-group",
   groupDirection: "data-panel-group-direction",
   groupId: "data-panel-group-id",
@@ -44821,20 +44813,20 @@ var DATA_ATTRIBUTES = {
   panelSize: "data-panel-size",
   resizeHandleId: "data-panel-resize-handle-id"
 };
-var PRECISION = 10;
-var useIsomorphicLayoutEffect = useLayoutEffect;
-var useId = React2["useId".toString()];
-var wrappedUseId = typeof useId === "function" ? useId : () => null;
-var counter = 0;
-function useUniqueId(idFromParams = null) {
-  const idFromUseId = wrappedUseId();
+var PRECISION$1 = 10;
+var useIsomorphicLayoutEffect$1 = useLayoutEffect;
+var useId$1 = React2["useId".toString()];
+var wrappedUseId$1 = typeof useId$1 === "function" ? useId$1 : () => null;
+var counter$1 = 0;
+function useUniqueId$1(idFromParams = null) {
+  const idFromUseId = wrappedUseId$1();
   const idRef = useRef(idFromParams || idFromUseId || null);
   if (idRef.current === null) {
-    idRef.current = "" + counter++;
+    idRef.current = "" + counter$1++;
   }
   return idFromParams !== null && idFromParams !== void 0 ? idFromParams : idRef.current;
 }
-function PanelWithForwardedRef({
+function PanelWithForwardedRef$1({
   children: children2,
   className: classNameFromProps = "",
   collapsedSize,
@@ -44852,7 +44844,7 @@ function PanelWithForwardedRef({
   tagName: Type = "div",
   ...rest
 }) {
-  const context = useContext(PanelGroupContext);
+  const context = useContext(PanelGroupContext$1);
   if (context === null) {
     throw Error(`Panel components must be rendered within a PanelGroup container`);
   }
@@ -44868,7 +44860,7 @@ function PanelWithForwardedRef({
     resizePanel: resizePanel2,
     unregisterPanel
   } = context;
-  const panelId = useUniqueId(idFromProps);
+  const panelId = useUniqueId$1(idFromProps);
   const panelDataRef = useRef({
     callbacks: {
       onCollapse,
@@ -44893,7 +44885,7 @@ function PanelWithForwardedRef({
     if (!devWarningsRef.current.didLogMissingDefaultSizeWarning)
       ;
   }
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     const {
       callbacks,
       constraints
@@ -44916,7 +44908,7 @@ function PanelWithForwardedRef({
       reevaluatePanelConstraints(panelDataRef.current, prevConstraints);
     }
   });
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     const panelData = panelDataRef.current;
     registerPanel(panelData);
     return () => {
@@ -44956,37 +44948,37 @@ function PanelWithForwardedRef({
       ...style2,
       ...styleFromProps
     },
-    [DATA_ATTRIBUTES.groupId]: groupId,
-    [DATA_ATTRIBUTES.panel]: "",
-    [DATA_ATTRIBUTES.panelCollapsible]: collapsible || void 0,
-    [DATA_ATTRIBUTES.panelId]: panelId,
-    [DATA_ATTRIBUTES.panelSize]: parseFloat("" + style2.flexGrow).toFixed(1)
+    [DATA_ATTRIBUTES$1.groupId]: groupId,
+    [DATA_ATTRIBUTES$1.panel]: "",
+    [DATA_ATTRIBUTES$1.panelCollapsible]: collapsible || void 0,
+    [DATA_ATTRIBUTES$1.panelId]: panelId,
+    [DATA_ATTRIBUTES$1.panelSize]: parseFloat("" + style2.flexGrow).toFixed(1)
   });
 }
-var Panel = forwardRef((props, ref) => createElement(PanelWithForwardedRef, {
+var Panel$1 = forwardRef((props, ref) => createElement(PanelWithForwardedRef$1, {
   ...props,
   forwardedRef: ref
 }));
-PanelWithForwardedRef.displayName = "Panel";
-Panel.displayName = "forwardRef(Panel)";
-function isKeyDown(event) {
+PanelWithForwardedRef$1.displayName = "Panel";
+Panel$1.displayName = "forwardRef(Panel)";
+function isKeyDown$1(event) {
   return event.type === "keydown";
 }
-function isPointerEvent(event) {
+function isPointerEvent$1(event) {
   return event.type.startsWith("pointer");
 }
-function isMouseEvent(event) {
+function isMouseEvent$1(event) {
   return event.type.startsWith("mouse");
 }
-function getResizeEventCoordinates(event) {
-  if (isPointerEvent(event)) {
+function getResizeEventCoordinates$1(event) {
+  if (isPointerEvent$1(event)) {
     if (event.isPrimary) {
       return {
         x: event.clientX,
         y: event.clientY
       };
     }
-  } else if (isMouseEvent(event)) {
+  } else if (isMouseEvent$1(event)) {
     return {
       x: event.clientX,
       y: event.clientY
@@ -44997,74 +44989,74 @@ function getResizeEventCoordinates(event) {
     y: Infinity
   };
 }
-function getInputType() {
+function getInputType$1() {
   if (typeof matchMedia === "function") {
     return matchMedia("(pointer:coarse)").matches ? "coarse" : "fine";
   }
 }
-var EXCEEDED_HORIZONTAL_MIN = 1;
-var EXCEEDED_HORIZONTAL_MAX = 2;
-var EXCEEDED_VERTICAL_MIN = 4;
-var EXCEEDED_VERTICAL_MAX = 8;
-getInputType() === "coarse";
-var panelConstraintFlags = /* @__PURE__ */ new Map();
-function reportConstraintsViolation(resizeHandleId, flag) {
-  panelConstraintFlags.set(resizeHandleId, flag);
+var EXCEEDED_HORIZONTAL_MIN$1 = 1;
+var EXCEEDED_HORIZONTAL_MAX$1 = 2;
+var EXCEEDED_VERTICAL_MIN$1 = 4;
+var EXCEEDED_VERTICAL_MAX$1 = 8;
+getInputType$1() === "coarse";
+var panelConstraintFlags$1 = /* @__PURE__ */ new Map();
+function reportConstraintsViolation$1(resizeHandleId, flag) {
+  panelConstraintFlags$1.set(resizeHandleId, flag);
 }
 new AbortController();
-function useForceUpdate() {
+function useForceUpdate$1() {
   const [_, setCount] = useState(0);
   return useCallback(() => setCount((prevCount) => prevCount + 1), []);
 }
-function assert(expectedCondition, message) {
+function assert$1(expectedCondition, message) {
   if (!expectedCondition) {
     console.error(message);
     throw Error(message);
   }
 }
-function fuzzyCompareNumbers(actual, expected, fractionDigits = PRECISION) {
+function fuzzyCompareNumbers$1(actual, expected, fractionDigits = PRECISION$1) {
   if (actual.toFixed(fractionDigits) === expected.toFixed(fractionDigits)) {
     return 0;
   } else {
     return actual > expected ? 1 : -1;
   }
 }
-function fuzzyNumbersEqual$1(actual, expected, fractionDigits = PRECISION) {
-  return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
+function fuzzyNumbersEqual$1$1(actual, expected, fractionDigits = PRECISION$1) {
+  return fuzzyCompareNumbers$1(actual, expected, fractionDigits) === 0;
 }
-function fuzzyNumbersEqual(actual, expected, fractionDigits) {
-  return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
+function fuzzyNumbersEqual$2(actual, expected, fractionDigits) {
+  return fuzzyCompareNumbers$1(actual, expected, fractionDigits) === 0;
 }
-function fuzzyLayoutsEqual(actual, expected, fractionDigits) {
+function fuzzyLayoutsEqual$1(actual, expected, fractionDigits) {
   if (actual.length !== expected.length) {
     return false;
   }
   for (let index2 = 0; index2 < actual.length; index2++) {
     const actualSize = actual[index2];
     const expectedSize = expected[index2];
-    if (!fuzzyNumbersEqual(actualSize, expectedSize, fractionDigits)) {
+    if (!fuzzyNumbersEqual$2(actualSize, expectedSize, fractionDigits)) {
       return false;
     }
   }
   return true;
 }
-function resizePanel({
+function resizePanel$1({
   panelConstraints: panelConstraintsArray,
   panelIndex,
   size
 }) {
   const panelConstraints = panelConstraintsArray[panelIndex];
-  assert(panelConstraints != null, `Panel constraints not found for index ${panelIndex}`);
+  assert$1(panelConstraints != null, `Panel constraints not found for index ${panelIndex}`);
   let {
     collapsedSize = 0,
     collapsible,
     maxSize = 100,
     minSize = 0
   } = panelConstraints;
-  if (fuzzyCompareNumbers(size, minSize) < 0) {
+  if (fuzzyCompareNumbers$1(size, minSize) < 0) {
     if (collapsible) {
       const halfwayPoint = (collapsedSize + minSize) / 2;
-      if (fuzzyCompareNumbers(size, halfwayPoint) < 0) {
+      if (fuzzyCompareNumbers$1(size, halfwayPoint) < 0) {
         size = collapsedSize;
       } else {
         size = minSize;
@@ -45074,10 +45066,10 @@ function resizePanel({
     }
   }
   size = Math.min(maxSize, size);
-  size = parseFloat(size.toFixed(PRECISION));
+  size = parseFloat(size.toFixed(PRECISION$1));
   return size;
 }
-function adjustLayoutByDelta({
+function adjustLayoutByDelta$1({
   delta,
   initialLayout,
   panelConstraints: panelConstraintsArray,
@@ -45085,20 +45077,20 @@ function adjustLayoutByDelta({
   prevLayout,
   trigger
 }) {
-  if (fuzzyNumbersEqual(delta, 0)) {
+  if (fuzzyNumbersEqual$2(delta, 0)) {
     return initialLayout;
   }
   const nextLayout = [...initialLayout];
   const [firstPivotIndex, secondPivotIndex] = pivotIndices;
-  assert(firstPivotIndex != null, "Invalid first pivot index");
-  assert(secondPivotIndex != null, "Invalid second pivot index");
+  assert$1(firstPivotIndex != null, "Invalid first pivot index");
+  assert$1(secondPivotIndex != null, "Invalid second pivot index");
   let deltaApplied = 0;
   {
     if (trigger === "keyboard") {
       {
         const index2 = delta < 0 ? secondPivotIndex : firstPivotIndex;
         const panelConstraints = panelConstraintsArray[index2];
-        assert(panelConstraints, `Panel constraints not found for index ${index2}`);
+        assert$1(panelConstraints, `Panel constraints not found for index ${index2}`);
         const {
           collapsedSize = 0,
           collapsible,
@@ -45106,10 +45098,10 @@ function adjustLayoutByDelta({
         } = panelConstraints;
         if (collapsible) {
           const prevSize = initialLayout[index2];
-          assert(prevSize != null, `Previous layout not found for panel index ${index2}`);
-          if (fuzzyNumbersEqual(prevSize, collapsedSize)) {
+          assert$1(prevSize != null, `Previous layout not found for panel index ${index2}`);
+          if (fuzzyNumbersEqual$2(prevSize, collapsedSize)) {
             const localDelta = minSize - prevSize;
-            if (fuzzyCompareNumbers(localDelta, Math.abs(delta)) > 0) {
+            if (fuzzyCompareNumbers$1(localDelta, Math.abs(delta)) > 0) {
               delta = delta < 0 ? 0 - localDelta : localDelta;
             }
           }
@@ -45118,7 +45110,7 @@ function adjustLayoutByDelta({
       {
         const index2 = delta < 0 ? firstPivotIndex : secondPivotIndex;
         const panelConstraints = panelConstraintsArray[index2];
-        assert(panelConstraints, `No panel constraints found for index ${index2}`);
+        assert$1(panelConstraints, `No panel constraints found for index ${index2}`);
         const {
           collapsedSize = 0,
           collapsible,
@@ -45126,10 +45118,10 @@ function adjustLayoutByDelta({
         } = panelConstraints;
         if (collapsible) {
           const prevSize = initialLayout[index2];
-          assert(prevSize != null, `Previous layout not found for panel index ${index2}`);
-          if (fuzzyNumbersEqual(prevSize, minSize)) {
+          assert$1(prevSize != null, `Previous layout not found for panel index ${index2}`);
+          if (fuzzyNumbersEqual$2(prevSize, minSize)) {
             const localDelta = prevSize - collapsedSize;
-            if (fuzzyCompareNumbers(localDelta, Math.abs(delta)) > 0) {
+            if (fuzzyCompareNumbers$1(localDelta, Math.abs(delta)) > 0) {
               delta = delta < 0 ? 0 - localDelta : localDelta;
             }
           }
@@ -45143,8 +45135,8 @@ function adjustLayoutByDelta({
     let maxAvailableDelta = 0;
     while (true) {
       const prevSize = initialLayout[index2];
-      assert(prevSize != null, `Previous layout not found for panel index ${index2}`);
-      const maxSafeSize = resizePanel({
+      assert$1(prevSize != null, `Previous layout not found for panel index ${index2}`);
+      const maxSafeSize = resizePanel$1({
         panelConstraints: panelConstraintsArray,
         panelIndex: index2,
         size: 100
@@ -45165,14 +45157,14 @@ function adjustLayoutByDelta({
     while (index2 >= 0 && index2 < panelConstraintsArray.length) {
       const deltaRemaining = Math.abs(delta) - Math.abs(deltaApplied);
       const prevSize = initialLayout[index2];
-      assert(prevSize != null, `Previous layout not found for panel index ${index2}`);
+      assert$1(prevSize != null, `Previous layout not found for panel index ${index2}`);
       const unsafeSize = prevSize - deltaRemaining;
-      const safeSize = resizePanel({
+      const safeSize = resizePanel$1({
         panelConstraints: panelConstraintsArray,
         panelIndex: index2,
         size: unsafeSize
       });
-      if (!fuzzyNumbersEqual(prevSize, safeSize)) {
+      if (!fuzzyNumbersEqual$2(prevSize, safeSize)) {
         deltaApplied += prevSize - safeSize;
         nextLayout[index2] = safeSize;
         if (deltaApplied.toPrecision(3).localeCompare(Math.abs(delta).toPrecision(3), void 0, {
@@ -45188,38 +45180,38 @@ function adjustLayoutByDelta({
       }
     }
   }
-  if (fuzzyLayoutsEqual(prevLayout, nextLayout)) {
+  if (fuzzyLayoutsEqual$1(prevLayout, nextLayout)) {
     return prevLayout;
   }
   {
     const pivotIndex = delta < 0 ? secondPivotIndex : firstPivotIndex;
     const prevSize = initialLayout[pivotIndex];
-    assert(prevSize != null, `Previous layout not found for panel index ${pivotIndex}`);
+    assert$1(prevSize != null, `Previous layout not found for panel index ${pivotIndex}`);
     const unsafeSize = prevSize + deltaApplied;
-    const safeSize = resizePanel({
+    const safeSize = resizePanel$1({
       panelConstraints: panelConstraintsArray,
       panelIndex: pivotIndex,
       size: unsafeSize
     });
     nextLayout[pivotIndex] = safeSize;
-    if (!fuzzyNumbersEqual(safeSize, unsafeSize)) {
+    if (!fuzzyNumbersEqual$2(safeSize, unsafeSize)) {
       let deltaRemaining = unsafeSize - safeSize;
       const pivotIndex2 = delta < 0 ? secondPivotIndex : firstPivotIndex;
       let index2 = pivotIndex2;
       while (index2 >= 0 && index2 < panelConstraintsArray.length) {
         const prevSize2 = nextLayout[index2];
-        assert(prevSize2 != null, `Previous layout not found for panel index ${index2}`);
+        assert$1(prevSize2 != null, `Previous layout not found for panel index ${index2}`);
         const unsafeSize2 = prevSize2 + deltaRemaining;
-        const safeSize2 = resizePanel({
+        const safeSize2 = resizePanel$1({
           panelConstraints: panelConstraintsArray,
           panelIndex: index2,
           size: unsafeSize2
         });
-        if (!fuzzyNumbersEqual(prevSize2, safeSize2)) {
+        if (!fuzzyNumbersEqual$2(prevSize2, safeSize2)) {
           deltaRemaining -= safeSize2 - prevSize2;
           nextLayout[index2] = safeSize2;
         }
-        if (fuzzyNumbersEqual(deltaRemaining, 0)) {
+        if (fuzzyNumbersEqual$2(deltaRemaining, 0)) {
           break;
         }
         if (delta > 0) {
@@ -45231,12 +45223,12 @@ function adjustLayoutByDelta({
     }
   }
   const totalSize = nextLayout.reduce((total, size) => size + total, 0);
-  if (!fuzzyNumbersEqual(totalSize, 100)) {
+  if (!fuzzyNumbersEqual$2(totalSize, 100)) {
     return prevLayout;
   }
   return nextLayout;
 }
-function calculateAriaValues({
+function calculateAriaValues$1({
   layout,
   panelsArray,
   pivotIndices
@@ -45246,7 +45238,7 @@ function calculateAriaValues({
   let totalMinSize = 0;
   let totalMaxSize = 0;
   const firstIndex = pivotIndices[0];
-  assert(firstIndex != null, "No pivot index found");
+  assert$1(firstIndex != null, "No pivot index found");
   panelsArray.forEach((panelData, index2) => {
     const {
       constraints
@@ -45272,19 +45264,19 @@ function calculateAriaValues({
     valueNow
   };
 }
-function getResizeHandleElementsForGroup(groupId, scope = document) {
-  return Array.from(scope.querySelectorAll(`[${DATA_ATTRIBUTES.resizeHandleId}][data-panel-group-id="${groupId}"]`));
+function getResizeHandleElementsForGroup$1(groupId, scope = document) {
+  return Array.from(scope.querySelectorAll(`[${DATA_ATTRIBUTES$1.resizeHandleId}][data-panel-group-id="${groupId}"]`));
 }
-function getResizeHandleElementIndex(groupId, id, scope = document) {
-  const handles = getResizeHandleElementsForGroup(groupId, scope);
-  const index2 = handles.findIndex((handle2) => handle2.getAttribute(DATA_ATTRIBUTES.resizeHandleId) === id);
+function getResizeHandleElementIndex$1(groupId, id, scope = document) {
+  const handles = getResizeHandleElementsForGroup$1(groupId, scope);
+  const index2 = handles.findIndex((handle2) => handle2.getAttribute(DATA_ATTRIBUTES$1.resizeHandleId) === id);
   return index2 !== null && index2 !== void 0 ? index2 : null;
 }
-function determinePivotIndices(groupId, dragHandleId, panelGroupElement) {
-  const index2 = getResizeHandleElementIndex(groupId, dragHandleId, panelGroupElement);
+function determinePivotIndices$1(groupId, dragHandleId, panelGroupElement) {
+  const index2 = getResizeHandleElementIndex$1(groupId, dragHandleId, panelGroupElement);
   return index2 != null ? [index2, index2 + 1] : [-1, -1];
 }
-function getPanelGroupElement(id, rootElement = document) {
+function getPanelGroupElement$1(id, rootElement = document) {
   var _dataset;
   if (rootElement instanceof HTMLElement && (rootElement === null || rootElement === void 0 ? void 0 : (_dataset = rootElement.dataset) === null || _dataset === void 0 ? void 0 : _dataset.panelGroupId) == id) {
     return rootElement;
@@ -45295,23 +45287,23 @@ function getPanelGroupElement(id, rootElement = document) {
   }
   return null;
 }
-function getResizeHandleElement(id, scope = document) {
-  const element2 = scope.querySelector(`[${DATA_ATTRIBUTES.resizeHandleId}="${id}"]`);
+function getResizeHandleElement$1(id, scope = document) {
+  const element2 = scope.querySelector(`[${DATA_ATTRIBUTES$1.resizeHandleId}="${id}"]`);
   if (element2) {
     return element2;
   }
   return null;
 }
-function getResizeHandlePanelIds(groupId, handleId, panelsArray, scope = document) {
+function getResizeHandlePanelIds$1(groupId, handleId, panelsArray, scope = document) {
   var _panelsArray$index$id, _panelsArray$index, _panelsArray$id, _panelsArray;
-  const handle2 = getResizeHandleElement(handleId, scope);
-  const handles = getResizeHandleElementsForGroup(groupId, scope);
+  const handle2 = getResizeHandleElement$1(handleId, scope);
+  const handles = getResizeHandleElementsForGroup$1(groupId, scope);
   const index2 = handle2 ? handles.indexOf(handle2) : -1;
   const idBefore = (_panelsArray$index$id = (_panelsArray$index = panelsArray[index2]) === null || _panelsArray$index === void 0 ? void 0 : _panelsArray$index.id) !== null && _panelsArray$index$id !== void 0 ? _panelsArray$index$id : null;
   const idAfter = (_panelsArray$id = (_panelsArray = panelsArray[index2 + 1]) === null || _panelsArray === void 0 ? void 0 : _panelsArray.id) !== null && _panelsArray$id !== void 0 ? _panelsArray$id : null;
   return [idBefore, idAfter];
 }
-function useWindowSplitterPanelGroupBehavior({
+function useWindowSplitterPanelGroupBehavior$1({
   committedValuesRef,
   eagerValuesRef,
   groupId,
@@ -45323,17 +45315,17 @@ function useWindowSplitterPanelGroupBehavior({
   const devWarningsRef = useRef({
     didWarnAboutMissingResizeHandle: false
   });
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     if (!panelGroupElement) {
       return;
     }
-    const resizeHandleElements = getResizeHandleElementsForGroup(groupId, panelGroupElement);
+    const resizeHandleElements = getResizeHandleElementsForGroup$1(groupId, panelGroupElement);
     for (let index2 = 0; index2 < panelDataArray.length - 1; index2++) {
       const {
         valueMax,
         valueMin,
         valueNow
-      } = calculateAriaValues({
+      } = calculateAriaValues$1({
         layout,
         panelsArray: panelDataArray,
         pivotIndices: [index2, index2 + 1]
@@ -45351,7 +45343,7 @@ function useWindowSplitterPanelGroupBehavior({
         }
       } else {
         const panelData = panelDataArray[index2];
-        assert(panelData, `No panel data found for index "${index2}"`);
+        assert$1(panelData, `No panel data found for index "${index2}"`);
         resizeHandleElement.setAttribute("aria-controls", panelData.id);
         resizeHandleElement.setAttribute("aria-valuemax", "" + Math.round(valueMax));
         resizeHandleElement.setAttribute("aria-valuemin", "" + Math.round(valueMin));
@@ -45372,18 +45364,18 @@ function useWindowSplitterPanelGroupBehavior({
       return;
     }
     const eagerValues = eagerValuesRef.current;
-    assert(eagerValues, `Eager values not found`);
+    assert$1(eagerValues, `Eager values not found`);
     const {
       panelDataArray: panelDataArray2
     } = eagerValues;
-    const groupElement = getPanelGroupElement(groupId, panelGroupElement);
-    assert(groupElement != null, `No group found for id "${groupId}"`);
-    const handles = getResizeHandleElementsForGroup(groupId, panelGroupElement);
-    assert(handles, `No resize handles found for group id "${groupId}"`);
+    const groupElement = getPanelGroupElement$1(groupId, panelGroupElement);
+    assert$1(groupElement != null, `No group found for id "${groupId}"`);
+    const handles = getResizeHandleElementsForGroup$1(groupId, panelGroupElement);
+    assert$1(handles, `No resize handles found for group id "${groupId}"`);
     const cleanupFunctions = handles.map((handle2) => {
-      const handleId = handle2.getAttribute(DATA_ATTRIBUTES.resizeHandleId);
-      assert(handleId, `Resize handle element has no handle id attribute`);
-      const [idBefore, idAfter] = getResizeHandlePanelIds(groupId, handleId, panelDataArray2, panelGroupElement);
+      const handleId = handle2.getAttribute(DATA_ATTRIBUTES$1.resizeHandleId);
+      assert$1(handleId, `Resize handle element has no handle id attribute`);
+      const [idBefore, idAfter] = getResizeHandlePanelIds$1(groupId, handleId, panelDataArray2, panelGroupElement);
       if (idBefore == null || idAfter == null) {
         return () => {
         };
@@ -45398,7 +45390,7 @@ function useWindowSplitterPanelGroupBehavior({
             const index2 = panelDataArray2.findIndex((panelData) => panelData.id === idBefore);
             if (index2 >= 0) {
               const panelData = panelDataArray2[index2];
-              assert(panelData, `No panel data found for index ${index2}`);
+              assert$1(panelData, `No panel data found for index ${index2}`);
               const size = layout[index2];
               const {
                 collapsedSize = 0,
@@ -45406,11 +45398,11 @@ function useWindowSplitterPanelGroupBehavior({
                 minSize = 0
               } = panelData.constraints;
               if (size != null && collapsible) {
-                const nextLayout = adjustLayoutByDelta({
-                  delta: fuzzyNumbersEqual(size, collapsedSize) ? minSize - collapsedSize : collapsedSize - size,
+                const nextLayout = adjustLayoutByDelta$1({
+                  delta: fuzzyNumbersEqual$2(size, collapsedSize) ? minSize - collapsedSize : collapsedSize - size,
                   initialLayout: layout,
                   panelConstraints: panelDataArray2.map((panelData2) => panelData2.constraints),
-                  pivotIndices: determinePivotIndices(groupId, handleId, panelGroupElement),
+                  pivotIndices: determinePivotIndices$1(groupId, handleId, panelGroupElement),
                   prevLayout: layout,
                   trigger: "keyboard"
                 });
@@ -45433,7 +45425,7 @@ function useWindowSplitterPanelGroupBehavior({
     };
   }, [panelGroupElement, committedValuesRef, eagerValuesRef, groupId, layout, panelDataArray, setLayout]);
 }
-function areEqual(arrayA, arrayB) {
+function areEqual$1(arrayA, arrayB) {
   if (arrayA.length !== arrayB.length) {
     return false;
   }
@@ -45444,34 +45436,34 @@ function areEqual(arrayA, arrayB) {
   }
   return true;
 }
-function getResizeEventCursorPosition(direction, event) {
+function getResizeEventCursorPosition$1(direction, event) {
   const isHorizontal = direction === "horizontal";
   const {
     x,
     y
-  } = getResizeEventCoordinates(event);
+  } = getResizeEventCoordinates$1(event);
   return isHorizontal ? x : y;
 }
-function calculateDragOffsetPercentage(event, dragHandleId, direction, initialDragState, panelGroupElement) {
+function calculateDragOffsetPercentage$1(event, dragHandleId, direction, initialDragState, panelGroupElement) {
   const isHorizontal = direction === "horizontal";
-  const handleElement = getResizeHandleElement(dragHandleId, panelGroupElement);
-  assert(handleElement, `No resize handle element found for id "${dragHandleId}"`);
-  const groupId = handleElement.getAttribute(DATA_ATTRIBUTES.groupId);
-  assert(groupId, `Resize handle element has no group id attribute`);
+  const handleElement = getResizeHandleElement$1(dragHandleId, panelGroupElement);
+  assert$1(handleElement, `No resize handle element found for id "${dragHandleId}"`);
+  const groupId = handleElement.getAttribute(DATA_ATTRIBUTES$1.groupId);
+  assert$1(groupId, `Resize handle element has no group id attribute`);
   let {
     initialCursorPosition
   } = initialDragState;
-  const cursorPosition = getResizeEventCursorPosition(direction, event);
-  const groupElement = getPanelGroupElement(groupId, panelGroupElement);
-  assert(groupElement, `No group element found for id "${groupId}"`);
+  const cursorPosition = getResizeEventCursorPosition$1(direction, event);
+  const groupElement = getPanelGroupElement$1(groupId, panelGroupElement);
+  assert$1(groupElement, `No group element found for id "${groupId}"`);
   const groupRect = groupElement.getBoundingClientRect();
   const groupSizeInPixels = isHorizontal ? groupRect.width : groupRect.height;
   const offsetPixels = cursorPosition - initialCursorPosition;
   const offsetPercentage = offsetPixels / groupSizeInPixels * 100;
   return offsetPercentage;
 }
-function calculateDeltaPercentage(event, dragHandleId, direction, initialDragState, keyboardResizeBy, panelGroupElement) {
-  if (isKeyDown(event)) {
+function calculateDeltaPercentage$1(event, dragHandleId, direction, initialDragState, keyboardResizeBy, panelGroupElement) {
+  if (isKeyDown$1(event)) {
     const isHorizontal = direction === "horizontal";
     let delta = 0;
     if (event.shiftKey) {
@@ -45507,10 +45499,10 @@ function calculateDeltaPercentage(event, dragHandleId, direction, initialDragSta
     if (initialDragState == null) {
       return 0;
     }
-    return calculateDragOffsetPercentage(event, dragHandleId, direction, initialDragState, panelGroupElement);
+    return calculateDragOffsetPercentage$1(event, dragHandleId, direction, initialDragState, panelGroupElement);
   }
 }
-function calculateUnsafeDefaultLayout({
+function calculateUnsafeDefaultLayout$1({
   panelDataArray
 }) {
   const layout = Array(panelDataArray.length);
@@ -45519,7 +45511,7 @@ function calculateUnsafeDefaultLayout({
   let remainingSize = 100;
   for (let index2 = 0; index2 < panelDataArray.length; index2++) {
     const panelConstraints = panelConstraintsArray[index2];
-    assert(panelConstraints, `Panel constraints not found for index ${index2}`);
+    assert$1(panelConstraints, `Panel constraints not found for index ${index2}`);
     const {
       defaultSize
     } = panelConstraints;
@@ -45531,7 +45523,7 @@ function calculateUnsafeDefaultLayout({
   }
   for (let index2 = 0; index2 < panelDataArray.length; index2++) {
     const panelConstraints = panelConstraintsArray[index2];
-    assert(panelConstraints, `Panel constraints not found for index ${index2}`);
+    assert$1(panelConstraints, `Panel constraints not found for index ${index2}`);
     const {
       defaultSize
     } = panelConstraints;
@@ -45546,10 +45538,10 @@ function calculateUnsafeDefaultLayout({
   }
   return layout;
 }
-function callPanelCallbacks(panelsArray, layout, panelIdToLastNotifiedSizeMap) {
+function callPanelCallbacks$1(panelsArray, layout, panelIdToLastNotifiedSizeMap) {
   layout.forEach((size, index2) => {
     const panelData = panelsArray[index2];
-    assert(panelData, `Panel data not found for index ${index2}`);
+    assert$1(panelData, `Panel data not found for index ${index2}`);
     const {
       callbacks,
       constraints,
@@ -45571,17 +45563,17 @@ function callPanelCallbacks(panelsArray, layout, panelIdToLastNotifiedSizeMap) {
         onResize(size, lastNotifiedSize);
       }
       if (collapsible && (onCollapse || onExpand)) {
-        if (onExpand && (lastNotifiedSize == null || fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && !fuzzyNumbersEqual$1(size, collapsedSize)) {
+        if (onExpand && (lastNotifiedSize == null || fuzzyNumbersEqual$1$1(lastNotifiedSize, collapsedSize)) && !fuzzyNumbersEqual$1$1(size, collapsedSize)) {
           onExpand();
         }
-        if (onCollapse && (lastNotifiedSize == null || !fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && fuzzyNumbersEqual$1(size, collapsedSize)) {
+        if (onCollapse && (lastNotifiedSize == null || !fuzzyNumbersEqual$1$1(lastNotifiedSize, collapsedSize)) && fuzzyNumbersEqual$1$1(size, collapsedSize)) {
           onCollapse();
         }
       }
     }
   });
 }
-function compareLayouts(a, b) {
+function compareLayouts$1(a, b) {
   if (a.length !== b.length) {
     return false;
   } else {
@@ -45593,7 +45585,7 @@ function compareLayouts(a, b) {
   }
   return true;
 }
-function computePanelFlexBoxStyle({
+function computePanelFlexBoxStyle$1({
   defaultSize,
   dragState,
   layout,
@@ -45618,7 +45610,7 @@ function computePanelFlexBoxStyle({
     pointerEvents: dragState !== null ? "none" : void 0
   };
 }
-function debounce(callback, durationMs = 10) {
+function debounce$1(callback, durationMs = 10) {
   let timeoutId = null;
   let callable = (...args) => {
     if (timeoutId !== null) {
@@ -45630,7 +45622,7 @@ function debounce(callback, durationMs = 10) {
   };
   return callable;
 }
-function initializeDefaultStorage(storageObject) {
+function initializeDefaultStorage$1(storageObject) {
   try {
     if (typeof localStorage !== "undefined") {
       storageObject.getItem = (name2) => {
@@ -45649,10 +45641,10 @@ function initializeDefaultStorage(storageObject) {
     };
   }
 }
-function getPanelGroupKey(autoSaveId) {
+function getPanelGroupKey$1(autoSaveId) {
   return `react-resizable-panels:${autoSaveId}`;
 }
-function getPanelKey(panels2) {
+function getPanelKey$1(panels2) {
   return panels2.map((panel) => {
     const {
       constraints,
@@ -45667,9 +45659,9 @@ function getPanelKey(panels2) {
     }
   }).sort((a, b) => a.localeCompare(b)).join(",");
 }
-function loadSerializedPanelGroupState(autoSaveId, storage) {
+function loadSerializedPanelGroupState$1(autoSaveId, storage) {
   try {
-    const panelGroupKey = getPanelGroupKey(autoSaveId);
+    const panelGroupKey = getPanelGroupKey$1(autoSaveId);
     const serialized = storage.getItem(panelGroupKey);
     if (serialized) {
       const parsed = JSON.parse(serialized);
@@ -45681,17 +45673,17 @@ function loadSerializedPanelGroupState(autoSaveId, storage) {
   }
   return null;
 }
-function loadPanelGroupState(autoSaveId, panels2, storage) {
+function loadPanelGroupState$1(autoSaveId, panels2, storage) {
   var _loadSerializedPanelG, _state$panelKey;
-  const state = (_loadSerializedPanelG = loadSerializedPanelGroupState(autoSaveId, storage)) !== null && _loadSerializedPanelG !== void 0 ? _loadSerializedPanelG : {};
-  const panelKey = getPanelKey(panels2);
+  const state = (_loadSerializedPanelG = loadSerializedPanelGroupState$1(autoSaveId, storage)) !== null && _loadSerializedPanelG !== void 0 ? _loadSerializedPanelG : {};
+  const panelKey = getPanelKey$1(panels2);
   return (_state$panelKey = state[panelKey]) !== null && _state$panelKey !== void 0 ? _state$panelKey : null;
 }
-function savePanelGroupState(autoSaveId, panels2, panelSizesBeforeCollapse, sizes, storage) {
+function savePanelGroupState$1(autoSaveId, panels2, panelSizesBeforeCollapse, sizes, storage) {
   var _loadSerializedPanelG2;
-  const panelGroupKey = getPanelGroupKey(autoSaveId);
-  const panelKey = getPanelKey(panels2);
-  const state = (_loadSerializedPanelG2 = loadSerializedPanelGroupState(autoSaveId, storage)) !== null && _loadSerializedPanelG2 !== void 0 ? _loadSerializedPanelG2 : {};
+  const panelGroupKey = getPanelGroupKey$1(autoSaveId);
+  const panelKey = getPanelKey$1(panels2);
+  const state = (_loadSerializedPanelG2 = loadSerializedPanelGroupState$1(autoSaveId, storage)) !== null && _loadSerializedPanelG2 !== void 0 ? _loadSerializedPanelG2 : {};
   state[panelKey] = {
     expandToSizes: Object.fromEntries(panelSizesBeforeCollapse.entries()),
     layout: sizes
@@ -45710,7 +45702,7 @@ function validatePanelConstraints({
   {
     const warnings = [];
     const panelConstraints = panelConstraintsArray[panelIndex];
-    assert(panelConstraints, `No panel constraints found for index ${panelIndex}`);
+    assert$1(panelConstraints, `No panel constraints found for index ${panelIndex}`);
     const {
       collapsedSize = 0,
       collapsible = false,
@@ -45747,7 +45739,7 @@ ${warnings.join(`
   }
   return true;
 }
-function validatePanelGroupLayout({
+function validatePanelGroupLayout$1({
   layout: prevLayout,
   panelConstraints
 }) {
@@ -45755,13 +45747,13 @@ function validatePanelGroupLayout({
   const nextLayoutTotalSize = nextLayout.reduce((accumulated, current) => accumulated + current, 0);
   if (nextLayout.length !== panelConstraints.length) {
     throw Error(`Invalid ${panelConstraints.length} panel layout: ${nextLayout.map((size) => `${size}%`).join(", ")}`);
-  } else if (!fuzzyNumbersEqual(nextLayoutTotalSize, 100) && nextLayout.length > 0) {
+  } else if (!fuzzyNumbersEqual$2(nextLayoutTotalSize, 100) && nextLayout.length > 0) {
     {
       console.warn(`WARNING: Invalid layout total size: ${nextLayout.map((size) => `${size}%`).join(", ")}. Layout normalization will be applied.`);
     }
     for (let index2 = 0; index2 < panelConstraints.length; index2++) {
       const unsafeSize = nextLayout[index2];
-      assert(unsafeSize != null, `No layout data found for index ${index2}`);
+      assert$1(unsafeSize != null, `No layout data found for index ${index2}`);
       const safeSize = 100 / nextLayoutTotalSize * unsafeSize;
       nextLayout[index2] = safeSize;
     }
@@ -45769,8 +45761,8 @@ function validatePanelGroupLayout({
   let remainingSize = 0;
   for (let index2 = 0; index2 < panelConstraints.length; index2++) {
     const unsafeSize = nextLayout[index2];
-    assert(unsafeSize != null, `No layout data found for index ${index2}`);
-    const safeSize = resizePanel({
+    assert$1(unsafeSize != null, `No layout data found for index ${index2}`);
+    const safeSize = resizePanel$1({
       panelConstraints,
       panelIndex: index2,
       size: unsafeSize
@@ -45780,12 +45772,12 @@ function validatePanelGroupLayout({
       nextLayout[index2] = safeSize;
     }
   }
-  if (!fuzzyNumbersEqual(remainingSize, 0)) {
+  if (!fuzzyNumbersEqual$2(remainingSize, 0)) {
     for (let index2 = 0; index2 < panelConstraints.length; index2++) {
       const prevSize = nextLayout[index2];
-      assert(prevSize != null, `No layout data found for index ${index2}`);
+      assert$1(prevSize != null, `No layout data found for index ${index2}`);
       const unsafeSize = prevSize + remainingSize;
-      const safeSize = resizePanel({
+      const safeSize = resizePanel$1({
         panelConstraints,
         panelIndex: index2,
         size: unsafeSize
@@ -45793,7 +45785,7 @@ function validatePanelGroupLayout({
       if (prevSize !== safeSize) {
         remainingSize -= safeSize - prevSize;
         nextLayout[index2] = safeSize;
-        if (fuzzyNumbersEqual(remainingSize, 0)) {
+        if (fuzzyNumbersEqual$2(remainingSize, 0)) {
           break;
         }
       }
@@ -45801,19 +45793,19 @@ function validatePanelGroupLayout({
   }
   return nextLayout;
 }
-var LOCAL_STORAGE_DEBOUNCE_INTERVAL = 100;
-var defaultStorage = {
+var LOCAL_STORAGE_DEBOUNCE_INTERVAL$1 = 100;
+var defaultStorage$1 = {
   getItem: (name2) => {
-    initializeDefaultStorage(defaultStorage);
-    return defaultStorage.getItem(name2);
+    initializeDefaultStorage$1(defaultStorage$1);
+    return defaultStorage$1.getItem(name2);
   },
   setItem: (name2, value) => {
-    initializeDefaultStorage(defaultStorage);
-    defaultStorage.setItem(name2, value);
+    initializeDefaultStorage$1(defaultStorage$1);
+    defaultStorage$1.setItem(name2, value);
   }
 };
-var debounceMap = {};
-function PanelGroupWithForwardedRef({
+var debounceMap$1 = {};
+function PanelGroupWithForwardedRef$1({
   autoSaveId = null,
   children: children2,
   className: classNameFromProps = "",
@@ -45822,16 +45814,16 @@ function PanelGroupWithForwardedRef({
   id: idFromProps = null,
   onLayout = null,
   keyboardResizeBy = null,
-  storage = defaultStorage,
+  storage = defaultStorage$1,
   style: styleFromProps,
   tagName: Type = "div",
   ...rest
 }) {
-  const groupId = useUniqueId(idFromProps);
+  const groupId = useUniqueId$1(idFromProps);
   const panelGroupElementRef = useRef(null);
   const [dragState, setDragState] = useState(null);
   const [layout, setLayout] = useState([]);
-  const forceUpdate = useForceUpdate();
+  const forceUpdate = useForceUpdate$1();
   const panelIdToLastNotifiedSizeMapRef = useRef({});
   const panelSizeBeforeCollapseRef = useRef(/* @__PURE__ */ new Map());
   const prevDeltaRef = useRef(0);
@@ -45870,21 +45862,21 @@ function PanelGroupWithForwardedRef({
         layout: prevLayout,
         panelDataArray
       } = eagerValuesRef.current;
-      const safeLayout = validatePanelGroupLayout({
+      const safeLayout = validatePanelGroupLayout$1({
         layout: unsafeLayout,
         panelConstraints: panelDataArray.map((panelData) => panelData.constraints)
       });
-      if (!areEqual(prevLayout, safeLayout)) {
+      if (!areEqual$1(prevLayout, safeLayout)) {
         setLayout(safeLayout);
         eagerValuesRef.current.layout = safeLayout;
         if (onLayout2) {
           onLayout2(safeLayout);
         }
-        callPanelCallbacks(panelDataArray, safeLayout, panelIdToLastNotifiedSizeMapRef.current);
+        callPanelCallbacks$1(panelDataArray, safeLayout, panelIdToLastNotifiedSizeMapRef.current);
       }
     }
   }), []);
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     committedValuesRef.current.autoSaveId = autoSaveId;
     committedValuesRef.current.direction = direction;
     committedValuesRef.current.dragState = dragState;
@@ -45892,7 +45884,7 @@ function PanelGroupWithForwardedRef({
     committedValuesRef.current.onLayout = onLayout;
     committedValuesRef.current.storage = storage;
   });
-  useWindowSplitterPanelGroupBehavior({
+  useWindowSplitterPanelGroupBehavior$1({
     committedValuesRef,
     eagerValuesRef,
     groupId,
@@ -45909,10 +45901,10 @@ function PanelGroupWithForwardedRef({
       if (layout.length === 0 || layout.length !== panelDataArray.length) {
         return;
       }
-      let debouncedSave = debounceMap[autoSaveId];
+      let debouncedSave = debounceMap$1[autoSaveId];
       if (debouncedSave == null) {
-        debouncedSave = debounce(savePanelGroupState, LOCAL_STORAGE_DEBOUNCE_INTERVAL);
-        debounceMap[autoSaveId] = debouncedSave;
+        debouncedSave = debounce$1(savePanelGroupState$1, LOCAL_STORAGE_DEBOUNCE_INTERVAL$1);
+        debounceMap$1[autoSaveId] = debouncedSave;
       }
       const clonedPanelDataArray = [...panelDataArray];
       const clonedPanelSizesBeforeCollapse = new Map(panelSizeBeforeCollapseRef.current);
@@ -45934,7 +45926,7 @@ function PanelGroupWithForwardedRef({
           id
         }) => id);
         devWarningsRef.current.prevPanelIds = panelIds;
-        const panelsHaveChanged = prevPanelIds.length > 0 && !areEqual(prevPanelIds, panelIds);
+        const panelsHaveChanged = prevPanelIds.length > 0 && !areEqual$1(prevPanelIds, panelIds);
         if (panelsHaveChanged) {
           if (panelDataArray.find(({
             idIsFromProps,
@@ -45949,7 +45941,7 @@ function PanelGroupWithForwardedRef({
         const panelConstraints = panelDataArray.map((panelData) => panelData.constraints);
         for (let panelIndex = 0; panelIndex < panelConstraints.length; panelIndex++) {
           const panelData = panelDataArray[panelIndex];
-          assert(panelData, `Panel data not found for index ${panelIndex}`);
+          assert$1(panelData, `Panel data not found for index ${panelIndex}`);
           const isValid = validatePanelConstraints({
             panelConstraints,
             panelId: panelData.id,
@@ -45977,13 +45969,13 @@ function PanelGroupWithForwardedRef({
         collapsedSize = 0,
         panelSize,
         pivotIndices
-      } = panelDataHelper(panelDataArray, panelData, prevLayout);
-      assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
-      if (!fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
+      } = panelDataHelper$1(panelDataArray, panelData, prevLayout);
+      assert$1(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
+      if (!fuzzyNumbersEqual$1$1(panelSize, collapsedSize)) {
         panelSizeBeforeCollapseRef.current.set(panelData.id, panelSize);
-        const isLastPanel = findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1;
+        const isLastPanel = findPanelDataIndex$1(panelDataArray, panelData) === panelDataArray.length - 1;
         const delta = isLastPanel ? panelSize - collapsedSize : collapsedSize - panelSize;
-        const nextLayout = adjustLayoutByDelta({
+        const nextLayout = adjustLayoutByDelta$1({
           delta,
           initialLayout: prevLayout,
           panelConstraints: panelConstraintsArray,
@@ -45991,13 +45983,13 @@ function PanelGroupWithForwardedRef({
           prevLayout,
           trigger: "imperative-api"
         });
-        if (!compareLayouts(prevLayout, nextLayout)) {
+        if (!compareLayouts$1(prevLayout, nextLayout)) {
           setLayout(nextLayout);
           eagerValuesRef.current.layout = nextLayout;
           if (onLayout2) {
             onLayout2(nextLayout);
           }
-          callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
+          callPanelCallbacks$1(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
         }
       }
     }
@@ -46017,14 +46009,14 @@ function PanelGroupWithForwardedRef({
         panelSize = 0,
         minSize: minSizeFromProps = 0,
         pivotIndices
-      } = panelDataHelper(panelDataArray, panelData, prevLayout);
+      } = panelDataHelper$1(panelDataArray, panelData, prevLayout);
       const minSize = minSizeOverride !== null && minSizeOverride !== void 0 ? minSizeOverride : minSizeFromProps;
-      if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
+      if (fuzzyNumbersEqual$1$1(panelSize, collapsedSize)) {
         const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);
         const baseSize = prevPanelSize != null && prevPanelSize >= minSize ? prevPanelSize : minSize;
-        const isLastPanel = findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1;
+        const isLastPanel = findPanelDataIndex$1(panelDataArray, panelData) === panelDataArray.length - 1;
         const delta = isLastPanel ? panelSize - baseSize : baseSize - panelSize;
-        const nextLayout = adjustLayoutByDelta({
+        const nextLayout = adjustLayoutByDelta$1({
           delta,
           initialLayout: prevLayout,
           panelConstraints: panelConstraintsArray,
@@ -46032,13 +46024,13 @@ function PanelGroupWithForwardedRef({
           prevLayout,
           trigger: "imperative-api"
         });
-        if (!compareLayouts(prevLayout, nextLayout)) {
+        if (!compareLayouts$1(prevLayout, nextLayout)) {
           setLayout(nextLayout);
           eagerValuesRef.current.layout = nextLayout;
           if (onLayout2) {
             onLayout2(nextLayout);
           }
-          callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
+          callPanelCallbacks$1(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
         }
       }
     }
@@ -46050,16 +46042,16 @@ function PanelGroupWithForwardedRef({
     } = eagerValuesRef.current;
     const {
       panelSize
-    } = panelDataHelper(panelDataArray, panelData, layout2);
-    assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
+    } = panelDataHelper$1(panelDataArray, panelData, layout2);
+    assert$1(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
     return panelSize;
   }, []);
   const getPanelStyle = useCallback((panelData, defaultSize) => {
     const {
       panelDataArray
     } = eagerValuesRef.current;
-    const panelIndex = findPanelDataIndex(panelDataArray, panelData);
-    return computePanelFlexBoxStyle({
+    const panelIndex = findPanelDataIndex$1(panelDataArray, panelData);
+    return computePanelFlexBoxStyle$1({
       defaultSize,
       dragState,
       layout,
@@ -46076,9 +46068,9 @@ function PanelGroupWithForwardedRef({
       collapsedSize = 0,
       collapsible,
       panelSize
-    } = panelDataHelper(panelDataArray, panelData, layout2);
-    assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
-    return collapsible === true && fuzzyNumbersEqual$1(panelSize, collapsedSize);
+    } = panelDataHelper$1(panelDataArray, panelData, layout2);
+    assert$1(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
+    return collapsible === true && fuzzyNumbersEqual$1$1(panelSize, collapsedSize);
   }, []);
   const isPanelExpanded = useCallback((panelData) => {
     const {
@@ -46089,9 +46081,9 @@ function PanelGroupWithForwardedRef({
       collapsedSize = 0,
       collapsible,
       panelSize
-    } = panelDataHelper(panelDataArray, panelData, layout2);
-    assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
-    return !collapsible || fuzzyCompareNumbers(panelSize, collapsedSize) > 0;
+    } = panelDataHelper$1(panelDataArray, panelData, layout2);
+    assert$1(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
+    return !collapsible || fuzzyCompareNumbers$1(panelSize, collapsedSize) > 0;
   }, []);
   const registerPanel = useCallback((panelData) => {
     const {
@@ -46114,7 +46106,7 @@ function PanelGroupWithForwardedRef({
     eagerValuesRef.current.panelDataArrayChanged = true;
     forceUpdate();
   }, [forceUpdate]);
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     if (eagerValuesRef.current.panelDataArrayChanged) {
       eagerValuesRef.current.panelDataArrayChanged = false;
       const {
@@ -46128,32 +46120,32 @@ function PanelGroupWithForwardedRef({
       } = eagerValuesRef.current;
       let unsafeLayout = null;
       if (autoSaveId2) {
-        const state = loadPanelGroupState(autoSaveId2, panelDataArray, storage2);
+        const state = loadPanelGroupState$1(autoSaveId2, panelDataArray, storage2);
         if (state) {
           panelSizeBeforeCollapseRef.current = new Map(Object.entries(state.expandToSizes));
           unsafeLayout = state.layout;
         }
       }
       if (unsafeLayout == null) {
-        unsafeLayout = calculateUnsafeDefaultLayout({
+        unsafeLayout = calculateUnsafeDefaultLayout$1({
           panelDataArray
         });
       }
-      const nextLayout = validatePanelGroupLayout({
+      const nextLayout = validatePanelGroupLayout$1({
         layout: unsafeLayout,
         panelConstraints: panelDataArray.map((panelData) => panelData.constraints)
       });
-      if (!areEqual(prevLayout, nextLayout)) {
+      if (!areEqual$1(prevLayout, nextLayout)) {
         setLayout(nextLayout);
         eagerValuesRef.current.layout = nextLayout;
         if (onLayout2) {
           onLayout2(nextLayout);
         }
-        callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
+        callPanelCallbacks$1(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
       }
     }
   });
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     const eagerValues = eagerValuesRef.current;
     return () => {
       eagerValues.layout = [];
@@ -46188,33 +46180,33 @@ function PanelGroupWithForwardedRef({
       const {
         initialLayout
       } = dragState2 !== null && dragState2 !== void 0 ? dragState2 : {};
-      const pivotIndices = determinePivotIndices(groupId2, dragHandleId, panelGroupElement2);
-      let delta = calculateDeltaPercentage(event, dragHandleId, direction2, dragState2, keyboardResizeBy2, panelGroupElement2);
+      const pivotIndices = determinePivotIndices$1(groupId2, dragHandleId, panelGroupElement2);
+      let delta = calculateDeltaPercentage$1(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({
+      const nextLayout = adjustLayoutByDelta$1({
         delta,
         initialLayout: initialLayout !== null && initialLayout !== void 0 ? initialLayout : prevLayout,
         panelConstraints,
         pivotIndices,
         prevLayout,
-        trigger: isKeyDown(event) ? "keyboard" : "mouse-or-touch"
+        trigger: isKeyDown$1(event) ? "keyboard" : "mouse-or-touch"
       });
-      const layoutChanged = !compareLayouts(prevLayout, nextLayout);
-      if (isPointerEvent(event) || isMouseEvent(event)) {
+      const layoutChanged = !compareLayouts$1(prevLayout, nextLayout);
+      if (isPointerEvent$1(event) || isMouseEvent$1(event)) {
         if (prevDeltaRef.current != delta) {
           prevDeltaRef.current = delta;
           if (!layoutChanged && delta !== 0) {
             if (isHorizontal) {
-              reportConstraintsViolation(dragHandleId, delta < 0 ? EXCEEDED_HORIZONTAL_MIN : EXCEEDED_HORIZONTAL_MAX);
+              reportConstraintsViolation$1(dragHandleId, delta < 0 ? EXCEEDED_HORIZONTAL_MIN$1 : EXCEEDED_HORIZONTAL_MAX$1);
             } else {
-              reportConstraintsViolation(dragHandleId, delta < 0 ? EXCEEDED_VERTICAL_MIN : EXCEEDED_VERTICAL_MAX);
+              reportConstraintsViolation$1(dragHandleId, delta < 0 ? EXCEEDED_VERTICAL_MIN$1 : EXCEEDED_VERTICAL_MAX$1);
             }
           } else {
-            reportConstraintsViolation(dragHandleId, 0);
+            reportConstraintsViolation$1(dragHandleId, 0);
           }
         }
       }
@@ -46224,7 +46216,7 @@ function PanelGroupWithForwardedRef({
         if (onLayout2) {
           onLayout2(nextLayout);
         }
-        callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
+        callPanelCallbacks$1(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
       }
     };
   }, []);
@@ -46240,11 +46232,11 @@ function PanelGroupWithForwardedRef({
     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;
+    } = panelDataHelper$1(panelDataArray, panelData, prevLayout);
+    assert$1(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
+    const isLastPanel = findPanelDataIndex$1(panelDataArray, panelData) === panelDataArray.length - 1;
     const delta = isLastPanel ? panelSize - unsafePanelSize : unsafePanelSize - panelSize;
-    const nextLayout = adjustLayoutByDelta({
+    const nextLayout = adjustLayoutByDelta$1({
       delta,
       initialLayout: prevLayout,
       panelConstraints: panelConstraintsArray,
@@ -46252,13 +46244,13 @@ function PanelGroupWithForwardedRef({
       prevLayout,
       trigger: "imperative-api"
     });
-    if (!compareLayouts(prevLayout, nextLayout)) {
+    if (!compareLayouts$1(prevLayout, nextLayout)) {
       setLayout(nextLayout);
       eagerValuesRef.current.layout = nextLayout;
       if (onLayout2) {
         onLayout2(nextLayout);
       }
-      callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
+      callPanelCallbacks$1(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
     }
   }, []);
   const reevaluatePanelConstraints = useCallback((panelData, prevConstraints) => {
@@ -46278,12 +46270,12 @@ function PanelGroupWithForwardedRef({
     } = panelData.constraints;
     const {
       panelSize: prevPanelSize
-    } = panelDataHelper(panelDataArray, panelData, layout2);
+    } = panelDataHelper$1(panelDataArray, panelData, layout2);
     if (prevPanelSize == null) {
       return;
     }
-    if (prevCollapsible && nextCollapsible && fuzzyNumbersEqual$1(prevPanelSize, prevCollapsedSize)) {
-      if (!fuzzyNumbersEqual$1(prevCollapsedSize, nextCollapsedSize)) {
+    if (prevCollapsible && nextCollapsible && fuzzyNumbersEqual$1$1(prevPanelSize, prevCollapsedSize)) {
+      if (!fuzzyNumbersEqual$1$1(prevCollapsedSize, nextCollapsedSize)) {
         resizePanel2(panelData, nextCollapsedSize);
       }
     } else if (prevPanelSize < nextMinSize) {
@@ -46302,9 +46294,9 @@ function PanelGroupWithForwardedRef({
     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);
+    const handleElement = getResizeHandleElement$1(dragHandleId, panelGroupElementRef.current);
+    assert$1(handleElement, `Drag handle element not found for id "${dragHandleId}"`);
+    const initialCursorPosition = getResizeEventCursorPosition$1(direction2, event);
     setDragState({
       dragHandleId,
       dragHandleRect: handleElement.getBoundingClientRect(),
@@ -46319,7 +46311,7 @@ function PanelGroupWithForwardedRef({
     const {
       panelDataArray
     } = eagerValuesRef.current;
-    const index2 = findPanelDataIndex(panelDataArray, panelData);
+    const index2 = findPanelDataIndex$1(panelDataArray, panelData);
     if (index2 >= 0) {
       panelDataArray.splice(index2, 1);
       delete panelIdToLastNotifiedSizeMapRef.current[panelData.id];
@@ -46353,7 +46345,7 @@ function PanelGroupWithForwardedRef({
     overflow: "hidden",
     width: "100%"
   };
-  return createElement(PanelGroupContext.Provider, {
+  return createElement(PanelGroupContext$1.Provider, {
     value: context
   }, createElement(Type, {
     ...rest,
@@ -46365,22 +46357,22 @@ function PanelGroupWithForwardedRef({
       ...style2,
       ...styleFromProps
     },
-    [DATA_ATTRIBUTES.group]: "",
-    [DATA_ATTRIBUTES.groupDirection]: direction,
-    [DATA_ATTRIBUTES.groupId]: groupId
+    [DATA_ATTRIBUTES$1.group]: "",
+    [DATA_ATTRIBUTES$1.groupDirection]: direction,
+    [DATA_ATTRIBUTES$1.groupId]: groupId
   }));
 }
-var PanelGroup = forwardRef((props2, ref) => createElement(PanelGroupWithForwardedRef, {
+var PanelGroup$1 = forwardRef((props2, ref) => createElement(PanelGroupWithForwardedRef$1, {
   ...props2,
   forwardedRef: ref
 }));
-PanelGroupWithForwardedRef.displayName = "PanelGroup";
-PanelGroup.displayName = "forwardRef(PanelGroup)";
-function findPanelDataIndex(panelDataArray, panelData) {
+PanelGroupWithForwardedRef$1.displayName = "PanelGroup";
+PanelGroup$1.displayName = "forwardRef(PanelGroup)";
+function findPanelDataIndex$1(panelDataArray, panelData) {
   return panelDataArray.findIndex((prevPanelData) => prevPanelData === panelData || prevPanelData.id === panelData.id);
 }
-function panelDataHelper(panelDataArray, panelData, layout) {
-  const panelIndex = findPanelDataIndex(panelDataArray, panelData);
+function panelDataHelper$1(panelDataArray, panelData, layout) {
+  const panelIndex = findPanelDataIndex$1(panelDataArray, panelData);
   const isLastPanel = panelIndex === panelDataArray.length - 1;
   const pivotIndices = isLastPanel ? [panelIndex - 1, panelIndex] : [panelIndex, panelIndex + 1];
   const panelSize = layout[panelIndex];
@@ -46430,14 +46422,14 @@ var M = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minP
   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, "_");
+  const C2 = 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 {
+            .snap-carousel-container[data-carousel-id="${C2}"][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 {
+              .snap-carousel-container[data-carousel-id="${C2}"][data-panel-count="2"] .snap-carousel-panel {
                 width: 50%;
               }
             }
@@ -46452,41 +46444,41 @@ var M = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minP
         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)) })
+    }, "data-panel-count": y2, "data-carousel-id": C2, children: o2.map((t2, n2) => /* @__PURE__ */ jsx("div", { className: "snap-carousel-panel", children: t2 }, n2)) })
   ] });
 });
 M.displayName = "SnapCarousel";
-var se;
+var se$1;
 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";
+(ce = se$1 || (se$1 = {})).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 Te$1;
 var ke;
-(ke = Te || (Te = {}))[ke.Forward = 1] = "Forward", ke[ke.Backward = -1] = "Backward";
-var je;
-var He;
-var Ke;
+(ke = Te$1 || (Te$1 = {}))[ke.Forward = 1] = "Forward", ke[ke.Backward = -1] = "Backward";
+var je$1;
+var He$1;
+var Ke$1;
 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;
+(He$1 = je$1 || (je$1 = {})).Click = "click", He$1.DragStart = "dragstart", He$1.Keydown = "keydown", He$1.ContextMenu = "contextmenu", He$1.Resize = "resize", He$1.SelectionChange = "selectionchange", He$1.VisibilityChange = "visibilitychange", (Ue = Ke$1 || (Ke$1 = {})).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$1.Space, Ke$1.Enter], cancel: [Ke$1.Esc], end: [Ke$1.Space, Ke$1.Enter, Ke$1.Tab] });
+var ot$1;
 var it;
-(it = ot || (ot = {}))[it.RightClick = 2] = "RightClick";
-var lt;
-var st;
-var ct;
+(it = ot$1 || (ot$1 = {}))[it.RightClick = 2] = "RightClick";
+var lt$1;
+var st$1;
+var ct$1;
 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;
+(st$1 = lt$1 || (lt$1 = {}))[st$1.Pointer = 0] = "Pointer", st$1[st$1.DraggableRect = 1] = "DraggableRect", (dt = ct$1 || (ct$1 = {}))[dt.TreeOrder = 0] = "TreeOrder", dt[dt.ReversedTreeOrder = 1] = "ReversedTreeOrder";
+({ x: { [Te$1.Backward]: false, [Te$1.Forward]: false }, y: { [Te$1.Backward]: false, [Te$1.Forward]: false } });
+var ht$1;
+var mt$1;
 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 } });
+(mt$1 = ht$1 || (ht$1 = {}))[mt$1.Always = 0] = "Always", mt$1[mt$1.BeforeDragging = 1] = "BeforeDragging", mt$1[mt$1.WhileDragging = 2] = "WhileDragging", (ft || (ft = {})).Optimized = "optimized";
+({ droppable: { strategy: ht$1.WhileDragging, frequency: ft.Optimized } });
 /* @__PURE__ */ createContext({ ...ue, scaleX: 1, scaleY: 1 });
-var Bt;
+var Bt$1;
 var Ot;
-(Ot = Bt || (Bt = {}))[Ot.Uninitialized = 0] = "Uninitialized", Ot[Ot.Initializing = 1] = "Initializing", Ot[Ot.Initialized = 2] = "Initialized";
+(Ot = Bt$1 || (Bt$1 = {}))[Ot.Uninitialized = 0] = "Uninitialized", Ot[Ot.Initializing = 1] = "Initializing", Ot[Ot.Initialized = 2] = "Initialized";
 var Vt;
 (() => {
   if (typeof window != "undefined") {
@@ -46509,7 +46501,8 @@ var DocumentView = ({
   repositoryInfo,
   fontSizeScale,
   theme: theme2,
-  transparentBackground = false
+  transparentBackground = false,
+  editable = false
 }) => {
   const containerRef = useRef(null);
   const backgroundColor = transparentBackground ? "transparent" : theme2.colors.background;
@@ -46541,7 +46534,8 @@ var DocumentView = ({
     fontSizeScale,
     handlePromptCopy,
     repositoryInfo,
-    transparentBackground
+    transparentBackground,
+    editable
   })));
 };
 const formatDate$1 = (dateString) => {
@@ -46571,305 +46565,2367 @@ const GitHubIssueDetailPanelContent = ({ events }) => {
       setOwner(event.payload.owner);
       setRepo(event.payload.repo);
     };
-    const unsubscribe = events.on("issue:selected", handleIssueSelected);
-    return () => {
-      if (typeof unsubscribe === "function") {
-        unsubscribe();
-      }
+    const unsubscribe = events.on("issue:selected", handleIssueSelected);
+    return () => {
+      if (typeof unsubscribe === "function") {
+        unsubscribe();
+      }
+    };
+  }, [events]);
+  const handleBack = () => {
+    setSelectedIssue(null);
+    setOwner("");
+    setRepo("");
+    if (events) {
+      events.emit({
+        type: "issue:deselected",
+        source: "github-issue-detail-panel",
+        timestamp: Date.now(),
+        payload: {}
+      });
+    }
+  };
+  const containerStyle = {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    backgroundColor: theme2.colors.background,
+    overflow: "hidden"
+  };
+  if (!selectedIssue) {
+    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(Github, { 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 Issue 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 an issue in the Issues panel to view its details."
+              }
+            )
+          ] })
+        ]
+      }
+    ) });
+  }
+  const isOpen = selectedIssue.state === "open";
+  const statusColor = isOpen ? theme2.colors.success || "#22c55e" : theme2.colors.error || "#ef4444";
+  const statusBg = `${statusColor}20`;
+  const statusLabel = isOpen ? "Open" : "Closed";
+  return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          height: "40px",
+          minHeight: "40px",
+          padding: "0 12px",
+          borderBottom: `1px solid ${theme2.colors.border}`,
+          backgroundColor: theme2.colors.backgroundSecondary,
+          display: "flex",
+          alignItems: "center",
+          gap: "12px",
+          boxSizing: "border-box"
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                fontFamily: theme2.fonts.monospace,
+                fontSize: theme2.fontSizes[0],
+                color: theme2.colors.textSecondary
+              },
+              children: [
+                "#",
+                selectedIssue.number
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: "6px",
+                padding: "4px 10px",
+                borderRadius: "999px",
+                backgroundColor: statusBg,
+                color: statusColor,
+                fontFamily: theme2.fonts.heading,
+                fontSize: theme2.fontSizes[0],
+                fontWeight: 600,
+                textTransform: "uppercase"
+              },
+              children: statusLabel
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                color: theme2.colors.textSecondary,
+                fontSize: theme2.fontSizes[0],
+                fontFamily: theme2.fonts.body
+              },
+              children: [
+                "by ",
+                /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.primary }, children: selectedIssue.user.login }),
+                " ",
+                formatDate$1(selectedIssue.created_at)
+              ]
+            }
+          ),
+          selectedIssue.comments > 0 && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: "4px",
+                color: theme2.colors.textSecondary,
+                fontSize: theme2.fontSizes[0]
+              },
+              children: [
+                /* @__PURE__ */ jsx(MessageSquare, { size: 12 }),
+                selectedIssue.comments
+              ]
+            }
+          ),
+          selectedIssue.assignees && selectedIssue.assignees.length > 0 && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: "4px",
+                color: theme2.colors.textSecondary,
+                fontSize: theme2.fontSizes[0],
+                fontFamily: theme2.fonts.body
+              },
+              children: [
+                "assigned to",
+                " ",
+                selectedIssue.assignees.map((assignee, index2) => /* @__PURE__ */ jsxs("span", { children: [
+                  /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.primary }, children: assignee.login }),
+                  index2 < selectedIssue.assignees.length - 1 && ", "
+                ] }, assignee.login))
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: selectedIssue.html_url,
+              target: "_blank",
+              rel: "noopener 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: handleBack,
+              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__ */ jsx(
+      "div",
+      {
+        style: {
+          padding: "16px",
+          borderBottom: `1px solid ${theme2.colors.border}`
+        },
+        children: /* @__PURE__ */ jsx(
+          "h1",
+          {
+            style: {
+              margin: 0,
+              fontFamily: theme2.fonts.heading,
+              fontSize: theme2.fontSizes[4] || 20,
+              fontWeight: 600,
+              color: theme2.colors.text,
+              lineHeight: 1.3
+            },
+            children: selectedIssue.title
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          flex: 1,
+          overflow: "auto"
+        },
+        children: selectedIssue.body ? /* @__PURE__ */ jsx(
+          DocumentView,
+          {
+            content: selectedIssue.body,
+            theme: theme2,
+            maxWidth: "100%",
+            transparentBackground: true
+          }
+        ) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              padding: "40px",
+              textAlign: "center",
+              color: theme2.colors.textMuted,
+              fontFamily: theme2.fonts.body,
+              fontSize: theme2.fontSizes[1],
+              fontStyle: "italic"
+            },
+            children: "No description provided."
+          }
+        )
+      }
+    )
+  ] });
+};
+const GitHubIssueDetailPanel = (props) => {
+  return /* @__PURE__ */ jsx(GitHubIssueDetailPanelContent, { ...props });
+};
+const GitHubIssueDetailPanelMetadata = {
+  id: "github-issue-detail",
+  name: "GitHub Issue Details",
+  description: "View detailed information about a GitHub issue",
+  icon: "circle-dot",
+  version: "0.1.0",
+  slices: [],
+  surfaces: ["panel"]
+};
+const PanelGroupContext = createContext(null);
+PanelGroupContext.displayName = "PanelGroupContext";
+const DATA_ATTRIBUTES = {
+  group: "data-panel-group",
+  groupDirection: "data-panel-group-direction",
+  groupId: "data-panel-group-id",
+  panel: "data-panel",
+  panelCollapsible: "data-panel-collapsible",
+  panelId: "data-panel-id",
+  panelSize: "data-panel-size",
+  resizeHandleId: "data-panel-resize-handle-id"
+};
+const PRECISION = 10;
+const useIsomorphicLayoutEffect = useLayoutEffect;
+const useId = React2["useId".toString()];
+const wrappedUseId = typeof useId === "function" ? useId : () => null;
+let counter = 0;
+function useUniqueId(idFromParams = null) {
+  const idFromUseId = wrappedUseId();
+  const idRef = useRef(idFromParams || idFromUseId || null);
+  if (idRef.current === null) {
+    idRef.current = "" + counter++;
+  }
+  return idFromParams !== null && idFromParams !== void 0 ? idFromParams : idRef.current;
+}
+function PanelWithForwardedRef({
+  children: children2,
+  className: classNameFromProps = "",
+  collapsedSize,
+  collapsible,
+  defaultSize,
+  forwardedRef,
+  id: idFromProps,
+  maxSize,
+  minSize,
+  onCollapse,
+  onExpand,
+  onResize,
+  order: order2,
+  style: styleFromProps,
+  tagName: Type = "div",
+  ...rest
+}) {
+  const context = useContext(PanelGroupContext);
+  if (context === null) {
+    throw Error(`Panel components must be rendered within a PanelGroup container`);
+  }
+  const {
+    collapsePanel,
+    expandPanel,
+    getPanelSize,
+    getPanelStyle,
+    groupId,
+    isPanelCollapsed,
+    reevaluatePanelConstraints,
+    registerPanel,
+    resizePanel: resizePanel2,
+    unregisterPanel
+  } = context;
+  const panelId = useUniqueId(idFromProps);
+  const panelDataRef = useRef({
+    callbacks: {
+      onCollapse,
+      onExpand,
+      onResize
+    },
+    constraints: {
+      collapsedSize,
+      collapsible,
+      defaultSize,
+      maxSize,
+      minSize
+    },
+    id: panelId,
+    idIsFromProps: idFromProps !== void 0,
+    order: order2
+  });
+  useRef({
+    didLogMissingDefaultSizeWarning: false
+  });
+  useIsomorphicLayoutEffect(() => {
+    const {
+      callbacks,
+      constraints
+    } = panelDataRef.current;
+    const prevConstraints = {
+      ...constraints
+    };
+    panelDataRef.current.id = panelId;
+    panelDataRef.current.idIsFromProps = idFromProps !== void 0;
+    panelDataRef.current.order = order2;
+    callbacks.onCollapse = onCollapse;
+    callbacks.onExpand = onExpand;
+    callbacks.onResize = onResize;
+    constraints.collapsedSize = collapsedSize;
+    constraints.collapsible = collapsible;
+    constraints.defaultSize = defaultSize;
+    constraints.maxSize = maxSize;
+    constraints.minSize = minSize;
+    if (prevConstraints.collapsedSize !== constraints.collapsedSize || prevConstraints.collapsible !== constraints.collapsible || prevConstraints.maxSize !== constraints.maxSize || prevConstraints.minSize !== constraints.minSize) {
+      reevaluatePanelConstraints(panelDataRef.current, prevConstraints);
+    }
+  });
+  useIsomorphicLayoutEffect(() => {
+    const panelData = panelDataRef.current;
+    registerPanel(panelData);
+    return () => {
+      unregisterPanel(panelData);
+    };
+  }, [order2, panelId, registerPanel, unregisterPanel]);
+  useImperativeHandle(forwardedRef, () => ({
+    collapse: () => {
+      collapsePanel(panelDataRef.current);
+    },
+    expand: (minSize2) => {
+      expandPanel(panelDataRef.current, minSize2);
+    },
+    getId() {
+      return panelId;
+    },
+    getSize() {
+      return getPanelSize(panelDataRef.current);
+    },
+    isCollapsed() {
+      return isPanelCollapsed(panelDataRef.current);
+    },
+    isExpanded() {
+      return !isPanelCollapsed(panelDataRef.current);
+    },
+    resize: (size) => {
+      resizePanel2(panelDataRef.current, size);
+    }
+  }), [collapsePanel, expandPanel, getPanelSize, isPanelCollapsed, panelId, resizePanel2]);
+  const style2 = getPanelStyle(panelDataRef.current, defaultSize);
+  return createElement(Type, {
+    ...rest,
+    children: children2,
+    className: classNameFromProps,
+    id: panelId,
+    style: {
+      ...style2,
+      ...styleFromProps
+    },
+    // CSS selectors
+    [DATA_ATTRIBUTES.groupId]: groupId,
+    [DATA_ATTRIBUTES.panel]: "",
+    [DATA_ATTRIBUTES.panelCollapsible]: collapsible || void 0,
+    [DATA_ATTRIBUTES.panelId]: panelId,
+    [DATA_ATTRIBUTES.panelSize]: parseFloat("" + style2.flexGrow).toFixed(1)
+  });
+}
+const Panel = forwardRef((props, ref) => createElement(PanelWithForwardedRef, {
+  ...props,
+  forwardedRef: ref
+}));
+PanelWithForwardedRef.displayName = "Panel";
+Panel.displayName = "forwardRef(Panel)";
+function isKeyDown(event) {
+  return event.type === "keydown";
+}
+function isPointerEvent(event) {
+  return event.type.startsWith("pointer");
+}
+function isMouseEvent(event) {
+  return event.type.startsWith("mouse");
+}
+function getResizeEventCoordinates(event) {
+  if (isPointerEvent(event)) {
+    if (event.isPrimary) {
+      return {
+        x: event.clientX,
+        y: event.clientY
+      };
+    }
+  } else if (isMouseEvent(event)) {
+    return {
+      x: event.clientX,
+      y: event.clientY
+    };
+  }
+  return {
+    x: Infinity,
+    y: Infinity
+  };
+}
+function getInputType() {
+  if (typeof matchMedia === "function") {
+    return matchMedia("(pointer:coarse)").matches ? "coarse" : "fine";
+  }
+}
+const EXCEEDED_HORIZONTAL_MIN = 1;
+const EXCEEDED_HORIZONTAL_MAX = 2;
+const EXCEEDED_VERTICAL_MIN = 4;
+const EXCEEDED_VERTICAL_MAX = 8;
+getInputType() === "coarse";
+let panelConstraintFlags = /* @__PURE__ */ new Map();
+function reportConstraintsViolation(resizeHandleId, flag) {
+  panelConstraintFlags.set(resizeHandleId, flag);
+}
+function useForceUpdate() {
+  const [_, setCount] = useState(0);
+  return useCallback(() => setCount((prevCount) => prevCount + 1), []);
+}
+function assert(expectedCondition, message) {
+  if (!expectedCondition) {
+    console.error(message);
+    throw Error(message);
+  }
+}
+function fuzzyCompareNumbers(actual, expected, fractionDigits = PRECISION) {
+  if (actual.toFixed(fractionDigits) === expected.toFixed(fractionDigits)) {
+    return 0;
+  } else {
+    return actual > expected ? 1 : -1;
+  }
+}
+function fuzzyNumbersEqual$1(actual, expected, fractionDigits = PRECISION) {
+  return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
+}
+function fuzzyNumbersEqual(actual, expected, fractionDigits) {
+  return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
+}
+function fuzzyLayoutsEqual(actual, expected, fractionDigits) {
+  if (actual.length !== expected.length) {
+    return false;
+  }
+  for (let index2 = 0; index2 < actual.length; index2++) {
+    const actualSize = actual[index2];
+    const expectedSize = expected[index2];
+    if (!fuzzyNumbersEqual(actualSize, expectedSize, fractionDigits)) {
+      return false;
+    }
+  }
+  return true;
+}
+function resizePanel({
+  panelConstraints: panelConstraintsArray,
+  panelIndex,
+  size
+}) {
+  const panelConstraints = panelConstraintsArray[panelIndex];
+  assert(panelConstraints != null, `Panel constraints not found for index ${panelIndex}`);
+  let {
+    collapsedSize = 0,
+    collapsible,
+    maxSize = 100,
+    minSize = 0
+  } = panelConstraints;
+  if (fuzzyCompareNumbers(size, minSize) < 0) {
+    if (collapsible) {
+      const halfwayPoint = (collapsedSize + minSize) / 2;
+      if (fuzzyCompareNumbers(size, halfwayPoint) < 0) {
+        size = collapsedSize;
+      } else {
+        size = minSize;
+      }
+    } else {
+      size = minSize;
+    }
+  }
+  size = Math.min(maxSize, size);
+  size = parseFloat(size.toFixed(PRECISION));
+  return size;
+}
+function adjustLayoutByDelta({
+  delta,
+  initialLayout,
+  panelConstraints: panelConstraintsArray,
+  pivotIndices,
+  prevLayout,
+  trigger
+}) {
+  if (fuzzyNumbersEqual(delta, 0)) {
+    return initialLayout;
+  }
+  const nextLayout = [...initialLayout];
+  const [firstPivotIndex, secondPivotIndex] = pivotIndices;
+  assert(firstPivotIndex != null, "Invalid first pivot index");
+  assert(secondPivotIndex != null, "Invalid second pivot index");
+  let deltaApplied = 0;
+  {
+    if (trigger === "keyboard") {
+      {
+        const index2 = delta < 0 ? secondPivotIndex : firstPivotIndex;
+        const panelConstraints = panelConstraintsArray[index2];
+        assert(panelConstraints, `Panel constraints not found for index ${index2}`);
+        const {
+          collapsedSize = 0,
+          collapsible,
+          minSize = 0
+        } = panelConstraints;
+        if (collapsible) {
+          const prevSize = initialLayout[index2];
+          assert(prevSize != null, `Previous layout not found for panel index ${index2}`);
+          if (fuzzyNumbersEqual(prevSize, collapsedSize)) {
+            const localDelta = minSize - prevSize;
+            if (fuzzyCompareNumbers(localDelta, Math.abs(delta)) > 0) {
+              delta = delta < 0 ? 0 - localDelta : localDelta;
+            }
+          }
+        }
+      }
+      {
+        const index2 = delta < 0 ? firstPivotIndex : secondPivotIndex;
+        const panelConstraints = panelConstraintsArray[index2];
+        assert(panelConstraints, `No panel constraints found for index ${index2}`);
+        const {
+          collapsedSize = 0,
+          collapsible,
+          minSize = 0
+        } = panelConstraints;
+        if (collapsible) {
+          const prevSize = initialLayout[index2];
+          assert(prevSize != null, `Previous layout not found for panel index ${index2}`);
+          if (fuzzyNumbersEqual(prevSize, minSize)) {
+            const localDelta = prevSize - collapsedSize;
+            if (fuzzyCompareNumbers(localDelta, Math.abs(delta)) > 0) {
+              delta = delta < 0 ? 0 - localDelta : localDelta;
+            }
+          }
+        }
+      }
+    }
+  }
+  {
+    const increment2 = delta < 0 ? 1 : -1;
+    let index2 = delta < 0 ? secondPivotIndex : firstPivotIndex;
+    let maxAvailableDelta = 0;
+    while (true) {
+      const prevSize = initialLayout[index2];
+      assert(prevSize != null, `Previous layout not found for panel index ${index2}`);
+      const maxSafeSize = resizePanel({
+        panelConstraints: panelConstraintsArray,
+        panelIndex: index2,
+        size: 100
+      });
+      const delta2 = maxSafeSize - prevSize;
+      maxAvailableDelta += delta2;
+      index2 += increment2;
+      if (index2 < 0 || index2 >= panelConstraintsArray.length) {
+        break;
+      }
+    }
+    const minAbsDelta = Math.min(Math.abs(delta), Math.abs(maxAvailableDelta));
+    delta = delta < 0 ? 0 - minAbsDelta : minAbsDelta;
+  }
+  {
+    const pivotIndex = delta < 0 ? firstPivotIndex : secondPivotIndex;
+    let index2 = pivotIndex;
+    while (index2 >= 0 && index2 < panelConstraintsArray.length) {
+      const deltaRemaining = Math.abs(delta) - Math.abs(deltaApplied);
+      const prevSize = initialLayout[index2];
+      assert(prevSize != null, `Previous layout not found for panel index ${index2}`);
+      const unsafeSize = prevSize - deltaRemaining;
+      const safeSize = resizePanel({
+        panelConstraints: panelConstraintsArray,
+        panelIndex: index2,
+        size: unsafeSize
+      });
+      if (!fuzzyNumbersEqual(prevSize, safeSize)) {
+        deltaApplied += prevSize - safeSize;
+        nextLayout[index2] = safeSize;
+        if (deltaApplied.toFixed(3).localeCompare(Math.abs(delta).toFixed(3), void 0, {
+          numeric: true
+        }) >= 0) {
+          break;
+        }
+      }
+      if (delta < 0) {
+        index2--;
+      } else {
+        index2++;
+      }
+    }
+  }
+  if (fuzzyLayoutsEqual(prevLayout, nextLayout)) {
+    return prevLayout;
+  }
+  {
+    const pivotIndex = delta < 0 ? secondPivotIndex : firstPivotIndex;
+    const prevSize = initialLayout[pivotIndex];
+    assert(prevSize != null, `Previous layout not found for panel index ${pivotIndex}`);
+    const unsafeSize = prevSize + deltaApplied;
+    const safeSize = resizePanel({
+      panelConstraints: panelConstraintsArray,
+      panelIndex: pivotIndex,
+      size: unsafeSize
+    });
+    nextLayout[pivotIndex] = safeSize;
+    if (!fuzzyNumbersEqual(safeSize, unsafeSize)) {
+      let deltaRemaining = unsafeSize - safeSize;
+      const pivotIndex2 = delta < 0 ? secondPivotIndex : firstPivotIndex;
+      let index2 = pivotIndex2;
+      while (index2 >= 0 && index2 < panelConstraintsArray.length) {
+        const prevSize2 = nextLayout[index2];
+        assert(prevSize2 != null, `Previous layout not found for panel index ${index2}`);
+        const unsafeSize2 = prevSize2 + deltaRemaining;
+        const safeSize2 = resizePanel({
+          panelConstraints: panelConstraintsArray,
+          panelIndex: index2,
+          size: unsafeSize2
+        });
+        if (!fuzzyNumbersEqual(prevSize2, safeSize2)) {
+          deltaRemaining -= safeSize2 - prevSize2;
+          nextLayout[index2] = safeSize2;
+        }
+        if (fuzzyNumbersEqual(deltaRemaining, 0)) {
+          break;
+        }
+        if (delta > 0) {
+          index2--;
+        } else {
+          index2++;
+        }
+      }
+    }
+  }
+  const totalSize = nextLayout.reduce((total, size) => size + total, 0);
+  if (!fuzzyNumbersEqual(totalSize, 100)) {
+    return prevLayout;
+  }
+  return nextLayout;
+}
+function calculateAriaValues({
+  layout,
+  panelsArray,
+  pivotIndices
+}) {
+  let currentMinSize = 0;
+  let currentMaxSize = 100;
+  let totalMinSize = 0;
+  let totalMaxSize = 0;
+  const firstIndex = pivotIndices[0];
+  assert(firstIndex != null, "No pivot index found");
+  panelsArray.forEach((panelData, index2) => {
+    const {
+      constraints
+    } = panelData;
+    const {
+      maxSize = 100,
+      minSize = 0
+    } = constraints;
+    if (index2 === firstIndex) {
+      currentMinSize = minSize;
+      currentMaxSize = maxSize;
+    } else {
+      totalMinSize += minSize;
+      totalMaxSize += maxSize;
+    }
+  });
+  const valueMax = Math.min(currentMaxSize, 100 - totalMinSize);
+  const valueMin = Math.max(currentMinSize, 100 - totalMaxSize);
+  const valueNow = layout[firstIndex];
+  return {
+    valueMax,
+    valueMin,
+    valueNow
+  };
+}
+function getResizeHandleElementsForGroup(groupId, scope = document) {
+  return Array.from(scope.querySelectorAll(`[${DATA_ATTRIBUTES.resizeHandleId}][data-panel-group-id="${groupId}"]`));
+}
+function getResizeHandleElementIndex(groupId, id, scope = document) {
+  const handles = getResizeHandleElementsForGroup(groupId, scope);
+  const index2 = handles.findIndex((handle2) => handle2.getAttribute(DATA_ATTRIBUTES.resizeHandleId) === id);
+  return index2 !== null && index2 !== void 0 ? index2 : null;
+}
+function determinePivotIndices(groupId, dragHandleId, panelGroupElement) {
+  const index2 = getResizeHandleElementIndex(groupId, dragHandleId, panelGroupElement);
+  return index2 != null ? [index2, index2 + 1] : [-1, -1];
+}
+function isHTMLElement(target) {
+  if (target instanceof HTMLElement) {
+    return true;
+  }
+  return typeof target === "object" && target !== null && "tagName" in target && "getAttribute" in target;
+}
+function getPanelGroupElement(id, rootElement = document) {
+  if (isHTMLElement(rootElement) && rootElement.dataset.panelGroupId == id) {
+    return rootElement;
+  }
+  const element2 = rootElement.querySelector(`[data-panel-group][data-panel-group-id="${id}"]`);
+  if (element2) {
+    return element2;
+  }
+  return null;
+}
+function getResizeHandleElement(id, scope = document) {
+  const element2 = scope.querySelector(`[${DATA_ATTRIBUTES.resizeHandleId}="${id}"]`);
+  if (element2) {
+    return element2;
+  }
+  return null;
+}
+function getResizeHandlePanelIds(groupId, handleId, panelsArray, scope = document) {
+  var _panelsArray$index$id, _panelsArray$index, _panelsArray$id, _panelsArray;
+  const handle2 = getResizeHandleElement(handleId, scope);
+  const handles = getResizeHandleElementsForGroup(groupId, scope);
+  const index2 = handle2 ? handles.indexOf(handle2) : -1;
+  const idBefore = (_panelsArray$index$id = (_panelsArray$index = panelsArray[index2]) === null || _panelsArray$index === void 0 ? void 0 : _panelsArray$index.id) !== null && _panelsArray$index$id !== void 0 ? _panelsArray$index$id : null;
+  const idAfter = (_panelsArray$id = (_panelsArray = panelsArray[index2 + 1]) === null || _panelsArray === void 0 ? void 0 : _panelsArray.id) !== null && _panelsArray$id !== void 0 ? _panelsArray$id : null;
+  return [idBefore, idAfter];
+}
+function useWindowSplitterPanelGroupBehavior({
+  committedValuesRef,
+  eagerValuesRef,
+  groupId,
+  layout,
+  panelDataArray,
+  panelGroupElement,
+  setLayout
+}) {
+  useRef({
+    didWarnAboutMissingResizeHandle: false
+  });
+  useIsomorphicLayoutEffect(() => {
+    if (!panelGroupElement) {
+      return;
+    }
+    const resizeHandleElements = getResizeHandleElementsForGroup(groupId, panelGroupElement);
+    for (let index2 = 0; index2 < panelDataArray.length - 1; index2++) {
+      const {
+        valueMax,
+        valueMin,
+        valueNow
+      } = calculateAriaValues({
+        layout,
+        panelsArray: panelDataArray,
+        pivotIndices: [index2, index2 + 1]
+      });
+      const resizeHandleElement = resizeHandleElements[index2];
+      if (resizeHandleElement == null) ;
+      else {
+        const panelData = panelDataArray[index2];
+        assert(panelData, `No panel data found for index "${index2}"`);
+        resizeHandleElement.setAttribute("aria-controls", panelData.id);
+        resizeHandleElement.setAttribute("aria-valuemax", "" + Math.round(valueMax));
+        resizeHandleElement.setAttribute("aria-valuemin", "" + Math.round(valueMin));
+        resizeHandleElement.setAttribute("aria-valuenow", valueNow != null ? "" + Math.round(valueNow) : "");
+      }
+    }
+    return () => {
+      resizeHandleElements.forEach((resizeHandleElement, index2) => {
+        resizeHandleElement.removeAttribute("aria-controls");
+        resizeHandleElement.removeAttribute("aria-valuemax");
+        resizeHandleElement.removeAttribute("aria-valuemin");
+        resizeHandleElement.removeAttribute("aria-valuenow");
+      });
+    };
+  }, [groupId, layout, panelDataArray, panelGroupElement]);
+  useEffect(() => {
+    if (!panelGroupElement) {
+      return;
+    }
+    const eagerValues = eagerValuesRef.current;
+    assert(eagerValues, `Eager values not found`);
+    const {
+      panelDataArray: panelDataArray2
+    } = eagerValues;
+    const groupElement = getPanelGroupElement(groupId, panelGroupElement);
+    assert(groupElement != null, `No group found for id "${groupId}"`);
+    const handles = getResizeHandleElementsForGroup(groupId, panelGroupElement);
+    assert(handles, `No resize handles found for group id "${groupId}"`);
+    const cleanupFunctions = handles.map((handle2) => {
+      const handleId = handle2.getAttribute(DATA_ATTRIBUTES.resizeHandleId);
+      assert(handleId, `Resize handle element has no handle id attribute`);
+      const [idBefore, idAfter] = getResizeHandlePanelIds(groupId, handleId, panelDataArray2, panelGroupElement);
+      if (idBefore == null || idAfter == null) {
+        return () => {
+        };
+      }
+      const onKeyDown = (event) => {
+        if (event.defaultPrevented) {
+          return;
+        }
+        switch (event.key) {
+          case "Enter": {
+            event.preventDefault();
+            const index2 = panelDataArray2.findIndex((panelData) => panelData.id === idBefore);
+            if (index2 >= 0) {
+              const panelData = panelDataArray2[index2];
+              assert(panelData, `No panel data found for index ${index2}`);
+              const size = layout[index2];
+              const {
+                collapsedSize = 0,
+                collapsible,
+                minSize = 0
+              } = panelData.constraints;
+              if (size != null && collapsible) {
+                const nextLayout = adjustLayoutByDelta({
+                  delta: fuzzyNumbersEqual(size, collapsedSize) ? minSize - collapsedSize : collapsedSize - size,
+                  initialLayout: layout,
+                  panelConstraints: panelDataArray2.map((panelData2) => panelData2.constraints),
+                  pivotIndices: determinePivotIndices(groupId, handleId, panelGroupElement),
+                  prevLayout: layout,
+                  trigger: "keyboard"
+                });
+                if (layout !== nextLayout) {
+                  setLayout(nextLayout);
+                }
+              }
+            }
+            break;
+          }
+        }
+      };
+      handle2.addEventListener("keydown", onKeyDown);
+      return () => {
+        handle2.removeEventListener("keydown", onKeyDown);
+      };
+    });
+    return () => {
+      cleanupFunctions.forEach((cleanupFunction) => cleanupFunction());
+    };
+  }, [panelGroupElement, committedValuesRef, eagerValuesRef, groupId, layout, panelDataArray, setLayout]);
+}
+function areEqual(arrayA, arrayB) {
+  if (arrayA.length !== arrayB.length) {
+    return false;
+  }
+  for (let index2 = 0; index2 < arrayA.length; index2++) {
+    if (arrayA[index2] !== arrayB[index2]) {
+      return false;
+    }
+  }
+  return true;
+}
+function getResizeEventCursorPosition(direction, event) {
+  const isHorizontal = direction === "horizontal";
+  const {
+    x,
+    y
+  } = getResizeEventCoordinates(event);
+  return isHorizontal ? x : y;
+}
+function calculateDragOffsetPercentage(event, dragHandleId, direction, initialDragState, panelGroupElement) {
+  const isHorizontal = direction === "horizontal";
+  const handleElement = getResizeHandleElement(dragHandleId, panelGroupElement);
+  assert(handleElement, `No resize handle element found for id "${dragHandleId}"`);
+  const groupId = handleElement.getAttribute(DATA_ATTRIBUTES.groupId);
+  assert(groupId, `Resize handle element has no group id attribute`);
+  let {
+    initialCursorPosition
+  } = initialDragState;
+  const cursorPosition = getResizeEventCursorPosition(direction, event);
+  const groupElement = getPanelGroupElement(groupId, panelGroupElement);
+  assert(groupElement, `No group element found for id "${groupId}"`);
+  const groupRect = groupElement.getBoundingClientRect();
+  const groupSizeInPixels = isHorizontal ? groupRect.width : groupRect.height;
+  const offsetPixels = cursorPosition - initialCursorPosition;
+  const offsetPercentage = offsetPixels / groupSizeInPixels * 100;
+  return offsetPercentage;
+}
+function calculateDeltaPercentage(event, dragHandleId, direction, initialDragState, keyboardResizeBy, panelGroupElement) {
+  if (isKeyDown(event)) {
+    const isHorizontal = direction === "horizontal";
+    let delta = 0;
+    if (event.shiftKey) {
+      delta = 100;
+    } else if (keyboardResizeBy != null) {
+      delta = keyboardResizeBy;
+    } else {
+      delta = 10;
+    }
+    let movement = 0;
+    switch (event.key) {
+      case "ArrowDown":
+        movement = isHorizontal ? 0 : delta;
+        break;
+      case "ArrowLeft":
+        movement = isHorizontal ? -delta : 0;
+        break;
+      case "ArrowRight":
+        movement = isHorizontal ? delta : 0;
+        break;
+      case "ArrowUp":
+        movement = isHorizontal ? 0 : -delta;
+        break;
+      case "End":
+        movement = 100;
+        break;
+      case "Home":
+        movement = -100;
+        break;
+    }
+    return movement;
+  } else {
+    if (initialDragState == null) {
+      return 0;
+    }
+    return calculateDragOffsetPercentage(event, dragHandleId, direction, initialDragState, panelGroupElement);
+  }
+}
+function calculateUnsafeDefaultLayout({
+  panelDataArray
+}) {
+  const layout = Array(panelDataArray.length);
+  const panelConstraintsArray = panelDataArray.map((panelData) => panelData.constraints);
+  let numPanelsWithSizes = 0;
+  let remainingSize = 100;
+  for (let index2 = 0; index2 < panelDataArray.length; index2++) {
+    const panelConstraints = panelConstraintsArray[index2];
+    assert(panelConstraints, `Panel constraints not found for index ${index2}`);
+    const {
+      defaultSize
+    } = panelConstraints;
+    if (defaultSize != null) {
+      numPanelsWithSizes++;
+      layout[index2] = defaultSize;
+      remainingSize -= defaultSize;
+    }
+  }
+  for (let index2 = 0; index2 < panelDataArray.length; index2++) {
+    const panelConstraints = panelConstraintsArray[index2];
+    assert(panelConstraints, `Panel constraints not found for index ${index2}`);
+    const {
+      defaultSize
+    } = panelConstraints;
+    if (defaultSize != null) {
+      continue;
+    }
+    const numRemainingPanels = panelDataArray.length - numPanelsWithSizes;
+    const size = remainingSize / numRemainingPanels;
+    numPanelsWithSizes++;
+    layout[index2] = size;
+    remainingSize -= size;
+  }
+  return layout;
+}
+function callPanelCallbacks(panelsArray, layout, panelIdToLastNotifiedSizeMap) {
+  layout.forEach((size, index2) => {
+    const panelData = panelsArray[index2];
+    assert(panelData, `Panel data not found for index ${index2}`);
+    const {
+      callbacks,
+      constraints,
+      id: panelId
+    } = panelData;
+    const {
+      collapsedSize = 0,
+      collapsible
+    } = constraints;
+    const lastNotifiedSize = panelIdToLastNotifiedSizeMap[panelId];
+    if (lastNotifiedSize == null || size !== lastNotifiedSize) {
+      panelIdToLastNotifiedSizeMap[panelId] = size;
+      const {
+        onCollapse,
+        onExpand,
+        onResize
+      } = callbacks;
+      if (onResize) {
+        onResize(size, lastNotifiedSize);
+      }
+      if (collapsible && (onCollapse || onExpand)) {
+        if (onExpand && (lastNotifiedSize == null || fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && !fuzzyNumbersEqual$1(size, collapsedSize)) {
+          onExpand();
+        }
+        if (onCollapse && (lastNotifiedSize == null || !fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && fuzzyNumbersEqual$1(size, collapsedSize)) {
+          onCollapse();
+        }
+      }
+    }
+  });
+}
+function compareLayouts(a, b) {
+  if (a.length !== b.length) {
+    return false;
+  } else {
+    for (let index2 = 0; index2 < a.length; index2++) {
+      if (a[index2] != b[index2]) {
+        return false;
+      }
+    }
+  }
+  return true;
+}
+function computePanelFlexBoxStyle({
+  defaultSize,
+  dragState,
+  layout,
+  panelData,
+  panelIndex,
+  precision = 3
+}) {
+  const size = layout[panelIndex];
+  let flexGrow;
+  if (size == null) {
+    flexGrow = defaultSize != void 0 ? defaultSize.toFixed(precision) : "1";
+  } else if (panelData.length === 1) {
+    flexGrow = "1";
+  } else {
+    flexGrow = size.toFixed(precision);
+  }
+  return {
+    flexBasis: 0,
+    flexGrow,
+    flexShrink: 1,
+    // Without this, Panel sizes may be unintentionally overridden by their content
+    overflow: "hidden",
+    // Disable pointer events inside of a panel during resize
+    // This avoid edge cases like nested iframes
+    pointerEvents: dragState !== null ? "none" : void 0
+  };
+}
+function debounce(callback, durationMs = 10) {
+  let timeoutId = null;
+  let callable = (...args) => {
+    if (timeoutId !== null) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => {
+      callback(...args);
+    }, durationMs);
+  };
+  return callable;
+}
+function initializeDefaultStorage(storageObject) {
+  try {
+    if (typeof localStorage !== "undefined") {
+      storageObject.getItem = (name2) => {
+        return localStorage.getItem(name2);
+      };
+      storageObject.setItem = (name2, value) => {
+        localStorage.setItem(name2, value);
+      };
+    } else {
+      throw new Error("localStorage not supported in this environment");
+    }
+  } catch (error) {
+    console.error(error);
+    storageObject.getItem = () => null;
+    storageObject.setItem = () => {
+    };
+  }
+}
+function getPanelGroupKey(autoSaveId) {
+  return `react-resizable-panels:${autoSaveId}`;
+}
+function getPanelKey(panels2) {
+  return panels2.map((panel) => {
+    const {
+      constraints,
+      id,
+      idIsFromProps,
+      order: order2
+    } = panel;
+    if (idIsFromProps) {
+      return id;
+    } else {
+      return order2 ? `${order2}:${JSON.stringify(constraints)}` : JSON.stringify(constraints);
+    }
+  }).sort((a, b) => a.localeCompare(b)).join(",");
+}
+function loadSerializedPanelGroupState(autoSaveId, storage) {
+  try {
+    const panelGroupKey = getPanelGroupKey(autoSaveId);
+    const serialized = storage.getItem(panelGroupKey);
+    if (serialized) {
+      const parsed = JSON.parse(serialized);
+      if (typeof parsed === "object" && parsed != null) {
+        return parsed;
+      }
+    }
+  } catch (error) {
+  }
+  return null;
+}
+function loadPanelGroupState(autoSaveId, panels2, storage) {
+  var _loadSerializedPanelG, _state$panelKey;
+  const state = (_loadSerializedPanelG = loadSerializedPanelGroupState(autoSaveId, storage)) !== null && _loadSerializedPanelG !== void 0 ? _loadSerializedPanelG : {};
+  const panelKey = getPanelKey(panels2);
+  return (_state$panelKey = state[panelKey]) !== null && _state$panelKey !== void 0 ? _state$panelKey : null;
+}
+function savePanelGroupState(autoSaveId, panels2, panelSizesBeforeCollapse, sizes, storage) {
+  var _loadSerializedPanelG2;
+  const panelGroupKey = getPanelGroupKey(autoSaveId);
+  const panelKey = getPanelKey(panels2);
+  const state = (_loadSerializedPanelG2 = loadSerializedPanelGroupState(autoSaveId, storage)) !== null && _loadSerializedPanelG2 !== void 0 ? _loadSerializedPanelG2 : {};
+  state[panelKey] = {
+    expandToSizes: Object.fromEntries(panelSizesBeforeCollapse.entries()),
+    layout: sizes
+  };
+  try {
+    storage.setItem(panelGroupKey, JSON.stringify(state));
+  } catch (error) {
+    console.error(error);
+  }
+}
+function validatePanelGroupLayout({
+  layout: prevLayout,
+  panelConstraints
+}) {
+  const nextLayout = [...prevLayout];
+  const nextLayoutTotalSize = nextLayout.reduce((accumulated, current) => accumulated + current, 0);
+  if (nextLayout.length !== panelConstraints.length) {
+    throw Error(`Invalid ${panelConstraints.length} panel layout: ${nextLayout.map((size) => `${size}%`).join(", ")}`);
+  } else if (!fuzzyNumbersEqual(nextLayoutTotalSize, 100) && nextLayout.length > 0) {
+    for (let index2 = 0; index2 < panelConstraints.length; index2++) {
+      const unsafeSize = nextLayout[index2];
+      assert(unsafeSize != null, `No layout data found for index ${index2}`);
+      const safeSize = 100 / nextLayoutTotalSize * unsafeSize;
+      nextLayout[index2] = safeSize;
+    }
+  }
+  let remainingSize = 0;
+  for (let index2 = 0; index2 < panelConstraints.length; index2++) {
+    const unsafeSize = nextLayout[index2];
+    assert(unsafeSize != null, `No layout data found for index ${index2}`);
+    const safeSize = resizePanel({
+      panelConstraints,
+      panelIndex: index2,
+      size: unsafeSize
+    });
+    if (unsafeSize != safeSize) {
+      remainingSize += unsafeSize - safeSize;
+      nextLayout[index2] = safeSize;
+    }
+  }
+  if (!fuzzyNumbersEqual(remainingSize, 0)) {
+    for (let index2 = 0; index2 < panelConstraints.length; index2++) {
+      const prevSize = nextLayout[index2];
+      assert(prevSize != null, `No layout data found for index ${index2}`);
+      const unsafeSize = prevSize + remainingSize;
+      const safeSize = resizePanel({
+        panelConstraints,
+        panelIndex: index2,
+        size: unsafeSize
+      });
+      if (prevSize !== safeSize) {
+        remainingSize -= safeSize - prevSize;
+        nextLayout[index2] = safeSize;
+        if (fuzzyNumbersEqual(remainingSize, 0)) {
+          break;
+        }
+      }
+    }
+  }
+  return nextLayout;
+}
+const LOCAL_STORAGE_DEBOUNCE_INTERVAL = 100;
+const defaultStorage = {
+  getItem: (name2) => {
+    initializeDefaultStorage(defaultStorage);
+    return defaultStorage.getItem(name2);
+  },
+  setItem: (name2, value) => {
+    initializeDefaultStorage(defaultStorage);
+    defaultStorage.setItem(name2, value);
+  }
+};
+const debounceMap = {};
+function PanelGroupWithForwardedRef({
+  autoSaveId = null,
+  children: children2,
+  className: classNameFromProps = "",
+  direction,
+  forwardedRef,
+  id: idFromProps = null,
+  onLayout = null,
+  keyboardResizeBy = null,
+  storage = defaultStorage,
+  style: styleFromProps,
+  tagName: Type = "div",
+  ...rest
+}) {
+  const groupId = useUniqueId(idFromProps);
+  const panelGroupElementRef = useRef(null);
+  const [dragState, setDragState] = useState(null);
+  const [layout, setLayout] = useState([]);
+  const forceUpdate = useForceUpdate();
+  const panelIdToLastNotifiedSizeMapRef = useRef({});
+  const panelSizeBeforeCollapseRef = useRef(/* @__PURE__ */ new Map());
+  const prevDeltaRef = useRef(0);
+  const committedValuesRef = useRef({
+    autoSaveId,
+    direction,
+    dragState,
+    id: groupId,
+    keyboardResizeBy,
+    onLayout,
+    storage
+  });
+  const eagerValuesRef = useRef({
+    layout,
+    panelDataArray: [],
+    panelDataArrayChanged: false
+  });
+  useRef({
+    didLogIdAndOrderWarning: false,
+    didLogPanelConstraintsWarning: false,
+    prevPanelIds: []
+  });
+  useImperativeHandle(forwardedRef, () => ({
+    getId: () => committedValuesRef.current.id,
+    getLayout: () => {
+      const {
+        layout: layout2
+      } = eagerValuesRef.current;
+      return layout2;
+    },
+    setLayout: (unsafeLayout) => {
+      const {
+        onLayout: onLayout2
+      } = committedValuesRef.current;
+      const {
+        layout: prevLayout,
+        panelDataArray
+      } = eagerValuesRef.current;
+      const safeLayout = validatePanelGroupLayout({
+        layout: unsafeLayout,
+        panelConstraints: panelDataArray.map((panelData) => panelData.constraints)
+      });
+      if (!areEqual(prevLayout, safeLayout)) {
+        setLayout(safeLayout);
+        eagerValuesRef.current.layout = safeLayout;
+        if (onLayout2) {
+          onLayout2(safeLayout);
+        }
+        callPanelCallbacks(panelDataArray, safeLayout, panelIdToLastNotifiedSizeMapRef.current);
+      }
+    }
+  }), []);
+  useIsomorphicLayoutEffect(() => {
+    committedValuesRef.current.autoSaveId = autoSaveId;
+    committedValuesRef.current.direction = direction;
+    committedValuesRef.current.dragState = dragState;
+    committedValuesRef.current.id = groupId;
+    committedValuesRef.current.onLayout = onLayout;
+    committedValuesRef.current.storage = storage;
+  });
+  useWindowSplitterPanelGroupBehavior({
+    committedValuesRef,
+    eagerValuesRef,
+    groupId,
+    layout,
+    panelDataArray: eagerValuesRef.current.panelDataArray,
+    setLayout,
+    panelGroupElement: panelGroupElementRef.current
+  });
+  useEffect(() => {
+    const {
+      panelDataArray
+    } = eagerValuesRef.current;
+    if (autoSaveId) {
+      if (layout.length === 0 || layout.length !== panelDataArray.length) {
+        return;
+      }
+      let debouncedSave = debounceMap[autoSaveId];
+      if (debouncedSave == null) {
+        debouncedSave = debounce(savePanelGroupState, LOCAL_STORAGE_DEBOUNCE_INTERVAL);
+        debounceMap[autoSaveId] = debouncedSave;
+      }
+      const clonedPanelDataArray = [...panelDataArray];
+      const clonedPanelSizesBeforeCollapse = new Map(panelSizeBeforeCollapseRef.current);
+      debouncedSave(autoSaveId, clonedPanelDataArray, clonedPanelSizesBeforeCollapse, layout, storage);
+    }
+  }, [autoSaveId, layout, storage]);
+  useEffect(() => {
+  });
+  const collapsePanel = useCallback((panelData) => {
+    const {
+      onLayout: onLayout2
+    } = committedValuesRef.current;
+    const {
+      layout: prevLayout,
+      panelDataArray
+    } = eagerValuesRef.current;
+    if (panelData.constraints.collapsible) {
+      const panelConstraintsArray = panelDataArray.map((panelData2) => panelData2.constraints);
+      const {
+        collapsedSize = 0,
+        panelSize,
+        pivotIndices
+      } = panelDataHelper(panelDataArray, panelData, prevLayout);
+      assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
+      if (!fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
+        panelSizeBeforeCollapseRef.current.set(panelData.id, panelSize);
+        const isLastPanel = findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1;
+        const delta = isLastPanel ? panelSize - collapsedSize : collapsedSize - 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 expandPanel = useCallback((panelData, minSizeOverride) => {
+    const {
+      onLayout: onLayout2
+    } = committedValuesRef.current;
+    const {
+      layout: prevLayout,
+      panelDataArray
+    } = eagerValuesRef.current;
+    if (panelData.constraints.collapsible) {
+      const panelConstraintsArray = panelDataArray.map((panelData2) => panelData2.constraints);
+      const {
+        collapsedSize = 0,
+        panelSize = 0,
+        minSize: minSizeFromProps = 0,
+        pivotIndices
+      } = panelDataHelper(panelDataArray, panelData, prevLayout);
+      const minSize = minSizeOverride !== null && minSizeOverride !== void 0 ? minSizeOverride : minSizeFromProps;
+      if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
+        const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);
+        const baseSize = prevPanelSize != null && prevPanelSize >= minSize ? prevPanelSize : minSize;
+        const isLastPanel = findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1;
+        const delta = isLastPanel ? panelSize - baseSize : baseSize - 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 getPanelSize = useCallback((panelData) => {
+    const {
+      layout: layout2,
+      panelDataArray
+    } = eagerValuesRef.current;
+    const {
+      panelSize
+    } = panelDataHelper(panelDataArray, panelData, layout2);
+    assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
+    return panelSize;
+  }, []);
+  const getPanelStyle = useCallback((panelData, defaultSize) => {
+    const {
+      panelDataArray
+    } = eagerValuesRef.current;
+    const panelIndex = findPanelDataIndex(panelDataArray, panelData);
+    return computePanelFlexBoxStyle({
+      defaultSize,
+      dragState,
+      layout,
+      panelData: panelDataArray,
+      panelIndex
+    });
+  }, [dragState, layout]);
+  const isPanelCollapsed = useCallback((panelData) => {
+    const {
+      layout: layout2,
+      panelDataArray
+    } = eagerValuesRef.current;
+    const {
+      collapsedSize = 0,
+      collapsible,
+      panelSize
+    } = panelDataHelper(panelDataArray, panelData, layout2);
+    assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
+    return collapsible === true && fuzzyNumbersEqual$1(panelSize, collapsedSize);
+  }, []);
+  const isPanelExpanded = useCallback((panelData) => {
+    const {
+      layout: layout2,
+      panelDataArray
+    } = eagerValuesRef.current;
+    const {
+      collapsedSize = 0,
+      collapsible,
+      panelSize
+    } = panelDataHelper(panelDataArray, panelData, layout2);
+    assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
+    return !collapsible || fuzzyCompareNumbers(panelSize, collapsedSize) > 0;
+  }, []);
+  const registerPanel = useCallback((panelData) => {
+    const {
+      panelDataArray
+    } = eagerValuesRef.current;
+    panelDataArray.push(panelData);
+    panelDataArray.sort((panelA, panelB) => {
+      const orderA = panelA.order;
+      const orderB = panelB.order;
+      if (orderA == null && orderB == null) {
+        return 0;
+      } else if (orderA == null) {
+        return -1;
+      } else if (orderB == null) {
+        return 1;
+      } else {
+        return orderA - orderB;
+      }
+    });
+    eagerValuesRef.current.panelDataArrayChanged = true;
+    forceUpdate();
+  }, [forceUpdate]);
+  useIsomorphicLayoutEffect(() => {
+    if (eagerValuesRef.current.panelDataArrayChanged) {
+      eagerValuesRef.current.panelDataArrayChanged = false;
+      const {
+        autoSaveId: autoSaveId2,
+        onLayout: onLayout2,
+        storage: storage2
+      } = committedValuesRef.current;
+      const {
+        layout: prevLayout,
+        panelDataArray
+      } = eagerValuesRef.current;
+      let unsafeLayout = null;
+      if (autoSaveId2) {
+        const state = loadPanelGroupState(autoSaveId2, panelDataArray, storage2);
+        if (state) {
+          panelSizeBeforeCollapseRef.current = new Map(Object.entries(state.expandToSizes));
+          unsafeLayout = state.layout;
+        }
+      }
+      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 registerResizeHandle = useCallback((dragHandleId) => {
+    let isRTL = false;
+    const panelGroupElement = panelGroupElementRef.current;
+    if (panelGroupElement) {
+      const style3 = window.getComputedStyle(panelGroupElement, null);
+      if (style3.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,
+    resizePanel: resizePanel2,
+    startDragging,
+    stopDragging,
+    unregisterPanel,
+    panelGroupElement: panelGroupElementRef.current
+  }), [collapsePanel, dragState, direction, expandPanel, getPanelSize, getPanelStyle, groupId, isPanelCollapsed, isPanelExpanded, reevaluatePanelConstraints, registerPanel, registerResizeHandle, 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
+    },
+    // CSS selectors
+    [DATA_ATTRIBUTES.group]: "",
+    [DATA_ATTRIBUTES.groupDirection]: direction,
+    [DATA_ATTRIBUTES.groupId]: groupId
+  }));
+}
+const PanelGroup = forwardRef((props, ref) => createElement(PanelGroupWithForwardedRef, {
+  ...props,
+  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 C(e) {
+  return { "--panel-background": e.colors.background, "--panel-border": e.colors.border, "--panel-handle": e.colors.backgroundSecondary, "--panel-handle-hover": e.colors.backgroundHover, "--panel-handle-active": e.colors.primary, "--panel-button-bg": e.colors.surface, "--panel-button-hover": e.colors.backgroundHover, "--panel-button-border": e.colors.border, "--panel-button-icon": e.colors.textSecondary, "--panel-accent-bg": e.colors.primary + "15" };
+}
+const z = forwardRef(({ panels: o, className: a = "", style: s2, theme: d, minPanelWidth: u = 350, idealPanelWidth: p2 = 0.333, showSeparator: h2 = false, onPanelChange: m, preventKeyboardScroll: f = true, disableSwipe: g = false }, v) => {
+  const b = useRef(null), y = C(d);
+  useImperativeHandle(v, () => ({ scrollToPanel: (e) => {
+    if (!b.current) return;
+    const t = b.current, n = t.children[e];
+    if (n) {
+      const e2 = n.offsetLeft;
+      t.scrollTo({ left: e2, behavior: "smooth" });
+    }
+  }, getCurrentPanel: () => {
+    if (!b.current || 0 === b.current.children.length) return 0;
+    const e = b.current, t = e.getBoundingClientRect().left;
+    let n = 0, r2 = 1 / 0;
+    for (let o2 = 0; o2 < e.children.length; o2++) {
+      const i = e.children[o2].getBoundingClientRect(), a2 = Math.abs(i.left - t);
+      a2 < r2 && (r2 = a2, n = o2);
+    }
+    return n;
+  } }));
+  useEffect(() => {
+    if (!f || !b.current) return;
+    const e = b.current, t = (e2) => {
+      const t2 = e2.target;
+      if ("INPUT" === t2.tagName || "TEXTAREA" === t2.tagName || "SELECT" === t2.tagName || t2.isContentEditable || null !== t2.closest(".xterm") || null !== t2.closest('[contenteditable="true"]')) return;
+      [" ", "Space", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown"].includes(e2.key) && e2.preventDefault();
+    };
+    return e.addEventListener("keydown", t), () => {
+      e.removeEventListener("keydown", t);
     };
-  }, [events]);
-  const handleBack = () => {
-    setSelectedIssue(null);
-    setOwner("");
-    setRepo("");
-    if (events) {
-      events.emit({
-        type: "issue:deselected",
-        source: "github-issue-detail-panel",
-        timestamp: Date.now(),
-        payload: {}
-      });
-    }
-  };
-  const containerStyle = {
-    display: "flex",
-    flexDirection: "column",
-    height: "100%",
-    backgroundColor: theme2.colors.background,
-    overflow: "hidden"
-  };
-  if (!selectedIssue) {
-    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(Github, { 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 Issue 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 an issue in the Issues panel to view its details."
-              }
-            )
-          ] })
-        ]
-      }
-    ) });
-  }
-  const isOpen = selectedIssue.state === "open";
-  const statusColor = isOpen ? theme2.colors.success || "#22c55e" : theme2.colors.error || "#ef4444";
-  const statusBg = `${statusColor}20`;
-  const statusLabel = isOpen ? "Open" : "Closed";
-  return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        style: {
-          height: "40px",
-          minHeight: "40px",
-          padding: "0 12px",
-          borderBottom: `1px solid ${theme2.colors.border}`,
-          backgroundColor: theme2.colors.backgroundSecondary,
-          display: "flex",
-          alignItems: "center",
-          gap: "12px",
-          boxSizing: "border-box"
-        },
-        children: [
-          /* @__PURE__ */ jsxs(
-            "span",
-            {
-              style: {
-                fontFamily: theme2.fonts.monospace,
-                fontSize: theme2.fontSizes[0],
-                color: theme2.colors.textSecondary
-              },
-              children: [
-                "#",
-                selectedIssue.number
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              style: {
-                display: "inline-flex",
-                alignItems: "center",
-                gap: "6px",
-                padding: "4px 10px",
-                borderRadius: "999px",
-                backgroundColor: statusBg,
-                color: statusColor,
-                fontFamily: theme2.fonts.heading,
-                fontSize: theme2.fontSizes[0],
-                fontWeight: 600,
-                textTransform: "uppercase"
-              },
-              children: statusLabel
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "span",
-            {
-              style: {
-                color: theme2.colors.textSecondary,
-                fontSize: theme2.fontSizes[0],
-                fontFamily: theme2.fonts.body
-              },
-              children: [
-                "by ",
-                /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.primary }, children: selectedIssue.user.login }),
-                " ",
-                formatDate$1(selectedIssue.created_at)
-              ]
-            }
-          ),
-          selectedIssue.comments > 0 && /* @__PURE__ */ jsxs(
-            "span",
-            {
-              style: {
-                display: "inline-flex",
-                alignItems: "center",
-                gap: "4px",
-                color: theme2.colors.textSecondary,
-                fontSize: theme2.fontSizes[0]
-              },
-              children: [
-                /* @__PURE__ */ jsx(MessageSquare, { size: 12 }),
-                selectedIssue.comments
-              ]
-            }
-          ),
-          selectedIssue.assignees && selectedIssue.assignees.length > 0 && /* @__PURE__ */ jsxs(
-            "span",
-            {
-              style: {
-                display: "inline-flex",
-                alignItems: "center",
-                gap: "4px",
-                color: theme2.colors.textSecondary,
-                fontSize: theme2.fontSizes[0],
-                fontFamily: theme2.fonts.body
-              },
-              children: [
-                "assigned to",
-                " ",
-                selectedIssue.assignees.map((assignee, index2) => /* @__PURE__ */ jsxs("span", { children: [
-                  /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.primary }, children: assignee.login }),
-                  index2 < selectedIssue.assignees.length - 1 && ", "
-                ] }, assignee.login))
-              ]
+  }, [f]);
+  const w = o.length, x = 2 * u;
+  let S2;
+  S2 = 1 === w || 2 === w ? "100%" : `max(${u}px, ${100 * p2}%)`;
+  const R = React2__default.useId().replace(/:/g, "_");
+  return jsxs(Fragment, { children: [
+    2 === w && /* @__PURE__ */ jsx("style", { children: `
+            .snap-carousel-container[data-carousel-id="${R}"][data-panel-count="2"] .snap-carousel-panel {
+              width: 100%;
             }
-          ),
-          /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
-          /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: selectedIssue.html_url,
-              target: "_blank",
-              rel: "noopener 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 })
+            @container (min-width: ${x}px) {
+              .snap-carousel-container[data-carousel-id="${R}"][data-panel-count="2"] .snap-carousel-panel {
+                width: 50%;
+              }
             }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handleBack,
-              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__ */ jsx("div", { ref: b, className: `snap-carousel-container ${g ? "swipe-disabled" : ""} ${a}`, style: { ...y, ...s2, "--snap-carousel-min-width": `${u}px`, "--snap-carousel-ideal-width": 100 * p2 + "%", "--snap-carousel-gap": h2 ? "1px" : "0px", "--snap-carousel-panel-width": S2, "--snap-carousel-panel-count": w, "--snap-carousel-two-panel-threshold": `${x}px` }, onScroll: (e) => {
+      if (!m || !b.current || 0 === b.current.children.length) return;
+      const t = b.current, n = t.getBoundingClientRect().left;
+      let r2 = 0, o2 = 1 / 0;
+      for (let i = 0; i < t.children.length; i++) {
+        const e2 = t.children[i].getBoundingClientRect(), a2 = Math.abs(e2.left - n);
+        a2 < o2 && (o2 = a2, r2 = i);
+      }
+      m(r2);
+    }, "data-panel-count": w, "data-carousel-id": R, children: o.map((t, n) => /* @__PURE__ */ jsx("div", { className: "snap-carousel-panel", children: t }, n)) })
+  ] });
+});
+z.displayName = "SnapCarousel";
+var le$1, se;
+(se = le$1 || (le$1 = {})).DragStart = "dragStart", se.DragMove = "dragMove", se.DragEnd = "dragEnd", se.DragCancel = "dragCancel", se.DragOver = "dragOver", se.RegisterDroppable = "registerDroppable", se.SetDroppableDisabled = "setDroppableDisabled", se.UnregisterDroppable = "unregisterDroppable";
+const de = /* @__PURE__ */ Object.freeze({ x: 0, y: 0 });
+var Te, Ae;
+(Ae = Te || (Te = {}))[Ae.Forward = 1] = "Forward", Ae[Ae.Backward = -1] = "Backward";
+var _e$1, je, He, Ke;
+(je = _e$1 || (_e$1 = {})).Click = "click", je.DragStart = "dragstart", je.Keydown = "keydown", je.ContextMenu = "contextmenu", je.Resize = "resize", je.SelectionChange = "selectionchange", je.VisibilityChange = "visibilitychange", (Ke = He || (He = {})).Space = "Space", Ke.Down = "ArrowDown", Ke.Right = "ArrowRight", Ke.Left = "ArrowLeft", Ke.Up = "ArrowUp", Ke.Esc = "Escape", Ke.Enter = "Enter", Ke.Tab = "Tab";
+({ start: [He.Space, He.Enter], cancel: [He.Esc], end: [He.Space, He.Enter, He.Tab] });
+var rt, ot;
+(ot = rt || (rt = {}))[ot.RightClick = 2] = "RightClick";
+var at, lt, st, ct;
+(lt = at || (at = {}))[lt.Pointer = 0] = "Pointer", lt[lt.DraggableRect = 1] = "DraggableRect", (ct = st || (st = {}))[ct.TreeOrder = 0] = "TreeOrder", ct[ct.ReversedTreeOrder = 1] = "ReversedTreeOrder";
+({ x: { [Te.Backward]: false, [Te.Forward]: false }, y: { [Te.Backward]: false, [Te.Forward]: false } });
+var pt, ht, mt;
+(ht = pt || (pt = {}))[ht.Always = 0] = "Always", ht[ht.BeforeDragging = 1] = "BeforeDragging", ht[ht.WhileDragging = 2] = "WhileDragging", (mt || (mt = {})).Optimized = "optimized";
+({ droppable: { strategy: pt.WhileDragging, frequency: mt.Optimized } });
+/* @__PURE__ */ createContext({ ...de, scaleX: 1, scaleY: 1 });
+var $t, Bt;
+(Bt = $t || ($t = {}))[Bt.Uninitialized = 0] = "Uninitialized", Bt[Bt.Initializing = 1] = "Initializing", Bt[Bt.Initialized = 2] = "Initialized";
+var Ut;
+(() => {
+  if ("undefined" != typeof window) {
+    const e = window;
+    return e.__principlemd_theme_context__ || (e.__principlemd_theme_context__ = createContext(void 0)), e.__principlemd_theme_context__;
+  }
+  return Ut || (Ut = createContext(void 0)), Ut;
+})();
+var _e = Object.defineProperty;
+var Ee = (o, e, t) => e in o ? _e(o, e, { enumerable: true, configurable: true, writable: true, value: t }) : o[e] = t;
+var le = (o, e, t) => Ee(o, typeof e != "symbol" ? e + "" : e, t);
+class De {
+  constructor() {
+    le(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
+    le(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
+  }
+  /**
+   * Load all user-created workspace presets
+   */
+  async loadWorkspacePresets() {
+    try {
+      const e = localStorage.getItem(this.PRESETS_KEY);
+      return e ? JSON.parse(e) : {};
+    } catch (e) {
+      return console.error("Failed to load workspace presets:", e), {};
+    }
+  }
+  /**
+   * Save workspace presets
+   */
+  async saveWorkspacePresets(e) {
+    try {
+      localStorage.setItem(this.PRESETS_KEY, JSON.stringify(e));
+    } catch (t) {
+      throw console.error("Failed to save workspace presets:", t), t;
+    }
+  }
+  /**
+   * Load repository-specific workspace state
+   */
+  async loadRepositoryState(e) {
+    try {
+      const t = `${this.REPO_STATE_PREFIX}${e}`, r2 = localStorage.getItem(t);
+      return r2 ? JSON.parse(r2) : null;
+    } catch (t) {
+      return console.error(
+        `Failed to load repository state for ${e}:`,
+        t
+      ), null;
+    }
+  }
+  /**
+   * Save repository-specific workspace state
+   */
+  async saveRepositoryState(e, t) {
+    try {
+      const r2 = `${this.REPO_STATE_PREFIX}${e}`;
+      localStorage.setItem(r2, JSON.stringify(t));
+    } catch (r2) {
+      throw console.error(
+        `Failed to save repository state for ${e}:`,
+        r2
+      ), r2;
+    }
+  }
+  /**
+   * Load all repository states
+   */
+  async loadAllRepositoryStates() {
+    try {
+      const e = {};
+      for (let t = 0; t < localStorage.length; t++) {
+        const r2 = localStorage.key(t);
+        if (r2 && r2.startsWith(this.REPO_STATE_PREFIX)) {
+          const s2 = r2.substring(this.REPO_STATE_PREFIX.length), i = localStorage.getItem(r2);
+          if (i)
+            try {
+              e[s2] = JSON.parse(i);
+            } catch (l) {
+              console.error(
+                `Failed to parse repository state for ${s2}:`,
+                l
+              );
             }
-          )
-        ]
+        }
       }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          padding: "16px",
-          borderBottom: `1px solid ${theme2.colors.border}`
+      return e;
+    } catch (e) {
+      return console.error("Failed to load all repository states:", e), {};
+    }
+  }
+}
+class O {
+  /**
+   * Configure a custom storage adapter (for Electron IPC or remote storage)
+   */
+  static setAdapter(e) {
+    this.adapter = e;
+  }
+  /**
+   * Get all workspace layouts (including built-in)
+   */
+  static async getWorkspaceLayouts() {
+    const e = this.getBuiltInWorkspaceLayouts();
+    return {
+      ...await this.adapter.loadWorkspacePresets(),
+      ...e
+    };
+  }
+  /**
+   * Get a specific workspace layout by ID
+   */
+  static async getWorkspaceLayout(e) {
+    return (await this.getWorkspaceLayouts())[e] || null;
+  }
+  /**
+   * Create a new workspace layout
+   */
+  static async createWorkspaceLayout(e) {
+    const t = await this.adapter.loadWorkspacePresets(), r2 = this.generateWorkspaceId(e.name), s2 = {
+      id: r2,
+      name: e.name,
+      description: e.description,
+      layout: e.layout,
+      defaultSizes: e.defaultSizes,
+      defaultCollapsed: e.defaultCollapsed,
+      createdAt: Date.now(),
+      updatedAt: Date.now(),
+      isBuiltIn: false
+    }, i = {
+      ...t,
+      [r2]: s2
+    };
+    return await this.adapter.saveWorkspacePresets(i), s2;
+  }
+  /**
+   * Update an existing workspace layout
+   */
+  static async updateWorkspaceLayout(e, t) {
+    const r2 = await this.adapter.loadWorkspacePresets(), s2 = r2[e];
+    if (!s2)
+      return console.error(`Workspace layout ${e} not found`), null;
+    if (s2.isBuiltIn)
+      return console.error(`Cannot update built-in workspace layout ${e}`), null;
+    const i = {
+      ...s2,
+      ...t,
+      id: e,
+      // Preserve ID
+      createdAt: s2.createdAt,
+      // Preserve creation time
+      updatedAt: Date.now()
+    }, l = {
+      ...r2,
+      [e]: i
+    };
+    return await this.adapter.saveWorkspacePresets(l), i;
+  }
+  /**
+   * Delete a workspace layout
+   */
+  static async deleteWorkspaceLayout(e) {
+    const t = await this.adapter.loadWorkspacePresets(), r2 = t[e];
+    if (!r2)
+      return console.error(`Workspace layout ${e} not found`), false;
+    if (r2.isBuiltIn)
+      return console.error(`Cannot delete built-in workspace layout ${e}`), false;
+    const s2 = { ...t };
+    return delete s2[e], await this.adapter.saveWorkspacePresets(s2), true;
+  }
+  /**
+   * Get repository state (which workspace + current sizes/collapsed)
+   */
+  static async getRepositoryState(e) {
+    return await this.adapter.loadRepositoryState(e);
+  }
+  /**
+   * Set repository state (which workspace + current sizes/collapsed/layout)
+   */
+  static async setRepositoryState(e, t) {
+    await this.adapter.saveRepositoryState(e, t);
+  }
+  /**
+   * Update only sizes in repository state
+   */
+  static async updateRepositorySizes(e, t) {
+    const r2 = await this.getRepositoryState(e);
+    r2 && await this.setRepositoryState(e, {
+      ...r2,
+      sizes: t
+    });
+  }
+  /**
+   * Update only collapsed state in repository state
+   */
+  static async updateRepositoryCollapsed(e, t) {
+    const r2 = await this.getRepositoryState(e);
+    r2 && await this.setRepositoryState(e, {
+      ...r2,
+      collapsed: t
+    });
+  }
+  /**
+   * Check if repository state differs from workspace defaults
+   */
+  static hasStateDeviation(e, t) {
+    const r2 = t.defaultSizes ? JSON.stringify(e.sizes) !== JSON.stringify(t.defaultSizes) : false, s2 = t.defaultCollapsed ? JSON.stringify(e.collapsed) !== JSON.stringify(t.defaultCollapsed) : false;
+    return { hasSizeDeviation: r2, hasCollapsedDeviation: s2 };
+  }
+  /**
+   * Update workspace defaults from repository state
+   */
+  static async updateWorkspaceFromRepositoryState(e, t) {
+    const r2 = await this.getWorkspaceLayout(e), s2 = await this.getRepositoryState(t);
+    if (!r2 || !s2 || r2.isBuiltIn) {
+      console.error(
+        "Cannot update built-in workspace or workspace/state not found"
+      );
+      return;
+    }
+    await this.updateWorkspaceLayout(e, {
+      defaultSizes: s2.sizes,
+      defaultCollapsed: s2.collapsed
+    });
+  }
+  /**
+   * Reset repository state to workspace defaults
+   */
+  static async resetRepositoryToWorkspaceDefaults(e, t) {
+    const r2 = await this.getWorkspaceLayout(t);
+    if (!r2) {
+      console.error(`Workspace ${t} not found`);
+      return;
+    }
+    const s2 = await this.getRepositoryState(e);
+    s2 && await this.setRepositoryState(e, {
+      ...s2,
+      sizes: r2.defaultSizes || { left: 20, middle: 45, right: 35 },
+      collapsed: r2.defaultCollapsed || { left: false, right: false }
+    });
+  }
+  /**
+   * Check if a layout matches a workspace layout
+   */
+  static isLayoutMatchingWorkspace(e, t) {
+    return this.areLayoutsEqual(e, t.layout);
+  }
+  /**
+   * Find workspace ID that matches the given layout
+   */
+  static async findMatchingWorkspace(e) {
+    const t = await this.getWorkspaceLayouts();
+    for (const [r2, s2] of Object.entries(t))
+      if (this.isLayoutMatchingWorkspace(e, s2))
+        return r2;
+    return null;
+  }
+  /**
+   * Deep comparison of two panel layouts
+   */
+  static areLayoutsEqual(e, t) {
+    return JSON.stringify(e) === JSON.stringify(t);
+  }
+  /**
+   * Generate a unique ID from a workspace name
+   */
+  static generateWorkspaceId(e) {
+    return `${e.toLowerCase().replace(/[^a-z0-9]+/g, "-")}-${Date.now()}`;
+  }
+  /**
+   * Get built-in workspace layouts
+   */
+  static getBuiltInWorkspaceLayouts() {
+    const e = Date.now();
+    return {
+      "project-management": {
+        id: "project-management",
+        name: "Project Management",
+        description: "Tasks, dependencies, issues, file tree, docs, drawings, multi terminal, city visualization, code viewer, markdown slides, and excalidraw",
+        layout: {
+          left: {
+            type: "tabs",
+            panels: [
+              "tasks",
+              "dependencies",
+              "gitIssues",
+              "fileTree",
+              "docs",
+              "drawings"
+            ],
+            config: { defaultActiveTab: 0, tabPosition: "top" }
+          },
+          middle: "multiTerminal",
+          right: {
+            type: "tabs",
+            panels: [
+              "cityVisualization",
+              "codeViewer",
+              "markdownViewer",
+              "excalidrawDiagram"
+            ],
+            config: { defaultActiveTab: 0, tabPosition: "top" }
+          }
         },
-        children: /* @__PURE__ */ jsx(
-          "h1",
-          {
-            style: {
-              margin: 0,
-              fontFamily: theme2.fonts.heading,
-              fontSize: theme2.fontSizes[4] || 20,
-              fontWeight: 600,
-              color: theme2.colors.text,
-              lineHeight: 1.3
-            },
-            children: selectedIssue.title
+        defaultSizes: { left: 20, middle: 45, right: 35 },
+        defaultCollapsed: { left: false, right: false },
+        createdAt: e,
+        updatedAt: e,
+        isBuiltIn: true
+      },
+      "code-review": {
+        id: "code-review",
+        name: "Code Review",
+        description: "Git changes, pull requests, and file tree on left, git diff and code viewer in middle, city map on right",
+        layout: {
+          left: {
+            type: "tabs",
+            panels: ["gitChanges", "gitPullRequests", "fileTree"],
+            config: { defaultActiveTab: 0, tabPosition: "top" }
+          },
+          middle: {
+            type: "tabs",
+            panels: ["gitDiff", "codeViewer"],
+            config: { defaultActiveTab: 0, tabPosition: "top" }
+          },
+          right: "cityVisualization"
+        },
+        defaultSizes: { left: 20, middle: 50, right: 30 },
+        defaultCollapsed: { left: false, right: false },
+        createdAt: e,
+        updatedAt: e,
+        isBuiltIn: true
+      },
+      documentation: {
+        id: "documentation",
+        name: "Documentation",
+        description: "Docs, markdown viewer, and code viewer",
+        layout: {
+          left: "docs",
+          middle: "markdownViewer",
+          right: "codeViewer"
+        },
+        defaultSizes: { left: 20, middle: 50, right: 30 },
+        defaultCollapsed: { left: false, right: true },
+        createdAt: e,
+        updatedAt: e,
+        isBuiltIn: true
+      },
+      "agent-work": {
+        id: "agent-work",
+        name: "Agent Work",
+        description: "Tasks, agent sessions, file tree, agent context, git changes, docs, multi terminal, city map, agent events, code viewer, and markdown slides",
+        layout: {
+          left: {
+            type: "tabs",
+            panels: [
+              "tasks",
+              "agentSessions",
+              "fileTree",
+              "agentContext",
+              "gitChanges",
+              "docs"
+            ],
+            config: { defaultActiveTab: 0, tabPosition: "top" }
+          },
+          middle: "multiTerminal",
+          right: {
+            type: "tabs",
+            panels: [
+              "cityVisualization",
+              "agentEvents",
+              "codeViewer",
+              "markdownViewer"
+            ],
+            config: { defaultActiveTab: 0, tabPosition: "top" }
           }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          flex: 1,
-          overflow: "auto"
         },
-        children: selectedIssue.body ? /* @__PURE__ */ jsx(
-          DocumentView,
-          {
-            content: selectedIssue.body,
-            theme: theme2,
-            maxWidth: "100%",
-            transparentBackground: true
+        defaultSizes: { left: 20, middle: 45, right: 35 },
+        defaultCollapsed: { left: false, right: false },
+        createdAt: e,
+        updatedAt: e,
+        isBuiltIn: true
+      },
+      "quality-check": {
+        id: "quality-check",
+        name: "Quality Check",
+        description: "Package information, tools, and dependencies on left; city visualization map in middle; multi terminal and code viewer on right (collapsed)",
+        layout: {
+          left: {
+            type: "tabs",
+            panels: ["packageInfo", "tools", "dependencies"],
+            config: { defaultActiveTab: 0, tabPosition: "top" }
+          },
+          middle: "cityVisualization",
+          right: {
+            type: "tabs",
+            panels: ["multiTerminal", "codeViewer"],
+            config: { defaultActiveTab: 0, tabPosition: "top" }
           }
-        ) : /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              padding: "40px",
-              textAlign: "center",
-              color: theme2.colors.textMuted,
-              fontFamily: theme2.fonts.body,
-              fontSize: theme2.fontSizes[1],
-              fontStyle: "italic"
-            },
-            children: "No description provided."
+        },
+        defaultSizes: { left: 20, middle: 45, right: 35 },
+        defaultCollapsed: { left: false, right: true },
+        createdAt: e,
+        updatedAt: e,
+        isBuiltIn: true
+      },
+      drawing: {
+        id: "drawing",
+        name: "Drawing",
+        description: "Drawings and docs, excalidraw diagram, multi terminal and markdown viewer",
+        layout: {
+          left: {
+            type: "tabs",
+            panels: ["drawings", "docs"],
+            config: { defaultActiveTab: 0, tabPosition: "top" }
+          },
+          middle: "excalidrawDiagram",
+          right: {
+            type: "tabs",
+            panels: ["multiTerminal", "markdownViewer"],
+            config: { defaultActiveTab: 0, tabPosition: "top" }
           }
-        )
+        },
+        defaultSizes: { left: 20, middle: 50, right: 30 },
+        defaultCollapsed: { left: false, right: true },
+        createdAt: e,
+        updatedAt: e,
+        isBuiltIn: true
+      },
+      "old-school": {
+        id: "old-school",
+        name: "Old School",
+        description: "File tree, search, git changes, and docs on left; code viewer and markdown viewer in middle; multi terminal and city map on right (collapsed)",
+        layout: {
+          left: {
+            type: "tabs",
+            panels: ["fileTree", "search", "gitChanges", "docs"],
+            config: { defaultActiveTab: 0, tabPosition: "top" }
+          },
+          middle: {
+            type: "tabs",
+            panels: ["codeViewer", "markdownViewer"],
+            config: { defaultActiveTab: 0, tabPosition: "top" }
+          },
+          right: {
+            type: "tabs",
+            panels: ["multiTerminal", "cityVisualization"],
+            config: { defaultActiveTab: 0, tabPosition: "top" }
+          }
+        },
+        defaultSizes: { left: 20, middle: 50, right: 30 },
+        defaultCollapsed: { left: false, right: true },
+        createdAt: e,
+        updatedAt: e,
+        isBuiltIn: true
+      },
+      "principal-office": {
+        id: "principal-office",
+        name: "Principal Office",
+        description: "Alexandria docs on left, MDX editor in middle, multi terminal on right",
+        layout: {
+          left: "docs",
+          middle: "mdxEditor",
+          right: "multiTerminal"
+        },
+        defaultSizes: { left: 20, middle: 50, right: 30 },
+        defaultCollapsed: { left: false, right: false },
+        createdAt: e,
+        updatedAt: e,
+        isBuiltIn: true
       }
-    )
-  ] });
-};
-const GitHubIssueDetailPanel = (props) => {
-  return /* @__PURE__ */ jsx(GitHubIssueDetailPanelContent, { ...props });
-};
-const GitHubIssueDetailPanelMetadata = {
-  id: "github-issue-detail",
-  name: "GitHub Issue Details",
-  description: "View detailed information about a GitHub issue",
-  icon: "circle-dot",
-  version: "0.1.0",
-  slices: [],
-  surfaces: ["panel"]
-};
+    };
+  }
+  /**
+   * Initialize workspace layouts with built-in defaults if none exist
+   */
+  static async initializeWorkspaceLayouts() {
+    const e = await this.adapter.loadWorkspacePresets();
+    Object.keys(e).length;
+  }
+}
+le(O, "adapter", new De());
+function gt(o, e, t, r2) {
+  useEffect(() => {
+    const s2 = e.on(
+      "panel:focus",
+      (l) => {
+        l.payload.panelId === o && t();
+      }
+    );
+    return () => {
+      s2();
+    };
+  }, [o, e, t, r2]);
+}
 const formatDate = (dateString) => {
   const date = new Date(dateString);
   const now = /* @__PURE__ */ new Date();
@@ -46952,7 +49008,7 @@ const ReactionsDisplay = ({ reactions }) => {
       },
       children: [
         /* @__PURE__ */ jsx("span", { children: emoji }),
-        /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textSecondary }, children: count })
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body, color: theme2.colors.textSecondary }, children: count })
       ]
     },
     emoji
@@ -46999,6 +49055,7 @@ const CommentEvent = ({ event }) => {
                   "span",
                   {
                     style: {
+                      fontFamily: theme2.fonts.body,
                       color: theme2.colors.textMuted,
                       fontSize: theme2.fontSizes[0]
                     },
@@ -47016,6 +49073,7 @@ const CommentEvent = ({ event }) => {
                       borderRadius: "4px",
                       backgroundColor: theme2.colors.backgroundSecondary,
                       border: `1px solid ${theme2.colors.border}`,
+                      fontFamily: theme2.fonts.body,
                       fontSize: theme2.fontSizes[0],
                       color: theme2.colors.textSecondary,
                       textTransform: "uppercase"
@@ -47116,6 +49174,7 @@ const ReviewEvent = ({ event }) => {
                   "span",
                   {
                     style: {
+                      fontFamily: theme2.fonts.body,
                       color: config.color,
                       fontWeight: 500,
                       fontSize: theme2.fontSizes[1]
@@ -47127,6 +49186,7 @@ const ReviewEvent = ({ event }) => {
                   "span",
                   {
                     style: {
+                      fontFamily: theme2.fonts.body,
                       color: theme2.colors.textMuted,
                       fontSize: theme2.fontSizes[0]
                     },
@@ -47265,6 +49325,7 @@ const CommitEvent = ({ event }) => {
             {
               style: {
                 marginTop: "4px",
+                fontFamily: theme2.fonts.body,
                 fontSize: theme2.fontSizes[0],
                 color: theme2.colors.textMuted
               },
@@ -47277,6 +49338,7 @@ const CommitEvent = ({ event }) => {
                   {
                     style: {
                       marginLeft: "8px",
+                      fontFamily: theme2.fonts.body,
                       color: theme2.colors.success || "#22c55e"
                     },
                     children: [
@@ -47304,6 +49366,7 @@ const SimpleEvent = ({ icon, actor, action, timestamp }) => {
         gap: "12px",
         padding: "8px 16px",
         borderBottom: `1px solid ${theme2.colors.border}`,
+        fontFamily: theme2.fonts.body,
         fontSize: theme2.fontSizes[0],
         color: theme2.colors.textSecondary
       },
@@ -47320,9 +49383,9 @@ const SimpleEvent = ({ icon, actor, action, timestamp }) => {
           }
         ),
         /* @__PURE__ */ jsx(Avatar, { user: actor, size: 20 }),
-        /* @__PURE__ */ jsx("span", { style: { fontWeight: 500, color: theme2.colors.text }, children: actor.login }),
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body, fontWeight: 500, color: theme2.colors.text }, children: actor.login }),
         action,
-        /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textMuted, marginLeft: "auto" }, children: formatDate(timestamp) })
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body, color: theme2.colors.textMuted, marginLeft: "auto" }, children: formatDate(timestamp) })
       ]
     }
   );
@@ -47336,7 +49399,7 @@ const LabelEvent = ({ event }) => {
       icon: /* @__PURE__ */ jsx(Tag, { size: 14, style: { color: theme2.colors.textMuted } }),
       actor: event.actor,
       action: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { children: isLabeled ? "added" : "removed" }),
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body }, children: isLabeled ? "added" : "removed" }),
         /* @__PURE__ */ jsx(
           "span",
           {
@@ -47345,6 +49408,7 @@ const LabelEvent = ({ event }) => {
               borderRadius: "12px",
               backgroundColor: `#${event.label.color}`,
               color: parseInt(event.label.color, 16) > 8388607 ? "#000" : "#fff",
+              fontFamily: theme2.fonts.body,
               fontSize: "11px",
               fontWeight: 500
             },
@@ -47365,8 +49429,8 @@ const AssignEvent = ({ event }) => {
       icon: isAssigned ? /* @__PURE__ */ jsx(UserPlus, { size: 14, style: { color: theme2.colors.textMuted } }) : /* @__PURE__ */ jsx(UserMinus, { size: 14, style: { color: theme2.colors.textMuted } }),
       actor: event.actor,
       action: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { children: isAssigned ? "assigned" : "unassigned" }),
-        /* @__PURE__ */ jsx("span", { style: { fontWeight: 500, color: theme2.colors.text }, children: event.assignee.login })
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body }, children: isAssigned ? "assigned" : "unassigned" }),
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body, fontWeight: 500, color: theme2.colors.text }, children: event.assignee.login })
       ] }),
       timestamp: event.created_at
     }
@@ -47383,8 +49447,8 @@ const ReviewRequestEvent = ({ event }) => {
       icon: /* @__PURE__ */ jsx(Eye, { size: 14, style: { color: theme2.colors.textMuted } }),
       actor: event.review_requester,
       action: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { children: isRequested ? "requested review from" : "removed review request from" }),
-        /* @__PURE__ */ jsx("span", { style: { fontWeight: 500, color: theme2.colors.text }, children: reviewer })
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body }, children: isRequested ? "requested review from" : "removed review request from" }),
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body, fontWeight: 500, color: theme2.colors.text }, children: reviewer })
       ] }),
       timestamp: event.created_at
     }
@@ -47398,8 +49462,8 @@ const MergeEvent = ({ event }) => {
       icon: /* @__PURE__ */ jsx(GitMerge, { size: 14, style: { color: theme2.colors.success || "#22c55e" } }),
       actor: event.actor,
       action: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.success || "#22c55e", fontWeight: 500 }, children: "merged" }),
-        /* @__PURE__ */ jsx("span", { children: "commit" }),
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body, color: theme2.colors.success || "#22c55e", fontWeight: 500 }, children: "merged" }),
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body }, children: "commit" }),
         /* @__PURE__ */ jsx(
           "code",
           {
@@ -47430,6 +49494,7 @@ const StateEvent = ({ event }) => {
         "span",
         {
           style: {
+            fontFamily: theme2.fonts.body,
             color: isClosed ? theme2.colors.error || "#ef4444" : theme2.colors.success || "#22c55e",
             fontWeight: 500
           },
@@ -47452,7 +49517,7 @@ const RefEvent = ({ event }) => {
     {
       icon: /* @__PURE__ */ jsx(Rocket, { size: 14, style: { color: theme2.colors.textMuted } }),
       actor: event.actor,
-      action: /* @__PURE__ */ jsx("span", { children: labels[event.event] || event.event }),
+      action: /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body }, children: labels[event.event] || event.event }),
       timestamp: event.created_at
     }
   );
@@ -47486,6 +49551,7 @@ const InlineReviewComment = ({ comment: comment2 }) => {
                   "span",
                   {
                     style: {
+                      fontFamily: theme2.fonts.body,
                       fontWeight: 600,
                       color: theme2.colors.text,
                       fontSize: theme2.fontSizes[0]
@@ -47497,6 +49563,7 @@ const InlineReviewComment = ({ comment: comment2 }) => {
                   "span",
                   {
                     style: {
+                      fontFamily: theme2.fonts.body,
                       color: theme2.colors.textMuted,
                       fontSize: theme2.fontSizes[0]
                     },
@@ -47517,7 +49584,7 @@ const InlineReviewComment = ({ comment: comment2 }) => {
                     children: comment2.path
                   }
                 ),
-                comment2.line && /* @__PURE__ */ jsxs("span", { style: { fontSize: theme2.fontSizes[0], color: theme2.colors.textSecondary }, children: [
+                comment2.line && /* @__PURE__ */ jsxs("span", { style: { fontFamily: theme2.fonts.body, fontSize: theme2.fontSizes[0], color: theme2.colors.textSecondary }, children: [
                   "line ",
                   comment2.line
                 ] })
@@ -47600,6 +49667,15 @@ const TimelineEventRenderer = ({ event }) => {
 };
 const GitHubMessagesPanelContent = ({ context, events }) => {
   const { theme: theme2 } = useTheme();
+  const panelRef = useRef(null);
+  gt(
+    "github-messages",
+    events,
+    () => {
+      var _a;
+      return (_a = panelRef.current) == null ? void 0 : _a.focus();
+    }
+  );
   const messagesSlice = context.getSlice("github-messages");
   const isLoading = context.isSliceLoading("github-messages");
   const hasData = context.hasSlice("github-messages");
@@ -47644,10 +49720,11 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
     flexDirection: "column",
     height: "100%",
     backgroundColor: theme2.colors.background,
-    overflow: "hidden"
+    overflow: "hidden",
+    outline: "none"
   };
   if (isLoading && !hasData) {
-    return /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx("div", { ref: panelRef, tabIndex: -1, style: containerStyle, children: /* @__PURE__ */ jsx(
       "div",
       {
         style: {
@@ -47655,6 +49732,7 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
+          fontFamily: theme2.fonts.body,
           color: theme2.colors.textSecondary
         },
         children: "Loading conversation..."
@@ -47662,7 +49740,7 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
     ) });
   }
   if (!messagesData || !messagesData.target) {
-    return /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { ref: panelRef, tabIndex: -1, style: containerStyle, children: /* @__PURE__ */ jsxs(
       "div",
       {
         style: {
@@ -47711,7 +49789,7 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
     ) });
   }
   if (messagesData.error) {
-    return /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { ref: panelRef, tabIndex: -1, style: containerStyle, children: /* @__PURE__ */ jsxs(
       "div",
       {
         style: {
@@ -47721,6 +49799,7 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
           alignItems: "center",
           justifyContent: "center",
           gap: "8px",
+          fontFamily: theme2.fonts.body,
           color: theme2.colors.error || "#ef4444"
         },
         children: [
@@ -47731,31 +49810,7 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
     ) });
   }
   const { target, timeline, reviewComments } = messagesData;
-  const isPR = target.type === "pull_request";
-  const getStatusConfig = () => {
-    if (isPR && target.merged) {
-      return {
-        icon: /* @__PURE__ */ jsx(GitMerge, { size: 14 }),
-        color: "#a855f7",
-        // purple for merged
-        label: "Merged"
-      };
-    }
-    if (target.state === "open") {
-      return {
-        icon: isPR ? /* @__PURE__ */ jsx(GitPullRequest, { size: 14 }) : /* @__PURE__ */ jsx(CircleDot, { size: 14 }),
-        color: theme2.colors.success || "#22c55e",
-        label: target.draft ? "Draft" : "Open"
-      };
-    }
-    return {
-      icon: /* @__PURE__ */ jsx(CircleDot, { size: 14 }),
-      color: theme2.colors.error || "#ef4444",
-      label: "Closed"
-    };
-  };
-  const statusConfig = getStatusConfig();
-  return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
+  return /* @__PURE__ */ jsxs("div", { ref: panelRef, tabIndex: -1, style: containerStyle, children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -47771,45 +49826,6 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
           boxSizing: "border-box"
         },
         children: [
-          /* @__PURE__ */ jsxs(
-            "span",
-            {
-              style: {
-                display: "inline-flex",
-                alignItems: "center",
-                gap: "6px",
-                fontFamily: theme2.fonts.monospace,
-                fontSize: theme2.fontSizes[0],
-                color: theme2.colors.textSecondary
-              },
-              children: [
-                isPR ? /* @__PURE__ */ jsx(GitPullRequest, { size: 14 }) : /* @__PURE__ */ jsx(CircleDot, { size: 14 }),
-                "#",
-                target.number
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "span",
-            {
-              style: {
-                display: "inline-flex",
-                alignItems: "center",
-                gap: "6px",
-                padding: "4px 10px",
-                borderRadius: "999px",
-                backgroundColor: `${statusConfig.color}20`,
-                color: statusConfig.color,
-                fontFamily: theme2.fonts.heading,
-                fontSize: theme2.fontSizes[0],
-                fontWeight: 600
-              },
-              children: [
-                statusConfig.icon,
-                statusConfig.label
-              ]
-            }
-          ),
           /* @__PURE__ */ jsx(
             "span",
             {
@@ -47818,28 +49834,13 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
                 overflow: "hidden",
                 textOverflow: "ellipsis",
                 whiteSpace: "nowrap",
+                fontFamily: theme2.fonts.heading,
                 color: theme2.colors.text,
                 fontSize: theme2.fontSizes[1]
               },
               children: target.title
             }
           ),
-          /* @__PURE__ */ jsxs(
-            "span",
-            {
-              style: {
-                display: "inline-flex",
-                alignItems: "center",
-                gap: "4px",
-                color: theme2.colors.textSecondary,
-                fontSize: theme2.fontSizes[0]
-              },
-              children: [
-                /* @__PURE__ */ jsx(MessageSquare, { size: 12 }),
-                timeline.filter((e) => e.event === "commented" || e.event === "reviewed").length
-              ]
-            }
-          ),
           /* @__PURE__ */ jsx(
             "a",
             {
@@ -47895,6 +49896,7 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
                   padding: "12px 16px",
                   backgroundColor: theme2.colors.backgroundSecondary,
                   borderBottom: `1px solid ${theme2.colors.border}`,
+                  fontFamily: theme2.fonts.heading,
                   fontWeight: 600,
                   fontSize: theme2.fontSizes[0],
                   color: theme2.colors.textSecondary,
@@ -47933,7 +49935,7 @@ const OwnerRepositoriesPanelContent = ({
   selectedRepository,
   defaultShowSearch = false
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e2, _f;
   const { theme: theme2 } = useTheme();
   const [selectedRepoId, setSelectedRepoId] = useState(null);
   const [sortField, setSortField] = useState("updated");
@@ -47956,7 +49958,7 @@ const OwnerRepositoriesPanelContent = ({
   const isLoading = context.isSliceLoading("owner-repositories");
   ((_c = ownerSlice == null ? void 0 : ownerSlice.data) == null ? void 0 : _c.owner) ?? null;
   const repositories = ((_d = ownerSlice == null ? void 0 : ownerSlice.data) == null ? void 0 : _d.repositories) ?? [];
-  const error = ((_e = ownerSlice == null ? void 0 : ownerSlice.data) == null ? void 0 : _e.error) ?? null;
+  const error = ((_e2 = ownerSlice == null ? void 0 : ownerSlice.data) == null ? void 0 : _e2.error) ?? null;
   ((_f = ownerSlice == null ? void 0 : ownerSlice.data) == null ? void 0 : _f.isAuthenticated) ?? false;
   const handleRefresh = useCallback(() => {
     events.emit({