@industry-theme/backlogmd-kanban-panel 1.0.35 → 1.0.37

package/dist/panels.bundle.js

@@ -33,7 +33,7 @@ function isDocument(node2) {
   } = getWindow(node2);
   return node2 instanceof Document;
 }
-function isHTMLElement$1(node2) {
+function isHTMLElement$2(node2) {
   if (isWindow(node2)) {
     return false;
   }
@@ -55,7 +55,7 @@ function getOwnerDocument(target) {
   if (isDocument(target)) {
     return target;
   }
-  if (isHTMLElement$1(target) || isSVGElement(target)) {
+  if (isHTMLElement$2(target) || isSVGElement(target)) {
     return target.ownerDocument;
   }
   return document;
@@ -731,7 +731,7 @@ function getScrollableAncestors(element2, limit) {
       scrollParents.push(node2.scrollingElement);
       return scrollParents;
     }
-    if (!isHTMLElement$1(node2) || isSVGElement(node2)) {
+    if (!isHTMLElement$2(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$1(element2)) {
+  if (isHTMLElement$2(element2)) {
     return element2;
   }
   return null;
@@ -2204,7 +2204,7 @@ function getMeasurableNode(node2) {
     return node2;
   }
   const firstChild = node2.children[0];
-  return isHTMLElement$1(firstChild) ? firstChild : node2;
+  return isHTMLElement$2(firstChild) ? firstChild : node2;
 }
 function useDragOverlayMeasuring(_ref) {
   let {
@@ -2215,7 +2215,7 @@ function useDragOverlayMeasuring(_ref) {
     for (const {
       target
     } of entries) {
-      if (isHTMLElement$1(target)) {
+      if (isHTMLElement$2(target)) {
         setRect((rect2) => {
           const newRect = measure(target);
           return rect2 ? {
@@ -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$l = [
+const __iconNode$m = [
   ["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$l = [
   ["path", { d: "M15 13v2", key: "1xurst" }],
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Bot = createLucideIcon("bot", __iconNode$l);
+const Bot = createLucideIcon("bot", __iconNode$m);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$k = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$k);
+const __iconNode$l = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$l);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$j = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$j);
+const __iconNode$k = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$k);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$i = [
+const __iconNode$j = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$i);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$j);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$h = [
+const __iconNode$i = [
   ["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$h);
+const CircleCheckBig = createLucideIcon("circle-check-big", __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" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$g);
+const CircleCheck = createLucideIcon("circle-check", __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 = [
   ["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$f);
+const Copy = createLucideIcon("copy", __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 = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -3826,26 +3826,26 @@ const __iconNode$e = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$e);
+const Expand = createLucideIcon("expand", __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 = [
   ["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$d);
+const ExternalLink = createLucideIcon("external-link", __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",
     {
@@ -3858,14 +3858,14 @@ const __iconNode$c = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$c);
+const FileText = createLucideIcon("file-text", __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: "M12 10v6", key: "1bos4e" }],
   ["path", { d: "M9 13h6", key: "1uhe8q" }],
   [
@@ -3876,35 +3876,35 @@ const __iconNode$b = [
     }
   ]
 ];
-const FolderPlus = createLucideIcon("folder-plus", __iconNode$b);
+const FolderPlus = createLucideIcon("folder-plus", __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 = [
   ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
   ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
 ];
-const GitBranch = createLucideIcon("git-branch", __iconNode$a);
+const GitBranch = createLucideIcon("git-branch", __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$9 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$9);
+const __iconNode$a = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$a);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$8 = [
+const __iconNode$9 = [
   ["path", { d: "M12 13v8", key: "1l5pq0" }],
   ["path", { d: "M12 3v3", key: "1n5kay" }],
   [
@@ -3915,37 +3915,37 @@ const __iconNode$8 = [
     }
   ]
 ];
-const Milestone = createLucideIcon("milestone", __iconNode$8);
+const Milestone = createLucideIcon("milestone", __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$7 = [
+const __iconNode$8 = [
   ["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);
+const Monitor = createLucideIcon("monitor", __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$6 = [
+const __iconNode$7 = [
   ["path", { d: "M18 8L22 12L18 16", key: "1r0oui" }],
   ["path", { d: "M2 12H22", key: "1m8cig" }]
 ];
-const MoveRight = createLucideIcon("move-right", __iconNode$6);
+const MoveRight = createLucideIcon("move-right", __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$5 = [
+const __iconNode$6 = [
   [
     "path",
     {
@@ -3954,31 +3954,56 @@ const __iconNode$5 = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$5);
+const Play = createLucideIcon("play", __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$4 = [
+const __iconNode$5 = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$4);
+const Plus = createLucideIcon("plus", __iconNode$5);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$3 = [
+const __iconNode$4 = [
   ["path", { d: "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);
+const RefreshCw = createLucideIcon("refresh-cw", __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: "M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z",
+      key: "m3kijz"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z",
+      key: "1fmvmk"
+    }
+  ],
+  ["path", { d: "M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0", key: "1f8sc4" }],
+  ["path", { d: "M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5", key: "qeys4" }]
+];
+const Rocket = createLucideIcon("rocket", __iconNode$3);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -4509,14 +4534,14 @@ function determinePivotIndices$1(groupId, dragHandleId, panelGroupElement) {
   const index2 = getResizeHandleElementIndex$1(groupId, dragHandleId, panelGroupElement);
   return index2 != null ? [index2, index2 + 1] : [-1, -1];
 }
-function isHTMLElement(target) {
+function isHTMLElement$1(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) {
+  if (isHTMLElement$1(rootElement) && rootElement.dataset.panelGroupId == id) {
     return rootElement;
   }
   const element2 = rootElement.querySelector(`[data-panel-group][data-panel-group-id="${id}"]`);
@@ -5525,11 +5550,11 @@ function panelDataHelper$1(panelDataArray, panelData, layout) {
     pivotIndices
   };
 }
-function C(e) {
+function C$1(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);
+const z$1 = 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$1(d);
   useImperativeHandle(v, () => ({ scrollToPanel: (e) => {
     if (!b.current) return;
     const t = b.current, n = t.children[e];
@@ -5559,8 +5584,8 @@ const z = forwardRef(({ panels: o, className: a = "", style: s2, theme: d, minPa
     };
   }, [f]);
   const w = o.length, x = 2 * u;
-  let S2;
-  S2 = 1 === w || 2 === w ? "100%" : `max(${u}px, ${100 * p2}%)`;
+  let S;
+  S = 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: `
@@ -5573,7 +5598,7 @@ const z = forwardRef(({ panels: o, className: a = "", style: s2, theme: d, minPa
               }
             }
           ` }),
-    /* @__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) => {
+    /* @__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": S, "--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;
@@ -5585,41 +5610,41 @@ const z = forwardRef(({ panels: o, className: a = "", style: s2, theme: d, minPa
     }, "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";
+z$1.displayName = "SnapCarousel";
+var le$2, se$1;
+(se$1 = le$2 || (le$2 = {})).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$1 = /* @__PURE__ */ Object.freeze({ x: 0, y: 0 });
+var Te$1, Ae$1;
+(Ae$1 = Te$1 || (Te$1 = {}))[Ae$1.Forward = 1] = "Forward", Ae$1[Ae$1.Backward = -1] = "Backward";
+var _e$2, je$1, He$1, Ke$1;
+(je$1 = _e$2 || (_e$2 = {})).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";
+var rt$1, ot$1;
+(ot$1 = rt$1 || (rt$1 = {}))[ot$1.RightClick = 2] = "RightClick";
+var at$1, lt$1, st$1, ct$1;
+(lt$1 = at$1 || (at$1 = {}))[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;
+var pt$1, ht$1, mt$1;
+(ht$1 = pt$1 || (pt$1 = {}))[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$1.WhileDragging, frequency: mt$1.Optimized } });
+/* @__PURE__ */ createContext({ ...de$1, scaleX: 1, scaleY: 1 });
+var $t$1, Bt$1;
+(Bt$1 = $t$1 || ($t$1 = {}))[Bt$1.Uninitialized = 0] = "Uninitialized", Bt$1[Bt$1.Initializing = 1] = "Initializing", Bt$1[Bt$1.Initialized = 2] = "Initialized";
+var Ut$1;
 (() => {
   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;
+  return Ut$1 || (Ut$1 = createContext(void 0)), Ut$1;
 })();
-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);
+var _e$1 = Object.defineProperty;
+var Ee = (o, e, t) => e in o ? _e$1(o, e, { enumerable: true, configurable: true, writable: true, value: t }) : o[e] = t;
+var le$1 = (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:");
+    le$1(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
+    le$1(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
   }
   /**
    * Load all user-created workspace presets
@@ -6086,7 +6111,7 @@ class O {
     Object.keys(e).length;
   }
 }
-le(O, "adapter", new De());
+le$1(O, "adapter", new De());
 function gt(o, e, t, r2) {
   useEffect(() => {
     const s2 = e.on(
@@ -6100,6 +6125,11 @@ function gt(o, e, t, r2) {
     };
   }, [o, e, t, r2]);
 }
+const DEFAULT_TASK_STATUSES = {
+  TODO: "To Do",
+  IN_PROGRESS: "In Progress",
+  DONE: "Done"
+};
 function parseTaskMarkdown(content2, filePath) {
   const { frontmatter, title, rawContent, acceptanceCriteria, description } = parseMarkdownContent(content2);
   const id = extractIdFromPath(filePath);
@@ -6777,7 +6807,11 @@ class Core {
     }
     const dirName = this.projectRoot.split("/").pop() || "Backlog";
     const projectName = options.projectName || dirName;
-    const statuses = options.statuses || ["To Do", "In Progress", "Done"];
+    const statuses = options.statuses || [
+      DEFAULT_TASK_STATUSES.TODO,
+      DEFAULT_TASK_STATUSES.IN_PROGRESS,
+      DEFAULT_TASK_STATUSES.DONE
+    ];
     const config = {
       projectName,
       statuses,
@@ -7501,18 +7535,28 @@ class Core {
    * @returns Created task
    */
   async createTask(input) {
-    var _a, _b;
+    var _a, _b, _c, _d, _e2;
     this.ensureInitialized();
     const tasksDir = this.getTasksDir();
     await this.fs.createDir(tasksDir, { recursive: true });
-    const existingIds = Array.from(this.tasks.keys()).map((id) => parseInt(id.replace(/\D/g, ""), 10)).filter((n) => !Number.isNaN(n));
+    const existingIds = Array.from(this.lazyInitialized ? this.taskIndex.keys() : this.tasks.keys()).map((id) => parseInt(id.replace(/\D/g, ""), 10)).filter((n) => !Number.isNaN(n));
     const nextId = existingIds.length > 0 ? Math.max(...existingIds) + 1 : 1;
     const taskId = String(nextId);
+    const configStatuses = ((_a = this.config) == null ? void 0 : _a.statuses) || [
+      DEFAULT_TASK_STATUSES.TODO,
+      DEFAULT_TASK_STATUSES.IN_PROGRESS,
+      DEFAULT_TASK_STATUSES.DONE
+    ];
+    let status = input.status || ((_b = this.config) == null ? void 0 : _b.defaultStatus) || DEFAULT_TASK_STATUSES.TODO;
+    if (!configStatuses.includes(status)) {
+      console.warn(`Warning: Status "${status}" is not in configured statuses [${configStatuses.join(", ")}]. Using default status "${((_c = this.config) == null ? void 0 : _c.defaultStatus) || DEFAULT_TASK_STATUSES.TODO}" instead.`);
+      status = ((_d = this.config) == null ? void 0 : _d.defaultStatus) || DEFAULT_TASK_STATUSES.TODO;
+    }
     const now = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
     const task = {
       id: taskId,
       title: input.title,
-      status: input.status || ((_a = this.config) == null ? void 0 : _a.defaultStatus) || "To Do",
+      status,
       priority: input.priority,
       assignee: input.assignee || [],
       createdDate: now,
@@ -7524,7 +7568,7 @@ class Core {
       description: input.description,
       implementationPlan: input.implementationPlan,
       implementationNotes: input.implementationNotes,
-      acceptanceCriteriaItems: (_b = input.acceptanceCriteria) == null ? void 0 : _b.map((ac, i) => ({
+      acceptanceCriteriaItems: (_e2 = input.acceptanceCriteria) == null ? void 0 : _e2.map((ac, i) => ({
         index: i + 1,
         text: ac.text,
         checked: ac.checked || false
@@ -7539,6 +7583,15 @@ class Core {
     await this.fs.writeFile(filepath, content2);
     task.filePath = filepath;
     this.tasks.set(taskId, task);
+    if (this.lazyInitialized) {
+      const relativePath = filepath.replace(this.projectRoot + "/", "");
+      this.taskIndex.set(taskId, {
+        id: taskId,
+        filePath: relativePath,
+        title: task.title,
+        source: "tasks"
+      });
+    }
     if (input.milestone) {
       await this.addTaskToMilestone(taskId, input.milestone);
     }
@@ -7913,16 +7966,11 @@ class PanelFileSystemAdapter {
     return path2.replace(/^\/+/, "").replace(/\/+$/, "").replace(/\/+/g, "/");
   }
 }
-const STATUS_DISPLAY_LABELS = {
-  "todo": "To Do",
-  "in-progress": "In Progress",
-  "done": "Done"
-};
-const COLUMN_TO_STATUS = {
-  "todo": "To Do",
-  "in-progress": "In Progress",
-  "done": "Done"
-};
+const STATUS_COLUMNS = [
+  DEFAULT_TASK_STATUSES.TODO,
+  DEFAULT_TASK_STATUSES.IN_PROGRESS,
+  DEFAULT_TASK_STATUSES.DONE
+];
 const DEFAULT_TASKS_LIMIT = 20;
 function useKanbanData(options) {
   const {
@@ -7973,11 +8021,9 @@ function useKanbanData(options) {
   }, []);
   const fileTreeVersionRef = useRef(null);
   const buildColumnStates = useCallback((allTasks) => {
-    const statusColumns2 = ["todo", "in-progress", "done"];
     const newColumnStates = /* @__PURE__ */ new Map();
-    for (const column of statusColumns2) {
-      const status = COLUMN_TO_STATUS[column];
-      const columnTasks = allTasks.filter((t) => t.status === status);
+    for (const column of STATUS_COLUMNS) {
+      const columnTasks = allTasks.filter((t) => t.status === column);
       newColumnStates.set(column, {
         tasks: columnTasks,
         total: columnTasks.length,
@@ -8154,7 +8200,7 @@ function useKanbanData(options) {
   );
   const moveTaskOptimistic = useCallback(
     (taskId, toColumn) => {
-      const newStatus = COLUMN_TO_STATUS[toColumn];
+      const newStatus = toColumn;
       setTasks((prev) => {
         const newTasks = prev.map(
           (t) => t.id === taskId ? { ...t, status: newStatus } : t
@@ -8173,7 +8219,7 @@ function useKanbanData(options) {
     },
     [tasks]
   );
-  const statusColumns = ["todo", "in-progress", "done"];
+  const statusColumns = STATUS_COLUMNS;
   const tasksByStatus = (() => {
     const result = /* @__PURE__ */ new Map();
     for (const column of statusColumns) {
@@ -8868,6 +8914,102 @@ const EmptyState = ({
     )
   ] });
 };
+const BoardEmptyState = ({
+  onAddTask,
+  canWrite
+}) => {
+  const { theme: theme2 } = useTheme();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        height: "100%",
+        padding: "48px 24px",
+        textAlign: "center",
+        color: theme2.colors.textMuted
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Rocket,
+          {
+            size: 64,
+            color: theme2.colors.textMuted,
+            style: { marginBottom: "24px", opacity: 0.5 }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "h3",
+          {
+            style: {
+              fontSize: theme2.fontSizes[4],
+              fontWeight: 600,
+              color: theme2.colors.text,
+              marginBottom: "12px"
+            },
+            children: "Your backlog is empty!"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            style: {
+              fontSize: theme2.fontSizes[2],
+              color: theme2.colors.textMuted,
+              marginBottom: "32px",
+              maxWidth: "480px",
+              lineHeight: 1.6
+            },
+            children: "Ready to get started? Add your first task to begin organizing your work."
+          }
+        ),
+        canWrite ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: onAddTask,
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: "8px",
+              padding: "12px 24px",
+              backgroundColor: theme2.colors.primary,
+              color: theme2.colors.textOnPrimary,
+              borderRadius: theme2.radii[2],
+              border: "none",
+              fontSize: theme2.fontSizes[2],
+              fontWeight: 500,
+              cursor: "pointer",
+              transition: "opacity 0.2s"
+            },
+            onMouseEnter: (e) => {
+              e.currentTarget.style.opacity = "0.9";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.opacity = "1";
+            },
+            children: [
+              /* @__PURE__ */ jsx(Plus, { size: 16 }),
+              /* @__PURE__ */ jsx("span", { children: "Add Task" })
+            ]
+          }
+        ) : /* @__PURE__ */ jsx(
+          "p",
+          {
+            style: {
+              fontSize: theme2.fontSizes[1],
+              color: theme2.colors.textMuted,
+              fontStyle: "italic"
+            },
+            children: "You don't have permission to add tasks"
+          }
+        )
+      ]
+    }
+  );
+};
 const TaskModal = ({
   isOpen,
   onClose,
@@ -9921,7 +10063,7 @@ const KanbanPanel = ({
   var _a, _b;
   const { theme: theme2 } = useTheme();
   const [selectedTaskId, setSelectedTaskId] = useState(null);
-  const [selectedTab, setSelectedTab] = useState("todo");
+  const [selectedTab, setSelectedTab] = useState(DEFAULT_TASK_STATUSES.TODO);
   const [isNarrowView, setIsNarrowView] = useState(false);
   const kanbanPanelRef = useRef(null);
   const [viewMode, setViewMode] = useState("board");
@@ -9982,6 +10124,7 @@ const KanbanPanel = ({
     totalTasksState,
     loadMoreTasks,
     error,
+    isLoading,
     isBacklogProject,
     refreshData,
     moveTaskOptimistic,
@@ -10040,12 +10183,7 @@ const KanbanPanel = ({
     const targetColumn = over.id;
     const task = getTaskById(taskId);
     if (!task) return;
-    const statusToColumn = {
-      "To Do": "todo",
-      "In Progress": "in-progress",
-      "Done": "done"
-    };
-    const currentColumn = statusToColumn[task.status] || "todo";
+    const currentColumn = task.status || DEFAULT_TASK_STATUSES.TODO;
     if (currentColumn !== targetColumn) {
       moveTaskOptimistic(taskId, targetColumn);
     }
@@ -10182,7 +10320,11 @@ const KanbanPanel = ({
       });
     }
   };
-  const availableStatuses = ["To Do", "In Progress", "Done"];
+  const availableStatuses = [
+    DEFAULT_TASK_STATUSES.TODO,
+    DEFAULT_TASK_STATUSES.IN_PROGRESS,
+    DEFAULT_TASK_STATUSES.DONE
+  ];
   const currentError = viewMode === "board" ? error : milestonesError;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -10531,7 +10673,13 @@ const KanbanPanel = ({
             canInitialize,
             onInitialize: handleInitialize
           }
-        ) : viewMode === "board" ? /* @__PURE__ */ jsxs(
+        ) : viewMode === "board" ? !isLoading && totalTasksState.total === 0 ? /* @__PURE__ */ jsx(
+          BoardEmptyState,
+          {
+            onAddTask: handleOpenNewTask,
+            canWrite
+          }
+        ) : /* @__PURE__ */ jsxs(
           DndContext,
           {
             sensors,
@@ -10586,7 +10734,7 @@ const KanbanPanel = ({
                                 gap: "6px"
                               },
                               children: [
-                                STATUS_DISPLAY_LABELS[status],
+                                status,
                                 /* @__PURE__ */ jsx(
                                   "span",
                                   {
@@ -10636,7 +10784,7 @@ const KanbanPanel = ({
                                 KanbanColumn,
                                 {
                                   columnId: status,
-                                  status: STATUS_DISPLAY_LABELS[status],
+                                  status,
                                   tasks: columnTasks,
                                   onTaskClick: handleTaskClick,
                                   fullWidth: isNarrowView,
@@ -50089,6 +50237,96 @@ var TransformComponent = function(_a) {
     React2__default.createElement("div", __assign({}, contentProps, { ref: contentRef, className: "".concat(baseClasses.contentClass, " ").concat(styles.content, " ").concat(contentClass), style: contentStyle }), children2)
   );
 };
+var isInjected = false;
+function injectHighlightStyles() {
+  if (isInjected || typeof document === "undefined") {
+    return;
+  }
+  const existingStyle = document.getElementById("themed-markdown-highlight-css");
+  if (existingStyle) {
+    isInjected = true;
+    return;
+  }
+  const css2 = `
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+
+.hljs {
+  color: #abb2bf;
+  background: #282c34
+}
+.hljs-comment,
+.hljs-quote {
+  color: #5c6370;
+  font-style: italic
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-formula {
+  color: #c678dd
+}
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+  color: #e06c75
+}
+.hljs-literal {
+  color: #56b6c2
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta .hljs-string {
+  color: #98c379
+}
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-type,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+  color: #d19a66
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-title {
+  color: #61aeee
+}
+.hljs-built_in,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #e6c07b
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-link {
+  text-decoration: underline
+}`;
+  const styleElement = document.createElement("style");
+  styleElement.id = "themed-markdown-highlight-css";
+  styleElement.textContent = css2;
+  document.head.appendChild(styleElement);
+  isInjected = true;
+}
+injectHighlightStyles();
 var terminalTheme = {
   space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
   fonts: {
@@ -50126,52 +50364,53 @@ var terminalTheme = {
   zIndices: [0, 1, 10, 20, 30, 40, 50],
   colors: {
     text: "#e4e4e4",
-    background: "rgba(10, 10, 10, 0.85)",
+    background: "#0a0a0a",
     primary: "#66b3ff",
     secondary: "#80c4ff",
     accent: "#66ff99",
-    highlight: "rgba(102, 179, 255, 0.15)",
-    muted: "rgba(26, 26, 26, 0.8)",
+    highlight: "#18283d",
+    muted: "#1a1a1a",
     success: "#66ff99",
     warning: "#ffcc66",
     error: "#ff6666",
     info: "#66b3ff",
-    border: "rgba(255, 255, 255, 0.1)",
-    backgroundSecondary: "rgba(15, 15, 15, 0.9)",
-    backgroundTertiary: "rgba(20, 20, 20, 0.9)",
-    backgroundLight: "rgba(255, 255, 255, 0.05)",
-    backgroundHover: "rgba(102, 179, 255, 0.08)",
-    surface: "rgba(15, 15, 15, 0.95)",
-    textSecondary: "rgba(255, 255, 255, 0.7)",
-    textTertiary: "rgba(255, 255, 255, 0.5)",
-    textMuted: "rgba(255, 255, 255, 0.4)",
-    highlightBg: "rgba(255, 235, 59, 0.25)",
-    highlightBorder: "rgba(255, 235, 59, 0.5)"
+    border: "#1a1a1a",
+    backgroundSecondary: "#0f0f0f",
+    backgroundTertiary: "#141414",
+    backgroundLight: "#0d0d0d",
+    backgroundHover: "#0d1520",
+    surface: "#0f0f0f",
+    textSecondary: "#b3b3b3",
+    textTertiary: "#808080",
+    textMuted: "#666666",
+    highlightBg: "#40391e",
+    highlightBorder: "#7f7530",
+    textOnPrimary: "#ffffff"
   },
   modes: {
     light: {
       text: "#1a1a1a",
-      background: "rgba(255, 255, 255, 0.9)",
+      background: "#ffffff",
       primary: "#0066cc",
       secondary: "#0052a3",
       accent: "#00cc88",
-      highlight: "rgba(0, 102, 204, 0.08)",
-      muted: "rgba(245, 245, 245, 0.8)",
+      highlight: "#e6f2ff",
+      muted: "#f5f5f5",
       success: "#00cc88",
       warning: "#ffaa00",
       error: "#ff3333",
       info: "#0066cc",
-      border: "rgba(0, 0, 0, 0.1)",
-      backgroundSecondary: "rgba(250, 250, 250, 0.9)",
-      backgroundTertiary: "rgba(245, 245, 245, 0.9)",
-      backgroundLight: "rgba(0, 0, 0, 0.02)",
-      backgroundHover: "rgba(0, 102, 204, 0.04)",
-      surface: "rgba(255, 255, 255, 0.95)",
-      textSecondary: "rgba(0, 0, 0, 0.6)",
-      textTertiary: "rgba(0, 0, 0, 0.4)",
-      textMuted: "rgba(0, 0, 0, 0.3)",
-      highlightBg: "rgba(255, 235, 59, 0.3)",
-      highlightBorder: "rgba(255, 235, 59, 0.6)"
+      border: "#e6e6e6",
+      backgroundSecondary: "#fafafa",
+      backgroundTertiary: "#f5f5f5",
+      backgroundLight: "#fafafa",
+      backgroundHover: "#f5f9fd",
+      surface: "#ffffff",
+      textSecondary: "#666666",
+      textTertiary: "#999999",
+      textMuted: "#b3b3b3",
+      highlightBg: "#fff9c4",
+      highlightBorder: "#fff389"
     }
   },
   buttons: {
@@ -51488,8 +51727,8 @@ var createIndustryMarkdownComponents = ({
   };
   const darkMode = getLuminance(theme2.colors.background) < 0.5;
   const headerStyles = {};
-  if (index2 === 0 && slideHeaderMarginTopOverride) {
-    headerStyles.marginTop = `${slideHeaderMarginTopOverride}px`;
+  if (index2 === 0) {
+    headerStyles.marginTop = slideHeaderMarginTopOverride ? `${slideHeaderMarginTopOverride}px` : 0;
   }
   return {
     h1: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("h1", {
@@ -51498,9 +51737,11 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[5],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.bold,
-        marginTop: index2 === 0 ? 0 : theme2.space[4],
+        marginTop: theme2.space[4],
         marginBottom: theme2.space[4],
         fontFamily: theme2.fonts.heading,
+        paddingBottom: theme2.space[2],
+        borderBottom: `1px solid ${theme2.colors.border}`,
         ...headerStyles
       },
       ...props
@@ -51511,9 +51752,11 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[4],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.bold,
-        marginTop: index2 === 0 ? 0 : theme2.space[4],
+        marginTop: theme2.space[4],
         marginBottom: theme2.space[3],
         fontFamily: theme2.fonts.heading,
+        paddingBottom: theme2.space[2],
+        borderBottom: `1px solid ${theme2.colors.border}`,
         ...headerStyles
       },
       ...props
@@ -51524,12 +51767,48 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[3],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.semibold,
-        marginTop: index2 === 0 ? 0 : theme2.space[4],
+        marginTop: theme2.space[4],
         marginBottom: theme2.space[3],
         fontFamily: theme2.fonts.heading
       },
       ...props
     }, children2),
+    h4: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("h4", {
+      style: {
+        color: theme2.colors.text,
+        fontSize: theme2.fontSizes[2],
+        lineHeight: theme2.lineHeights.heading,
+        fontWeight: theme2.fontWeights.semibold,
+        marginTop: theme2.space[3],
+        marginBottom: theme2.space[2],
+        fontFamily: theme2.fonts.heading
+      },
+      ...props
+    }, children2),
+    h5: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("h5", {
+      style: {
+        color: theme2.colors.text,
+        fontSize: theme2.fontSizes[1],
+        lineHeight: theme2.lineHeights.heading,
+        fontWeight: theme2.fontWeights.semibold,
+        marginTop: theme2.space[3],
+        marginBottom: theme2.space[1],
+        fontFamily: theme2.fonts.heading
+      },
+      ...props
+    }, children2),
+    h6: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("h6", {
+      style: {
+        color: theme2.colors.text,
+        fontSize: theme2.fontSizes[1],
+        lineHeight: theme2.lineHeights.heading,
+        fontWeight: theme2.fontWeights.medium,
+        marginTop: theme2.space[3],
+        marginBottom: theme2.space[1],
+        fontFamily: theme2.fonts.heading
+      },
+      ...props
+    }, children2),
     p: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("p", {
       style: {
         color: theme2.colors.text,
@@ -51892,7 +52171,7 @@ var createIndustryMarkdownComponents = ({
         }), "Fill & Copy (", placeholders.length, ")"))), isPrompt ? /* @__PURE__ */ React2__default.createElement("div", {
           style: {
             margin: 0,
-            padding: theme2.space[5],
+            padding: theme2.space[1],
             backgroundColor: "transparent",
             fontSize: theme2.fontSizes[1],
             lineHeight: theme2.lineHeights.body,
@@ -51919,7 +52198,7 @@ var createIndustryMarkdownComponents = ({
         })) : /* @__PURE__ */ React2__default.createElement("pre", {
           style: {
             margin: 0,
-            padding: theme2.space[4],
+            padding: theme2.space[1],
             backgroundColor: "transparent",
             overflow: "auto",
             fontSize: theme2.fontSizes[1],
@@ -52635,29 +52914,25 @@ var fontTransitionCSS = `
     font-size: 1rem !important; /* Fixed size for checkbox labels */
   }
   
-  /* Remove top margin from headings when they're the first element */
-  .markdown-slide > :first-child h1:first-child,
-  .markdown-slide > :first-child h2:first-child,
-  .markdown-slide > :first-child h3:first-child,
-  .markdown-slide > :first-child h4:first-child,
-  .markdown-slide > :first-child h5:first-child,
-  .markdown-slide > :first-child h6:first-child {
+  /* Remove top margin from any first element - must override inline styles */
+  .markdown-slide > *:first-child,
+  .markdown-slide > *:first-child > *:first-child {
     margin-top: 0 !important;
   }
-  
-  /* Also handle when heading is inside the first paragraph/div from ReactMarkdown */
-  .markdown-slide > div:first-child > h1:first-child,
-  .markdown-slide > div:first-child > h2:first-child,
-  .markdown-slide > div:first-child > h3:first-child,
-  .markdown-slide > div:first-child > h4:first-child,
-  .markdown-slide > div:first-child > h5:first-child,
-  .markdown-slide > div:first-child > h6:first-child,
-  .markdown-slide > p:first-child > h1:first-child,
-  .markdown-slide > p:first-child > h2:first-child,
-  .markdown-slide > p:first-child > h3:first-child,
-  .markdown-slide > p:first-child > h4:first-child,
-  .markdown-slide > p:first-child > h5:first-child,
-  .markdown-slide > p:first-child > h6:first-child {
+
+  /* Specifically target all possible first-child elements */
+  .markdown-slide > h1:first-child,
+  .markdown-slide > h2:first-child,
+  .markdown-slide > h3:first-child,
+  .markdown-slide > h4:first-child,
+  .markdown-slide > h5:first-child,
+  .markdown-slide > h6:first-child,
+  .markdown-slide > p:first-child,
+  .markdown-slide > ul:first-child,
+  .markdown-slide > ol:first-child,
+  .markdown-slide > div:first-child,
+  .markdown-slide > blockquote:first-child,
+  .markdown-slide > pre:first-child {
     margin-top: 0 !important;
   }
 `;
@@ -53383,7 +53658,6 @@ var panelConstraintFlags = /* @__PURE__ */ new Map();
 function reportConstraintsViolation(resizeHandleId, flag) {
   panelConstraintFlags.set(resizeHandleId, flag);
 }
-new AbortController();
 function useForceUpdate() {
   const [_, setCount] = useState(0);
   return useCallback(() => setCount((prevCount) => prevCount + 1), []);
@@ -53547,7 +53821,7 @@ function adjustLayoutByDelta({
       if (!fuzzyNumbersEqual(prevSize, safeSize)) {
         deltaApplied += prevSize - safeSize;
         nextLayout[index2] = safeSize;
-        if (deltaApplied.toPrecision(3).localeCompare(Math.abs(delta).toPrecision(3), void 0, {
+        if (deltaApplied.toFixed(3).localeCompare(Math.abs(delta).toFixed(3), void 0, {
           numeric: true
         }) >= 0) {
           break;
@@ -53656,9 +53930,14 @@ function determinePivotIndices(groupId, dragHandleId, panelGroupElement) {
   const index2 = getResizeHandleElementIndex(groupId, dragHandleId, panelGroupElement);
   return index2 != null ? [index2, index2 + 1] : [-1, -1];
 }
+function isHTMLElement(target) {
+  if (target instanceof HTMLElement) {
+    return true;
+  }
+  return typeof target === "object" && target !== null && "tagName" in target && "getAttribute" in target;
+}
 function getPanelGroupElement(id, rootElement = document) {
-  var _dataset;
-  if (rootElement instanceof HTMLElement && (rootElement === null || rootElement === void 0 ? void 0 : (_dataset = rootElement.dataset) === null || _dataset === void 0 ? void 0 : _dataset.panelGroupId) == id) {
+  if (isHTMLElement(rootElement) && rootElement.dataset.panelGroupId == id) {
     return rootElement;
   }
   const element2 = rootElement.querySelector(`[data-panel-group][data-panel-group-id="${id}"]`);
@@ -53976,11 +54255,11 @@ function computePanelFlexBoxStyle({
   const size = layout[panelIndex];
   let flexGrow;
   if (size == null) {
-    flexGrow = defaultSize != null ? defaultSize.toPrecision(precision) : "1";
+    flexGrow = defaultSize != null ? defaultSize.toFixed(precision) : "1";
   } else if (panelData.length === 1) {
     flexGrow = "1";
   } else {
-    flexGrow = size.toPrecision(precision);
+    flexGrow = size.toFixed(precision);
   }
   return {
     flexBasis: 0,
@@ -54762,23 +55041,26 @@ function panelDataHelper(panelDataArray, panelData, layout) {
     pivotIndices
   };
 }
-function S(e2) {
+function C(e2) {
   return { "--panel-background": e2.colors.background, "--panel-border": e2.colors.border, "--panel-handle": e2.colors.backgroundSecondary, "--panel-handle-hover": e2.colors.backgroundHover, "--panel-handle-active": e2.colors.primary, "--panel-button-bg": e2.colors.surface, "--panel-button-hover": e2.colors.backgroundHover, "--panel-button-border": e2.colors.border, "--panel-button-icon": e2.colors.textSecondary, "--panel-accent-bg": e2.colors.primary + "15" };
 }
-var M = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minPanelWidth: u2 = 350, idealPanelWidth: p2 = 0.333, showSeparator: h2 = false, onPanelChange: m2, preventKeyboardScroll: f2 = true }, g) => {
-  const v = useRef(null), b = S(d2);
-  useImperativeHandle(g, () => ({ scrollToPanel: (e2) => {
-    if (!v.current)
+var z = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minPanelWidth: u2 = 350, idealPanelWidth: p2 = 0.333, showSeparator: h2 = false, onPanelChange: m2, preventKeyboardScroll: f2 = true, disableSwipe: g = false }, v) => {
+  const b = useRef(null), y2 = useRef(false), w2 = useRef(null), x2 = C(d2);
+  useImperativeHandle(v, () => ({ scrollToPanel: (e2) => {
+    if (!b.current)
       return;
-    const t2 = v.current, n2 = t2.children[e2];
+    const t2 = b.current, n2 = t2.children[e2];
     if (n2) {
+      y2.current = true, w2.current && clearTimeout(w2.current);
       const e3 = n2.offsetLeft;
-      t2.scrollTo({ left: e3, behavior: "smooth" });
+      t2.scrollTo({ left: e3, behavior: "smooth" }), w2.current = setTimeout(() => {
+        y2.current = false;
+      }, 500);
     }
   }, getCurrentPanel: () => {
-    if (!v.current || v.current.children.length === 0)
+    if (!b.current || b.current.children.length === 0)
       return 0;
-    const e2 = v.current, t2 = e2.getBoundingClientRect().left;
+    const e2 = b.current, t2 = e2.getBoundingClientRect().left;
     let n2 = 0, r2 = 1 / 0;
     for (let o3 = 0; o3 < e2.children.length; o3++) {
       const i2 = e2.children[o3].getBoundingClientRect(), a3 = Math.abs(i2.left - t2);
@@ -54787,9 +55069,9 @@ var M = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minP
     return n2;
   } }));
   useEffect(() => {
-    if (!f2 || !v.current)
+    if (!f2 || !b.current)
       return;
-    const e2 = v.current, t2 = (e3) => {
+    const e2 = b.current, t2 = (e3) => {
       const t3 = e3.target;
       if (t3.tagName === "INPUT" || t3.tagName === "TEXTAREA" || t3.tagName === "SELECT" || t3.isContentEditable || t3.closest(".xterm") !== null || t3.closest('[contenteditable="true"]') !== null)
         return;
@@ -54798,74 +55080,78 @@ var M = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minP
     return e2.addEventListener("keydown", t2), () => {
       e2.removeEventListener("keydown", t2);
     };
-  }, [f2]);
-  const y2 = o2.length, w2 = 2 * u2;
-  let x2;
-  x2 = y2 === 1 || y2 === 2 ? "100%" : `max(${u2}px, ${100 * p2}%)`;
-  const C2 = React2__default.useId().replace(/:/g, "_");
+  }, [f2]), useEffect(() => () => {
+    w2.current && clearTimeout(w2.current);
+  }, []);
+  const S = o2.length, R2 = 2 * u2;
+  let N;
+  N = S === 1 || S === 2 ? "100%" : `max(${u2}px, ${100 * p2}%)`;
+  const E = React2__default.useId().replace(/:/g, "_");
   return jsxs(Fragment, { children: [
-    y2 === 2 && /* @__PURE__ */ jsx("style", { children: `
-            .snap-carousel-container[data-carousel-id="${C2}"][data-panel-count="2"] .snap-carousel-panel {
+    S === 2 && /* @__PURE__ */ jsx("style", { children: `
+            .snap-carousel-container[data-carousel-id="${E}"][data-panel-count="2"] .snap-carousel-panel {
               width: 100%;
             }
-            @container (min-width: ${w2}px) {
-              .snap-carousel-container[data-carousel-id="${C2}"][data-panel-count="2"] .snap-carousel-panel {
+            @container (min-width: ${R2}px) {
+              .snap-carousel-container[data-carousel-id="${E}"][data-panel-count="2"] .snap-carousel-panel {
                 width: 50%;
               }
             }
           ` }),
-    /* @__PURE__ */ jsx("div", { ref: v, className: `snap-carousel-container ${a2}`, style: { ...b, ...s2, "--snap-carousel-min-width": `${u2}px`, "--snap-carousel-ideal-width": 100 * p2 + "%", "--snap-carousel-gap": h2 ? "1px" : "0px", "--snap-carousel-panel-width": x2, "--snap-carousel-panel-count": y2, "--snap-carousel-two-panel-threshold": `${w2}px` }, onScroll: (e2) => {
-      if (!m2 || !v.current || v.current.children.length === 0)
+    /* @__PURE__ */ jsx("div", { ref: b, className: `snap-carousel-container ${g ? "swipe-disabled" : ""} ${a2}`, style: { ...x2, ...s2, "--snap-carousel-min-width": `${u2}px`, "--snap-carousel-ideal-width": 100 * p2 + "%", "--snap-carousel-gap": h2 ? "1px" : "0px", "--snap-carousel-panel-width": N, "--snap-carousel-panel-count": S, "--snap-carousel-two-panel-threshold": `${R2}px` }, onScroll: (e2) => {
+      if (!m2 || !b.current || b.current.children.length === 0)
         return;
-      const t2 = v.current, n2 = t2.getBoundingClientRect().left;
+      if (y2.current)
+        return;
+      const t2 = b.current, n2 = t2.getBoundingClientRect().left;
       let r2 = 0, o3 = 1 / 0;
       for (let i2 = 0; i2 < t2.children.length; i2++) {
         const e3 = t2.children[i2].getBoundingClientRect(), a3 = Math.abs(e3.left - n2);
         a3 < o3 && (o3 = a3, r2 = i2);
       }
       m2(r2);
-    }, "data-panel-count": y2, "data-carousel-id": C2, children: o2.map((t2, n2) => /* @__PURE__ */ jsx("div", { className: "snap-carousel-panel", children: t2 }, n2)) })
+    }, "data-panel-count": S, "data-carousel-id": E, children: o2.map((t2, n2) => /* @__PURE__ */ jsx("div", { className: "snap-carousel-panel", children: t2 }, n2)) })
   ] });
 });
-M.displayName = "SnapCarousel";
+z.displayName = "SnapCarousel";
+var le;
 var se;
-var ce;
-(ce = se || (se = {})).DragStart = "dragStart", ce.DragMove = "dragMove", ce.DragEnd = "dragEnd", ce.DragCancel = "dragCancel", ce.DragOver = "dragOver", ce.RegisterDroppable = "registerDroppable", ce.SetDroppableDisabled = "setDroppableDisabled", ce.UnregisterDroppable = "unregisterDroppable";
-var ue = /* @__PURE__ */ Object.freeze({ x: 0, y: 0 });
+(se = le || (le = {})).DragStart = "dragStart", se.DragMove = "dragMove", se.DragEnd = "dragEnd", se.DragCancel = "dragCancel", se.DragOver = "dragOver", se.RegisterDroppable = "registerDroppable", se.SetDroppableDisabled = "setDroppableDisabled", se.UnregisterDroppable = "unregisterDroppable";
+var de = /* @__PURE__ */ Object.freeze({ x: 0, y: 0 });
 var Te;
-var ke;
-(ke = Te || (Te = {}))[ke.Forward = 1] = "Forward", ke[ke.Backward = -1] = "Backward";
+var Ae;
+(Ae = Te || (Te = {}))[Ae.Forward = 1] = "Forward", Ae[Ae.Backward = -1] = "Backward";
+var _e;
 var je;
 var He;
 var Ke;
-var Ue;
-(He = je || (je = {})).Click = "click", He.DragStart = "dragstart", He.Keydown = "keydown", He.ContextMenu = "contextmenu", He.Resize = "resize", He.SelectionChange = "selectionchange", He.VisibilityChange = "visibilitychange", (Ue = Ke || (Ke = {})).Space = "Space", Ue.Down = "ArrowDown", Ue.Right = "ArrowRight", Ue.Left = "ArrowLeft", Ue.Up = "ArrowUp", Ue.Esc = "Escape", Ue.Enter = "Enter", Ue.Tab = "Tab";
-({ start: [Ke.Space, Ke.Enter], cancel: [Ke.Esc], end: [Ke.Space, Ke.Enter, Ke.Tab] });
+(je = _e || (_e = {})).Click = "click", je.DragStart = "dragstart", je.Keydown = "keydown", je.ContextMenu = "contextmenu", je.Resize = "resize", je.SelectionChange = "selectionchange", je.VisibilityChange = "visibilitychange", (Ke = He || (He = {})).Space = "Space", Ke.Down = "ArrowDown", Ke.Right = "ArrowRight", Ke.Left = "ArrowLeft", Ke.Up = "ArrowUp", Ke.Esc = "Escape", Ke.Enter = "Enter", Ke.Tab = "Tab";
+({ start: [He.Space, He.Enter], cancel: [He.Esc], end: [He.Space, He.Enter, He.Tab] });
+var rt;
 var ot;
-var it;
-(it = ot || (ot = {}))[it.RightClick = 2] = "RightClick";
+(ot = rt || (rt = {}))[ot.RightClick = 2] = "RightClick";
+var at;
 var lt;
 var st;
 var ct;
-var dt;
-(st = lt || (lt = {}))[st.Pointer = 0] = "Pointer", st[st.DraggableRect = 1] = "DraggableRect", (dt = ct || (ct = {}))[dt.TreeOrder = 0] = "TreeOrder", dt[dt.ReversedTreeOrder = 1] = "ReversedTreeOrder";
+(lt = at || (at = {}))[lt.Pointer = 0] = "Pointer", lt[lt.DraggableRect = 1] = "DraggableRect", (ct = st || (st = {}))[ct.TreeOrder = 0] = "TreeOrder", ct[ct.ReversedTreeOrder = 1] = "ReversedTreeOrder";
 ({ x: { [Te.Backward]: false, [Te.Forward]: false }, y: { [Te.Backward]: false, [Te.Forward]: false } });
+var pt;
 var ht;
 var mt;
-var ft;
-(mt = ht || (ht = {}))[mt.Always = 0] = "Always", mt[mt.BeforeDragging = 1] = "BeforeDragging", mt[mt.WhileDragging = 2] = "WhileDragging", (ft || (ft = {})).Optimized = "optimized";
-({ droppable: { strategy: ht.WhileDragging, frequency: ft.Optimized } });
-/* @__PURE__ */ createContext({ ...ue, scaleX: 1, scaleY: 1 });
+(ht = pt || (pt = {}))[ht.Always = 0] = "Always", ht[ht.BeforeDragging = 1] = "BeforeDragging", ht[ht.WhileDragging = 2] = "WhileDragging", (mt || (mt = {})).Optimized = "optimized";
+({ droppable: { strategy: pt.WhileDragging, frequency: mt.Optimized } });
+/* @__PURE__ */ createContext({ ...de, scaleX: 1, scaleY: 1 });
+var $t;
 var Bt;
-var Ot;
-(Ot = Bt || (Bt = {}))[Ot.Uninitialized = 0] = "Uninitialized", Ot[Ot.Initializing = 1] = "Initializing", Ot[Ot.Initialized = 2] = "Initialized";
-var Vt;
+(Bt = $t || ($t = {}))[Bt.Uninitialized = 0] = "Uninitialized", Bt[Bt.Initializing = 1] = "Initializing", Bt[Bt.Initialized = 2] = "Initialized";
+var Ut;
 (() => {
   if (typeof window != "undefined") {
     const e2 = window;
     return e2.__principlemd_theme_context__ || (e2.__principlemd_theme_context__ = createContext(void 0)), e2.__principlemd_theme_context__;
   }
-  return Vt || (Vt = createContext(void 0)), Vt;
+  return Ut || (Ut = createContext(void 0)), Ut;
 })();
 var DocumentView = ({
   content: content2,