@industry-theme/github-panels 0.1.46 → 0.1.48

package/dist/panels.bundle.js

@@ -2181,7 +2181,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 +2190,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 +39532,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 +41702,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 +43109,8 @@ var createIndustryMarkdownComponents = ({
   enableHtmlPopout,
   slideHeaderMarginTopOverride,
   index: index2,
-  repositoryInfo
+  repositoryInfo,
+  editable = false
 }) => {
   const getLuminance = (hex) => {
     const rgb = hex.replace("#", "").match(/.{2}/g);
@@ -43197,7 +43198,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 +43213,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 +43242,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 +43358,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 +43570,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 +44337,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 +44609,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 +44620,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 +44694,8 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
       enableHtmlPopout,
       slideHeaderMarginTopOverride,
       index: chunkIndex,
-      repositoryInfo
+      repositoryInfo,
+      editable
     });
     if (searchQuery) {
       return {
@@ -44724,7 +44728,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 +44814,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 +44826,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 +44857,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 +44873,7 @@ function PanelWithForwardedRef({
     resizePanel: resizePanel2,
     unregisterPanel
   } = context;
-  const panelId = useUniqueId(idFromProps);
+  const panelId = useUniqueId$1(idFromProps);
   const panelDataRef = useRef({
     callbacks: {
       onCollapse,
@@ -44893,7 +44898,7 @@ function PanelWithForwardedRef({
     if (!devWarningsRef.current.didLogMissingDefaultSizeWarning)
       ;
   }
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     const {
       callbacks,
       constraints
@@ -44916,7 +44921,7 @@ function PanelWithForwardedRef({
       reevaluatePanelConstraints(panelDataRef.current, prevConstraints);
     }
   });
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     const panelData = panelDataRef.current;
     registerPanel(panelData);
     return () => {
@@ -44956,37 +44961,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 +45002,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 +45079,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 +45090,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 +45111,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 +45123,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 +45131,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 +45148,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 +45170,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 +45193,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 +45236,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 +45251,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 +45277,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 +45300,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 +45328,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 +45356,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 +45377,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 +45403,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 +45411,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 +45438,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 +45449,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 +45512,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 +45524,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 +45536,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 +45551,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 +45576,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 +45598,7 @@ function compareLayouts(a, b) {
   }
   return true;
 }
-function computePanelFlexBoxStyle({
+function computePanelFlexBoxStyle$1({
   defaultSize,
   dragState,
   layout,
@@ -45618,7 +45623,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 +45635,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 +45654,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 +45672,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 +45686,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 +45715,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 +45752,7 @@ ${warnings.join(`
   }
   return true;
 }
-function validatePanelGroupLayout({
+function validatePanelGroupLayout$1({
   layout: prevLayout,
   panelConstraints
 }) {
@@ -45755,13 +45760,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 +45774,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 +45785,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 +45798,7 @@ function validatePanelGroupLayout({
       if (prevSize !== safeSize) {
         remainingSize -= safeSize - prevSize;
         nextLayout[index2] = safeSize;
-        if (fuzzyNumbersEqual(remainingSize, 0)) {
+        if (fuzzyNumbersEqual$2(remainingSize, 0)) {
           break;
         }
       }
@@ -45801,19 +45806,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 +45827,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 +45875,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 +45897,7 @@ function PanelGroupWithForwardedRef({
     committedValuesRef.current.onLayout = onLayout;
     committedValuesRef.current.storage = storage;
   });
-  useWindowSplitterPanelGroupBehavior({
+  useWindowSplitterPanelGroupBehavior$1({
     committedValuesRef,
     eagerValuesRef,
     groupId,
@@ -45909,10 +45914,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 +45939,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 +45954,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 +45982,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 +45996,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 +46022,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 +46037,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 +46055,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 +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 === 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 +46094,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 +46119,7 @@ function PanelGroupWithForwardedRef({
     eagerValuesRef.current.panelDataArrayChanged = true;
     forceUpdate();
   }, [forceUpdate]);
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     if (eagerValuesRef.current.panelDataArrayChanged) {
       eagerValuesRef.current.panelDataArrayChanged = false;
       const {
@@ -46128,32 +46133,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 +46193,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 +46229,7 @@ function PanelGroupWithForwardedRef({
         if (onLayout2) {
           onLayout2(nextLayout);
         }
-        callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
+        callPanelCallbacks$1(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
       }
     };
   }, []);
@@ -46240,11 +46245,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 +46257,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 +46283,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 +46307,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 +46324,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 +46358,7 @@ function PanelGroupWithForwardedRef({
     overflow: "hidden",
     width: "100%"
   };
-  return createElement(PanelGroupContext.Provider, {
+  return createElement(PanelGroupContext$1.Provider, {
     value: context
   }, createElement(Type, {
     ...rest,
@@ -46365,22 +46370,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 +46435,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 +46457,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 +46514,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 +46547,8 @@ var DocumentView = ({
     fontSizeScale,
     handlePromptCopy,
     repositoryInfo,
-    transparentBackground
+    transparentBackground,
+    editable
   })));
 };
 const formatDate$1 = (dateString) => {
@@ -46870,54 +46877,2116 @@ const GitHubIssueDetailPanelMetadata = {
   slices: [],
   surfaces: ["panel"]
 };
-const formatDate = (dateString) => {
-  const date = new Date(dateString);
-  const now = /* @__PURE__ */ new Date();
-  const diffMs = now.getTime() - date.getTime();
-  const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
-  if (diffDays === 0) {
-    const diffHours = Math.floor(diffMs / (1e3 * 60 * 60));
-    if (diffHours === 0) {
-      const diffMins = Math.floor(diffMs / (1e3 * 60));
-      if (diffMins < 1) return "just now";
-      return `${diffMins}m ago`;
+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);
     }
-    return `${diffHours}h ago`;
+  });
+  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
+    };
   }
-  if (diffDays === 1) return "yesterday";
-  if (diffDays < 7) return `${diffDays}d ago`;
-  const weeks = Math.floor(diffDays / 7);
-  if (diffDays < 30) return `${weeks}w ago`;
-  const months = Math.floor(diffDays / 30);
-  if (diffDays < 365) return `${months}mo ago`;
-  const years = Math.floor(diffDays / 365);
-  return `${years}y ago`;
-};
-const formatSha = (sha) => sha.substring(0, 7);
-const Avatar = ({ user, size = 32 }) => {
-  const { theme: theme2 } = useTheme();
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      src: user.avatar_url,
-      alt: user.login,
-      style: {
-        width: size,
-        height: size,
-        borderRadius: "50%",
-        border: `1px solid ${theme2.colors.border}`
+  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;
     }
-  );
-};
-const ReactionsDisplay = ({ reactions }) => {
-  const { theme: theme2 } = useTheme();
-  if (reactions.total_count === 0) return null;
-  const reactionEmojis = {
-    "+1": "👍",
-    "-1": "👎",
-    laugh: "😄",
-    hooray: "🎉",
+  }
+  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);
+    };
+  }, [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%;
+            }
+            @container (min-width: ${x}px) {
+              .snap-carousel-container[data-carousel-id="${R}"][data-panel-count="2"] .snap-carousel-panel {
+                width: 50%;
+              }
+            }
+          ` }),
+    /* @__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
+              );
+            }
+        }
+      }
+      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" }
+          }
+        },
+        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" }
+          }
+        },
+        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" }
+          }
+        },
+        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
+      }
+    };
+  }
+  /**
+   * 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();
+  const diffMs = now.getTime() - date.getTime();
+  const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
+  if (diffDays === 0) {
+    const diffHours = Math.floor(diffMs / (1e3 * 60 * 60));
+    if (diffHours === 0) {
+      const diffMins = Math.floor(diffMs / (1e3 * 60));
+      if (diffMins < 1) return "just now";
+      return `${diffMins}m ago`;
+    }
+    return `${diffHours}h ago`;
+  }
+  if (diffDays === 1) return "yesterday";
+  if (diffDays < 7) return `${diffDays}d ago`;
+  const weeks = Math.floor(diffDays / 7);
+  if (diffDays < 30) return `${weeks}w ago`;
+  const months = Math.floor(diffDays / 30);
+  if (diffDays < 365) return `${months}mo ago`;
+  const years = Math.floor(diffDays / 365);
+  return `${years}y ago`;
+};
+const formatSha = (sha) => sha.substring(0, 7);
+const Avatar = ({ user, size = 32 }) => {
+  const { theme: theme2 } = useTheme();
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: user.avatar_url,
+      alt: user.login,
+      style: {
+        width: size,
+        height: size,
+        borderRadius: "50%",
+        border: `1px solid ${theme2.colors.border}`
+      }
+    }
+  );
+};
+const ReactionsDisplay = ({ reactions }) => {
+  const { theme: theme2 } = useTheme();
+  if (reactions.total_count === 0) return null;
+  const reactionEmojis = {
+    "+1": "👍",
+    "-1": "👎",
+    laugh: "😄",
+    hooray: "🎉",
     confused: "😕",
     heart: "❤️",
     rocket: "🚀",
@@ -47600,25 +49669,19 @@ const TimelineEventRenderer = ({ event }) => {
 };
 const GitHubMessagesPanelContent = ({ context, events }) => {
   const { theme: theme2 } = useTheme();
-  const [messagesData, setMessagesData] = useState(null);
-  useEffect(() => {
-    var _a;
-    if (!context) return;
-    const sliceData = (_a = context.getSlice) == null ? void 0 : _a.call(context, "github-messages");
-    if (sliceData) {
-      setMessagesData(sliceData);
+  const panelRef = useRef(null);
+  gt(
+    "github-messages",
+    events,
+    () => {
+      var _a;
+      return (_a = panelRef.current) == null ? void 0 : _a.focus();
     }
-  }, [context]);
-  useEffect(() => {
-    if (!events) return;
-    const handleMessagesData = (event) => {
-      setMessagesData(event.payload);
-    };
-    const unsubData = events.on("github-messages:data", handleMessagesData);
-    return () => {
-      if (typeof unsubData === "function") unsubData();
-    };
-  }, [events]);
+  );
+  const messagesSlice = context.getSlice("github-messages");
+  const isLoading = context.isSliceLoading("github-messages");
+  const hasData = context.hasSlice("github-messages");
+  const messagesData = messagesSlice == null ? void 0 : messagesSlice.data;
   useEffect(() => {
     if (!events) return;
     const handleIssueSelected = (event) => {
@@ -47659,10 +49722,26 @@ 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", { ref: panelRef, tabIndex: -1, style: containerStyle, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          flex: 1,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          color: theme2.colors.textSecondary
+        },
+        children: "Loading conversation..."
+      }
+    ) });
+  }
   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: {
@@ -47710,23 +49789,8 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
       }
     ) });
   }
-  if (messagesData.loading) {
-    return /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          flex: 1,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          color: theme2.colors.textSecondary
-        },
-        children: "Loading conversation..."
-      }
-    ) });
-  }
   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: {
@@ -47770,7 +49834,7 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
     };
   };
   const statusConfig = getStatusConfig();
-  return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
+  return /* @__PURE__ */ jsxs("div", { ref: panelRef, tabIndex: -1, style: containerStyle, children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -47948,7 +50012,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");
@@ -47971,7 +50035,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({