@industry-theme/backlogmd-kanban-panel 1.0.33 → 1.0.34

package/dist/panels.bundle.js

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
 var __publicField = (obj, key2, value) => __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import * as React2 from "react";
 import React2__default, { useLayoutEffect, useEffect, useRef, useMemo, useCallback, useState, createContext, memo, useReducer, useContext, forwardRef, cloneElement, createElement, useImperativeHandle } from "react";
 import { unstable_batchedUpdates, createPortal } from "react-dom";
@@ -33,7 +33,7 @@ function isDocument(node2) {
   } = getWindow(node2);
   return node2 instanceof Document;
 }
-function isHTMLElement(node2) {
+function isHTMLElement$1(node2) {
   if (isWindow(node2)) {
     return false;
   }
@@ -55,15 +55,15 @@ function getOwnerDocument(target) {
   if (isDocument(target)) {
     return target;
   }
-  if (isHTMLElement(target) || isSVGElement(target)) {
+  if (isHTMLElement$1(target) || isSVGElement(target)) {
     return target.ownerDocument;
   }
   return document;
 }
-const useIsomorphicLayoutEffect$1 = canUseDOM ? useLayoutEffect : useEffect;
+const useIsomorphicLayoutEffect$2 = canUseDOM ? useLayoutEffect : useEffect;
 function useEvent(handler) {
   const handlerRef = useRef(handler);
-  useIsomorphicLayoutEffect$1(() => {
+  useIsomorphicLayoutEffect$2(() => {
     handlerRef.current = handler;
   });
   return useCallback(function() {
@@ -91,7 +91,7 @@ function useLatestValue(value, dependencies) {
     dependencies = [value];
   }
   const valueRef = useRef(value);
-  useIsomorphicLayoutEffect$1(() => {
+  useIsomorphicLayoutEffect$2(() => {
     if (valueRef.current !== value) {
       valueRef.current = value;
     }
@@ -133,7 +133,7 @@ function usePrevious(value) {
   return ref.current;
 }
 let ids = {};
-function useUniqueId$1(prefix, value) {
+function useUniqueId$2(prefix, value) {
   return useMemo(() => {
     if (value) {
       return value;
@@ -396,7 +396,7 @@ function Accessibility(_ref) {
     announce,
     announcement
   } = useAnnouncement();
-  const liveRegionId = useUniqueId$1("DndLiveRegion");
+  const liveRegionId = useUniqueId$2("DndLiveRegion");
   const [mounted, setMounted] = useState(false);
   useEffect(() => {
     setMounted(true);
@@ -731,7 +731,7 @@ function getScrollableAncestors(element2, limit) {
       scrollParents.push(node2.scrollingElement);
       return scrollParents;
     }
-    if (!isHTMLElement(node2) || isSVGElement(node2)) {
+    if (!isHTMLElement$1(node2) || isSVGElement(node2)) {
       return scrollParents;
     }
     if (scrollParents.includes(node2)) {
@@ -770,7 +770,7 @@ function getScrollableElement(element2) {
   if (isDocument(element2) || element2 === getOwnerDocument(element2).scrollingElement) {
     return window;
   }
-  if (isHTMLElement(element2)) {
+  if (isHTMLElement$1(element2)) {
     return element2;
   }
   return null;
@@ -2015,7 +2015,7 @@ function useRect(element2, measure, fallbackRect) {
   const resizeObserver = useResizeObserver({
     callback: measureRect
   });
-  useIsomorphicLayoutEffect$1(() => {
+  useIsomorphicLayoutEffect$2(() => {
     measureRect();
     if (element2) {
       resizeObserver == null ? void 0 : resizeObserver.observe(element2);
@@ -2189,7 +2189,7 @@ function useRects(elements, measure) {
   const resizeObserver = useResizeObserver({
     callback: measureRects
   });
-  useIsomorphicLayoutEffect$1(() => {
+  useIsomorphicLayoutEffect$2(() => {
     resizeObserver == null ? void 0 : resizeObserver.disconnect();
     measureRects();
     elements.forEach((element2) => resizeObserver == null ? void 0 : resizeObserver.observe(element2));
@@ -2204,7 +2204,7 @@ function getMeasurableNode(node2) {
     return node2;
   }
   const firstChild = node2.children[0];
-  return isHTMLElement(firstChild) ? firstChild : node2;
+  return isHTMLElement$1(firstChild) ? firstChild : node2;
 }
 function useDragOverlayMeasuring(_ref) {
   let {
@@ -2215,7 +2215,7 @@ function useDragOverlayMeasuring(_ref) {
     for (const {
       target
     } of entries) {
-      if (isHTMLElement(target)) {
+      if (isHTMLElement$1(target)) {
         setRect((rect2) => {
           const newRect = measure(target);
           return rect2 ? {
@@ -2551,7 +2551,7 @@ function useLayoutShiftScrollCompensation(_ref) {
     x: config,
     y: config
   } : config;
-  useIsomorphicLayoutEffect$1(() => {
+  useIsomorphicLayoutEffect$2(() => {
     const disabled = !x && !y;
     if (disabled || !activeNode) {
       initialized.current = false;
@@ -2641,7 +2641,7 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
   const [activeSensor, setActiveSensor] = useState(null);
   const [activatorEvent, setActivatorEvent] = useState(null);
   const latestProps = useLatestValue(props, Object.values(props));
-  const draggableDescribedById = useUniqueId$1("DndDescribedBy", id);
+  const draggableDescribedById = useUniqueId$2("DndDescribedBy", id);
   const enabledDroppableContainers = useMemo(() => droppableContainers.getEnabled(), [droppableContainers]);
   const measuringConfiguration = useMeasuringConfiguration(measuring);
   const {
@@ -2912,7 +2912,7 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
   }, [draggableNodes, instantiateSensor]);
   const activators = useCombineActivators(sensors, bindActivatorToSensorInstantiator);
   useSensorSetup(sensors);
-  useIsomorphicLayoutEffect$1(() => {
+  useIsomorphicLayoutEffect$2(() => {
     if (activeNodeRect && status === Status.Initializing) {
       setStatus(Status.Initialized);
     }
@@ -2996,7 +2996,7 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [overId]
   );
-  useIsomorphicLayoutEffect$1(() => {
+  useIsomorphicLayoutEffect$2(() => {
     sensorContext.current = {
       activatorEvent,
       active,
@@ -3102,7 +3102,7 @@ function useDraggable(_ref) {
     disabled = false,
     attributes
   } = _ref;
-  const key2 = useUniqueId$1(ID_PREFIX);
+  const key2 = useUniqueId$2(ID_PREFIX);
   const {
     activators,
     activatorEvent,
@@ -3123,7 +3123,7 @@ function useDraggable(_ref) {
   const [activatorNode, setActivatorNodeRef] = useNodeRef();
   const listeners = useSyntheticListeners(activators, id);
   const dataRef = useLatestValue(data);
-  useIsomorphicLayoutEffect$1(
+  useIsomorphicLayoutEffect$2(
     () => {
       draggableNodes.set(id, {
         id,
@@ -3178,7 +3178,7 @@ function useDroppable(_ref) {
     id,
     resizeObserverConfig
   } = _ref;
-  const key2 = useUniqueId$1(ID_PREFIX$1);
+  const key2 = useUniqueId$2(ID_PREFIX$1);
   const {
     active,
     dispatch,
@@ -3296,7 +3296,7 @@ function AnimationManager(_ref) {
   if (!children2 && !clonedChildren && previousChildren) {
     setClonedChildren(previousChildren);
   }
-  useIsomorphicLayoutEffect$1(() => {
+  useIsomorphicLayoutEffect$2(() => {
     if (!element2) {
       return;
     }
@@ -3740,7 +3740,7 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$j = [
+const __iconNode$k = [
   ["path", { d: "M12 8V4H8", key: "hb8ula" }],
   ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
   ["path", { d: "M2 14h2", key: "vft8re" }],
@@ -3748,75 +3748,75 @@ const __iconNode$j = [
   ["path", { d: "M15 13v2", key: "1xurst" }],
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Bot = createLucideIcon("bot", __iconNode$j);
+const Bot = createLucideIcon("bot", __iconNode$k);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$i = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$i);
+const __iconNode$j = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$j);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$h = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$h);
+const __iconNode$i = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$i);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$g = [
+const __iconNode$h = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$g);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$h);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [
+const __iconNode$g = [
   ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
 ];
-const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$f);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$g);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [
+const __iconNode$f = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$e);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$f);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [
+const __iconNode$e = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$d);
+const Copy = createLucideIcon("copy", __iconNode$e);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$c = [
+const __iconNode$d = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -3826,191 +3826,2267 @@ const __iconNode$c = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$c);
+const Expand = createLucideIcon("expand", __iconNode$d);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$b = [
+const __iconNode$c = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$b);
+const ExternalLink = createLucideIcon("external-link", __iconNode$c);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$a = [
+const __iconNode$b = [
   [
     "path",
     {
       d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
       key: "1oefj6"
     }
-  ],
-  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
-  ["path", { d: "M10 9H8", key: "b1mrlr" }],
-  ["path", { d: "M16 13H8", key: "t4e002" }],
-  ["path", { d: "M16 17H8", key: "z1uh3a" }]
-];
-const FileText = createLucideIcon("file-text", __iconNode$a);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$9 = [
-  ["path", { d: "M12 10v6", key: "1bos4e" }],
-  ["path", { d: "M9 13h6", key: "1uhe8q" }],
-  [
-    "path",
-    {
-      d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
-      key: "1kt360"
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+];
+const FileText = createLucideIcon("file-text", __iconNode$b);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$a = [
+  ["path", { d: "M12 10v6", key: "1bos4e" }],
+  ["path", { d: "M9 13h6", key: "1uhe8q" }],
+  [
+    "path",
+    {
+      d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
+      key: "1kt360"
+    }
+  ]
+];
+const FolderPlus = createLucideIcon("folder-plus", __iconNode$a);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$9 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$9);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$8 = [
+  ["path", { d: "M12 13v8", key: "1l5pq0" }],
+  ["path", { d: "M12 3v3", key: "1n5kay" }],
+  [
+    "path",
+    {
+      d: "M4 6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h13a2 2 0 0 0 1.152-.365l3.424-2.317a1 1 0 0 0 0-1.635l-3.424-2.318A2 2 0 0 0 17 6z",
+      key: "1btarq"
+    }
+  ]
+];
+const Milestone = createLucideIcon("milestone", __iconNode$8);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$7 = [
+  ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
+  ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
+  ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
+];
+const Monitor = createLucideIcon("monitor", __iconNode$7);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$6 = [
+  ["path", { d: "M18 8L22 12L18 16", key: "1r0oui" }],
+  ["path", { d: "M2 12H22", key: "1m8cig" }]
+];
+const MoveRight = createLucideIcon("move-right", __iconNode$6);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$5 = [
+  [
+    "path",
+    {
+      d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
+      key: "10ikf1"
+    }
+  ]
+];
+const Play = createLucideIcon("play", __iconNode$5);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$4 = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+];
+const Plus = createLucideIcon("plus", __iconNode$4);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$3 = [
+  ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
+  ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
+  ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
+  ["path", { d: "M8 16H3v5", key: "1cv678" }]
+];
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$3);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$2 = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+];
+const Search = createLucideIcon("search", __iconNode$2);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$1 = [
+  ["path", { d: "M10 11v6", key: "nco0om" }],
+  ["path", { d: "M14 11v6", key: "outv1u" }],
+  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
+];
+const Trash2 = createLucideIcon("trash-2", __iconNode$1);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+const X = createLucideIcon("x", __iconNode);
+var ThemeContext$1;
+var getThemeContext$1 = () => {
+  if (typeof window !== "undefined") {
+    const globalWindow = window;
+    if (!globalWindow.__principlemd_theme_context__) {
+      globalWindow.__principlemd_theme_context__ = createContext(void 0);
+    }
+    return globalWindow.__principlemd_theme_context__;
+  } else {
+    if (!ThemeContext$1) {
+      ThemeContext$1 = createContext(void 0);
+    }
+    return ThemeContext$1;
+  }
+};
+var ThemeContextSingleton = getThemeContext$1();
+var useTheme = () => {
+  const context = useContext(ThemeContextSingleton);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+};
+const PanelGroupContext$1 = createContext(null);
+PanelGroupContext$1.displayName = "PanelGroupContext";
+const DATA_ATTRIBUTES$1 = {
+  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$1 = 10;
+const useIsomorphicLayoutEffect$1 = useLayoutEffect;
+const useId$1 = React2["useId".toString()];
+const wrappedUseId$1 = typeof useId$1 === "function" ? useId$1 : () => null;
+let 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$1++;
+  }
+  return idFromParams !== null && idFromParams !== void 0 ? idFromParams : idRef.current;
+}
+function PanelWithForwardedRef$1({
+  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$1);
+  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$1(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$1(() => {
+    const {
+      callbacks,
+      constraints
+    } = panelDataRef.current;
+    const prevConstraints = {
+      ...constraints
+    };
+    panelDataRef.current.id = panelId;
+    panelDataRef.current.idIsFromProps = idFromProps !== void 0;
+    panelDataRef.current.order = order2;
+    callbacks.onCollapse = onCollapse;
+    callbacks.onExpand = onExpand;
+    callbacks.onResize = onResize;
+    constraints.collapsedSize = collapsedSize;
+    constraints.collapsible = collapsible;
+    constraints.defaultSize = defaultSize;
+    constraints.maxSize = maxSize;
+    constraints.minSize = minSize;
+    if (prevConstraints.collapsedSize !== constraints.collapsedSize || prevConstraints.collapsible !== constraints.collapsible || prevConstraints.maxSize !== constraints.maxSize || prevConstraints.minSize !== constraints.minSize) {
+      reevaluatePanelConstraints(panelDataRef.current, prevConstraints);
+    }
+  });
+  useIsomorphicLayoutEffect$1(() => {
+    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$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)
+  });
+}
+const Panel$1 = forwardRef((props, ref) => createElement(PanelWithForwardedRef$1, {
+  ...props,
+  forwardedRef: ref
+}));
+PanelWithForwardedRef$1.displayName = "Panel";
+Panel$1.displayName = "forwardRef(Panel)";
+function isKeyDown$1(event) {
+  return event.type === "keydown";
+}
+function isPointerEvent$1(event) {
+  return event.type.startsWith("pointer");
+}
+function isMouseEvent$1(event) {
+  return event.type.startsWith("mouse");
+}
+function getResizeEventCoordinates$1(event) {
+  if (isPointerEvent$1(event)) {
+    if (event.isPrimary) {
+      return {
+        x: event.clientX,
+        y: event.clientY
+      };
+    }
+  } else if (isMouseEvent$1(event)) {
+    return {
+      x: event.clientX,
+      y: event.clientY
+    };
+  }
+  return {
+    x: Infinity,
+    y: Infinity
+  };
+}
+function getInputType$1() {
+  if (typeof matchMedia === "function") {
+    return matchMedia("(pointer:coarse)").matches ? "coarse" : "fine";
+  }
+}
+const EXCEEDED_HORIZONTAL_MIN$1 = 1;
+const EXCEEDED_HORIZONTAL_MAX$1 = 2;
+const EXCEEDED_VERTICAL_MIN$1 = 4;
+const EXCEEDED_VERTICAL_MAX$1 = 8;
+getInputType$1() === "coarse";
+let panelConstraintFlags$1 = /* @__PURE__ */ new Map();
+function reportConstraintsViolation$1(resizeHandleId, flag) {
+  panelConstraintFlags$1.set(resizeHandleId, flag);
+}
+function useForceUpdate$1() {
+  const [_, setCount] = useState(0);
+  return useCallback(() => setCount((prevCount) => prevCount + 1), []);
+}
+function assert$1(expectedCondition, message) {
+  if (!expectedCondition) {
+    console.error(message);
+    throw Error(message);
+  }
+}
+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$1(actual, expected, fractionDigits = PRECISION$1) {
+  return fuzzyCompareNumbers$1(actual, expected, fractionDigits) === 0;
+}
+function fuzzyNumbersEqual$2(actual, expected, fractionDigits) {
+  return fuzzyCompareNumbers$1(actual, expected, fractionDigits) === 0;
+}
+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$2(actualSize, expectedSize, fractionDigits)) {
+      return false;
+    }
+  }
+  return true;
+}
+function resizePanel$1({
+  panelConstraints: panelConstraintsArray,
+  panelIndex,
+  size
+}) {
+  const panelConstraints = panelConstraintsArray[panelIndex];
+  assert$1(panelConstraints != null, `Panel constraints not found for index ${panelIndex}`);
+  let {
+    collapsedSize = 0,
+    collapsible,
+    maxSize = 100,
+    minSize = 0
+  } = panelConstraints;
+  if (fuzzyCompareNumbers$1(size, minSize) < 0) {
+    if (collapsible) {
+      const halfwayPoint = (collapsedSize + minSize) / 2;
+      if (fuzzyCompareNumbers$1(size, halfwayPoint) < 0) {
+        size = collapsedSize;
+      } else {
+        size = minSize;
+      }
+    } else {
+      size = minSize;
+    }
+  }
+  size = Math.min(maxSize, size);
+  size = parseFloat(size.toFixed(PRECISION$1));
+  return size;
+}
+function adjustLayoutByDelta$1({
+  delta,
+  initialLayout,
+  panelConstraints: panelConstraintsArray,
+  pivotIndices,
+  prevLayout,
+  trigger
+}) {
+  if (fuzzyNumbersEqual$2(delta, 0)) {
+    return initialLayout;
+  }
+  const nextLayout = [...initialLayout];
+  const [firstPivotIndex, secondPivotIndex] = pivotIndices;
+  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$1(panelConstraints, `Panel constraints not found for index ${index2}`);
+        const {
+          collapsedSize = 0,
+          collapsible,
+          minSize = 0
+        } = panelConstraints;
+        if (collapsible) {
+          const prevSize = initialLayout[index2];
+          assert$1(prevSize != null, `Previous layout not found for panel index ${index2}`);
+          if (fuzzyNumbersEqual$2(prevSize, collapsedSize)) {
+            const localDelta = minSize - prevSize;
+            if (fuzzyCompareNumbers$1(localDelta, Math.abs(delta)) > 0) {
+              delta = delta < 0 ? 0 - localDelta : localDelta;
+            }
+          }
+        }
+      }
+      {
+        const index2 = delta < 0 ? firstPivotIndex : secondPivotIndex;
+        const panelConstraints = panelConstraintsArray[index2];
+        assert$1(panelConstraints, `No panel constraints found for index ${index2}`);
+        const {
+          collapsedSize = 0,
+          collapsible,
+          minSize = 0
+        } = panelConstraints;
+        if (collapsible) {
+          const prevSize = initialLayout[index2];
+          assert$1(prevSize != null, `Previous layout not found for panel index ${index2}`);
+          if (fuzzyNumbersEqual$2(prevSize, minSize)) {
+            const localDelta = prevSize - collapsedSize;
+            if (fuzzyCompareNumbers$1(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$1(prevSize != null, `Previous layout not found for panel index ${index2}`);
+      const maxSafeSize = resizePanel$1({
+        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$1(prevSize != null, `Previous layout not found for panel index ${index2}`);
+      const unsafeSize = prevSize - deltaRemaining;
+      const safeSize = resizePanel$1({
+        panelConstraints: panelConstraintsArray,
+        panelIndex: index2,
+        size: unsafeSize
+      });
+      if (!fuzzyNumbersEqual$2(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$1(prevLayout, nextLayout)) {
+    return prevLayout;
+  }
+  {
+    const pivotIndex = delta < 0 ? secondPivotIndex : firstPivotIndex;
+    const prevSize = initialLayout[pivotIndex];
+    assert$1(prevSize != null, `Previous layout not found for panel index ${pivotIndex}`);
+    const unsafeSize = prevSize + deltaApplied;
+    const safeSize = resizePanel$1({
+      panelConstraints: panelConstraintsArray,
+      panelIndex: pivotIndex,
+      size: unsafeSize
+    });
+    nextLayout[pivotIndex] = safeSize;
+    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$1(prevSize2 != null, `Previous layout not found for panel index ${index2}`);
+        const unsafeSize2 = prevSize2 + deltaRemaining;
+        const safeSize2 = resizePanel$1({
+          panelConstraints: panelConstraintsArray,
+          panelIndex: index2,
+          size: unsafeSize2
+        });
+        if (!fuzzyNumbersEqual$2(prevSize2, safeSize2)) {
+          deltaRemaining -= safeSize2 - prevSize2;
+          nextLayout[index2] = safeSize2;
+        }
+        if (fuzzyNumbersEqual$2(deltaRemaining, 0)) {
+          break;
+        }
+        if (delta > 0) {
+          index2--;
+        } else {
+          index2++;
+        }
+      }
+    }
+  }
+  const totalSize = nextLayout.reduce((total, size) => size + total, 0);
+  if (!fuzzyNumbersEqual$2(totalSize, 100)) {
+    return prevLayout;
+  }
+  return nextLayout;
+}
+function calculateAriaValues$1({
+  layout,
+  panelsArray,
+  pivotIndices
+}) {
+  let currentMinSize = 0;
+  let currentMaxSize = 100;
+  let totalMinSize = 0;
+  let totalMaxSize = 0;
+  const firstIndex = pivotIndices[0];
+  assert$1(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$1(groupId, scope = document) {
+  return Array.from(scope.querySelectorAll(`[${DATA_ATTRIBUTES$1.resizeHandleId}][data-panel-group-id="${groupId}"]`));
+}
+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$1(groupId, dragHandleId, panelGroupElement) {
+  const index2 = getResizeHandleElementIndex$1(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$1(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$1(id, scope = document) {
+  const element2 = scope.querySelector(`[${DATA_ATTRIBUTES$1.resizeHandleId}="${id}"]`);
+  if (element2) {
+    return element2;
+  }
+  return null;
+}
+function getResizeHandlePanelIds$1(groupId, handleId, panelsArray, scope = document) {
+  var _panelsArray$index$id, _panelsArray$index, _panelsArray$id, _panelsArray;
+  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$1({
+  committedValuesRef,
+  eagerValuesRef,
+  groupId,
+  layout,
+  panelDataArray,
+  panelGroupElement,
+  setLayout
+}) {
+  useRef({
+    didWarnAboutMissingResizeHandle: false
+  });
+  useIsomorphicLayoutEffect$1(() => {
+    if (!panelGroupElement) {
+      return;
+    }
+    const resizeHandleElements = getResizeHandleElementsForGroup$1(groupId, panelGroupElement);
+    for (let index2 = 0; index2 < panelDataArray.length - 1; index2++) {
+      const {
+        valueMax,
+        valueMin,
+        valueNow
+      } = calculateAriaValues$1({
+        layout,
+        panelsArray: panelDataArray,
+        pivotIndices: [index2, index2 + 1]
+      });
+      const resizeHandleElement = resizeHandleElements[index2];
+      if (resizeHandleElement == null) ;
+      else {
+        const panelData = panelDataArray[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));
+        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$1(eagerValues, `Eager values not found`);
+    const {
+      panelDataArray: panelDataArray2
+    } = eagerValues;
+    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$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 () => {
+        };
+      }
+      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$1(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$1({
+                  delta: fuzzyNumbersEqual$2(size, collapsedSize) ? minSize - collapsedSize : collapsedSize - size,
+                  initialLayout: layout,
+                  panelConstraints: panelDataArray2.map((panelData2) => panelData2.constraints),
+                  pivotIndices: determinePivotIndices$1(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$1(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$1(direction, event) {
+  const isHorizontal = direction === "horizontal";
+  const {
+    x,
+    y
+  } = getResizeEventCoordinates$1(event);
+  return isHorizontal ? x : y;
+}
+function calculateDragOffsetPercentage$1(event, dragHandleId, direction, initialDragState, panelGroupElement) {
+  const isHorizontal = direction === "horizontal";
+  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$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$1(event, dragHandleId, direction, initialDragState, keyboardResizeBy, panelGroupElement) {
+  if (isKeyDown$1(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$1(event, dragHandleId, direction, initialDragState, panelGroupElement);
+  }
+}
+function calculateUnsafeDefaultLayout$1({
+  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$1(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$1(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$1(panelsArray, layout, panelIdToLastNotifiedSizeMap) {
+  layout.forEach((size, index2) => {
+    const panelData = panelsArray[index2];
+    assert$1(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$1(lastNotifiedSize, collapsedSize)) && !fuzzyNumbersEqual$1$1(size, collapsedSize)) {
+          onExpand();
+        }
+        if (onCollapse && (lastNotifiedSize == null || !fuzzyNumbersEqual$1$1(lastNotifiedSize, collapsedSize)) && fuzzyNumbersEqual$1$1(size, collapsedSize)) {
+          onCollapse();
+        }
+      }
+    }
+  });
+}
+function compareLayouts$1(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$1({
+  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$1(callback, durationMs = 10) {
+  let timeoutId = null;
+  let callable = (...args) => {
+    if (timeoutId !== null) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => {
+      callback(...args);
+    }, durationMs);
+  };
+  return callable;
+}
+function initializeDefaultStorage$1(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$1(autoSaveId) {
+  return `react-resizable-panels:${autoSaveId}`;
+}
+function getPanelKey$1(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$1(autoSaveId, storage) {
+  try {
+    const panelGroupKey = getPanelGroupKey$1(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$1(autoSaveId, panels2, storage) {
+  var _loadSerializedPanelG, _state$panelKey;
+  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$1(autoSaveId, panels2, panelSizesBeforeCollapse, sizes, storage) {
+  var _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
+  };
+  try {
+    storage.setItem(panelGroupKey, JSON.stringify(state));
+  } catch (error) {
+    console.error(error);
+  }
+}
+function validatePanelGroupLayout$1({
+  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$2(nextLayoutTotalSize, 100) && nextLayout.length > 0) {
+    for (let index2 = 0; index2 < panelConstraints.length; index2++) {
+      const unsafeSize = nextLayout[index2];
+      assert$1(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$1(unsafeSize != null, `No layout data found for index ${index2}`);
+    const safeSize = resizePanel$1({
+      panelConstraints,
+      panelIndex: index2,
+      size: unsafeSize
+    });
+    if (unsafeSize != safeSize) {
+      remainingSize += unsafeSize - safeSize;
+      nextLayout[index2] = safeSize;
+    }
+  }
+  if (!fuzzyNumbersEqual$2(remainingSize, 0)) {
+    for (let index2 = 0; index2 < panelConstraints.length; index2++) {
+      const prevSize = nextLayout[index2];
+      assert$1(prevSize != null, `No layout data found for index ${index2}`);
+      const unsafeSize = prevSize + remainingSize;
+      const safeSize = resizePanel$1({
+        panelConstraints,
+        panelIndex: index2,
+        size: unsafeSize
+      });
+      if (prevSize !== safeSize) {
+        remainingSize -= safeSize - prevSize;
+        nextLayout[index2] = safeSize;
+        if (fuzzyNumbersEqual$2(remainingSize, 0)) {
+          break;
+        }
+      }
+    }
+  }
+  return nextLayout;
+}
+const LOCAL_STORAGE_DEBOUNCE_INTERVAL$1 = 100;
+const defaultStorage$1 = {
+  getItem: (name2) => {
+    initializeDefaultStorage$1(defaultStorage$1);
+    return defaultStorage$1.getItem(name2);
+  },
+  setItem: (name2, value) => {
+    initializeDefaultStorage$1(defaultStorage$1);
+    defaultStorage$1.setItem(name2, value);
+  }
+};
+const debounceMap$1 = {};
+function PanelGroupWithForwardedRef$1({
+  autoSaveId = null,
+  children: children2,
+  className: classNameFromProps = "",
+  direction,
+  forwardedRef,
+  id: idFromProps = null,
+  onLayout = null,
+  keyboardResizeBy = null,
+  storage = defaultStorage$1,
+  style: styleFromProps,
+  tagName: Type = "div",
+  ...rest
+}) {
+  const groupId = useUniqueId$1(idFromProps);
+  const panelGroupElementRef = useRef(null);
+  const [dragState, setDragState] = useState(null);
+  const [layout, setLayout] = useState([]);
+  const forceUpdate = useForceUpdate$1();
+  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$1({
+        layout: unsafeLayout,
+        panelConstraints: panelDataArray.map((panelData) => panelData.constraints)
+      });
+      if (!areEqual$1(prevLayout, safeLayout)) {
+        setLayout(safeLayout);
+        eagerValuesRef.current.layout = safeLayout;
+        if (onLayout2) {
+          onLayout2(safeLayout);
+        }
+        callPanelCallbacks$1(panelDataArray, safeLayout, panelIdToLastNotifiedSizeMapRef.current);
+      }
+    }
+  }), []);
+  useIsomorphicLayoutEffect$1(() => {
+    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$1({
+    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$1[autoSaveId];
+      if (debouncedSave == null) {
+        debouncedSave = debounce$1(savePanelGroupState$1, LOCAL_STORAGE_DEBOUNCE_INTERVAL$1);
+        debounceMap$1[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$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$1(panelDataArray, panelData) === panelDataArray.length - 1;
+        const delta = isLastPanel ? panelSize - collapsedSize : collapsedSize - panelSize;
+        const nextLayout = adjustLayoutByDelta$1({
+          delta,
+          initialLayout: prevLayout,
+          panelConstraints: panelConstraintsArray,
+          pivotIndices,
+          prevLayout,
+          trigger: "imperative-api"
+        });
+        if (!compareLayouts$1(prevLayout, nextLayout)) {
+          setLayout(nextLayout);
+          eagerValuesRef.current.layout = nextLayout;
+          if (onLayout2) {
+            onLayout2(nextLayout);
+          }
+          callPanelCallbacks$1(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$1(panelDataArray, panelData, prevLayout);
+      const minSize = minSizeOverride !== null && minSizeOverride !== void 0 ? minSizeOverride : minSizeFromProps;
+      if (fuzzyNumbersEqual$1$1(panelSize, collapsedSize)) {
+        const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);
+        const baseSize = prevPanelSize != null && prevPanelSize >= minSize ? prevPanelSize : minSize;
+        const isLastPanel = findPanelDataIndex$1(panelDataArray, panelData) === panelDataArray.length - 1;
+        const delta = isLastPanel ? panelSize - baseSize : baseSize - panelSize;
+        const nextLayout = adjustLayoutByDelta$1({
+          delta,
+          initialLayout: prevLayout,
+          panelConstraints: panelConstraintsArray,
+          pivotIndices,
+          prevLayout,
+          trigger: "imperative-api"
+        });
+        if (!compareLayouts$1(prevLayout, nextLayout)) {
+          setLayout(nextLayout);
+          eagerValuesRef.current.layout = nextLayout;
+          if (onLayout2) {
+            onLayout2(nextLayout);
+          }
+          callPanelCallbacks$1(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
+        }
+      }
+    }
+  }, []);
+  const getPanelSize = useCallback((panelData) => {
+    const {
+      layout: layout2,
+      panelDataArray
+    } = eagerValuesRef.current;
+    const {
+      panelSize
+    } = 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$1(panelDataArray, panelData);
+    return computePanelFlexBoxStyle$1({
+      defaultSize,
+      dragState,
+      layout,
+      panelData: panelDataArray,
+      panelIndex
+    });
+  }, [dragState, layout]);
+  const isPanelCollapsed = useCallback((panelData) => {
+    const {
+      layout: layout2,
+      panelDataArray
+    } = eagerValuesRef.current;
+    const {
+      collapsedSize = 0,
+      collapsible,
+      panelSize
+    } = 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 {
+      layout: layout2,
+      panelDataArray
+    } = eagerValuesRef.current;
+    const {
+      collapsedSize = 0,
+      collapsible,
+      panelSize
+    } = 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 {
+      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$1(() => {
+    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$1(autoSaveId2, panelDataArray, storage2);
+        if (state) {
+          panelSizeBeforeCollapseRef.current = new Map(Object.entries(state.expandToSizes));
+          unsafeLayout = state.layout;
+        }
+      }
+      if (unsafeLayout == null) {
+        unsafeLayout = calculateUnsafeDefaultLayout$1({
+          panelDataArray
+        });
+      }
+      const nextLayout = validatePanelGroupLayout$1({
+        layout: unsafeLayout,
+        panelConstraints: panelDataArray.map((panelData) => panelData.constraints)
+      });
+      if (!areEqual$1(prevLayout, nextLayout)) {
+        setLayout(nextLayout);
+        eagerValuesRef.current.layout = nextLayout;
+        if (onLayout2) {
+          onLayout2(nextLayout);
+        }
+        callPanelCallbacks$1(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
+      }
+    }
+  });
+  useIsomorphicLayoutEffect$1(() => {
+    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$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$1({
+        delta,
+        initialLayout: initialLayout !== null && initialLayout !== void 0 ? initialLayout : prevLayout,
+        panelConstraints,
+        pivotIndices,
+        prevLayout,
+        trigger: isKeyDown$1(event) ? "keyboard" : "mouse-or-touch"
+      });
+      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$1(dragHandleId, delta < 0 ? EXCEEDED_HORIZONTAL_MIN$1 : EXCEEDED_HORIZONTAL_MAX$1);
+            } else {
+              reportConstraintsViolation$1(dragHandleId, delta < 0 ? EXCEEDED_VERTICAL_MIN$1 : EXCEEDED_VERTICAL_MAX$1);
+            }
+          } else {
+            reportConstraintsViolation$1(dragHandleId, 0);
+          }
+        }
+      }
+      if (layoutChanged) {
+        setLayout(nextLayout);
+        eagerValuesRef.current.layout = nextLayout;
+        if (onLayout2) {
+          onLayout2(nextLayout);
+        }
+        callPanelCallbacks$1(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$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$1({
+      delta,
+      initialLayout: prevLayout,
+      panelConstraints: panelConstraintsArray,
+      pivotIndices,
+      prevLayout,
+      trigger: "imperative-api"
+    });
+    if (!compareLayouts$1(prevLayout, nextLayout)) {
+      setLayout(nextLayout);
+      eagerValuesRef.current.layout = nextLayout;
+      if (onLayout2) {
+        onLayout2(nextLayout);
+      }
+      callPanelCallbacks$1(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$1(panelDataArray, panelData, layout2);
+    if (prevPanelSize == null) {
+      return;
+    }
+    if (prevCollapsible && nextCollapsible && fuzzyNumbersEqual$1$1(prevPanelSize, prevCollapsedSize)) {
+      if (!fuzzyNumbersEqual$1$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$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(),
+      initialCursorPosition,
+      initialLayout: layout2
+    });
+  }, []);
+  const stopDragging = useCallback(() => {
+    setDragState(null);
+  }, []);
+  const unregisterPanel = useCallback((panelData) => {
+    const {
+      panelDataArray
+    } = eagerValuesRef.current;
+    const index2 = findPanelDataIndex$1(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$1.Provider, {
+    value: context
+  }, createElement(Type, {
+    ...rest,
+    children: children2,
+    className: classNameFromProps,
+    id: idFromProps,
+    ref: panelGroupElementRef,
+    style: {
+      ...style2,
+      ...styleFromProps
+    },
+    // CSS selectors
+    [DATA_ATTRIBUTES$1.group]: "",
+    [DATA_ATTRIBUTES$1.groupDirection]: direction,
+    [DATA_ATTRIBUTES$1.groupId]: groupId
+  }));
+}
+const PanelGroup$1 = forwardRef((props, ref) => createElement(PanelGroupWithForwardedRef$1, {
+  ...props,
+  forwardedRef: ref
+}));
+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$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];
+  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$1;
+(se$1 = le$1 || (le$1 = {})).DragStart = "dragStart", se$1.DragMove = "dragMove", se$1.DragEnd = "dragEnd", se$1.DragCancel = "dragCancel", se$1.DragOver = "dragOver", se$1.RegisterDroppable = "registerDroppable", se$1.SetDroppableDisabled = "setDroppableDisabled", se$1.UnregisterDroppable = "unregisterDroppable";
+const de = /* @__PURE__ */ Object.freeze({ x: 0, y: 0 });
+var Te$1, Ae;
+(Ae = Te$1 || (Te$1 = {}))[Ae.Forward = 1] = "Forward", Ae[Ae.Backward = -1] = "Backward";
+var _e$1, je$1, He$1, Ke$1;
+(je$1 = _e$1 || (_e$1 = {})).Click = "click", je$1.DragStart = "dragstart", je$1.Keydown = "keydown", je$1.ContextMenu = "contextmenu", je$1.Resize = "resize", je$1.SelectionChange = "selectionchange", je$1.VisibilityChange = "visibilitychange", (Ke$1 = He$1 || (He$1 = {})).Space = "Space", Ke$1.Down = "ArrowDown", Ke$1.Right = "ArrowRight", Ke$1.Left = "ArrowLeft", Ke$1.Up = "ArrowUp", Ke$1.Esc = "Escape", Ke$1.Enter = "Enter", Ke$1.Tab = "Tab";
+({ start: [He$1.Space, He$1.Enter], cancel: [He$1.Esc], end: [He$1.Space, He$1.Enter, He$1.Tab] });
+var rt, ot$1;
+(ot$1 = rt || (rt = {}))[ot$1.RightClick = 2] = "RightClick";
+var at, lt$1, st$1, ct$1;
+(lt$1 = at || (at = {}))[lt$1.Pointer = 0] = "Pointer", lt$1[lt$1.DraggableRect = 1] = "DraggableRect", (ct$1 = st$1 || (st$1 = {}))[ct$1.TreeOrder = 0] = "TreeOrder", ct$1[ct$1.ReversedTreeOrder = 1] = "ReversedTreeOrder";
+({ x: { [Te$1.Backward]: false, [Te$1.Forward]: false }, y: { [Te$1.Backward]: false, [Te$1.Forward]: false } });
+var pt, ht$1, mt$1;
+(ht$1 = pt || (pt = {}))[ht$1.Always = 0] = "Always", ht$1[ht$1.BeforeDragging = 1] = "BeforeDragging", ht$1[ht$1.WhileDragging = 2] = "WhileDragging", (mt$1 || (mt$1 = {})).Optimized = "optimized";
+({ droppable: { strategy: pt.WhileDragging, frequency: mt$1.Optimized } });
+/* @__PURE__ */ createContext({ ...de, scaleX: 1, scaleY: 1 });
+var $t, Bt$1;
+(Bt$1 = $t || ($t = {}))[Bt$1.Uninitialized = 0] = "Uninitialized", Bt$1[Bt$1.Initializing = 1] = "Initializing", Bt$1[Bt$1.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), {};
     }
-  ]
-];
-const FolderPlus = createLucideIcon("folder-plus", __iconNode$9);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$8 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$8);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$7 = [
-  ["path", { d: "M12 13v8", key: "1l5pq0" }],
-  ["path", { d: "M12 3v3", key: "1n5kay" }],
-  [
-    "path",
-    {
-      d: "M4 6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h13a2 2 0 0 0 1.152-.365l3.424-2.317a1 1 0 0 0 0-1.635l-3.424-2.318A2 2 0 0 0 17 6z",
-      key: "1btarq"
+  }
+  /**
+   * 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;
     }
-  ]
-];
-const Milestone = createLucideIcon("milestone", __iconNode$7);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$6 = [
-  ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
-  ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
-  ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
-];
-const Monitor = createLucideIcon("monitor", __iconNode$6);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$5 = [
-  ["path", { d: "M18 8L22 12L18 16", key: "1r0oui" }],
-  ["path", { d: "M2 12H22", key: "1m8cig" }]
-];
-const MoveRight = createLucideIcon("move-right", __iconNode$5);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$4 = [
-  [
-    "path",
-    {
-      d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
-      key: "10ikf1"
+  }
+  /**
+   * 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;
     }
-  ]
-];
-const Play = createLucideIcon("play", __iconNode$4);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$3 = [
-  ["path", { d: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "M12 5v14", key: "s699le" }]
-];
-const Plus = createLucideIcon("plus", __iconNode$3);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$2 = [
-  ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
-  ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
-  ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
-  ["path", { d: "M8 16H3v5", key: "1cv678" }]
-];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$2);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$1 = [
-  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-];
-const Search = createLucideIcon("search", __iconNode$1);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-];
-const X = createLucideIcon("x", __iconNode);
-var ThemeContext$1;
-var getThemeContext$1 = () => {
-  if (typeof window !== "undefined") {
-    const globalWindow = window;
-    if (!globalWindow.__principlemd_theme_context__) {
-      globalWindow.__principlemd_theme_context__ = createContext(void 0);
+  }
+  /**
+   * 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;
     }
-    return globalWindow.__principlemd_theme_context__;
-  } else {
-    if (!ThemeContext$1) {
-      ThemeContext$1 = createContext(void 0);
+  }
+  /**
+   * 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), {};
     }
-    return ThemeContext$1;
   }
-};
-var ThemeContextSingleton = getThemeContext$1();
-var useTheme = () => {
-  const context = useContext(ThemeContextSingleton);
-  if (!context) {
-    throw new Error("useTheme must be used within a ThemeProvider");
+}
+class O {
+  /**
+   * Configure a custom storage adapter (for Electron IPC or remote storage)
+   */
+  static setAdapter(e) {
+    this.adapter = e;
   }
-  return context;
-};
+  /**
+   * 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]);
+}
 function parseTaskMarkdown(content2, filePath) {
   const { frontmatter, title, rawContent, acceptanceCriteria, description } = parseMarkdownContent(content2);
   const id = extractIdFromPath(filePath);
@@ -7812,7 +9888,7 @@ const KanbanPanel = ({
   const [selectedTaskId, setSelectedTaskId] = useState(null);
   const [selectedTab, setSelectedTab] = useState("todo");
   const [isNarrowView, setIsNarrowView] = useState(false);
-  const containerRef = useRef(null);
+  const kanbanPanelRef = useRef(null);
   const [viewMode, setViewMode] = useState("board");
   const [activeTask, setActiveTask] = useState(null);
   const [isTaskModalOpen, setIsTaskModalOpen] = useState(false);
@@ -7837,7 +9913,7 @@ const KanbanPanel = ({
     }
   };
   useLayoutEffect(() => {
-    const container = containerRef.current;
+    const container = kanbanPanelRef.current;
     if (!container) return;
     const observer = new ResizeObserver((entries) => {
       for (const entry of entries) {
@@ -7847,6 +9923,14 @@ const KanbanPanel = ({
     observer.observe(container);
     return () => observer.disconnect();
   }, []);
+  gt(
+    "backlog-kanban",
+    events2,
+    () => {
+      var _a2;
+      return (_a2 = kanbanPanelRef.current) == null ? void 0 : _a2.focus();
+    }
+  );
   useEffect(() => {
     if (!events2) return;
     const unsubscribe = events2.on("task:selected", (event) => {
@@ -8068,7 +10152,8 @@ const KanbanPanel = ({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      ref: containerRef,
+      ref: kanbanPanelRef,
+      tabIndex: -1,
       style: {
         padding: "clamp(12px, 3vw, 20px)",
         // Responsive padding for mobile
@@ -8082,7 +10167,9 @@ const KanbanPanel = ({
         overflow: "hidden",
         // Prevent outer scrolling
         backgroundColor: theme2.colors.background,
-        color: theme2.colors.text
+        color: theme2.colors.text,
+        outline: "none"
+        // Remove default focus outline
       },
       children: [
         /* @__PURE__ */ jsxs(
@@ -45777,20 +47864,20 @@ class EditMap {
     this.map.length = 0;
   }
 }
-function addImplementation(editMap, at, remove, add2) {
+function addImplementation(editMap, at2, remove, add2) {
   let index2 = 0;
   if (remove === 0 && add2.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(...add2);
       return;
     }
     index2 += 1;
   }
-  editMap.map.push([at, remove, add2]);
+  editMap.map.push([at2, remove, add2]);
 }
 function gfmTableAlign(events2, index2) {
   let inDelimiterRow = false;
@@ -47947,7 +50034,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);
@@ -49443,7 +51530,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];
@@ -49458,7 +51545,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) => {
@@ -49603,7 +51690,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 || "");
@@ -49815,7 +51902,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,
@@ -50854,7 +52941,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"],
@@ -50865,7 +52952,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"],
@@ -52680,14 +54767,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%;
               }
             }
@@ -52702,7 +54789,7 @@ 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";
@@ -52889,7 +54976,18 @@ const TaskDetailPanel = ({ context, actions, events: events2, config }) => {
   const { theme: theme2 } = useTheme();
   const [selectedTask, setSelectedTask] = useState(null);
   const [claudeAssignment, setClaudeAssignment] = useState({ status: "idle" });
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
+  const [deleteState, setDeleteState] = useState({ status: "idle" });
+  const panelRef = useRef(null);
   const { editable = false } = config ?? {};
+  gt(
+    "task-detail",
+    events2,
+    () => {
+      var _a2;
+      return (_a2 = panelRef.current) == null ? void 0 : _a2.focus();
+    }
+  );
   const repoCapabilities = context.getRepositorySlice("repoCapabilities");
   const hasClaudeWorkflow = ((_a = repoCapabilities == null ? void 0 : repoCapabilities.data) == null ? void 0 : _a.hasClaudeWorkflow) ?? false;
   const handleAssignToClaude = useCallback(() => {
@@ -52918,6 +55016,19 @@ const TaskDetailPanel = ({ context, actions, events: events2, config }) => {
       }
     });
   }, [events2, selectedTask]);
+  const handleDeleteConfirm = useCallback(() => {
+    if (!events2 || !selectedTask) return;
+    setDeleteState({ status: "loading" });
+    events2.emit({
+      type: "task:delete-requested",
+      source: "task-detail-panel",
+      timestamp: Date.now(),
+      payload: {
+        taskId: selectedTask.id,
+        task: selectedTask
+      }
+    });
+  }, [events2, selectedTask]);
   useEffect(() => {
     if (!events2) return;
     const handleTaskSelected = (event) => {
@@ -52960,8 +55071,46 @@ const TaskDetailPanel = ({ context, actions, events: events2, config }) => {
       });
     };
   }, [events2, selectedTask == null ? void 0 : selectedTask.id]);
+  useEffect(() => {
+    if (!events2) return;
+    const unsubscribers = [
+      events2.on("task:deleted:success", (event) => {
+        const payload = event.payload;
+        if (payload.taskId === (selectedTask == null ? void 0 : selectedTask.id)) {
+          setDeleteState({ status: "success" });
+          setIsDeleteModalOpen(false);
+          setTimeout(() => {
+            events2.emit({
+              type: "task:deleted",
+              source: "task-detail-panel",
+              timestamp: Date.now(),
+              payload: { taskId: payload.taskId }
+            });
+            setSelectedTask(null);
+            setDeleteState({ status: "idle" });
+          }, 2e3);
+        }
+      }),
+      events2.on("task:deleted:error", (event) => {
+        const payload = event.payload;
+        if (payload.taskId === (selectedTask == null ? void 0 : selectedTask.id)) {
+          setDeleteState({
+            status: "error",
+            error: payload.error
+          });
+        }
+      })
+    ];
+    return () => {
+      unsubscribers.forEach((unsub) => {
+        if (typeof unsub === "function") unsub();
+      });
+    };
+  }, [events2, selectedTask == null ? void 0 : selectedTask.id]);
   const handleBack = () => {
     setSelectedTask(null);
+    setDeleteState({ status: "idle" });
+    setIsDeleteModalOpen(false);
     if (events2) {
       events2.emit({
         type: "task:deselected",
@@ -53021,13 +55170,16 @@ const TaskDetailPanel = ({ context, actions, events: events2, config }) => {
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ref: panelRef,
+      tabIndex: -1,
       style: {
         height: "100%",
         display: "flex",
         flexDirection: "column",
         backgroundColor: theme2.colors.background,
         color: theme2.colors.text,
-        overflow: "hidden"
+        overflow: "hidden",
+        outline: "none"
       },
       children: [
         /* @__PURE__ */ jsxs(
@@ -53220,6 +55372,60 @@ const TaskDetailPanel = ({ context, actions, events: events2, config }) => {
                           ]
                         }
                       ),
+                      deleteState.status === "idle" && /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          onClick: () => setIsDeleteModalOpen(true),
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "6px",
+                            padding: "6px 12px",
+                            border: `1px solid ${theme2.colors.error}`,
+                            borderRadius: theme2.radii[1],
+                            background: "transparent",
+                            cursor: "pointer",
+                            color: theme2.colors.error,
+                            fontSize: theme2.fontSizes[1],
+                            fontWeight: theme2.fontWeights.medium,
+                            transition: "all 0.2s ease"
+                          },
+                          onMouseEnter: (e) => {
+                            e.currentTarget.style.background = theme2.colors.error;
+                            e.currentTarget.style.color = theme2.colors.background;
+                          },
+                          onMouseLeave: (e) => {
+                            e.currentTarget.style.background = "transparent";
+                            e.currentTarget.style.color = theme2.colors.error;
+                          },
+                          title: "Delete task",
+                          children: [
+                            /* @__PURE__ */ jsx(Trash2, { size: 14 }),
+                            "Delete"
+                          ]
+                        }
+                      ),
+                      deleteState.status === "success" && /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "6px",
+                            padding: "6px 12px",
+                            border: `1px solid ${theme2.colors.success}`,
+                            borderRadius: theme2.radii[1],
+                            background: `${theme2.colors.success}15`,
+                            color: theme2.colors.success,
+                            fontSize: theme2.fontSizes[1],
+                            fontWeight: theme2.fontWeights.medium
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(CircleCheckBig, { size: 14 }),
+                            "Task deleted"
+                          ]
+                        }
+                      ),
                       /* @__PURE__ */ jsx(
                         "button",
                         {
@@ -53308,6 +55514,193 @@ const TaskDetailPanel = ({ context, actions, events: events2, config }) => {
               }
             )
           }
+        ),
+        isDeleteModalOpen && createPortal(
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                position: "fixed",
+                inset: 0,
+                zIndex: 9999,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                padding: "16px"
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    onClick: () => setIsDeleteModalOpen(false),
+                    style: {
+                      position: "absolute",
+                      inset: 0,
+                      backgroundColor: "rgba(0, 0, 0, 0.5)"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      position: "relative",
+                      width: "100%",
+                      maxWidth: "400px",
+                      backgroundColor: theme2.colors.background,
+                      borderRadius: theme2.radii[3],
+                      boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+                      border: `1px solid ${theme2.colors.border}`
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "space-between",
+                            padding: "16px 20px",
+                            borderBottom: `1px solid ${theme2.colors.border}`
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              "h2",
+                              {
+                                style: {
+                                  margin: 0,
+                                  fontSize: theme2.fontSizes[4],
+                                  fontWeight: 600,
+                                  color: theme2.colors.text
+                                },
+                                children: "Delete Task?"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              "button",
+                              {
+                                onClick: () => setIsDeleteModalOpen(false),
+                                style: {
+                                  background: "none",
+                                  border: "none",
+                                  cursor: "pointer",
+                                  padding: "4px",
+                                  display: "flex",
+                                  alignItems: "center",
+                                  justifyContent: "center",
+                                  borderRadius: theme2.radii[1],
+                                  color: theme2.colors.textMuted
+                                },
+                                children: /* @__PURE__ */ jsx(X, { size: 20 })
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("div", { style: { padding: "20px" }, children: [
+                        /* @__PURE__ */ jsxs(
+                          "p",
+                          {
+                            style: {
+                              margin: 0,
+                              fontSize: theme2.fontSizes[2],
+                              color: theme2.colors.text,
+                              lineHeight: 1.5
+                            },
+                            children: [
+                              "Are you sure you want to delete ",
+                              /* @__PURE__ */ jsxs("strong", { children: [
+                                '"',
+                                selectedTask.title,
+                                '"'
+                              ] }),
+                              "? This action cannot be undone."
+                            ]
+                          }
+                        ),
+                        deleteState.status === "error" && /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            style: {
+                              marginTop: "16px",
+                              padding: "10px 12px",
+                              backgroundColor: `${theme2.colors.error}15`,
+                              border: `1px solid ${theme2.colors.error}`,
+                              borderRadius: theme2.radii[2],
+                              color: theme2.colors.error,
+                              fontSize: theme2.fontSizes[1]
+                            },
+                            children: deleteState.error || "Failed to delete task"
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            justifyContent: "flex-end",
+                            gap: "12px",
+                            padding: "16px 20px",
+                            borderTop: `1px solid ${theme2.colors.border}`
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              "button",
+                              {
+                                type: "button",
+                                onClick: () => setIsDeleteModalOpen(false),
+                                disabled: deleteState.status === "loading",
+                                style: {
+                                  padding: "10px 20px",
+                                  fontSize: theme2.fontSizes[2],
+                                  fontWeight: 500,
+                                  border: `1px solid ${theme2.colors.border}`,
+                                  borderRadius: theme2.radii[2],
+                                  backgroundColor: "transparent",
+                                  color: theme2.colors.text,
+                                  cursor: deleteState.status === "loading" ? "not-allowed" : "pointer",
+                                  opacity: deleteState.status === "loading" ? 0.5 : 1
+                                },
+                                children: "Cancel"
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              "button",
+                              {
+                                type: "button",
+                                onClick: handleDeleteConfirm,
+                                disabled: deleteState.status === "loading",
+                                style: {
+                                  display: "flex",
+                                  alignItems: "center",
+                                  gap: "8px",
+                                  padding: "10px 20px",
+                                  fontSize: theme2.fontSizes[2],
+                                  fontWeight: 500,
+                                  border: "none",
+                                  borderRadius: theme2.radii[2],
+                                  backgroundColor: theme2.colors.error,
+                                  color: theme2.colors.background,
+                                  cursor: deleteState.status === "loading" ? "wait" : "pointer",
+                                  opacity: deleteState.status === "loading" ? 0.7 : 1
+                                },
+                                children: [
+                                  deleteState.status === "loading" && /* @__PURE__ */ jsx(LoaderCircle, { size: 16, style: { animation: "spin 1s linear infinite" } }),
+                                  "Delete"
+                                ]
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          document.body
         )
       ]
     }