@pstdio/ui 0.2.1 → 0.2.3

package/dist/index.js

@@ -1,18 +1,18 @@
-import { Alert as Ie, Breadcrumb as de, Checkbox as Le, Box as E, Text as C, Dialog as J, CloseButton as rt, Stack as D, Button as ue, IconButton as _e, Grid as st, ScrollArea as Pe, Timeline as re, HStack as F, Image as at, List as Ke, Flex as pe, Badge as ze, Link as Be, Heading as ct, useEnvironmentContext as dt, Icon as ne, Collapsible as xe, MenuItem as ht, Menu as ie, AbsoluteCenter as ft, Separator as gt, Switch as be, Wrap as qe, Spacer as ut, createToaster as pt, Portal as mt, Toaster as bt, Toast as $e, Spinner as xt } from "@chakra-ui/react";
-import { ChakraProvider as Vn } from "@chakra-ui/react";
-import { jsx as i, jsxs as b, Fragment as St } from "react/jsx-runtime";
-import { c as $ } from "react/compiler-runtime";
-import * as He from "react";
-import { useState as Re, useRef as Je, useEffect as We, Component as yt, createContext as vt, useContext as Ct } from "react";
-import { D as wt, a as Qe, E as kt } from "./empty-state-kQR0gd4j.js";
-import { C as Un, b as Kn } from "./empty-state-kQR0gd4j.js";
-import { useVirtualizer as It } from "@tanstack/react-virtual";
-import { ChevronRight as me, ChevronDown as Ze, FileText as Oe, ChevronLeft as Pt, FolderOpen as $t, Folder as Tt, Home as _t, ChevronUp as Rt, Info as Dt, CircleCheck as Lt, CircleAlert as Et, CircleDashed as zt, PanelLeftClose as Ht, GitBranchIcon as Nt, Plus as Wt, MoreHorizontal as At } from "lucide-react";
-import { T as Ee } from "./tooltip-Gm7PLwZG.js";
-import { useStore as Mt } from "zustand";
-import { persist as Bt, createJSONStorage as Ot } from "zustand/middleware";
-import { createStore as jt } from "zustand/vanilla";
-import { useReactTable as Gt, getExpandedRowModel as Xt, getCoreRowModel as Ft, flexRender as Vt } from "@tanstack/react-table";
+import { Alert as $e, Breadcrumb as xe, Checkbox as ze, Box as V, Text as $, Dialog as se, CloseButton as zt, Stack as G, Button as de, IconButton as Se, Grid as At, Timeline as he, HStack as X, Image as Ot, List as mt, Flex as we, Badge as Te, Link as Ue, Heading as Gt, useEnvironmentContext as Mt, Icon as oe, Collapsible as _e, MenuItem as tt, Menu as le, AbsoluteCenter as Nt, Separator as Ye, Switch as De, Popover as Ie, SegmentGroup as ve, Portal as Qe, Wrap as bt, Spacer as Ht, createToaster as Wt, Toaster as Ft, Toast as Le, Spinner as Bt } from "@chakra-ui/react";
+import { ChakraProvider as Qi } from "@chakra-ui/react";
+import { jsx as i, jsxs as b, Fragment as Ze } from "react/jsx-runtime";
+import { c as A } from "react/compiler-runtime";
+import * as Fe from "react";
+import { useState as me, useRef as xt, useEffect as He, Children as Vt, isValidElement as jt, cloneElement as Xt, Component as Ut, createContext as Yt, useContext as Kt } from "react";
+import { D as qt, a as St, E as Ke } from "./empty-state-kQR0gd4j.js";
+import { C as er, b as tr } from "./empty-state-kQR0gd4j.js";
+import { useVirtualizer as Jt } from "@tanstack/react-virtual";
+import { ChevronRight as ye, ChevronDown as et, FileText as qe, ChevronLeft as Qt, FolderOpen as Zt, Folder as en, Home as tn, ChevronUp as nn, Info as ln, CircleCheck as rn, CircleAlert as on, CircleDashed as sn, PanelLeftClose as an, Settings2 as cn, List as dn, KanbanSquare as un, ArrowDownUp as gn, Filter as fn, GitBranchIcon as pn, Plus as hn, MoreHorizontal as mn } from "lucide-react";
+import { S as Ce, T as Ee } from "./tooltip-Dze4WXVl.js";
+import { useStore as yt } from "zustand";
+import { persist as Ct, createJSONStorage as vt } from "zustand/middleware";
+import { createStore as wt } from "zustand/vanilla";
+import { useReactTable as bn, getExpandedRowModel as xn, getCoreRowModel as Sn, flexRender as yn } from "@tanstack/react-table";
 import "@fontsource/inter/400.css";
 import "@fontsource/inter/500.css";
 import "@fontsource/playfair-display/400.css";
@@ -21,132 +21,132 @@ import "@fontsource/playfair-display/700.css";
 import "@fontsource/onest/400.css";
 import "@fontsource/onest/500.css";
 import "@fontsource/onest/700.css";
-import { t as Jn } from "./theme-C7CIuIPZ.js";
-const Yt = He.forwardRef(function(e, l) {
-  const t = $(19);
-  let o, r, s, a, c, d;
+import { t as lr } from "./theme-C7CIuIPZ.js";
+const Cn = Fe.forwardRef(function(e, n) {
+  const t = A(19);
+  let r, o, s, a, c, d;
   t[0] !== e ? ({
     title: d,
-    children: o,
+    children: r,
     icon: s,
     startElement: c,
-    endElement: r,
+    endElement: o,
     ...a
-  } = e, t[0] = e, t[1] = o, t[2] = r, t[3] = s, t[4] = a, t[5] = c, t[6] = d) : (o = t[1], r = t[2], s = t[3], a = t[4], c = t[5], d = t[6]);
-  let h;
-  t[7] !== s || t[8] !== c ? (h = c || /* @__PURE__ */ i(Ie.Indicator, { children: s }), t[7] = s, t[8] = c, t[9] = h) : h = t[9];
+  } = e, t[0] = e, t[1] = r, t[2] = o, t[3] = s, t[4] = a, t[5] = c, t[6] = d) : (r = t[1], o = t[2], s = t[3], a = t[4], c = t[5], d = t[6]);
+  let u;
+  t[7] !== s || t[8] !== c ? (u = c || /* @__PURE__ */ i($e.Indicator, { children: s }), t[7] = s, t[8] = c, t[9] = u) : u = t[9];
   let g;
-  t[10] !== o || t[11] !== d ? (g = o ? /* @__PURE__ */ b(Ie.Content, { children: [
-    /* @__PURE__ */ i(Ie.Title, { children: d }),
-    /* @__PURE__ */ i(Ie.Description, { children: o })
-  ] }) : /* @__PURE__ */ i(Ie.Title, { flex: "1", children: d }), t[10] = o, t[11] = d, t[12] = g) : g = t[12];
+  t[10] !== r || t[11] !== d ? (g = r ? /* @__PURE__ */ b($e.Content, { children: [
+    /* @__PURE__ */ i($e.Title, { children: d }),
+    /* @__PURE__ */ i($e.Description, { children: r })
+  ] }) : /* @__PURE__ */ i($e.Title, { flex: "1", children: d }), t[10] = r, t[11] = d, t[12] = g) : g = t[12];
   let f;
-  return t[13] !== r || t[14] !== l || t[15] !== a || t[16] !== h || t[17] !== g ? (f = /* @__PURE__ */ b(Ie.Root, { ref: l, ...a, children: [
-    h,
+  return t[13] !== o || t[14] !== n || t[15] !== a || t[16] !== u || t[17] !== g ? (f = /* @__PURE__ */ b($e.Root, { ref: n, ...a, children: [
+    u,
     g,
-    r
-  ] }), t[13] = r, t[14] = l, t[15] = a, t[16] = h, t[17] = g, t[18] = f) : f = t[18], f;
-}), wn = He.forwardRef(function(e, l) {
-  const t = $(21);
-  let o, r, s, a, c;
+    o
+  ] }), t[13] = o, t[14] = n, t[15] = a, t[16] = u, t[17] = g, t[18] = f) : f = t[18], f;
+}), Li = Fe.forwardRef(function(e, n) {
+  const t = A(21);
+  let r, o, s, a, c;
   t[0] !== e ? ({
     separator: a,
     separatorGap: c,
-    items: r,
-    linkComponent: o,
+    items: o,
+    linkComponent: r,
     ...s
-  } = e, t[0] = e, t[1] = o, t[2] = r, t[3] = s, t[4] = a, t[5] = c) : (o = t[1], r = t[2], s = t[3], a = t[4], c = t[5]);
+  } = e, t[0] = e, t[1] = r, t[2] = o, t[3] = s, t[4] = a, t[5] = c) : (r = t[1], o = t[2], s = t[3], a = t[4], c = t[5]);
   let d;
-  if (t[6] !== o || t[7] !== r || t[8] !== a) {
+  if (t[6] !== r || t[7] !== o || t[8] !== a) {
     let f;
-    t[10] !== o || t[11] !== r.length || t[12] !== a ? (f = (u, p) => {
-      const m = p === r.length - 1, x = !!(u.url || u.onClick);
-      let S;
-      return m && !x ? S = /* @__PURE__ */ i(de.CurrentLink, { children: u.title }) : u.url ? S = o ? /* @__PURE__ */ i(de.Link, { asChild: !0, children: /* @__PURE__ */ i(o, { to: u.url, children: u.title }) }) : /* @__PURE__ */ i(de.Link, { href: u.url, children: u.title }) : u.onClick ? S = /* @__PURE__ */ i(de.Link, { as: "button", type: "button", onClick: u.onClick, children: u.title }) : S = /* @__PURE__ */ i(de.Link, { children: u.title }), /* @__PURE__ */ b(de.Item, { children: [
-        S,
-        m ? null : /* @__PURE__ */ i(de.Separator, { as: "span", "aria-hidden": !0, ml: "xs", children: a })
-      ] }, p);
-    }, t[10] = o, t[11] = r.length, t[12] = a, t[13] = f) : f = t[13], d = r.map(f), t[6] = o, t[7] = r, t[8] = a, t[9] = d;
+    t[10] !== r || t[11] !== o.length || t[12] !== a ? (f = (p, h) => {
+      const m = h === o.length - 1, x = !!(p.url || p.onClick);
+      let y;
+      return m && !x ? y = /* @__PURE__ */ i(xe.CurrentLink, { children: p.title }) : p.url ? y = r ? /* @__PURE__ */ i(xe.Link, { asChild: !0, children: /* @__PURE__ */ i(r, { to: p.url, children: p.title }) }) : /* @__PURE__ */ i(xe.Link, { href: p.url, children: p.title }) : p.onClick ? y = /* @__PURE__ */ i(xe.Link, { as: "button", type: "button", onClick: p.onClick, children: p.title }) : y = /* @__PURE__ */ i(xe.Link, { children: p.title }), /* @__PURE__ */ b(xe.Item, { children: [
+        y,
+        m ? null : /* @__PURE__ */ i(xe.Separator, { as: "span", "aria-hidden": !0, ml: "xs", children: a })
+      ] }, h);
+    }, t[10] = r, t[11] = o.length, t[12] = a, t[13] = f) : f = t[13], d = o.map(f), t[6] = r, t[7] = o, t[8] = a, t[9] = d;
   } else
     d = t[9];
-  let h;
-  t[14] !== c || t[15] !== d ? (h = /* @__PURE__ */ i(de.List, { gap: c, children: d }), t[14] = c, t[15] = d, t[16] = h) : h = t[16];
+  let u;
+  t[14] !== c || t[15] !== d ? (u = /* @__PURE__ */ i(xe.List, { gap: c, children: d }), t[14] = c, t[15] = d, t[16] = u) : u = t[16];
   let g;
-  return t[17] !== l || t[18] !== s || t[19] !== h ? (g = /* @__PURE__ */ i(de.Root, { ref: l, ...s, children: h }), t[17] = l, t[18] = s, t[19] = h, t[20] = g) : g = t[20], g;
-}), kn = He.forwardRef(function(e, l) {
-  const t = $(26);
-  let o, r, s, a, c, d;
+  return t[17] !== n || t[18] !== s || t[19] !== u ? (g = /* @__PURE__ */ i(xe.Root, { ref: n, ...s, children: u }), t[17] = n, t[18] = s, t[19] = u, t[20] = g) : g = t[20], g;
+}), vn = Fe.forwardRef(function(e, n) {
+  const t = A(26);
+  let r, o, s, a, c, d;
   t[0] !== e ? ({
-    icon: r,
-    children: o,
+    icon: o,
+    children: r,
     inputProps: s,
     rootRef: c,
     disabled: d,
     ...a
-  } = e, t[0] = e, t[1] = o, t[2] = r, t[3] = s, t[4] = a, t[5] = c, t[6] = d) : (o = t[1], r = t[2], s = t[3], a = t[4], c = t[5], d = t[6]);
-  const h = d === void 0 ? !1 : d, g = h ? "not-allowed" : "pointer";
+  } = e, t[0] = e, t[1] = r, t[2] = o, t[3] = s, t[4] = a, t[5] = c, t[6] = d) : (r = t[1], o = t[2], s = t[3], a = t[4], c = t[5], d = t[6]);
+  const u = d === void 0 ? !1 : d, g = u ? "not-allowed" : "pointer";
   let f;
-  t[7] !== s || t[8] !== l ? (f = /* @__PURE__ */ i(Le.HiddenInput, { ref: l, ...s }), t[7] = s, t[8] = l, t[9] = f) : f = t[9];
-  let u;
-  t[10] !== r ? (u = r || /* @__PURE__ */ i(Le.Indicator, {}), t[10] = r, t[11] = u) : u = t[11];
+  t[7] !== s || t[8] !== n ? (f = /* @__PURE__ */ i(ze.HiddenInput, { ref: n, ...s }), t[7] = s, t[8] = n, t[9] = f) : f = t[9];
   let p;
-  t[12] !== g || t[13] !== u ? (p = /* @__PURE__ */ i(Le.Control, { borderRadius: "xs", cursor: g, children: u }), t[12] = g, t[13] = u, t[14] = p) : p = t[14];
+  t[10] !== o ? (p = o || /* @__PURE__ */ i(ze.Indicator, {}), t[10] = o, t[11] = p) : p = t[11];
+  let h;
+  t[12] !== g || t[13] !== p ? (h = /* @__PURE__ */ i(ze.Control, { borderRadius: "xs", cursor: g, children: p }), t[12] = g, t[13] = p, t[14] = h) : h = t[14];
   let m;
-  t[15] !== o || t[16] !== g ? (m = o != null && /* @__PURE__ */ i(Le.Label, { cursor: g, children: o }), t[15] = o, t[16] = g, t[17] = m) : m = t[17];
+  t[15] !== r || t[16] !== g ? (m = r != null && /* @__PURE__ */ i(ze.Label, { cursor: g, children: r }), t[15] = r, t[16] = g, t[17] = m) : m = t[17];
   let x;
-  return t[18] !== h || t[19] !== g || t[20] !== a || t[21] !== c || t[22] !== f || t[23] !== p || t[24] !== m ? (x = /* @__PURE__ */ b(Le.Root, { ref: c, disabled: h, cursor: g, ...a, children: [
+  return t[18] !== u || t[19] !== g || t[20] !== a || t[21] !== c || t[22] !== f || t[23] !== h || t[24] !== m ? (x = /* @__PURE__ */ b(ze.Root, { ref: c, disabled: u, cursor: g, ...a, children: [
     f,
-    p,
+    h,
     m
-  ] }), t[18] = h, t[19] = g, t[20] = a, t[21] = c, t[22] = f, t[23] = p, t[24] = m, t[25] = x) : x = t[25], x;
-}), Ut = (n) => {
-  const e = $(3);
-  let l;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = {
+  ] }), t[18] = u, t[19] = g, t[20] = a, t[21] = c, t[22] = f, t[23] = h, t[24] = m, t[25] = x) : x = t[25], x;
+}), wn = (l) => {
+  const e = A(3);
+  let n;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
     backgroundClip: "padding-box",
     backgroundImage: `url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.2' fillRule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E")`,
     display: "flex",
     width: "100%"
-  }, e[0] = l) : l = e[0];
+  }, e[0] = n) : n = e[0];
   let t;
-  return e[1] !== n ? (t = /* @__PURE__ */ i(E, { ...n, css: l }), e[1] = n, e[2] = t) : t = e[2], t;
-}, In = (n) => {
-  const e = $(2);
-  let l;
-  return e[0] !== n ? (l = /* @__PURE__ */ i(E, { p: "2", children: /* @__PURE__ */ i(C, { color: "fg.muted", fontWeight: "medium", textStyle: "sm", whiteSpace: "nowrap", ...n }) }), e[0] = n, e[1] = l) : l = e[1], l;
-}, Pn = (n) => {
-  const [e, l] = Re(!1), {
+  return e[1] !== l ? (t = /* @__PURE__ */ i(V, { ...l, css: n }), e[1] = l, e[2] = t) : t = e[2], t;
+}, Ri = (l) => {
+  const e = A(2);
+  let n;
+  return e[0] !== l ? (n = /* @__PURE__ */ i(V, { p: "2", children: /* @__PURE__ */ i($, { color: "fg.muted", fontWeight: "medium", textStyle: "sm", whiteSpace: "nowrap", ...l }) }), e[0] = l, e[1] = n) : n = e[1], n;
+}, Ei = (l) => {
+  const [e, n] = me(!1), {
     headline: t,
-    buttonText: o,
-    notificationText: r,
+    buttonText: r,
+    notificationText: o,
     onDelete: s,
     open: a,
     onClose: c
-  } = n, d = async () => {
-    l(!0);
+  } = l, d = async () => {
+    n(!0);
     try {
       await s(), c();
     } catch {
     } finally {
-      l(!1);
+      n(!1);
     }
   };
-  return /* @__PURE__ */ b(J.Root, { open: a, onOpenChange: c, children: [
-    /* @__PURE__ */ i(J.Backdrop, {}),
-    /* @__PURE__ */ i(J.Positioner, { children: /* @__PURE__ */ b(J.Content, { children: [
-      /* @__PURE__ */ b(J.Header, { children: [
-        /* @__PURE__ */ i(C, { textStyle: "heading/M", children: t }),
-        /* @__PURE__ */ i(J.CloseTrigger, { asChild: !0, children: /* @__PURE__ */ i(rt, { size: "sm" }) })
+  return /* @__PURE__ */ b(se.Root, { open: a, onOpenChange: c, children: [
+    /* @__PURE__ */ i(se.Backdrop, {}),
+    /* @__PURE__ */ i(se.Positioner, { children: /* @__PURE__ */ b(se.Content, { children: [
+      /* @__PURE__ */ b(se.Header, { children: [
+        /* @__PURE__ */ i($, { textStyle: "heading/M", children: t }),
+        /* @__PURE__ */ i(se.CloseTrigger, { asChild: !0, children: /* @__PURE__ */ i(zt, { size: "sm" }) })
       ] }),
-      /* @__PURE__ */ i(J.Body, { children: r }),
-      /* @__PURE__ */ i(J.Footer, { children: /* @__PURE__ */ b(D, { direction: "row", gap: "1", children: [
-        /* @__PURE__ */ i(ue, { onClick: c, children: "Close" }),
-        /* @__PURE__ */ i(ue, { loading: e, variant: "solid", colorPalette: "red", onClick: d, children: o })
+      /* @__PURE__ */ i(se.Body, { children: o }),
+      /* @__PURE__ */ i(se.Footer, { children: /* @__PURE__ */ b(G, { direction: "row", gap: "1", children: [
+        /* @__PURE__ */ i(de, { onClick: c, children: "Close" }),
+        /* @__PURE__ */ i(de, { loading: e, variant: "solid", colorPalette: "red", onClick: d, children: r })
       ] }) })
     ] }) })
   ] });
-}, Kt = (n) => {
-  switch (n.split(".").pop()?.toLowerCase()) {
+}, In = (l) => {
+  switch (l.split(".").pop()?.toLowerCase()) {
     case "ts":
     case "tsx":
       return "typescript";
@@ -175,421 +175,388 @@ const Yt = He.forwardRef(function(e, l) {
     default:
       return "plaintext";
   }
-}, qt = (n) => {
-  const e = $(37), {
-    diff: l
-  } = n, [t, o] = Re(!0), r = l.newPath || l.oldPath || "unknown";
+}, kn = (l) => {
+  const e = A(37), {
+    diff: n
+  } = l, [t, r] = me(!0), o = n.newPath || n.oldPath || "unknown";
   let s;
-  e[0] !== r ? (s = Kt(r), e[0] = r, e[1] = s) : s = e[1];
-  const a = s, c = l.additions ?? 0, d = l.deletions ?? 0, h = t ? "1px solid" : "none";
+  e[0] !== o ? (s = In(o), e[0] = o, e[1] = s) : s = e[1];
+  const a = s, c = n.additions ?? 0, d = n.deletions ?? 0, u = t ? "1px solid" : "none";
   let g;
-  e[2] !== t ? (g = () => o(!t), e[2] = t, e[3] = g) : g = e[3];
+  e[2] !== t ? (g = () => r(!t), e[2] = t, e[3] = g) : g = e[3];
   const f = t ? "Collapse" : "Expand";
-  let u;
-  e[4] !== t ? (u = (I) => {
-    I.stopPropagation(), o(!t);
-  }, e[4] = t, e[5] = u) : u = e[5];
   let p;
-  e[6] !== t ? (p = t ? /* @__PURE__ */ i(Ze, { size: 16 }) : /* @__PURE__ */ i(me, { size: 16 }), e[6] = t, e[7] = p) : p = e[7];
+  e[4] !== t ? (p = (T) => {
+    T.stopPropagation(), r(!t);
+  }, e[4] = t, e[5] = p) : p = e[5];
+  let h;
+  e[6] !== t ? (h = t ? /* @__PURE__ */ i(et, { size: 16 }) : /* @__PURE__ */ i(ye, { size: 16 }), e[6] = t, e[7] = h) : h = e[7];
   let m;
-  e[8] !== f || e[9] !== u || e[10] !== p ? (m = /* @__PURE__ */ i(_e, { "aria-label": f, variant: "ghost", size: "2xs", onClick: u, flexShrink: 0, children: p }), e[8] = f, e[9] = u, e[10] = p, e[11] = m) : m = e[11];
+  e[8] !== f || e[9] !== p || e[10] !== h ? (m = /* @__PURE__ */ i(Se, { "aria-label": f, variant: "ghost", size: "2xs", onClick: p, flexShrink: 0, children: h }), e[8] = f, e[9] = p, e[10] = h, e[11] = m) : m = e[11];
   let x;
-  e[12] !== l.change || e[13] !== l.newPath || e[14] !== l.oldPath || e[15] !== r ? (x = l.change === "renamed" ? /* @__PURE__ */ b(C, { as: "span", textStyle: "sm", children: [
-    /* @__PURE__ */ i(C, { as: "span", color: "fg.muted", textDecoration: "line-through", mr: "xs", children: l.oldPath }),
-    /* @__PURE__ */ i(E, { as: "span", display: "inline-flex", alignItems: "center", verticalAlign: "middle", mr: "xs", children: /* @__PURE__ */ i(me, { size: 12 }) }),
-    l.newPath
-  ] }) : l.change === "deleted" ? /* @__PURE__ */ i(C, { as: "span", color: "fg.muted", textDecoration: "line-through", textStyle: "sm", children: r }) : /* @__PURE__ */ i(C, { as: "span", textStyle: "sm", children: r }), e[12] = l.change, e[13] = l.newPath, e[14] = l.oldPath, e[15] = r, e[16] = x) : x = e[16];
-  let S;
-  e[17] !== r || e[18] !== x ? (S = /* @__PURE__ */ i(E, { minW: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", title: r, children: x }), e[17] = r, e[18] = x, e[19] = S) : S = e[19];
+  e[12] !== n.change || e[13] !== n.newPath || e[14] !== n.oldPath || e[15] !== o ? (x = n.change === "renamed" ? /* @__PURE__ */ b($, { as: "span", textStyle: "sm", children: [
+    /* @__PURE__ */ i($, { as: "span", color: "fg.muted", textDecoration: "line-through", mr: "xs", children: n.oldPath }),
+    /* @__PURE__ */ i(V, { as: "span", display: "inline-flex", alignItems: "center", verticalAlign: "middle", mr: "xs", children: /* @__PURE__ */ i(ye, { size: 12 }) }),
+    n.newPath
+  ] }) : n.change === "deleted" ? /* @__PURE__ */ i($, { as: "span", color: "fg.muted", textDecoration: "line-through", textStyle: "sm", children: o }) : /* @__PURE__ */ i($, { as: "span", textStyle: "sm", children: o }), e[12] = n.change, e[13] = n.newPath, e[14] = n.oldPath, e[15] = o, e[16] = x) : x = e[16];
   let y;
-  e[20] !== c || e[21] !== d ? (y = /* @__PURE__ */ i(E, { flexShrink: 0, children: /* @__PURE__ */ i(Qe, { variant: "ghost", additions: c, deletions: d }) }), e[20] = c, e[21] = d, e[22] = y) : y = e[22];
-  let v;
-  e[23] !== h || e[24] !== g || e[25] !== m || e[26] !== S || e[27] !== y ? (v = /* @__PURE__ */ b(st, { templateColumns: "auto minmax(0, 1fr) auto", px: "xs", py: "2xs", alignItems: "center", justifyContent: "space-between", borderBottom: h, borderColor: "border.muted", cursor: "pointer", onClick: g, gap: "sm", children: [
-    m,
-    S,
-    y
-  ] }), e[23] = h, e[24] = g, e[25] = m, e[26] = S, e[27] = y, e[28] = v) : v = e[28];
-  let k;
-  e[29] !== l.newContent || e[30] !== l.oldContent || e[31] !== t || e[32] !== a ? (k = t && /* @__PURE__ */ i(E, { height: "400px", bg: "bg", children: /* @__PURE__ */ i(wt, { original: l.oldContent || "", modified: l.newContent || "", language: a, sideBySide: !1, disableScroll: !1 }) }), e[29] = l.newContent, e[30] = l.oldContent, e[31] = t, e[32] = a, e[33] = k) : k = e[33];
-  let P;
-  return e[34] !== v || e[35] !== k ? (P = /* @__PURE__ */ b(E, { border: "1px solid", borderColor: "border.muted", borderRadius: "xs", overflow: "hidden", bg: "bg", width: "100%", maxW: "100%", children: [
-    v,
-    k
-  ] }), e[34] = v, e[35] = k, e[36] = P) : P = e[36], P;
-}, he = He.forwardRef(function(e, l) {
-  const t = $(33);
-  let o, r, s, a, c, d, h, g, f, u;
-  t[0] !== e ? ({
-    children: o,
-    viewportRef: u,
-    viewportProps: f,
-    contentProps: r,
-    verticalScrollbarProps: g,
-    horizontalScrollbarProps: s,
-    showVerticalScrollbar: c,
-    showHorizontalScrollbar: d,
-    showCorner: h,
-    ...a
-  } = e, t[0] = e, t[1] = o, t[2] = r, t[3] = s, t[4] = a, t[5] = c, t[6] = d, t[7] = h, t[8] = g, t[9] = f, t[10] = u) : (o = t[1], r = t[2], s = t[3], a = t[4], c = t[5], d = t[6], h = t[7], g = t[8], f = t[9], u = t[10]);
-  const p = c === void 0 ? !0 : c, m = d === void 0 ? !1 : d, x = h === void 0 ? p && m : h;
-  let S;
-  t[11] !== o || t[12] !== r ? (S = /* @__PURE__ */ i(Pe.Content, { ...r, children: o }), t[11] = o, t[12] = r, t[13] = S) : S = t[13];
-  let y;
-  t[14] !== S || t[15] !== f || t[16] !== u ? (y = /* @__PURE__ */ i(Pe.Viewport, { ...f, ref: u, children: S }), t[14] = S, t[15] = f, t[16] = u, t[17] = y) : y = t[17];
-  let v;
-  t[18] !== p || t[19] !== g ? (v = p ? /* @__PURE__ */ i(Pe.Scrollbar, { ...g, borderRadius: "xs" }) : null, t[18] = p, t[19] = g, t[20] = v) : v = t[20];
-  let k;
-  t[21] !== s || t[22] !== m ? (k = m ? /* @__PURE__ */ i(Pe.Scrollbar, { orientation: "horizontal", ...s, borderRadius: "xs" }) : null, t[21] = s, t[22] = m, t[23] = k) : k = t[23];
-  let P;
-  t[24] !== x ? (P = x ? /* @__PURE__ */ i(Pe.Corner, {}) : null, t[24] = x, t[25] = P) : P = t[25];
+  e[17] !== o || e[18] !== x ? (y = /* @__PURE__ */ i(V, { minW: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", title: o, children: x }), e[17] = o, e[18] = x, e[19] = y) : y = e[19];
   let I;
-  return t[26] !== l || t[27] !== a || t[28] !== y || t[29] !== v || t[30] !== k || t[31] !== P ? (I = /* @__PURE__ */ b(Pe.Root, { ref: l, ...a, children: [
+  e[20] !== c || e[21] !== d ? (I = /* @__PURE__ */ i(V, { flexShrink: 0, children: /* @__PURE__ */ i(St, { variant: "ghost", additions: c, deletions: d }) }), e[20] = c, e[21] = d, e[22] = I) : I = e[22];
+  let k;
+  e[23] !== u || e[24] !== g || e[25] !== m || e[26] !== y || e[27] !== I ? (k = /* @__PURE__ */ b(At, { templateColumns: "auto minmax(0, 1fr) auto", px: "xs", py: "2xs", alignItems: "center", justifyContent: "space-between", borderBottom: u, borderColor: "border.muted", cursor: "pointer", onClick: g, gap: "sm", children: [
+    m,
     y,
-    v,
+    I
+  ] }), e[23] = u, e[24] = g, e[25] = m, e[26] = y, e[27] = I, e[28] = k) : k = e[28];
+  let P;
+  e[29] !== n.newContent || e[30] !== n.oldContent || e[31] !== t || e[32] !== a ? (P = t && /* @__PURE__ */ i(V, { height: "400px", bg: "bg", children: /* @__PURE__ */ i(qt, { original: n.oldContent || "", modified: n.newContent || "", language: a, sideBySide: !1, disableScroll: !1 }) }), e[29] = n.newContent, e[30] = n.oldContent, e[31] = t, e[32] = a, e[33] = P) : P = e[33];
+  let D;
+  return e[34] !== k || e[35] !== P ? (D = /* @__PURE__ */ b(V, { border: "1px solid", borderColor: "border.muted", borderRadius: "xs", overflow: "hidden", bg: "bg", width: "100%", maxW: "100%", children: [
     k,
     P
-  ] }), t[26] = l, t[27] = a, t[28] = y, t[29] = v, t[30] = k, t[31] = P, t[32] = I) : I = t[32], I;
-});
-function $n(n) {
+  ] }), e[34] = k, e[35] = P, e[36] = D) : D = e[36], D;
+};
+function zi(l) {
   const {
     diffs: e
-  } = n, l = Je(null), t = It({
+  } = l, n = xt(null), t = Jt({
     count: e.length,
-    getScrollElement: () => l.current,
+    getScrollElement: () => n.current,
     estimateSize: () => 42,
     overscan: 5
   });
-  return e.length === 0 ? /* @__PURE__ */ i(D, { h: "full", minH: "0", gap: "0", children: /* @__PURE__ */ i(he, { flex: "1", minH: "0", contentProps: {
+  return e.length === 0 ? /* @__PURE__ */ i(G, { h: "full", minH: "0", gap: "0", children: /* @__PURE__ */ i(Ce, { flex: "1", minH: "0", contentProps: {
     p: "xs",
     spaceY: "xs"
-  }, children: /* @__PURE__ */ i(kt, { title: "No changes detected", description: "Make some changes to see the diff here.", paddingY: "sm" }) }) }) : /* @__PURE__ */ i(D, { h: "full", minH: "0", gap: "0", children: /* @__PURE__ */ i(E, { position: "relative", flex: "1", minH: "0", children: /* @__PURE__ */ i(he, { position: "absolute", inset: "0", viewportRef: l, contentProps: {
+  }, children: /* @__PURE__ */ i(Ke, { title: "No changes detected", description: "Make some changes to see the diff here.", paddingY: "sm" }) }) }) : /* @__PURE__ */ i(G, { h: "full", minH: "0", gap: "0", children: /* @__PURE__ */ i(V, { position: "relative", flex: "1", minH: "0", children: /* @__PURE__ */ i(Ce, { position: "absolute", inset: "0", viewportRef: n, contentProps: {
     p: "xs"
-  }, children: /* @__PURE__ */ i(E, { position: "relative", width: "100%", style: {
+  }, children: /* @__PURE__ */ i(V, { position: "relative", width: "100%", style: {
     height: t.getTotalSize()
-  }, children: t.getVirtualItems().map((o) => /* @__PURE__ */ i(E, { "data-index": o.index, ref: t.measureElement, position: "absolute", top: "0", left: "0", width: "100%", pb: "xs", style: {
-    transform: `translateY(${o.start}px)`
-  }, children: /* @__PURE__ */ i(qt, { diff: e[o.index] }) }, o.key)) }) }) }) });
+  }, children: t.getVirtualItems().map((r) => /* @__PURE__ */ i(V, { "data-index": r.index, ref: t.measureElement, position: "absolute", top: "0", left: "0", width: "100%", pb: "xs", style: {
+    transform: `translateY(${r.start}px)`
+  }, children: /* @__PURE__ */ i(kn, { diff: e[r.index] }) }, r.key)) }) }) }) });
 }
-const Jt = (n, e) => `${n.version}-${n.date}-${e}`, Qt = (n, e) => `${n.title}-${e}`, je = (n) => {
-  const e = $(12);
-  let l, t, o;
-  e[0] !== n ? ({
-    date: l,
-    version: o,
+const Pn = (l, e) => `${l.version}-${l.date}-${e}`, Tn = (l, e) => `${l.title}-${e}`, nt = (l) => {
+  const e = A(12);
+  let n, t, r;
+  e[0] !== l ? ({
+    date: n,
+    version: r,
     ...t
-  } = n, e[0] = n, e[1] = l, e[2] = t, e[3] = o) : (l = e[1], t = e[2], o = e[3]);
-  let r;
-  e[4] !== l ? (r = /* @__PURE__ */ i(re.Title, { textStyle: "sm", color: "fg.muted", children: l }), e[4] = l, e[5] = r) : r = e[5];
+  } = l, e[0] = l, e[1] = n, e[2] = t, e[3] = r) : (n = e[1], t = e[2], r = e[3]);
+  let o;
+  e[4] !== n ? (o = /* @__PURE__ */ i(he.Title, { textStyle: "sm", color: "fg.muted", children: n }), e[4] = n, e[5] = o) : o = e[5];
   let s;
-  e[6] !== o ? (s = /* @__PURE__ */ i(pe, { px: "3", py: "2", rounded: "l3", align: "center", justify: "center", borderWidth: "1px", textAlign: "center", alignSelf: "flex-start", children: /* @__PURE__ */ i(re.Title, { textStyle: "md", fontWeight: "semibold", children: o }) }), e[6] = o, e[7] = s) : s = e[7];
+  e[6] !== r ? (s = /* @__PURE__ */ i(we, { px: "3", py: "2", rounded: "l3", align: "center", justify: "center", borderWidth: "1px", textAlign: "center", alignSelf: "flex-start", children: /* @__PURE__ */ i(he.Title, { textStyle: "md", fontWeight: "semibold", children: r }) }), e[6] = r, e[7] = s) : s = e[7];
   let a;
-  return e[8] !== t || e[9] !== r || e[10] !== s ? (a = /* @__PURE__ */ b(D, { ...t, children: [
-    r,
+  return e[8] !== t || e[9] !== o || e[10] !== s ? (a = /* @__PURE__ */ b(G, { ...t, children: [
+    o,
     s
-  ] }), e[8] = t, e[9] = r, e[10] = s, e[11] = a) : a = e[11], a;
-}, Tn = (n) => {
-  const e = $(14), {
-    entries: l,
+  ] }), e[8] = t, e[9] = o, e[10] = s, e[11] = a) : a = e[11], a;
+}, Ai = (l) => {
+  const e = A(14), {
+    entries: n,
     title: t,
-    description: o
-  } = n;
-  let r;
-  e[0] !== t ? (r = /* @__PURE__ */ i(ct, { size: "4xl", children: t }), e[0] = t, e[1] = r) : r = e[1];
+    description: r
+  } = l;
+  let o;
+  e[0] !== t ? (o = /* @__PURE__ */ i(Gt, { size: "4xl", children: t }), e[0] = t, e[1] = o) : o = e[1];
   let s;
-  e[2] !== o ? (s = o ? /* @__PURE__ */ i(C, { color: "fg.muted", textStyle: "lg", children: o }) : null, e[2] = o, e[3] = s) : s = e[3];
+  e[2] !== r ? (s = r ? /* @__PURE__ */ i($, { color: "fg.muted", textStyle: "lg", children: r }) : null, e[2] = r, e[3] = s) : s = e[3];
   let a;
-  e[4] !== r || e[5] !== s ? (a = /* @__PURE__ */ b(D, { textAlign: "center", children: [
-    r,
+  e[4] !== o || e[5] !== s ? (a = /* @__PURE__ */ b(G, { textAlign: "center", children: [
+    o,
     s
-  ] }), e[4] = r, e[5] = s, e[6] = a) : a = e[6];
+  ] }), e[4] = o, e[5] = s, e[6] = a) : a = e[6];
   let c;
-  e[7] !== l ? (c = l.map(tl), e[7] = l, e[8] = c) : c = e[8];
+  e[7] !== n ? (c = n.map($n), e[7] = n, e[8] = c) : c = e[8];
   let d;
-  e[9] !== c ? (d = /* @__PURE__ */ i(E, { position: "relative", children: /* @__PURE__ */ i(re.Root, { size: "sm", variant: "solid", children: c }) }), e[9] = c, e[10] = d) : d = e[10];
-  let h;
-  return e[11] !== a || e[12] !== d ? (h = /* @__PURE__ */ b(D, { gap: "20", children: [
+  e[9] !== c ? (d = /* @__PURE__ */ i(V, { position: "relative", children: /* @__PURE__ */ i(he.Root, { size: "sm", variant: "solid", children: c }) }), e[9] = c, e[10] = d) : d = e[10];
+  let u;
+  return e[11] !== a || e[12] !== d ? (u = /* @__PURE__ */ b(G, { gap: "20", children: [
     a,
     d
-  ] }), e[11] = a, e[12] = d, e[13] = h) : h = e[13], h;
+  ] }), e[11] = a, e[12] = d, e[13] = u) : u = e[13], u;
 };
-function Zt(n) {
-  return /* @__PURE__ */ i(ze, { size: "md", rounded: "l2", variant: "subtle", colorPalette: "gray", textTransform: "capitalize", children: n }, n);
+function Dn(l) {
+  return /* @__PURE__ */ i(Te, { size: "md", rounded: "l2", variant: "subtle", colorPalette: "gray", textTransform: "capitalize", children: l }, l);
 }
-function el(n, e) {
-  return /* @__PURE__ */ i(Ke.Item, { children: /* @__PURE__ */ b(D, { gap: "1", children: [
-    /* @__PURE__ */ i(C, { color: "fg.muted", fontWeight: "normal", textStyle: "sm", children: n.title }),
-    n.description ? /* @__PURE__ */ i(C, { color: "fg.subtle", textStyle: "xs", children: n.description }) : null,
-    n.link ? /* @__PURE__ */ i(Be, { href: n.link, textStyle: "xs", width: "fit-content", children: "Learn more" }) : null
-  ] }) }, Qt(n, e));
+function _n(l, e) {
+  return /* @__PURE__ */ i(mt.Item, { children: /* @__PURE__ */ b(G, { gap: "1", children: [
+    /* @__PURE__ */ i($, { color: "fg.muted", fontWeight: "normal", textStyle: "sm", children: l.title }),
+    l.description ? /* @__PURE__ */ i($, { color: "fg.subtle", textStyle: "xs", children: l.description }) : null,
+    l.link ? /* @__PURE__ */ i(Ue, { href: l.link, textStyle: "xs", width: "fit-content", children: "Learn more" }) : null
+  ] }) }, Tn(l, e));
 }
-function tl(n, e) {
-  return /* @__PURE__ */ b(re.Item, { children: [
-    /* @__PURE__ */ i(re.Content, { top: "6", width: "48", flexShrink: "0", hideBelow: "md", position: {
+function $n(l, e) {
+  return /* @__PURE__ */ b(he.Item, { children: [
+    /* @__PURE__ */ i(he.Content, { top: "6", width: "48", flexShrink: "0", hideBelow: "md", position: {
       base: "static",
       md: "sticky"
-    }, children: /* @__PURE__ */ i(je, { hideBelow: "md", date: n.date, version: n.version }) }),
-    /* @__PURE__ */ b(re.Connector, { children: [
-      /* @__PURE__ */ i(re.Separator, {}),
-      /* @__PURE__ */ i(re.Indicator, {})
+    }, children: /* @__PURE__ */ i(nt, { hideBelow: "md", date: l.date, version: l.version }) }),
+    /* @__PURE__ */ b(he.Connector, { children: [
+      /* @__PURE__ */ i(he.Separator, {}),
+      /* @__PURE__ */ i(he.Indicator, {})
     ] }),
-    /* @__PURE__ */ i(re.Content, { children: /* @__PURE__ */ b(D, { gap: "4", children: [
-      /* @__PURE__ */ i(je, { hideFrom: "md", date: n.date, version: n.version }),
-      /* @__PURE__ */ b(D, { gap: "2", children: [
-        /* @__PURE__ */ i(re.Title, { fontSize: "lg", fontWeight: "medium", children: n.title }),
-        n.description ? /* @__PURE__ */ i(C, { color: "fg.muted", textStyle: "sm", children: n.description }) : null
+    /* @__PURE__ */ i(he.Content, { children: /* @__PURE__ */ b(G, { gap: "4", children: [
+      /* @__PURE__ */ i(nt, { hideFrom: "md", date: l.date, version: l.version }),
+      /* @__PURE__ */ b(G, { gap: "2", children: [
+        /* @__PURE__ */ i(he.Title, { fontSize: "lg", fontWeight: "medium", children: l.title }),
+        l.description ? /* @__PURE__ */ i($, { color: "fg.muted", textStyle: "sm", children: l.description }) : null
       ] }),
-      n.tags && n.tags.length > 0 ? /* @__PURE__ */ i(F, { children: n.tags.map(Zt) }) : null,
-      n.image ? /* @__PURE__ */ i(at, { rounded: "l2", src: n.image, alt: n.title }) : null,
-      n.changes && n.changes.length > 0 ? /* @__PURE__ */ i(Ke.Root, { pl: "4", gap: "4", children: n.changes.map(el) }) : null
+      l.tags && l.tags.length > 0 ? /* @__PURE__ */ i(X, { children: l.tags.map(Dn) }) : null,
+      l.image ? /* @__PURE__ */ i(Ot, { rounded: "l2", src: l.image, alt: l.title }) : null,
+      l.changes && l.changes.length > 0 ? /* @__PURE__ */ i(mt.Root, { pl: "4", gap: "4", children: l.changes.map(_n) }) : null
     ] }) })
-  ] }, Jt(n, e));
+  ] }, Pn(l, e));
 }
-const ll = /^(#{1,3})\s+(.+)$/gm, nl = ".rich-text__h1, .rich-text__h2, .rich-text__h3", il = (n, e) => n.classList.contains(`rich-text__h${e}`), ol = (n) => n.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, ""), Me = (n) => {
+const Ln = /^(#{1,3})\s+(.+)$/gm, Rn = ".rich-text__h1, .rich-text__h2, .rich-text__h3", En = (l, e) => l.classList.contains(`rich-text__h${e}`), zn = (l) => l.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, ""), Ve = (l) => {
   const e = [];
-  let l = 0;
-  for (const t of n.matchAll(ll)) {
-    const o = t[1].length, r = t[2].trim(), a = `${ol(r) || "heading"}-${l}`;
+  let n = 0;
+  for (const t of l.matchAll(Ln)) {
+    const r = t[1].length, o = t[2].trim(), a = `${zn(o) || "heading"}-${n}`;
     e.push({
       id: a,
-      level: o,
-      text: r
-    }), l += 1;
+      level: r,
+      text: o
+    }), n += 1;
   }
   return e;
-}, rl = (n, e) => {
-  const l = Array.from(e.querySelectorAll(nl)), t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  let r = 0;
-  for (const s of n)
-    for (let a = r; a < l.length; a += 1) {
-      const c = l[a], d = c.textContent?.trim();
-      if (!(!d || d !== s.text) && il(c, s.level)) {
-        t.set(s.id, c), o.set(c, s.id), r = a + 1;
+}, An = (l, e) => {
+  const n = Array.from(e.querySelectorAll(Rn)), t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+  let o = 0;
+  for (const s of l)
+    for (let a = o; a < n.length; a += 1) {
+      const c = n[a], d = c.textContent?.trim();
+      if (!(!d || d !== s.text) && En(c, s.level)) {
+        t.set(s.id, c), r.set(c, s.id), o = a + 1;
         break;
       }
     }
   return {
     elementsByHeadingId: t,
-    headingIdByElement: o
+    headingIdByElement: r
   };
-}, Ge = (n) => {
-  const e = $(14), {
-    heading: l,
+}, lt = (l) => {
+  const e = A(14), {
+    heading: n,
     isActive: t,
-    emphasized: o,
-    variant: r,
+    emphasized: r,
+    variant: o,
     onSelect: s
-  } = n, a = r === "line", c = `calc(${l.level} * 0.75rem)`, d = t ? "fg" : "fg.muted", h = t || o ? "medium" : "normal", g = a ? "1px" : "0px", f = a ? t ? "fg" : "bg.muted" : "transparent";
-  let u;
-  e[0] !== a ? (u = a ? {
+  } = l, a = o === "line", c = `calc(${n.level} * 0.75rem)`, d = t ? "fg" : "fg.muted", u = t || r ? "medium" : "normal", g = a ? "1px" : "0px", f = a ? t ? "fg" : "bg.muted" : "transparent";
+  let p;
+  e[0] !== a ? (p = a ? {
     borderStartColor: "bg.emphasized"
   } : {
     color: "fg"
-  }, e[0] = a, e[1] = u) : u = e[1];
-  let p;
-  e[2] !== l.id || e[3] !== s ? (p = () => s(l.id), e[2] = l.id, e[3] = s, e[4] = p) : p = e[4];
+  }, e[0] = a, e[1] = p) : p = e[1];
+  let h;
+  e[2] !== n.id || e[3] !== s ? (h = () => s(n.id), e[2] = n.id, e[3] = s, e[4] = h) : h = e[4];
   let m;
-  return e[5] !== l.text || e[6] !== c || e[7] !== d || e[8] !== h || e[9] !== g || e[10] !== f || e[11] !== u || e[12] !== p ? (m = /* @__PURE__ */ i(E, { as: "button", py: "1.5", px: "0", width: "full", display: "flex", textAlign: "left", textStyle: "sm", cursor: "pointer", textDecoration: "none", transition: "all 0.15s ease", paddingInlineStart: c, color: d, fontWeight: h, borderStartWidth: g, borderStartColor: f, _hover: u, onClick: p, children: l.text }), e[5] = l.text, e[6] = c, e[7] = d, e[8] = h, e[9] = g, e[10] = f, e[11] = u, e[12] = p, e[13] = m) : m = e[13], m;
-}, _n = (n) => {
-  const e = $(39), {
-    markdown: l,
+  return e[5] !== n.text || e[6] !== c || e[7] !== d || e[8] !== u || e[9] !== g || e[10] !== f || e[11] !== p || e[12] !== h ? (m = /* @__PURE__ */ i(V, { as: "button", py: "1.5", px: "0", width: "full", display: "flex", textAlign: "left", textStyle: "sm", cursor: "pointer", textDecoration: "none", transition: "all 0.15s ease", paddingInlineStart: c, color: d, fontWeight: u, borderStartWidth: g, borderStartColor: f, _hover: p, onClick: h, children: n.text }), e[5] = n.text, e[6] = c, e[7] = d, e[8] = u, e[9] = g, e[10] = f, e[11] = p, e[12] = h, e[13] = m) : m = e[13], m;
+}, Oi = (l) => {
+  const e = A(39), {
+    markdown: n,
     title: t,
-    rootMargin: o
-  } = n, r = t === void 0 ? "On this page" : t, s = o === void 0 ? "-20% 0% -35% 0%" : o, a = Me(l), c = dt(), [d, h] = Re(a[0]?.id ?? ""), [g, f] = Re(!1);
-  let u;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = {
+    rootMargin: r
+  } = l, o = t === void 0 ? "On this page" : t, s = r === void 0 ? "-20% 0% -35% 0%" : r, a = Ve(n), c = Mt(), [d, u] = me(a[0]?.id ?? ""), [g, f] = me(!1);
+  let p;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = {
     elementsByHeadingId: /* @__PURE__ */ new Map(),
     headingIdByElement: /* @__PURE__ */ new Map()
-  }, e[0] = u) : u = e[0];
-  const p = Je(u);
+  }, e[0] = p) : p = e[0];
+  const h = xt(p);
   let m, x;
-  e[1] !== l ? (m = () => {
-    const W = Me(l);
-    h(W[0]?.id ?? "");
-  }, x = [l], e[1] = l, e[2] = m, e[3] = x) : (m = e[2], x = e[3]), We(m, x);
-  let S, y;
-  if (e[4] !== c || e[5] !== l || e[6] !== s ? (S = () => {
-    const W = Me(l), le = c.getDocument(), Se = c.getWindow(), fe = rl(W, le);
-    if (p.current = fe, fe.headingIdByElement.size === 0)
+  e[1] !== n ? (m = () => {
+    const U = Ve(n);
+    u(U[0]?.id ?? "");
+  }, x = [n], e[1] = n, e[2] = m, e[3] = x) : (m = e[2], x = e[3]), He(m, x);
+  let y, I;
+  if (e[4] !== c || e[5] !== n || e[6] !== s ? (y = () => {
+    const U = Ve(n), ie = c.getDocument(), ce = c.getWindow(), re = An(U, ie);
+    if (h.current = re, re.headingIdByElement.size === 0)
       return;
-    const se = new Se.IntersectionObserver((oe) => {
-      const ae = oe.filter(sl).sort(al);
+    const ue = new ce.IntersectionObserver((fe) => {
+      const ae = fe.filter(On).sort(Gn);
       if (ae.length === 0)
         return;
-      const ge = ae[0].target, ce = fe.headingIdByElement.get(ge);
-      ce && h(ce);
+      const be = ae[0].target, ge = re.headingIdByElement.get(be);
+      ge && u(ge);
     }, {
       rootMargin: s
     });
-    for (const oe of fe.headingIdByElement.keys())
-      se.observe(oe);
+    for (const fe of re.headingIdByElement.keys())
+      ue.observe(fe);
     return () => {
-      se.disconnect();
+      ue.disconnect();
     };
-  }, y = [c, l, s], e[4] = c, e[5] = l, e[6] = s, e[7] = S, e[8] = y) : (S = e[7], y = e[8]), We(S, y), a.length === 0)
+  }, I = [c, n, s], e[4] = c, e[5] = n, e[6] = s, e[7] = y, e[8] = I) : (y = e[7], I = e[8]), He(y, I), a.length === 0)
     return null;
-  let v;
-  e[9] !== d ? (v = (W) => W.id === d, e[9] = d, e[10] = v) : v = e[10];
-  const k = a.find(v);
-  let P;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P = (W) => {
-    const le = p.current.elementsByHeadingId.get(W);
-    h(W), f(!1), le?.scrollIntoView({
+  let k;
+  e[9] !== d ? (k = (U) => U.id === d, e[9] = d, e[10] = k) : k = e[10];
+  const P = a.find(k);
+  let D;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = (U) => {
+    const ie = h.current.elementsByHeadingId.get(U);
+    u(U), f(!1), ie?.scrollIntoView({
       behavior: "smooth",
       block: "start"
     });
-  }, e[11] = P) : P = e[11];
-  const I = P;
-  let w;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = (W) => f(W.open), e[12] = w) : w = e[12];
-  let T;
-  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ i(ne, { as: Oe, color: "fg.subtle" }), e[13] = T) : T = e[13];
-  let R;
-  e[14] !== r ? (R = /* @__PURE__ */ i(C, { textStyle: "sm", fontWeight: "medium", color: "fg", children: r }), e[14] = r, e[15] = R) : R = e[15];
-  const z = g ? null : /* @__PURE__ */ b(St, { children: [
-    /* @__PURE__ */ i(ne, { as: me, color: "fg.subtle" }),
-    /* @__PURE__ */ i(C, { textStyle: "sm", color: "fg.muted", children: k?.text })
+  }, e[11] = D) : D = e[11];
+  const T = D;
+  let _;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = (U) => f(U.open), e[12] = _) : _ = e[12];
+  let S;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ i(oe, { as: qe, color: "fg.subtle" }), e[13] = S) : S = e[13];
+  let C;
+  e[14] !== o ? (C = /* @__PURE__ */ i($, { textStyle: "sm", fontWeight: "medium", color: "fg", children: o }), e[14] = o, e[15] = C) : C = e[15];
+  const w = g ? null : /* @__PURE__ */ b(Ze, { children: [
+    /* @__PURE__ */ i(oe, { as: ye, color: "fg.subtle" }),
+    /* @__PURE__ */ i($, { textStyle: "sm", color: "fg.muted", children: P?.text })
   ] });
+  let v;
+  e[16] !== C || e[17] !== w ? (v = /* @__PURE__ */ b(X, { children: [
+    S,
+    C,
+    w
+  ] }), e[16] = C, e[17] = w, e[18] = v) : v = e[18];
+  const E = g ? "rotate(180deg)" : "rotate(0deg)";
   let L;
-  e[16] !== R || e[17] !== z ? (L = /* @__PURE__ */ b(F, { children: [
-    T,
-    R,
+  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ i(oe, { as: et, color: "fg.subtle" }), e[19] = L) : L = e[19];
+  let z;
+  e[20] !== E ? (z = /* @__PURE__ */ i(V, { transition: "transform 0.2s", transform: E, children: L }), e[20] = E, e[21] = z) : z = e[21];
+  let O;
+  e[22] !== v || e[23] !== z ? (O = /* @__PURE__ */ b(_e.Trigger, { width: "full", display: "flex", alignItems: "center", justifyContent: "space-between", children: [
+    v,
     z
-  ] }), e[16] = R, e[17] = z, e[18] = L) : L = e[18];
-  const O = g ? "rotate(180deg)" : "rotate(0deg)";
-  let N;
-  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ i(ne, { as: Ze, color: "fg.subtle" }), e[19] = N) : N = e[19];
-  let H;
-  e[20] !== O ? (H = /* @__PURE__ */ i(E, { transition: "transform 0.2s", transform: O, children: N }), e[20] = O, e[21] = H) : H = e[21];
-  let M;
-  e[22] !== L || e[23] !== H ? (M = /* @__PURE__ */ b(xe.Trigger, { width: "full", display: "flex", alignItems: "center", justifyContent: "space-between", children: [
-    L,
-    H
-  ] }), e[22] = L, e[23] = H, e[24] = M) : M = e[24];
-  let B;
-  e[25] !== d ? (B = (W) => /* @__PURE__ */ i(Ge, { heading: W, variant: "minimal", emphasized: !1, isActive: d === W.id, onSelect: I }, W.id), e[25] = d, e[26] = B) : B = e[26];
-  const A = he, j = "md", _ = "6", G = "xs", Q = "sticky", Y = "calc(100vh - 3rem)";
-  let X;
-  e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = /* @__PURE__ */ i(ne, { as: Oe, color: "fg.subtle" }), e[27] = X) : X = e[27];
-  let U;
-  e[28] !== r ? (U = /* @__PURE__ */ b(F, { mb: "4", children: [
-    X,
-    /* @__PURE__ */ i(C, { fontWeight: "medium", textStyle: "sm", children: r })
-  ] }), e[28] = r, e[29] = U) : U = e[29];
-  const Z = D, te = "0";
-  let K;
-  e[30] !== d ? (K = (W) => /* @__PURE__ */ i(Ge, { heading: W, variant: "line", emphasized: W.level === 1, isActive: d === W.id, onSelect: I }, W.id), e[30] = d, e[31] = K) : K = e[31];
-  const ee = a.map(K);
-  let V;
-  e[32] !== Z || e[33] !== ee ? (V = /* @__PURE__ */ i(Z, { gap: te, children: ee }), e[32] = Z, e[33] = ee, e[34] = V) : V = e[34];
+  ] }), e[22] = v, e[23] = z, e[24] = O) : O = e[24];
+  let W;
+  e[25] !== d ? (W = (U) => /* @__PURE__ */ i(lt, { heading: U, variant: "minimal", emphasized: !1, isActive: d === U.id, onSelect: T }, U.id), e[25] = d, e[26] = W) : W = e[26];
+  const H = Ce, B = "md", N = "6", M = "xs", R = "sticky", F = "calc(100vh - 3rem)";
+  let Y;
+  e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Y = /* @__PURE__ */ i(oe, { as: qe, color: "fg.subtle" }), e[27] = Y) : Y = e[27];
   let q;
-  return e[35] !== A || e[36] !== U || e[37] !== V ? (q = /* @__PURE__ */ b(A, { hideBelow: j, top: _, width: G, position: Q, maxH: Y, children: [
-    U,
-    V
-  ] }), e[35] = A, e[36] = U, e[37] = V, e[38] = q) : q = e[38], /* @__PURE__ */ b(D, { gap: "0", width: "full", children: [
-    /* @__PURE__ */ i(E, { hideFrom: "md", px: "4", py: "2", w: "full", bg: "bg.subtle", borderWidth: "1px", children: /* @__PURE__ */ b(xe.Root, { open: g, onOpenChange: w, children: [
-      M,
-      /* @__PURE__ */ i(xe.Content, { children: /* @__PURE__ */ i(he, { mt: "3", maxH: "30vh", children: /* @__PURE__ */ i(D, { gap: "0", children: a.map(B) }) }) })
+  e[28] !== o ? (q = /* @__PURE__ */ b(X, { mb: "4", children: [
+    Y,
+    /* @__PURE__ */ i($, { fontWeight: "medium", textStyle: "sm", children: o })
+  ] }), e[28] = o, e[29] = q) : q = e[29];
+  const J = G, K = "0";
+  let Q;
+  e[30] !== d ? (Q = (U) => /* @__PURE__ */ i(lt, { heading: U, variant: "line", emphasized: U.level === 1, isActive: d === U.id, onSelect: T }, U.id), e[30] = d, e[31] = Q) : Q = e[31];
+  const te = a.map(Q);
+  let ee;
+  e[32] !== J || e[33] !== te ? (ee = /* @__PURE__ */ i(J, { gap: K, children: te }), e[32] = J, e[33] = te, e[34] = ee) : ee = e[34];
+  let Z;
+  return e[35] !== H || e[36] !== q || e[37] !== ee ? (Z = /* @__PURE__ */ b(H, { hideBelow: B, top: N, width: M, position: R, maxH: F, children: [
+    q,
+    ee
+  ] }), e[35] = H, e[36] = q, e[37] = ee, e[38] = Z) : Z = e[38], /* @__PURE__ */ b(G, { gap: "0", width: "full", children: [
+    /* @__PURE__ */ i(V, { hideFrom: "md", px: "4", py: "2", w: "full", bg: "bg.subtle", borderWidth: "1px", children: /* @__PURE__ */ b(_e.Root, { open: g, onOpenChange: _, children: [
+      O,
+      /* @__PURE__ */ i(_e.Content, { children: /* @__PURE__ */ i(Ce, { mt: "3", maxH: "30vh", children: /* @__PURE__ */ i(G, { gap: "0", children: a.map(W) }) }) })
     ] }) }),
-    q
+    Z
   ] });
 };
-function sl(n) {
-  return n.isIntersecting;
+function On(l) {
+  return l.isIntersecting;
 }
-function al(n, e) {
-  return n.boundingClientRect.top - e.boundingClientRect.top;
+function Gn(l, e) {
+  return l.boundingClientRect.top - e.boundingClientRect.top;
 }
-const Xe = (n) => {
-  const e = $(24), {
-    item: l,
+const it = (l) => {
+  const e = A(24), {
+    item: n,
     direction: t
-  } = n, o = t === "prev", r = o ? "Previous" : "Next", s = o ? "start" : "end", a = o ? "flex-start" : "flex-end";
+  } = l, r = t === "prev", o = r ? "Previous" : "Next", s = r ? "start" : "end", a = r ? "flex-start" : "flex-end";
   let c;
-  e[0] !== o ? (c = o ? /* @__PURE__ */ i(Pt, { size: 16 }) : null, e[0] = o, e[1] = c) : c = e[1];
-  const d = o ? "flex-start" : "flex-end";
-  let h;
-  e[2] !== r ? (h = /* @__PURE__ */ i(C, { textStyle: "sm", color: "fg.muted", fontWeight: "normal", children: r }), e[2] = r, e[3] = h) : h = e[3];
+  e[0] !== r ? (c = r ? /* @__PURE__ */ i(Qt, { size: 16 }) : null, e[0] = r, e[1] = c) : c = e[1];
+  const d = r ? "flex-start" : "flex-end";
+  let u;
+  e[2] !== o ? (u = /* @__PURE__ */ i($, { textStyle: "sm", color: "fg.muted", fontWeight: "normal", children: o }), e[2] = o, e[3] = u) : u = e[3];
   let g;
-  e[4] !== l.title ? (g = /* @__PURE__ */ i(C, { textStyle: "sm", fontWeight: "medium", children: l.title }), e[4] = l.title, e[5] = g) : g = e[5];
+  e[4] !== n.title ? (g = /* @__PURE__ */ i($, { textStyle: "sm", fontWeight: "medium", children: n.title }), e[4] = n.title, e[5] = g) : g = e[5];
   let f;
-  e[6] !== l.description ? (f = l.description ? /* @__PURE__ */ i(C, { textStyle: "xs", color: "fg.subtle", fontWeight: "normal", children: l.description }) : null, e[6] = l.description, e[7] = f) : f = e[7];
-  let u;
-  e[8] !== d || e[9] !== h || e[10] !== g || e[11] !== f ? (u = /* @__PURE__ */ b(D, { gap: "0", alignItems: d, children: [
-    h,
+  e[6] !== n.description ? (f = n.description ? /* @__PURE__ */ i($, { textStyle: "xs", color: "fg.subtle", fontWeight: "normal", children: n.description }) : null, e[6] = n.description, e[7] = f) : f = e[7];
+  let p;
+  e[8] !== d || e[9] !== u || e[10] !== g || e[11] !== f ? (p = /* @__PURE__ */ b(G, { gap: "0", alignItems: d, children: [
+    u,
     g,
     f
-  ] }), e[8] = d, e[9] = h, e[10] = g, e[11] = f, e[12] = u) : u = e[12];
-  let p;
-  e[13] !== o ? (p = o ? null : /* @__PURE__ */ i(me, { size: 16 }), e[13] = o, e[14] = p) : p = e[14];
+  ] }), e[8] = d, e[9] = u, e[10] = g, e[11] = f, e[12] = p) : p = e[12];
+  let h;
+  e[13] !== r ? (h = r ? null : /* @__PURE__ */ i(ye, { size: 16 }), e[13] = r, e[14] = h) : h = e[14];
   let m;
-  e[15] !== l.href || e[16] !== c || e[17] !== u || e[18] !== p ? (m = /* @__PURE__ */ b("a", { href: l.href, children: [
+  e[15] !== n.href || e[16] !== c || e[17] !== p || e[18] !== h ? (m = /* @__PURE__ */ b("a", { href: n.href, children: [
     c,
-    u,
-    p
-  ] }), e[15] = l.href, e[16] = c, e[17] = u, e[18] = p, e[19] = m) : m = e[19];
+    p,
+    h
+  ] }), e[15] = n.href, e[16] = c, e[17] = p, e[18] = h, e[19] = m) : m = e[19];
   let x;
-  return e[20] !== s || e[21] !== a || e[22] !== m ? (x = /* @__PURE__ */ i(ue, { asChild: !0, variant: "ghost", colorPalette: "gray", gap: "3", size: "sm", h: "auto", py: "2", textAlign: s, justifyContent: a, flex: "1", children: m }), e[20] = s, e[21] = a, e[22] = m, e[23] = x) : x = e[23], x;
-}, Rn = (n) => {
-  const e = $(11), {
-    previous: l,
+  return e[20] !== s || e[21] !== a || e[22] !== m ? (x = /* @__PURE__ */ i(de, { asChild: !0, variant: "ghost", colorPalette: "gray", gap: "3", size: "sm", h: "auto", py: "2", textAlign: s, justifyContent: a, flex: "1", children: m }), e[20] = s, e[21] = a, e[22] = m, e[23] = x) : x = e[23], x;
+}, Gi = (l) => {
+  const e = A(11), {
+    previous: n,
     next: t
-  } = n;
-  if (!l && !t)
+  } = l;
+  if (!n && !t)
     return null;
-  let o;
-  e[0] !== l ? (o = l ? /* @__PURE__ */ i(Xe, { item: l, direction: "prev" }) : null, e[0] = l, e[1] = o) : o = e[1];
   let r;
-  e[2] !== o ? (r = /* @__PURE__ */ i(E, { flex: "1", children: o }), e[2] = o, e[3] = r) : r = e[3];
+  e[0] !== n ? (r = n ? /* @__PURE__ */ i(it, { item: n, direction: "prev" }) : null, e[0] = n, e[1] = r) : r = e[1];
+  let o;
+  e[2] !== r ? (o = /* @__PURE__ */ i(V, { flex: "1", children: r }), e[2] = r, e[3] = o) : o = e[3];
   let s;
-  e[4] !== t ? (s = t ? /* @__PURE__ */ i(Xe, { item: t, direction: "next" }) : null, e[4] = t, e[5] = s) : s = e[5];
+  e[4] !== t ? (s = t ? /* @__PURE__ */ i(it, { item: t, direction: "next" }) : null, e[4] = t, e[5] = s) : s = e[5];
   let a;
-  e[6] !== s ? (a = /* @__PURE__ */ i(E, { flex: "1", children: s }), e[6] = s, e[7] = a) : a = e[7];
+  e[6] !== s ? (a = /* @__PURE__ */ i(V, { flex: "1", children: s }), e[6] = s, e[7] = a) : a = e[7];
   let c;
-  return e[8] !== r || e[9] !== a ? (c = /* @__PURE__ */ b(F, { justify: "space-between", gap: "4", children: [
-    r,
+  return e[8] !== o || e[9] !== a ? (c = /* @__PURE__ */ b(X, { justify: "space-between", gap: "4", children: [
+    o,
     a
-  ] }), e[8] = r, e[9] = a, e[10] = c) : c = e[10], c;
-}, cl = (n) => {
-  const e = $(17), {
-    children: l,
+  ] }), e[8] = o, e[9] = a, e[10] = c) : c = e[10], c;
+}, Mn = (l) => {
+  const e = A(17), {
+    children: n,
     title: t,
-    defaultOpen: o,
-    action: r
-  } = n, s = o === void 0 ? !0 : o;
+    defaultOpen: r,
+    action: o
+  } = l, s = r === void 0 ? !0 : r;
   let a;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = {
     background: "bg.muted"
   }, e[0] = a) : a = e[0];
   let c;
-  e[1] !== t ? (c = t && /* @__PURE__ */ i(C, { fontWeight: "600", textStyle: "label/S/medium", children: t }), e[1] = t, e[2] = c) : c = e[2];
+  e[1] !== t ? (c = t && /* @__PURE__ */ i($, { fontWeight: "600", textStyle: "label/S/medium", children: t }), e[1] = t, e[2] = c) : c = e[2];
   let d;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ i(xe.Indicator, { transition: "transform 0.2s", _open: {
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ i(_e.Indicator, { transition: "transform 0.2s", _open: {
     transform: "rotate(90deg)"
-  }, children: /* @__PURE__ */ i(me, { size: 16 }) }), e[3] = d) : d = e[3];
-  let h;
-  e[4] !== c ? (h = /* @__PURE__ */ b(xe.Trigger, { _hover: a, borderRadius: "xs", padding: "sm", height: "2rem", display: "flex", width: "full", gap: "2", alignItems: "center", cursor: "pointer", justifyContent: "space-between", children: [
+  }, children: /* @__PURE__ */ i(ye, { size: 16 }) }), e[3] = d) : d = e[3];
+  let u;
+  e[4] !== c ? (u = /* @__PURE__ */ b(_e.Trigger, { _hover: a, borderRadius: "xs", padding: "sm", height: "2rem", display: "flex", width: "full", gap: "2", alignItems: "center", cursor: "pointer", justifyContent: "space-between", children: [
     c,
     d
-  ] }), e[4] = c, e[5] = h) : h = e[5];
+  ] }), e[4] = c, e[5] = u) : u = e[5];
   let g;
-  e[6] !== r ? (g = r && /* @__PURE__ */ i(E, { marginLeft: "auto", onClick: dl, children: r }), e[6] = r, e[7] = g) : g = e[7];
+  e[6] !== o ? (g = o && /* @__PURE__ */ i(V, { marginLeft: "auto", onClick: Nn, children: o }), e[6] = o, e[7] = g) : g = e[7];
   let f;
-  e[8] !== h || e[9] !== g ? (f = /* @__PURE__ */ b(pe, { children: [
-    h,
+  e[8] !== u || e[9] !== g ? (f = /* @__PURE__ */ b(we, { children: [
+    u,
     g
-  ] }), e[8] = h, e[9] = g, e[10] = f) : f = e[10];
-  let u;
-  e[11] !== l ? (u = /* @__PURE__ */ i(xe.Content, { children: l }), e[11] = l, e[12] = u) : u = e[12];
+  ] }), e[8] = u, e[9] = g, e[10] = f) : f = e[10];
   let p;
-  return e[13] !== s || e[14] !== f || e[15] !== u ? (p = /* @__PURE__ */ b(xe.Root, { defaultOpen: s, width: "full", children: [
+  e[11] !== n ? (p = /* @__PURE__ */ i(_e.Content, { children: n }), e[11] = n, e[12] = p) : p = e[12];
+  let h;
+  return e[13] !== s || e[14] !== f || e[15] !== p ? (h = /* @__PURE__ */ b(_e.Root, { defaultOpen: s, width: "full", children: [
     f,
-    u
-  ] }), e[13] = s, e[14] = f, e[15] = u, e[16] = p) : p = e[16], p;
+    p
+  ] }), e[13] = s, e[14] = f, e[15] = p, e[16] = h) : h = e[16], h;
 };
-function dl(n) {
-  return n.stopPropagation();
+function Nn(l) {
+  return l.stopPropagation();
 }
-const hl = {
+const It = {
   default: {
     paddingX: "sm",
     paddingY: "xs",
@@ -608,95 +575,185 @@ const hl = {
     secondaryMarginLeft: "0",
     secondaryTextStyle: "label/XS/regular"
   }
-}, Ae = (n) => {
-  const e = $(67), {
-    id: l,
-    primaryLabel: t,
-    tooltipLabel: o,
+}, rt = (l) => {
+  const e = A(49), {
+    primaryLabel: n,
+    tooltipLabel: t,
     secondaryLabel: r,
-    leftIcon: s,
-    leftSlot: a,
-    rightIcon: c,
-    leftIconColor: d,
-    rightIconColor: h,
-    leftIconSize: g,
-    rightIconSize: f,
-    rightIconAriaLabel: u,
+    leftIcon: o,
+    leftSlot: s,
+    rightIcon: a,
+    leftIconColor: c,
+    rightIconColor: d,
+    leftIconSize: u,
+    rightIconSize: g,
+    rightIconAriaLabel: f,
     rightTooltipLabel: p,
-    onRightIconClick: m,
-    isDisabled: x,
-    isSelected: S,
-    tagLabel: y,
-    tagColorPalette: v,
-    tagVariant: k,
-    variant: P,
-    tabIndex: I,
-    width: w,
-    maxWidth: T,
-    setRefElement: R
-  } = n, z = s === void 0 ? null : s, L = d === void 0 ? "fg.menu-item.default" : d, O = h === void 0 ? "fg.menu-item.default" : h, N = v === void 0 ? "yellow" : v, H = k === void 0 ? "subtle" : k, M = P === void 0 ? "default" : P, {
+    onRightIconClick: h,
+    tagLabel: m,
+    tagColorPalette: x,
+    tagVariant: y,
+    variant: I
+  } = l, k = It[I], P = !!(h && a);
+  let D;
+  e[0] !== P ? (D = (F) => {
+    P && (F.preventDefault(), F.stopPropagation());
+  }, e[0] = P, e[1] = D) : D = e[1];
+  const T = D;
+  let _;
+  e[2] !== P || e[3] !== h ? (_ = (F) => {
+    !P || !h || (F.preventDefault(), F.stopPropagation(), h());
+  }, e[2] = P, e[3] = h, e[4] = _) : _ = e[4];
+  const S = _;
+  let C;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
+    placement: "right"
+  }, e[5] = C) : C = e[5];
+  const w = !t;
+  let v;
+  e[6] !== o || e[7] !== c || e[8] !== u || e[9] !== s ? (v = s || (o ? /* @__PURE__ */ i(oe, { as: o, boxSize: u, color: c }) : null), e[6] = o, e[7] = c, e[8] = u, e[9] = s, e[10] = v) : v = e[10];
+  let E;
+  e[11] !== n || e[12] !== k.primaryTextStyle ? (E = /* @__PURE__ */ i($, { lineClamp: 1, textOverflow: "ellipsis", textStyle: k.primaryTextStyle, children: n }), e[11] = n, e[12] = k.primaryTextStyle, e[13] = E) : E = e[13];
+  let L;
+  e[14] !== v || e[15] !== E ? (L = /* @__PURE__ */ b(we, { alignItems: "flex-start", gap: "xs", flex: "1", children: [
+    v,
+    E
+  ] }), e[14] = v, e[15] = E, e[16] = L) : L = e[16];
+  let z;
+  e[17] !== r || e[18] !== k.secondaryMarginLeft || e[19] !== k.secondaryTextStyle ? (z = r && /* @__PURE__ */ i($, { ml: k.secondaryMarginLeft, lineClamp: 1, textOverflow: "ellipsis", textStyle: k.secondaryTextStyle, color: "fg.menu-item.secondary", children: r }), e[17] = r, e[18] = k.secondaryMarginLeft, e[19] = k.secondaryTextStyle, e[20] = z) : z = e[20];
+  let O;
+  e[21] !== L || e[22] !== z ? (O = /* @__PURE__ */ b(G, { gap: "2xs", children: [
+    L,
+    z
+  ] }), e[21] = L, e[22] = z, e[23] = O) : O = e[23];
+  let W;
+  e[24] !== w || e[25] !== O || e[26] !== t ? (W = /* @__PURE__ */ i(Ee, { positioning: C, content: t, disabled: w, children: O }), e[24] = w, e[25] = O, e[26] = t, e[27] = W) : W = e[27];
+  let H;
+  e[28] !== S || e[29] !== T || e[30] !== P || e[31] !== a || e[32] !== f || e[33] !== d || e[34] !== g || e[35] !== p ? (H = a ? /* @__PURE__ */ i(Ee, { positioning: {
+    placement: "right"
+  }, content: p, disabled: !p, children: /* @__PURE__ */ i(we, { as: P ? "button" : "div", alignItems: "center", "aria-label": f, cursor: P ? "pointer" : "default", bg: "transparent", borderWidth: "0", padding: "0", onMouseDown: T, onClick: S, children: /* @__PURE__ */ i(oe, { as: a, boxSize: g, color: d }) }) }) : null, e[28] = S, e[29] = T, e[30] = P, e[31] = a, e[32] = f, e[33] = d, e[34] = g, e[35] = p, e[36] = H) : H = e[36];
+  let B;
+  e[37] !== H ? (B = /* @__PURE__ */ i(we, { justifyContent: "flex-end", color: "fg.menu-item.default", children: H }), e[37] = H, e[38] = B) : B = e[38];
+  let N;
+  e[39] !== B || e[40] !== W ? (N = /* @__PURE__ */ b(we, { justifyContent: "space-between", alignItems: "center", gap: "xs", flex: "1", children: [
+    W,
+    B
+  ] }), e[39] = B, e[40] = W, e[41] = N) : N = e[41];
+  let M;
+  e[42] !== x || e[43] !== m || e[44] !== y ? (M = m ? /* @__PURE__ */ i(Te, { position: "absolute", top: "xs", right: "sm", textStyle: "label/XS/medium", px: "xs", py: "2px", borderRadius: "md", colorPalette: x, variant: y, pointerEvents: "none", children: m }) : null, e[42] = x, e[43] = m, e[44] = y, e[45] = M) : M = e[45];
+  let R;
+  return e[46] !== N || e[47] !== M ? (R = /* @__PURE__ */ b(Ze, { children: [
+    N,
+    M
+  ] }), e[46] = N, e[47] = M, e[48] = R) : R = e[48], R;
+}, We = (l) => {
+  const e = A(49), {
+    id: n,
+    children: t,
+    asChild: r,
+    primaryLabel: o,
+    tooltipLabel: s,
+    secondaryLabel: a,
+    leftIcon: c,
+    leftSlot: d,
+    rightIcon: u,
+    leftIconColor: g,
+    rightIconColor: f,
+    leftIconSize: p,
+    rightIconSize: h,
+    rightIconAriaLabel: m,
+    rightTooltipLabel: x,
+    onRightIconClick: y,
+    isDisabled: I,
+    isSelected: k,
+    tagLabel: P,
+    tagColorPalette: D,
+    tagVariant: T,
+    variant: _,
+    tabIndex: S,
+    width: C,
+    maxWidth: w,
+    setRefElement: v
+  } = l, E = c === void 0 ? null : c, L = g === void 0 ? "fg.menu-item.default" : g, z = f === void 0 ? "fg.menu-item.default" : f, O = D === void 0 ? "yellow" : D, W = T === void 0 ? "subtle" : T, H = _ === void 0 ? "default" : _, {
     onClick: B,
-    onMouseDown: A,
-    onMouseEnter: j
-  } = n, _ = hl[M], G = S ? "bg.menu-item.selected" : "bg.menu-item.default", Q = g ?? _.iconSize, Y = f ?? _.iconSize, X = !!(m && c);
-  let U;
-  e[0] !== X ? (U = (De) => {
-    X && (De.preventDefault(), De.stopPropagation());
-  }, e[0] = X, e[1] = U) : U = e[1];
-  const Z = U;
-  let te;
-  e[2] !== X || e[3] !== m ? (te = (De) => {
-    !X || !m || (De.preventDefault(), De.stopPropagation(), m());
-  }, e[2] = X, e[3] = m, e[4] = te) : te = e[4];
-  const K = te, ee = T ?? "20rem", V = x ? "default" : "pointer", q = l ?? t;
-  let W, le;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (W = {
+    onMouseDown: N,
+    onMouseEnter: M
+  } = l, R = It[H], F = k ? "bg.menu-item.selected" : "bg.menu-item.default", Y = p ?? R.iconSize, q = h ?? R.iconSize;
+  let J;
+  e[0] !== E || e[1] !== L || e[2] !== d || e[3] !== y || e[4] !== o || e[5] !== Y || e[6] !== q || e[7] !== u || e[8] !== m || e[9] !== z || e[10] !== x || e[11] !== a || e[12] !== O || e[13] !== P || e[14] !== W || e[15] !== s || e[16] !== H ? (J = {
+    primaryLabel: o,
+    secondaryLabel: a,
+    tooltipLabel: s,
+    leftIcon: E,
+    leftSlot: d,
+    rightIcon: u,
+    leftIconColor: L,
+    rightIconColor: z,
+    leftIconSize: Y,
+    rightIconSize: q,
+    rightIconAriaLabel: m,
+    rightTooltipLabel: x,
+    onRightIconClick: y,
+    tagLabel: P,
+    tagColorPalette: O,
+    tagVariant: W,
+    variant: H
+  }, e[0] = E, e[1] = L, e[2] = d, e[3] = y, e[4] = o, e[5] = Y, e[6] = q, e[7] = u, e[8] = m, e[9] = z, e[10] = x, e[11] = a, e[12] = O, e[13] = P, e[14] = W, e[15] = s, e[16] = H, e[17] = J) : J = e[17];
+  const K = J, Q = w ?? "20rem", te = I ? "default" : "pointer", ee = n ?? o;
+  let Z, U;
+  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Z = {
     bg: "bg.menu-item.hover"
-  }, le = {
+  }, U = {
     bg: "bg.menu-item.focus"
-  }, e[5] = W, e[6] = le) : (W = e[5], le = e[6]);
-  let Se;
-  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Se = {
-    placement: "right"
-  }, e[7] = Se) : Se = e[7];
-  const fe = !o;
-  let se;
-  e[8] !== z || e[9] !== L || e[10] !== a || e[11] !== Q ? (se = a || (z ? /* @__PURE__ */ i(ne, { as: z, boxSize: Q, color: L }) : null), e[8] = z, e[9] = L, e[10] = a, e[11] = Q, e[12] = se) : se = e[12];
-  let oe;
-  e[13] !== t || e[14] !== _.primaryTextStyle ? (oe = /* @__PURE__ */ i(C, { lineClamp: 1, textOverflow: "ellipsis", textStyle: _.primaryTextStyle, children: t }), e[13] = t, e[14] = _.primaryTextStyle, e[15] = oe) : oe = e[15];
-  let ae;
-  e[16] !== se || e[17] !== oe ? (ae = /* @__PURE__ */ b(pe, { alignItems: "flex-start", gap: "xs", flex: "1", children: [
-    se,
-    oe
-  ] }), e[16] = se, e[17] = oe, e[18] = ae) : ae = e[18];
-  let ge;
-  e[19] !== r || e[20] !== _.secondaryMarginLeft || e[21] !== _.secondaryTextStyle ? (ge = r && /* @__PURE__ */ i(C, { ml: _.secondaryMarginLeft, lineClamp: 1, textOverflow: "ellipsis", textStyle: _.secondaryTextStyle, color: "fg.menu-item.secondary", children: r }), e[19] = r, e[20] = _.secondaryMarginLeft, e[21] = _.secondaryTextStyle, e[22] = ge) : ge = e[22];
-  let ce;
-  e[23] !== ae || e[24] !== ge ? (ce = /* @__PURE__ */ b(D, { gap: "2xs", children: [
-    ae,
-    ge
-  ] }), e[23] = ae, e[24] = ge, e[25] = ce) : ce = e[25];
-  let ye;
-  e[26] !== fe || e[27] !== ce || e[28] !== o ? (ye = /* @__PURE__ */ i(Ee, { positioning: Se, content: o, disabled: fe, children: ce }), e[26] = fe, e[27] = ce, e[28] = o, e[29] = ye) : ye = e[29];
-  let ve;
-  e[30] !== K || e[31] !== Z || e[32] !== X || e[33] !== Y || e[34] !== c || e[35] !== u || e[36] !== O || e[37] !== p ? (ve = c ? /* @__PURE__ */ i(Ee, { positioning: {
-    placement: "right"
-  }, content: p, disabled: !p, children: /* @__PURE__ */ i(pe, { as: X ? "button" : "div", alignItems: "center", "aria-label": u, cursor: X ? "pointer" : "default", bg: "transparent", borderWidth: "0", padding: "0", onMouseDown: Z, onClick: K, children: /* @__PURE__ */ i(ne, { as: c, boxSize: Y, color: O }) }) }) : null, e[30] = K, e[31] = Z, e[32] = X, e[33] = Y, e[34] = c, e[35] = u, e[36] = O, e[37] = p, e[38] = ve) : ve = e[38];
-  let Ce;
-  e[39] !== ve ? (Ce = /* @__PURE__ */ i(pe, { justifyContent: "flex-end", color: "fg.menu-item.default", children: ve }), e[39] = ve, e[40] = Ce) : Ce = e[40];
-  let we;
-  e[41] !== ye || e[42] !== Ce ? (we = /* @__PURE__ */ b(pe, { justifyContent: "space-between", alignItems: "center", gap: "xs", flex: "1", children: [
-    ye,
-    Ce
-  ] }), e[41] = ye, e[42] = Ce, e[43] = we) : we = e[43];
-  let ke;
-  e[44] !== N || e[45] !== y || e[46] !== H ? (ke = y ? /* @__PURE__ */ i(ze, { position: "absolute", top: "xs", right: "sm", textStyle: "label/XS/medium", px: "xs", py: "2px", borderRadius: "md", colorPalette: N, variant: H, pointerEvents: "none", children: y }) : null, e[44] = N, e[45] = y, e[46] = H, e[47] = ke) : ke = e[47];
-  let Ne;
-  return e[48] !== G || e[49] !== l || e[50] !== x || e[51] !== S || e[52] !== B || e[53] !== A || e[54] !== j || e[55] !== R || e[56] !== q || e[57] !== we || e[58] !== ke || e[59] !== ee || e[60] !== V || e[61] !== I || e[62] !== _.minHeight || e[63] !== _.paddingX || e[64] !== _.paddingY || e[65] !== w ? (Ne = /* @__PURE__ */ b(ht, { id: l, ref: R, tabIndex: I, disabled: x, "aria-selected": S, paddingX: _.paddingX, paddingY: _.paddingY, onClick: B, onMouseDown: A, onMouseEnter: j, height: "auto", minHeight: _.minHeight, role: "option", width: w, maxWidth: ee, overflow: "hidden", position: "relative", cursor: V, value: q, bg: G, _hover: W, _focus: le, children: [
-    we,
-    ke
-  ] }), e[48] = G, e[49] = l, e[50] = x, e[51] = S, e[52] = B, e[53] = A, e[54] = j, e[55] = R, e[56] = q, e[57] = we, e[58] = ke, e[59] = ee, e[60] = V, e[61] = I, e[62] = _.minHeight, e[63] = _.paddingX, e[64] = _.paddingY, e[65] = w, e[66] = Ne) : Ne = e[66], Ne;
-}, fl = {
+  }, e[18] = Z, e[19] = U) : (Z = e[18], U = e[19]);
+  let ie;
+  e[20] !== F || e[21] !== n || e[22] !== I || e[23] !== k || e[24] !== v || e[25] !== Q || e[26] !== te || e[27] !== ee || e[28] !== S || e[29] !== R.minHeight || e[30] !== R.paddingX || e[31] !== R.paddingY || e[32] !== C ? (ie = {
+    id: n,
+    ref: v,
+    tabIndex: S,
+    disabled: I,
+    "aria-selected": k,
+    paddingX: R.paddingX,
+    paddingY: R.paddingY,
+    height: "auto",
+    minHeight: R.minHeight,
+    role: "option",
+    width: C,
+    maxWidth: Q,
+    overflow: "hidden",
+    position: "relative",
+    cursor: te,
+    value: ee,
+    bg: F,
+    _hover: Z,
+    _focus: U,
+    textDecoration: "none",
+    color: "inherit"
+  }, e[20] = F, e[21] = n, e[22] = I, e[23] = k, e[24] = v, e[25] = Q, e[26] = te, e[27] = ee, e[28] = S, e[29] = R.minHeight, e[30] = R.paddingX, e[31] = R.paddingY, e[32] = C, e[33] = ie) : ie = e[33];
+  const ce = ie;
+  if (r && t) {
+    let fe, ae;
+    if (e[34] !== t || e[35] !== ce || e[36] !== K) {
+      ae = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      e: {
+        const be = Vt.only(t);
+        if (!jt(be)) {
+          ae = null;
+          break e;
+        }
+        let ge;
+        e[39] !== K ? (ge = /* @__PURE__ */ i(rt, { ...K }), e[39] = K, e[40] = ge) : ge = e[40], fe = /* @__PURE__ */ i(tt, { asChild: !0, ...ce, children: Xt(be, void 0, ge) });
+      }
+      e[34] = t, e[35] = ce, e[36] = K, e[37] = fe, e[38] = ae;
+    } else
+      fe = e[37], ae = e[38];
+    return ae !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? ae : fe;
+  }
+  let re;
+  e[41] !== K ? (re = /* @__PURE__ */ i(rt, { ...K }), e[41] = K, e[42] = re) : re = e[42];
+  let ue;
+  return e[43] !== ce || e[44] !== B || e[45] !== N || e[46] !== M || e[47] !== re ? (ue = /* @__PURE__ */ i(tt, { ...ce, onClick: B, onMouseDown: N, onMouseEnter: M, children: re }), e[43] = ce, e[44] = B, e[45] = N, e[46] = M, e[47] = re, e[48] = ue) : ue = e[48], ue;
+}, Hn = {
   default: {
     width: "64",
     headerHeight: "49px",
@@ -714,72 +771,72 @@ const hl = {
     contentGap: "2xs"
   }
 };
-function gl(n) {
-  const e = $(13), {
-    title: l,
+function Wn(l) {
+  const e = A(13), {
+    title: n,
     children: t,
-    variant: o
-  } = n, s = fl[o === void 0 ? "default" : o];
+    variant: r
+  } = l, s = Hn[r === void 0 ? "default" : r];
   let a;
-  e[0] !== s.headerHeight || e[1] !== s.headerPadding || e[2] !== s.headerTextStyle || e[3] !== l ? (a = l && /* @__PURE__ */ i(pe, { height: s.headerHeight, p: s.headerPadding, borderBottomWidth: "1px", alignItems: "center", children: /* @__PURE__ */ i(C, { pb: "0", textStyle: s.headerTextStyle, color: "fg.muted", children: l }) }), e[0] = s.headerHeight, e[1] = s.headerPadding, e[2] = s.headerTextStyle, e[3] = l, e[4] = a) : a = e[4];
+  e[0] !== s.headerHeight || e[1] !== s.headerPadding || e[2] !== s.headerTextStyle || e[3] !== n ? (a = n && /* @__PURE__ */ i(we, { height: s.headerHeight, p: s.headerPadding, borderBottomWidth: "1px", alignItems: "center", children: /* @__PURE__ */ i($, { pb: "0", textStyle: s.headerTextStyle, color: "fg.muted", children: n }) }), e[0] = s.headerHeight, e[1] = s.headerPadding, e[2] = s.headerTextStyle, e[3] = n, e[4] = a) : a = e[4];
   let c;
-  e[5] !== t || e[6] !== s.contentGap || e[7] !== s.contentPadding ? (c = t && /* @__PURE__ */ i(he, { flex: "1", minH: "0", contentProps: {
+  e[5] !== t || e[6] !== s.contentGap || e[7] !== s.contentPadding ? (c = t && /* @__PURE__ */ i(Ce, { flex: "1", minH: "0", contentProps: {
     p: s.contentPadding,
     spaceY: s.contentGap
   }, children: t }), e[5] = t, e[6] = s.contentGap, e[7] = s.contentPadding, e[8] = c) : c = e[8];
   let d;
-  return e[9] !== s.width || e[10] !== a || e[11] !== c ? (d = /* @__PURE__ */ b(D, { borderRightWidth: "1px", width: s.width, gap: "0", minH: "0", children: [
+  return e[9] !== s.width || e[10] !== a || e[11] !== c ? (d = /* @__PURE__ */ b(G, { borderRightWidth: "1px", width: s.width, gap: "0", minH: "0", children: [
     a,
     c
   ] }), e[9] = s.width, e[10] = a, e[11] = c, e[12] = d) : d = e[12], d;
 }
-const et = (n) => {
-  const e = $(27), {
-    item: l,
+const kt = (l) => {
+  const e = A(27), {
+    item: n,
     activeLink: t,
-    onSelectLink: o,
-    shouldStartOpen: r
-  } = n;
+    onSelectLink: r,
+    shouldStartOpen: o
+  } = l;
   let s;
-  e[0] !== l.items ? (s = l.items ?? [], e[0] = l.items, e[1] = s) : s = e[1];
+  e[0] !== n.items ? (s = n.items ?? [], e[0] = n.items, e[1] = s) : s = e[1];
   const a = s, c = a.length > 0;
-  if (!c && l.link) {
-    const p = l.link, m = l.link === t;
+  if (!c && n.link) {
+    const h = n.link, m = n.link === t;
     let x;
-    e[2] !== p || e[3] !== o ? (x = () => o(p), e[2] = p, e[3] = o, e[4] = x) : x = e[4];
-    let S;
-    return e[5] !== m || e[6] !== l.text || e[7] !== x ? (S = /* @__PURE__ */ i(ie.Root, { children: /* @__PURE__ */ i(Ae, { primaryLabel: l.text, isSelected: m, variant: "compact", onClick: x }) }), e[5] = m, e[6] = l.text, e[7] = x, e[8] = S) : S = e[8], S;
+    e[2] !== h || e[3] !== r ? (x = () => r(h), e[2] = h, e[3] = r, e[4] = x) : x = e[4];
+    let y;
+    return e[5] !== m || e[6] !== n.text || e[7] !== x ? (y = /* @__PURE__ */ i(le.Root, { children: /* @__PURE__ */ i(We, { primaryLabel: n.text, isSelected: m, variant: "compact", onClick: x }) }), e[5] = m, e[6] = n.text, e[7] = x, e[8] = y) : y = e[8], y;
   }
   if (!c) {
-    let p;
-    return e[9] !== l.text ? (p = /* @__PURE__ */ i(ie.Root, { children: /* @__PURE__ */ i(Ae, { primaryLabel: l.text, isDisabled: !0, variant: "compact" }) }), e[9] = l.text, e[10] = p) : p = e[10], p;
+    let h;
+    return e[9] !== n.text ? (h = /* @__PURE__ */ i(le.Root, { children: /* @__PURE__ */ i(We, { primaryLabel: n.text, isDisabled: !0, variant: "compact" }) }), e[9] = n.text, e[10] = h) : h = e[10], h;
   }
   let d;
-  e[11] !== l || e[12] !== r ? (d = r?.(l) ?? !1, e[11] = l, e[12] = r, e[13] = d) : d = e[13];
-  const h = d, g = l.text;
+  e[11] !== n || e[12] !== o ? (d = o?.(n) ?? !1, e[11] = n, e[12] = o, e[13] = d) : d = e[13];
+  const u = d, g = n.text;
   let f;
-  if (e[14] !== t || e[15] !== a || e[16] !== o || e[17] !== r) {
-    let p;
-    e[19] !== t || e[20] !== o || e[21] !== r ? (p = (m, x) => /* @__PURE__ */ i(et, { item: m, activeLink: t, onSelectLink: o, shouldStartOpen: r }, `${m.text}-${m.link ?? x}`), e[19] = t, e[20] = o, e[21] = r, e[22] = p) : p = e[22], f = a.map(p), e[14] = t, e[15] = a, e[16] = o, e[17] = r, e[18] = f;
+  if (e[14] !== t || e[15] !== a || e[16] !== r || e[17] !== o) {
+    let h;
+    e[19] !== t || e[20] !== r || e[21] !== o ? (h = (m, x) => /* @__PURE__ */ i(kt, { item: m, activeLink: t, onSelectLink: r, shouldStartOpen: o }, `${m.text}-${m.link ?? x}`), e[19] = t, e[20] = r, e[21] = o, e[22] = h) : h = e[22], f = a.map(h), e[14] = t, e[15] = a, e[16] = r, e[17] = o, e[18] = f;
   } else
     f = e[18];
-  let u;
-  return e[23] !== h || e[24] !== l.text || e[25] !== f ? (u = /* @__PURE__ */ i(cl, { title: g, defaultOpen: h, children: f }), e[23] = h, e[24] = l.text, e[25] = f, e[26] = u) : u = e[26], u;
-}, Dn = (n) => {
-  const e = $(9), {
-    title: l,
+  let p;
+  return e[23] !== u || e[24] !== n.text || e[25] !== f ? (p = /* @__PURE__ */ i(Mn, { title: g, defaultOpen: u, children: f }), e[23] = u, e[24] = n.text, e[25] = f, e[26] = p) : p = e[26], p;
+}, Mi = (l) => {
+  const e = A(9), {
+    title: n,
     emptyMessage: t,
-    menuItems: o,
-    activeLink: r,
+    menuItems: r,
+    activeLink: o,
     onSelectLink: s,
     shouldStartOpen: a
-  } = n;
+  } = l;
   let c;
-  e[0] !== r || e[1] !== t || e[2] !== o || e[3] !== s || e[4] !== a ? (c = o.length === 0 ? /* @__PURE__ */ i(C, { textStyle: "paragraph/S/regular", color: "fg.muted", p: "xs", children: t ?? "No files found" }) : o.map((h, g) => /* @__PURE__ */ i(et, { item: h, activeLink: r, onSelectLink: s, shouldStartOpen: a }, `${h.text}-${h.link ?? g}`)), e[0] = r, e[1] = t, e[2] = o, e[3] = s, e[4] = a, e[5] = c) : c = e[5];
+  e[0] !== o || e[1] !== t || e[2] !== r || e[3] !== s || e[4] !== a ? (c = r.length === 0 ? /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "fg.muted", p: "xs", children: t ?? "No files found" }) : r.map((u, g) => /* @__PURE__ */ i(kt, { item: u, activeLink: o, onSelectLink: s, shouldStartOpen: a }, `${u.text}-${u.link ?? g}`)), e[0] = o, e[1] = t, e[2] = r, e[3] = s, e[4] = a, e[5] = c) : c = e[5];
   let d;
-  return e[6] !== c || e[7] !== l ? (d = /* @__PURE__ */ i(gl, { title: l, variant: "compact", children: c }), e[6] = c, e[7] = l, e[8] = d) : d = e[8], d;
+  return e[6] !== c || e[7] !== n ? (d = /* @__PURE__ */ i(Wn, { title: n, variant: "compact", children: c }), e[6] = c, e[7] = n, e[8] = d) : d = e[8], d;
 };
-class Ln extends yt {
+class Ni extends Ut {
   state = {
     error: null
   };
@@ -788,8 +845,8 @@ class Ln extends yt {
       error: e
     };
   }
-  componentDidCatch(e, l) {
-    console.error("Dashboard error boundary caught an error", e, l);
+  componentDidCatch(e, n) {
+    console.error("Dashboard error boundary caught an error", e, n);
   }
   handleReset = () => {
     this.setState({
@@ -799,971 +856,1778 @@ class Ln extends yt {
   render() {
     const {
       children: e,
-      fallback: l,
+      fallback: n,
       label: t
     } = this.props, {
-      error: o
+      error: r
     } = this.state;
-    return o ? l || /* @__PURE__ */ i(ul, { error: o, label: t, onReset: this.handleReset }) : e;
+    return r ? n || /* @__PURE__ */ i(Fn, { error: r, label: t, onReset: this.handleReset }) : e;
   }
 }
-const ul = (n) => {
-  const e = $(12), {
-    error: l,
+const Fn = (l) => {
+  const e = A(12), {
+    error: n,
     label: t,
-    onReset: o
-  } = n, r = t ?? "Something went wrong";
+    onReset: r
+  } = l, o = t ?? "Something went wrong";
   let s;
-  e[0] !== r ? (s = /* @__PURE__ */ i(C, { textStyle: "paragraph/M/medium", children: r }), e[0] = r, e[1] = s) : s = e[1];
-  const a = l.message || "An unexpected error occurred while rendering this section.";
+  e[0] !== o ? (s = /* @__PURE__ */ i($, { textStyle: "paragraph/M/medium", children: o }), e[0] = o, e[1] = s) : s = e[1];
+  const a = n.message || "An unexpected error occurred while rendering this section.";
   let c;
-  e[2] !== a ? (c = /* @__PURE__ */ i(C, { textStyle: "paragraph/S/regular", children: a }), e[2] = a, e[3] = c) : c = e[3];
+  e[2] !== a ? (c = /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", children: a }), e[2] = a, e[3] = c) : c = e[3];
   let d;
-  e[4] !== o ? (d = o ? /* @__PURE__ */ i(ue, { size: "sm", variant: "solid", colorScheme: "black", onClick: o, children: "Try again" }) : null, e[4] = o, e[5] = d) : d = e[5];
-  let h;
-  e[6] !== c || e[7] !== d ? (h = /* @__PURE__ */ b(D, { gap: "sm", children: [
+  e[4] !== r ? (d = r ? /* @__PURE__ */ i(de, { size: "sm", variant: "solid", colorScheme: "black", onClick: r, children: "Try again" }) : null, e[4] = r, e[5] = d) : d = e[5];
+  let u;
+  e[6] !== c || e[7] !== d ? (u = /* @__PURE__ */ b(G, { gap: "sm", children: [
     c,
     d
-  ] }), e[6] = c, e[7] = d, e[8] = h) : h = e[8];
+  ] }), e[6] = c, e[7] = d, e[8] = u) : u = e[8];
   let g;
-  return e[9] !== s || e[10] !== h ? (g = /* @__PURE__ */ i(Ut, { height: "100%", width: "100%", children: /* @__PURE__ */ i(ft, { children: /* @__PURE__ */ i(Yt, { status: "error", title: s, children: h }) }) }), e[9] = s, e[10] = h, e[11] = g) : g = e[11], g;
-}, pl = (n) => n.isDirectory ? n.isGitRepo ? $t : Tt : Oe, ml = (n) => {
-  const e = $(18), {
-    entry: l,
+  return e[9] !== s || e[10] !== u ? (g = /* @__PURE__ */ i(wn, { height: "100%", width: "100%", children: /* @__PURE__ */ i(Nt, { children: /* @__PURE__ */ i(Cn, { status: "error", title: s, children: u }) }) }), e[9] = s, e[10] = u, e[11] = g) : g = e[11], g;
+}, Bn = (l) => l.isDirectory ? l.isGitRepo ? Zt : en : qe, Vn = (l) => {
+  const e = A(18), {
+    entry: n,
     selectedPath: t,
-    selectedPathSet: o,
-    onEntryClick: r
-  } = n;
+    selectedPathSet: r,
+    onEntryClick: o
+  } = l;
   let s;
-  e[0] !== l.isGitRepo || e[1] !== l.path || e[2] !== o ? (s = l.isGitRepo && o.has(l.path), e[0] = l.isGitRepo, e[1] = l.path, e[2] = o, e[3] = s) : s = e[3];
-  const a = s, c = !l.isDirectory || a;
+  e[0] !== n.isGitRepo || e[1] !== n.path || e[2] !== r ? (s = n.isGitRepo && r.has(n.path), e[0] = n.isGitRepo, e[1] = n.path, e[2] = r, e[3] = s) : s = e[3];
+  const a = s, c = !n.isDirectory || a;
   let d;
-  e[4] !== l || e[5] !== a || e[6] !== r ? (d = () => {
-    a || r(l);
-  }, e[4] = l, e[5] = a, e[6] = r, e[7] = d) : d = e[7];
-  const h = d, g = l.name;
+  e[4] !== n || e[5] !== a || e[6] !== o ? (d = () => {
+    a || o(n);
+  }, e[4] = n, e[5] = a, e[6] = o, e[7] = d) : d = e[7];
+  const u = d, g = n.name;
   let f;
-  e[8] !== l ? (f = pl(l), e[8] = l, e[9] = f) : f = e[9];
-  const u = l.isGitRepo ? "Git repo" : void 0, p = l.isGitRepo ? "green" : void 0, m = t === l.path;
+  e[8] !== n ? (f = Bn(n), e[8] = n, e[9] = f) : f = e[9];
+  const p = n.isGitRepo ? "Git repo" : void 0, h = n.isGitRepo ? "green" : void 0, m = t === n.path;
   let x;
-  return e[10] !== l.name || e[11] !== h || e[12] !== c || e[13] !== f || e[14] !== u || e[15] !== p || e[16] !== m ? (x = /* @__PURE__ */ i(ie.Root, { children: /* @__PURE__ */ i(Ae, { primaryLabel: g, leftIcon: f, tagLabel: u, tagColorPalette: p, isDisabled: c, isSelected: m, width: "100%", maxWidth: "100%", onClick: h }) }), e[10] = l.name, e[11] = h, e[12] = c, e[13] = f, e[14] = u, e[15] = p, e[16] = m, e[17] = x) : x = e[17], x;
-}, En = (n) => {
-  const e = $(54), {
-    open: l,
+  return e[10] !== n.name || e[11] !== u || e[12] !== c || e[13] !== f || e[14] !== p || e[15] !== h || e[16] !== m ? (x = /* @__PURE__ */ i(le.Root, { children: /* @__PURE__ */ i(We, { primaryLabel: g, leftIcon: f, tagLabel: p, tagColorPalette: h, isDisabled: c, isSelected: m, width: "100%", maxWidth: "100%", onClick: u }) }), e[10] = n.name, e[11] = u, e[12] = c, e[13] = f, e[14] = p, e[15] = h, e[16] = m, e[17] = x) : x = e[17], x;
+}, Hi = (l) => {
+  const e = A(54), {
+    open: n,
     title: t,
-    description: o,
-    currentPath: r,
+    description: r,
+    currentPath: o,
     entries: s,
     selectedPath: a,
     selectedPaths: c,
     isLoading: d,
-    error: h,
+    error: u,
     isSelectDisabled: g,
     onClose: f,
-    onSelect: u,
-    onSelectHomeDirectory: p,
+    onSelect: p,
+    onSelectHomeDirectory: h,
     onSelectParentDirectory: m,
     onEntryClick: x
-  } = n, S = t === void 0 ? "Select folder" : t, y = r === void 0 ? "" : r, v = a === void 0 ? null : a;
-  let k;
-  e[0] !== c ? (k = c === void 0 ? [] : c, e[0] = c, e[1] = k) : k = e[1];
-  const P = k, I = d === void 0 ? !1 : d, w = h === void 0 ? "" : h, T = g === void 0 ? !1 : g;
-  let R;
-  e[2] !== P ? (R = new Set(P), e[2] = P, e[3] = R) : R = e[3];
-  const z = R;
+  } = l, y = t === void 0 ? "Select folder" : t, I = o === void 0 ? "" : o, k = a === void 0 ? null : a;
+  let P;
+  e[0] !== c ? (P = c === void 0 ? [] : c, e[0] = c, e[1] = P) : P = e[1];
+  const D = P, T = d === void 0 ? !1 : d, _ = u === void 0 ? "" : u, S = g === void 0 ? !1 : g;
+  let C;
+  e[2] !== D ? (C = new Set(D), e[2] = D, e[3] = C) : C = e[3];
+  const w = C;
+  let v;
+  e[4] !== f ? (v = (ie) => !ie.open && f(), e[4] = f, e[5] = v) : v = e[5];
+  let E;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ i(se.Backdrop, {}), e[6] = E) : E = e[6];
   let L;
-  e[4] !== f ? (L = (le) => !le.open && f(), e[4] = f, e[5] = L) : L = e[5];
+  e[7] !== y ? (L = /* @__PURE__ */ i($, { textStyle: "heading/M", children: y }), e[7] = y, e[8] = L) : L = e[8];
+  let z;
+  e[9] !== r ? (z = r ? /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "fg.muted", children: r }) : null, e[9] = r, e[10] = z) : z = e[10];
   let O;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ i(J.Backdrop, {}), e[6] = O) : O = e[6];
-  let N;
-  e[7] !== S ? (N = /* @__PURE__ */ i(C, { textStyle: "heading/M", children: S }), e[7] = S, e[8] = N) : N = e[8];
+  e[11] !== L || e[12] !== z ? (O = /* @__PURE__ */ i(se.Header, { children: /* @__PURE__ */ b(G, { gap: "xs", children: [
+    L,
+    z
+  ] }) }), e[11] = L, e[12] = z, e[13] = O) : O = e[13];
+  let W;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ i(tn, { size: 16 }), e[14] = W) : W = e[14];
   let H;
-  e[9] !== o ? (H = o ? /* @__PURE__ */ i(C, { textStyle: "paragraph/S/regular", color: "fg.muted", children: o }) : null, e[9] = o, e[10] = H) : H = e[10];
+  e[15] !== h ? (H = /* @__PURE__ */ i(de, { "aria-label": "Go to home directory", variant: "outline", size: "sm", onClick: h, children: W }), e[15] = h, e[16] = H) : H = e[16];
+  const B = !I || I === "/";
+  let N;
+  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ i(nn, { size: 16 }), e[17] = N) : N = e[17];
   let M;
-  e[11] !== N || e[12] !== H ? (M = /* @__PURE__ */ i(J.Header, { children: /* @__PURE__ */ b(D, { gap: "xs", children: [
-    N,
-    H
-  ] }) }), e[11] = N, e[12] = H, e[13] = M) : M = e[13];
-  let B;
-  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ i(_t, { size: 16 }), e[14] = B) : B = e[14];
-  let A;
-  e[15] !== p ? (A = /* @__PURE__ */ i(ue, { "aria-label": "Go to home directory", variant: "outline", size: "sm", onClick: p, children: B }), e[15] = p, e[16] = A) : A = e[16];
-  const j = !y || y === "/";
-  let _;
-  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ i(Rt, { size: 16 }), e[17] = _) : _ = e[17];
-  let G;
-  e[18] !== m || e[19] !== j ? (G = /* @__PURE__ */ i(ue, { "aria-label": "Go to parent directory", variant: "outline", size: "sm", onClick: m, disabled: j, children: _ }), e[18] = m, e[19] = j, e[20] = G) : G = e[20];
-  const Q = y || "Home";
+  e[18] !== m || e[19] !== B ? (M = /* @__PURE__ */ i(de, { "aria-label": "Go to parent directory", variant: "outline", size: "sm", onClick: m, disabled: B, children: N }), e[18] = m, e[19] = B, e[20] = M) : M = e[20];
+  const R = I || "Home";
+  let F;
+  e[21] !== R ? (F = /* @__PURE__ */ i($, { "data-testid": "folder-picker-path", textStyle: "paragraph/S/regular", color: "fg.muted", flex: "1", lineClamp: 1, children: R }), e[21] = R, e[22] = F) : F = e[22];
   let Y;
-  e[21] !== Q ? (Y = /* @__PURE__ */ i(C, { textStyle: "paragraph/S/regular", color: "fg.muted", flex: "1", lineClamp: 1, children: Q }), e[21] = Q, e[22] = Y) : Y = e[22];
-  let X;
-  e[23] !== A || e[24] !== G || e[25] !== Y ? (X = /* @__PURE__ */ b(D, { direction: "row", gap: "sm", align: "center", children: [
-    A,
-    G,
-    Y
-  ] }), e[23] = A, e[24] = G, e[25] = Y, e[26] = X) : X = e[26];
-  let U;
-  e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (U = {
+  e[23] !== H || e[24] !== M || e[25] !== F ? (Y = /* @__PURE__ */ b(G, { direction: "row", gap: "sm", align: "center", children: [
+    H,
+    M,
+    F
+  ] }), e[23] = H, e[24] = M, e[25] = F, e[26] = Y) : Y = e[26];
+  let q;
+  e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = {
     padding: "sm"
-  }, e[27] = U) : U = e[27];
-  let Z;
-  e[28] !== s || e[29] !== w || e[30] !== I || e[31] !== x || e[32] !== v || e[33] !== z ? (Z = /* @__PURE__ */ i(he, { borderWidth: "1px", borderRadius: "md", borderColor: "border.muted", maxHeight: "320px", contentProps: U, children: I ? /* @__PURE__ */ i(C, { textStyle: "paragraph/S/regular", color: "fg.muted", children: "Loading..." }) : w ? /* @__PURE__ */ i(C, { textStyle: "paragraph/S/regular", color: "red.500", children: w }) : s.length === 0 ? /* @__PURE__ */ i(C, { textStyle: "paragraph/S/regular", color: "fg.muted", children: "No entries found." }) : /* @__PURE__ */ i(D, { gap: "xs", children: s.map((le) => /* @__PURE__ */ i(ml, { entry: le, selectedPath: v, selectedPathSet: z, onEntryClick: x }, le.path)) }) }), e[28] = s, e[29] = w, e[30] = I, e[31] = x, e[32] = v, e[33] = z, e[34] = Z) : Z = e[34];
-  let te;
-  e[35] !== X || e[36] !== Z ? (te = /* @__PURE__ */ i(J.Body, { children: /* @__PURE__ */ b(D, { gap: "md", children: [
-    X,
-    Z
-  ] }) }), e[35] = X, e[36] = Z, e[37] = te) : te = e[37];
+  }, e[27] = q) : q = e[27];
+  let J;
+  e[28] !== s || e[29] !== _ || e[30] !== T || e[31] !== x || e[32] !== k || e[33] !== w ? (J = /* @__PURE__ */ i(Ce, { borderWidth: "1px", borderRadius: "md", borderColor: "border.muted", maxHeight: "320px", contentProps: q, children: T ? /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "fg.muted", children: "Loading..." }) : _ ? /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "red.500", children: _ }) : s.length === 0 ? /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "fg.muted", children: "No entries found." }) : /* @__PURE__ */ i(G, { gap: "xs", children: s.map((ie) => /* @__PURE__ */ i(Vn, { entry: ie, selectedPath: k, selectedPathSet: w, onEntryClick: x }, ie.path)) }) }), e[28] = s, e[29] = _, e[30] = T, e[31] = x, e[32] = k, e[33] = w, e[34] = J) : J = e[34];
   let K;
-  e[38] !== f ? (K = /* @__PURE__ */ i(ue, { variant: "outline", onClick: f, children: "Cancel" }), e[38] = f, e[39] = K) : K = e[39];
+  e[35] !== Y || e[36] !== J ? (K = /* @__PURE__ */ i(se.Body, { children: /* @__PURE__ */ b(G, { gap: "md", children: [
+    Y,
+    J
+  ] }) }), e[35] = Y, e[36] = J, e[37] = K) : K = e[37];
+  let Q;
+  e[38] !== f ? (Q = /* @__PURE__ */ i(de, { variant: "outline", onClick: f, children: "Cancel" }), e[38] = f, e[39] = Q) : Q = e[39];
+  let te;
+  e[40] !== S || e[41] !== p ? (te = /* @__PURE__ */ i(de, { onClick: p, disabled: S, children: "Select repository" }), e[40] = S, e[41] = p, e[42] = te) : te = e[42];
   let ee;
-  e[40] !== T || e[41] !== u ? (ee = /* @__PURE__ */ i(ue, { onClick: u, disabled: T, children: "Select repository" }), e[40] = T, e[41] = u, e[42] = ee) : ee = e[42];
-  let V;
-  e[43] !== K || e[44] !== ee ? (V = /* @__PURE__ */ i(J.Footer, { children: /* @__PURE__ */ b(D, { direction: "row", gap: "sm", children: [
+  e[43] !== Q || e[44] !== te ? (ee = /* @__PURE__ */ i(se.Footer, { children: /* @__PURE__ */ b(G, { direction: "row", gap: "sm", children: [
+    Q,
+    te
+  ] }) }), e[43] = Q, e[44] = te, e[45] = ee) : ee = e[45];
+  let Z;
+  e[46] !== O || e[47] !== K || e[48] !== ee ? (Z = /* @__PURE__ */ i(se.Positioner, { children: /* @__PURE__ */ b(se.Content, { children: [
+    O,
     K,
     ee
-  ] }) }), e[43] = K, e[44] = ee, e[45] = V) : V = e[45];
-  let q;
-  e[46] !== M || e[47] !== te || e[48] !== V ? (q = /* @__PURE__ */ i(J.Positioner, { children: /* @__PURE__ */ b(J.Content, { children: [
-    M,
-    te,
-    V
-  ] }) }), e[46] = M, e[47] = te, e[48] = V, e[49] = q) : q = e[49];
-  let W;
-  return e[50] !== l || e[51] !== q || e[52] !== L ? (W = /* @__PURE__ */ b(J.Root, { closeOnInteractOutside: !1, open: l, onOpenChange: L, children: [
-    O,
-    q
-  ] }), e[50] = l, e[51] = q, e[52] = L, e[53] = W) : W = e[53], W;
+  ] }) }), e[46] = O, e[47] = K, e[48] = ee, e[49] = Z) : Z = e[49];
+  let U;
+  return e[50] !== n || e[51] !== Z || e[52] !== v ? (U = /* @__PURE__ */ b(se.Root, { closeOnInteractOutside: !1, open: n, onOpenChange: v, children: [
+    E,
+    Z
+  ] }), e[50] = n, e[51] = Z, e[52] = v, e[53] = U) : U = e[53], U;
 };
-function zn(n) {
-  const e = $(6);
-  let l, t;
-  e[0] !== n ? ({
-    children: l,
+function Wi(l) {
+  const e = A(6);
+  let n, t;
+  e[0] !== l ? ({
+    children: n,
     ...t
-  } = n, e[0] = n, e[1] = l, e[2] = t) : (l = e[1], t = e[2]);
-  let o;
-  return e[3] !== l || e[4] !== t ? (o = /* @__PURE__ */ i(F, { ...t, minH: "49px", justify: "space-between", align: "center", borderBottomWidth: "1px", p: "xs", children: l }), e[3] = l, e[4] = t, e[5] = o) : o = e[5], o;
+  } = l, e[0] = l, e[1] = n, e[2] = t) : (n = e[1], t = e[2]);
+  let r;
+  return e[3] !== n || e[4] !== t ? (r = /* @__PURE__ */ i(X, { ...t, minH: "49px", justify: "space-between", align: "center", borderBottomWidth: "1px", p: "xs", children: n }), e[3] = n, e[4] = t, e[5] = r) : r = e[5], r;
 }
-const bl = (n, e) => `${n.name}-${n.version ?? "unknown"}-${e}`, xl = (n) => n.version ? `${n.name} v${n.version}` : n.name, Hn = (n) => {
-  const e = $(30), {
-    notices: l,
+const jn = (l, e) => `${l.name}-${l.version ?? "unknown"}-${e}`, Xn = (l) => l.version ? `${l.name} v${l.version}` : l.name, Fi = (l) => {
+  const e = A(30), {
+    notices: n,
     title: t,
-    description: o,
-    productName: r,
+    description: r,
+    productName: o,
     productVersion: s,
     generatedAt: a,
     emptyTitle: c,
     emptyDescription: d
-  } = n, h = t === void 0 ? "Open Source and Third-Party Notices" : t, g = o === void 0 ? "This product includes software developed by the open source community." : o, f = c === void 0 ? "No third-party notices available" : c, u = d === void 0 ? "No third-party packages were included in this build." : d;
-  let p;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = {
+  } = l, u = t === void 0 ? "Open Source and Third-Party Notices" : t, g = r === void 0 ? "This product includes software developed by the open source community." : r, f = c === void 0 ? "No third-party notices available" : c, p = d === void 0 ? "No third-party packages were included in this build." : d;
+  let h;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = {
     base: "md",
     md: "xl"
-  }, e[0] = p) : p = e[0];
+  }, e[0] = h) : h = e[0];
   let m;
-  e[1] !== h ? (m = /* @__PURE__ */ i(C, { textStyle: "heading/L", children: h }), e[1] = h, e[2] = m) : m = e[2];
+  e[1] !== u ? (m = /* @__PURE__ */ i($, { textStyle: "heading/L", children: u }), e[1] = u, e[2] = m) : m = e[2];
   let x;
-  e[3] !== g ? (x = /* @__PURE__ */ i(C, { textStyle: "paragraph/S/regular", color: "fg.muted", children: g }), e[3] = g, e[4] = x) : x = e[4];
-  let S;
-  e[5] !== r ? (S = r ? /* @__PURE__ */ b(C, { textStyle: "label/XS", color: "fg.muted", children: [
-    "Product: ",
-    r
-  ] }) : null, e[5] = r, e[6] = S) : S = e[6];
+  e[3] !== g ? (x = /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "fg.muted", children: g }), e[3] = g, e[4] = x) : x = e[4];
   let y;
-  e[7] !== s ? (y = s ? /* @__PURE__ */ b(C, { textStyle: "label/XS", color: "fg.muted", children: [
+  e[5] !== o ? (y = o ? /* @__PURE__ */ b($, { textStyle: "label/XS", color: "fg.muted", children: [
+    "Product: ",
+    o
+  ] }) : null, e[5] = o, e[6] = y) : y = e[6];
+  let I;
+  e[7] !== s ? (I = s ? /* @__PURE__ */ b($, { textStyle: "label/XS", color: "fg.muted", children: [
     "Version: ",
     s
-  ] }) : null, e[7] = s, e[8] = y) : y = e[8];
-  let v;
-  e[9] !== l.length ? (v = /* @__PURE__ */ b(C, { textStyle: "label/XS", color: "fg.muted", children: [
-    "Packages: ",
-    l.length
-  ] }), e[9] = l.length, e[10] = v) : v = e[10];
+  ] }) : null, e[7] = s, e[8] = I) : I = e[8];
   let k;
-  e[11] !== a ? (k = a ? /* @__PURE__ */ b(C, { textStyle: "label/XS", color: "fg.muted", children: [
+  e[9] !== n.length ? (k = /* @__PURE__ */ b($, { textStyle: "label/XS", color: "fg.muted", children: [
+    "Packages: ",
+    n.length
+  ] }), e[9] = n.length, e[10] = k) : k = e[10];
+  let P;
+  e[11] !== a ? (P = a ? /* @__PURE__ */ b($, { textStyle: "label/XS", color: "fg.muted", children: [
     "Generated: ",
     a
-  ] }) : null, e[11] = a, e[12] = k) : k = e[12];
-  let P;
-  e[13] !== k || e[14] !== S || e[15] !== y || e[16] !== v ? (P = /* @__PURE__ */ b(F, { gap: "md", flexWrap: "wrap", children: [
-    S,
+  ] }) : null, e[11] = a, e[12] = P) : P = e[12];
+  let D;
+  e[13] !== P || e[14] !== y || e[15] !== I || e[16] !== k ? (D = /* @__PURE__ */ b(X, { gap: "md", flexWrap: "wrap", children: [
     y,
-    v,
-    k
-  ] }), e[13] = k, e[14] = S, e[15] = y, e[16] = v, e[17] = P) : P = e[17];
-  let I;
-  e[18] !== P || e[19] !== m || e[20] !== x ? (I = /* @__PURE__ */ b(D, { gap: "xs", children: [
-    m,
-    x,
+    I,
+    k,
     P
-  ] }), e[18] = P, e[19] = m, e[20] = x, e[21] = I) : I = e[21];
-  let w;
-  e[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ i(gt, { borderColor: "border.muted" }), e[22] = w) : w = e[22];
+  ] }), e[13] = P, e[14] = y, e[15] = I, e[16] = k, e[17] = D) : D = e[17];
   let T;
-  e[23] !== u || e[24] !== f || e[25] !== l ? (T = l.length === 0 ? /* @__PURE__ */ b(D, { borderWidth: "1px", borderColor: "border.muted", borderRadius: "md", padding: "lg", gap: "xs", children: [
-    /* @__PURE__ */ i(C, { textStyle: "label/L/medium", children: f }),
-    /* @__PURE__ */ i(C, { textStyle: "paragraph/S/regular", color: "fg.muted", children: u })
-  ] }) : /* @__PURE__ */ i(D, { gap: "md", children: l.map(Sl) }), e[23] = u, e[24] = f, e[25] = l, e[26] = T) : T = e[26];
-  let R;
-  return e[27] !== I || e[28] !== T ? (R = /* @__PURE__ */ b(D, { width: "full", minHeight: "100%", background: "bg", color: "fg", padding: p, gap: "lg", children: [
-    I,
-    w,
-    T
-  ] }), e[27] = I, e[28] = T, e[29] = R) : R = e[29], R;
+  e[18] !== D || e[19] !== m || e[20] !== x ? (T = /* @__PURE__ */ b(G, { gap: "xs", children: [
+    m,
+    x,
+    D
+  ] }), e[18] = D, e[19] = m, e[20] = x, e[21] = T) : T = e[21];
+  let _;
+  e[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ i(Ye, { borderColor: "border.muted" }), e[22] = _) : _ = e[22];
+  let S;
+  e[23] !== p || e[24] !== f || e[25] !== n ? (S = n.length === 0 ? /* @__PURE__ */ b(G, { borderWidth: "1px", borderColor: "border.muted", borderRadius: "md", padding: "lg", gap: "xs", children: [
+    /* @__PURE__ */ i($, { textStyle: "label/L/medium", children: f }),
+    /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "fg.muted", children: p })
+  ] }) : /* @__PURE__ */ i(G, { gap: "md", children: n.map(Un) }), e[23] = p, e[24] = f, e[25] = n, e[26] = S) : S = e[26];
+  let C;
+  return e[27] !== T || e[28] !== S ? (C = /* @__PURE__ */ b(G, { width: "full", minHeight: "100%", background: "bg", color: "fg", padding: h, gap: "lg", children: [
+    T,
+    _,
+    S
+  ] }), e[27] = T, e[28] = S, e[29] = C) : C = e[29], C;
 };
-function Sl(n, e) {
-  return /* @__PURE__ */ i(E, { borderWidth: "1px", borderColor: "border.muted", borderRadius: "md", padding: "md", children: /* @__PURE__ */ b(D, { gap: "sm", children: [
-    /* @__PURE__ */ b(D, { gap: "2xs", children: [
-      /* @__PURE__ */ i(C, { textStyle: "label/L/medium", children: xl(n) }),
-      /* @__PURE__ */ b(C, { textStyle: "label/S/regular", color: "fg.muted", children: [
+function Un(l, e) {
+  return /* @__PURE__ */ i(V, { borderWidth: "1px", borderColor: "border.muted", borderRadius: "md", padding: "md", children: /* @__PURE__ */ b(G, { gap: "sm", children: [
+    /* @__PURE__ */ b(G, { gap: "2xs", children: [
+      /* @__PURE__ */ i($, { textStyle: "label/L/medium", children: Xn(l) }),
+      /* @__PURE__ */ b($, { textStyle: "label/S/regular", color: "fg.muted", children: [
         "License: ",
-        n.license ?? "Unknown"
+        l.license ?? "Unknown"
       ] })
     ] }),
-    n.copyright ? /* @__PURE__ */ i(C, { textStyle: "label/S/regular", color: "fg.muted", children: n.copyright }) : null,
-    (n.homepageUrl || n.sourceUrl) && /* @__PURE__ */ b(D, { gap: "2xs", children: [
-      n.homepageUrl ? /* @__PURE__ */ i(Be, { href: n.homepageUrl, target: "_blank", rel: "noreferrer", textStyle: "label/S/medium", width: "fit-content", children: "Homepage" }) : null,
-      n.sourceUrl ? /* @__PURE__ */ i(Be, { href: n.sourceUrl, target: "_blank", rel: "noreferrer", textStyle: "label/S/medium", width: "fit-content", children: "Source code" }) : null
+    l.copyright ? /* @__PURE__ */ i($, { textStyle: "label/S/regular", color: "fg.muted", children: l.copyright }) : null,
+    (l.homepageUrl || l.sourceUrl) && /* @__PURE__ */ b(G, { gap: "2xs", children: [
+      l.homepageUrl ? /* @__PURE__ */ i(Ue, { href: l.homepageUrl, target: "_blank", rel: "noreferrer", textStyle: "label/S/medium", width: "fit-content", children: "Homepage" }) : null,
+      l.sourceUrl ? /* @__PURE__ */ i(Ue, { href: l.sourceUrl, target: "_blank", rel: "noreferrer", textStyle: "label/S/medium", width: "fit-content", children: "Source code" }) : null
     ] }),
-    n.attribution ? /* @__PURE__ */ i(E, { background: "bg.muted", borderRadius: "sm", padding: "sm", children: /* @__PURE__ */ i(C, { textStyle: "label/S/regular", whiteSpace: "pre-wrap", children: n.attribution }) }) : null
-  ] }) }, bl(n, e));
+    l.attribution ? /* @__PURE__ */ i(V, { background: "bg.muted", borderRadius: "sm", padding: "sm", children: /* @__PURE__ */ i($, { textStyle: "label/S/regular", whiteSpace: "pre-wrap", children: l.attribution }) }) : null
+  ] }) }, jn(l, e));
 }
-const Nn = (n) => {
-  const e = $(4), {
-    items: l
-  } = n;
+const Bi = (l) => {
+  const e = A(4), {
+    items: n
+  } = l;
   let t;
-  e[0] !== l ? (t = l.map(yl), e[0] = l, e[1] = t) : t = e[1];
-  let o;
-  return e[2] !== t ? (o = /* @__PURE__ */ i(D, { gap: "sm", paddingLeft: "sm", paddingY: "xs", children: t }), e[2] = t, e[3] = o) : o = e[3], o;
+  e[0] !== n ? (t = n.map(Yn), e[0] = n, e[1] = t) : t = e[1];
+  let r;
+  return e[2] !== t ? (r = /* @__PURE__ */ i(G, { gap: "sm", paddingLeft: "sm", paddingY: "xs", children: t }), e[2] = t, e[3] = r) : r = e[3], r;
 };
-function yl(n, e) {
-  return /* @__PURE__ */ b(F, { gap: "md", alignItems: "center", children: [
-    /* @__PURE__ */ i(E, { width: "140px", flexShrink: 0, children: /* @__PURE__ */ b(F, { gap: "1", alignItems: "center", children: [
-      /* @__PURE__ */ i(C, { textStyle: "label/S/medium", color: "fg.muted", children: n.label }),
-      n.description && /* @__PURE__ */ i(Ee, { content: n.description, showArrow: !0, children: /* @__PURE__ */ i(ne, { as: Dt, boxSize: "12px", color: "fg.muted", opacity: 0.6, cursor: "help" }) })
+function Yn(l, e) {
+  return /* @__PURE__ */ b(X, { gap: "md", alignItems: "center", children: [
+    /* @__PURE__ */ i(V, { width: "140px", flexShrink: 0, children: /* @__PURE__ */ b(X, { gap: "1", alignItems: "center", children: [
+      /* @__PURE__ */ i($, { textStyle: "label/S/medium", color: "fg.muted", children: l.label }),
+      l.description && /* @__PURE__ */ i(Ee, { content: l.description, showArrow: !0, children: /* @__PURE__ */ i(oe, { as: ln, boxSize: "12px", color: "fg.muted", opacity: 0.6, cursor: "help" }) })
     ] }) }),
-    /* @__PURE__ */ i(E, { flex: "1", children: n.value })
-  ] }, `${n.label}-${e}`);
+    /* @__PURE__ */ i(V, { flex: "1", children: l.value })
+  ] }, `${l.label}-${e}`);
 }
-const vl = (n) => n === "completed" ? Lt : n === "failed" ? Et : zt, Cl = (n) => n === "completed" ? "fg.success" : n === "failed" ? "fg.error" : "fg.muted", wl = (n) => {
-  const e = $(11), {
-    status: l,
+const Kn = (l) => l === "completed" ? rn : l === "failed" ? on : sn, qn = (l) => l === "completed" ? "fg.success" : l === "failed" ? "fg.error" : "fg.muted", Jn = (l) => {
+  const e = A(11), {
+    status: n,
     boxSize: t,
-    ariaLabel: o,
-    cursor: r,
+    ariaLabel: r,
+    cursor: o,
     onClick: s
-  } = n, a = t === void 0 ? "14px" : t, c = o === void 0 ? "Session status" : o;
+  } = l, a = t === void 0 ? "14px" : t, c = r === void 0 ? "Session status" : r;
   let d;
-  e[0] !== l ? (d = vl(l), e[0] = l, e[1] = d) : d = e[1];
-  let h;
-  e[2] !== l ? (h = Cl(l), e[2] = l, e[3] = h) : h = e[3];
+  e[0] !== n ? (d = Kn(n), e[0] = n, e[1] = d) : d = e[1];
+  let u;
+  e[2] !== n ? (u = qn(n), e[2] = n, e[3] = u) : u = e[3];
   let g;
-  return e[4] !== c || e[5] !== a || e[6] !== r || e[7] !== s || e[8] !== d || e[9] !== h ? (g = /* @__PURE__ */ i(ne, { as: d, boxSize: a, color: h, "aria-label": c, cursor: r, onClick: s }), e[4] = c, e[5] = a, e[6] = r, e[7] = s, e[8] = d, e[9] = h, e[10] = g) : g = e[10], g;
-}, tt = (n, e) => e.includes(n), kl = (n) => {
-  const e = $(18), {
-    action: l,
+  return e[4] !== c || e[5] !== a || e[6] !== o || e[7] !== s || e[8] !== d || e[9] !== u ? (g = /* @__PURE__ */ i(oe, { as: d, boxSize: a, color: u, "aria-label": c, cursor: o, onClick: s }), e[4] = c, e[5] = a, e[6] = o, e[7] = s, e[8] = d, e[9] = u, e[10] = g) : g = e[10], g;
+}, Pt = (l, e) => e.includes(l), Qn = (l) => {
+  const e = A(18), {
+    action: n,
     sectionId: t,
-    nodeId: o
-  } = n;
-  if (l.menuItems && l.menuItems.length > 0) {
+    nodeId: r
+  } = l;
+  if (n.menuItems && n.menuItems.length > 0) {
     let a;
-    e[0] !== l.icon || e[1] !== l.label ? (a = /* @__PURE__ */ i(ie.Trigger, { asChild: !0, children: /* @__PURE__ */ i(_e, { variant: "ghost", size: "2xs", "aria-label": l.label, children: l.icon }) }), e[0] = l.icon, e[1] = l.label, e[2] = a) : a = e[2];
+    e[0] !== n.icon || e[1] !== n.label ? (a = /* @__PURE__ */ i(le.Trigger, { asChild: !0, children: /* @__PURE__ */ i(Se, { variant: "ghost", size: "2xs", "aria-label": n.label, children: n.icon }) }), e[0] = n.icon, e[1] = n.label, e[2] = a) : a = e[2];
     let c;
-    e[3] !== l.menuItems ? (c = l.menuItems.map(Pl), e[3] = l.menuItems, e[4] = c) : c = e[4];
+    e[3] !== n.menuItems ? (c = n.menuItems.map(el), e[3] = n.menuItems, e[4] = c) : c = e[4];
     let d;
-    e[5] !== c ? (d = /* @__PURE__ */ i(ie.Positioner, { children: /* @__PURE__ */ i(ie.Content, { minW: "160px", bg: "bg", children: c }) }), e[5] = c, e[6] = d) : d = e[6];
-    let h;
-    return e[7] !== a || e[8] !== d ? (h = /* @__PURE__ */ b(ie.Root, { children: [
+    e[5] !== c ? (d = /* @__PURE__ */ i(le.Positioner, { children: /* @__PURE__ */ i(le.Content, { minW: "160px", bg: "bg", children: c }) }), e[5] = c, e[6] = d) : d = e[6];
+    let u;
+    return e[7] !== a || e[8] !== d ? (u = /* @__PURE__ */ b(le.Root, { children: [
       a,
       d
-    ] }), e[7] = a, e[8] = d, e[9] = h) : h = e[9], h;
+    ] }), e[7] = a, e[8] = d, e[9] = u) : u = e[9], u;
   }
-  let r;
-  e[10] !== l || e[11] !== o || e[12] !== t ? (r = (a) => {
-    a.stopPropagation(), l.onAction?.({
+  let o;
+  e[10] !== n || e[11] !== r || e[12] !== t ? (o = (a) => {
+    a.stopPropagation(), n.onAction?.({
       sectionId: t,
-      nodeId: o
+      nodeId: r
     });
-  }, e[10] = l, e[11] = o, e[12] = t, e[13] = r) : r = e[13];
+  }, e[10] = n, e[11] = r, e[12] = t, e[13] = o) : o = e[13];
   let s;
-  return e[14] !== l.icon || e[15] !== l.label || e[16] !== r ? (s = /* @__PURE__ */ i(_e, { variant: "ghost", size: "2xs", "aria-label": l.label, onClick: r, children: l.icon }), e[14] = l.icon, e[15] = l.label, e[16] = r, e[17] = s) : s = e[17], s;
-}, lt = (n) => {
-  const e = $(11), {
-    sectionId: l,
+  return e[14] !== n.icon || e[15] !== n.label || e[16] !== o ? (s = /* @__PURE__ */ i(Se, { variant: "ghost", size: "2xs", "aria-label": n.label, onClick: o, children: n.icon }), e[14] = n.icon, e[15] = n.label, e[16] = o, e[17] = s) : s = e[17], s;
+}, Je = (l) => {
+  const e = A(11), {
+    sectionId: n,
     nodeId: t,
-    actions: o
-  } = n;
-  if (o.length === 0)
+    actions: r
+  } = l;
+  if (r.length === 0)
     return null;
-  let r, s;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
+  let o, s;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
     opacity: "1",
     pointerEvents: "auto"
   }, s = {
     opacity: "1",
     pointerEvents: "auto"
-  }, e[0] = r, e[1] = s) : (r = e[0], s = e[1]);
+  }, e[0] = o, e[1] = s) : (o = e[0], s = e[1]);
   let a;
-  if (e[2] !== o || e[3] !== t || e[4] !== l) {
+  if (e[2] !== r || e[3] !== t || e[4] !== n) {
     let d;
-    e[6] !== t || e[7] !== l ? (d = (h) => /* @__PURE__ */ i(kl, { action: h, sectionId: l, nodeId: t }, h.id), e[6] = t, e[7] = l, e[8] = d) : d = e[8], a = o.map(d), e[2] = o, e[3] = t, e[4] = l, e[5] = a;
+    e[6] !== t || e[7] !== n ? (d = (u) => /* @__PURE__ */ i(Qn, { action: u, sectionId: n, nodeId: t }, u.id), e[6] = t, e[7] = n, e[8] = d) : d = e[8], a = r.map(d), e[2] = r, e[3] = t, e[4] = n, e[5] = a;
   } else
     a = e[5];
   let c;
-  return e[9] !== a ? (c = /* @__PURE__ */ i(F, { gap: "0", opacity: "0", pointerEvents: "none", _groupHover: r, _groupFocusWithin: s, transition: "opacity 120ms ease", onClick: $l, children: a }), e[9] = a, e[10] = c) : c = e[10], c;
-}, nt = (n) => {
-  const e = $(61), {
-    sectionId: l,
+  return e[9] !== a ? (c = /* @__PURE__ */ i(X, { gap: "0", opacity: "0", pointerEvents: "none", _groupHover: o, _groupFocusWithin: s, transition: "opacity 120ms ease", onClick: tl, children: a }), e[9] = a, e[10] = c) : c = e[10], c;
+}, Tt = (l) => {
+  const e = A(63), {
+    sectionId: n,
     node: t,
-    level: o,
-    expandedNodes: r,
+    level: r,
+    expandedNodes: o,
     activeNodeId: s,
-    onNavigate: a,
-    onToggleNode: c
-  } = n, d = (t.children?.length ?? 0) > 0;
-  let h;
-  e[0] !== r || e[1] !== d || e[2] !== t.id ? (h = d && tt(t.id, r), e[0] = r, e[1] = d, e[2] = t.id, e[3] = h) : h = e[3];
-  const g = h, f = t.isNavigable || t.navigationIntent !== void 0, u = s === t.id, p = t.disabled === !0, m = o > 0 ? `calc(var(--chakra-spacing-1) + ${o} * var(--chakra-spacing-3))` : void 0;
-  let x;
-  e[4] !== d || e[5] !== p || e[6] !== f || e[7] !== t || e[8] !== a || e[9] !== c || e[10] !== l ? (x = () => {
-    if (!p) {
-      if (d) {
-        c(t.id);
+    linkComponent: a,
+    onNavigate: c,
+    onToggleNode: d
+  } = l, u = (t.children?.length ?? 0) > 0;
+  let g;
+  e[0] !== o || e[1] !== u || e[2] !== t.id ? (g = u && Pt(t.id, o), e[0] = o, e[1] = u, e[2] = t.id, e[3] = g) : g = e[3];
+  const f = g, p = t.isNavigable || t.navigationIntent !== void 0, h = s === t.id, m = t.disabled === !0, x = r > 0 ? `calc(var(--chakra-spacing-1) + ${r} * var(--chakra-spacing-3))` : void 0, y = !!(a && t.href && p && !u && !m);
+  let I;
+  e[4] !== u || e[5] !== m || e[6] !== p || e[7] !== t || e[8] !== c || e[9] !== d || e[10] !== n ? (I = () => {
+    if (!m) {
+      if (u) {
+        d(t.id);
         return;
       }
-      f && a?.({
-        sectionId: l,
+      p && c?.({
+        sectionId: n,
         nodeId: t.id,
         node: t,
         intent: t.navigationIntent
       });
     }
-  }, e[4] = d, e[5] = p, e[6] = f, e[7] = t, e[8] = a, e[9] = c, e[10] = l, e[11] = x) : x = e[11];
-  const S = x, y = t.children ? "0" : "2xs", v = u ? "bg.muted" : "transparent", k = u ? "bg.muted" : "bg.subtle";
+  }, e[4] = u, e[5] = m, e[6] = p, e[7] = t, e[8] = c, e[9] = d, e[10] = n, e[11] = I) : I = e[11];
+  const k = I;
   let P;
-  e[12] !== k ? (P = {
-    bg: k
-  }, e[12] = k, e[13] = P) : P = e[13];
-  const I = p ? "default" : "pointer";
-  let w;
-  e[14] !== t.icon ? (w = t.icon ? /* @__PURE__ */ i(E, { color: "fg.muted", flexShrink: 0, children: t.icon }) : null, e[14] = t.icon, e[15] = w) : w = e[15];
-  const T = p ? "fg.muted" : "fg";
-  let R;
-  e[16] !== t.label || e[17] !== T ? (R = /* @__PURE__ */ i(C, { textStyle: "paragraph/S/regular", color: T, truncate: !0, children: t.label }), e[16] = t.label, e[17] = T, e[18] = R) : R = e[18];
-  let z;
-  e[19] !== g || e[20] !== d ? (z = d ? /* @__PURE__ */ i(E, { color: "fg.muted", flexShrink: 0, children: /* @__PURE__ */ i(me, { size: 14, style: {
-    transform: g ? "rotate(90deg)" : "rotate(0deg)",
+  e[12] !== t.icon ? (P = t.icon ? /* @__PURE__ */ i(V, { color: "fg.muted", flexShrink: 0, children: t.icon }) : null, e[12] = t.icon, e[13] = P) : P = e[13];
+  const D = m ? "fg.muted" : "fg";
+  let T;
+  e[14] !== t.label || e[15] !== D ? (T = /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: D, truncate: !0, children: t.label }), e[14] = t.label, e[15] = D, e[16] = T) : T = e[16];
+  let _;
+  e[17] !== f || e[18] !== u ? (_ = u ? /* @__PURE__ */ i(V, { color: "fg.muted", flexShrink: 0, children: /* @__PURE__ */ i(ye, { size: 14, style: {
+    transform: f ? "rotate(90deg)" : "rotate(0deg)",
     transition: "120ms"
-  } }) }) : null, e[19] = g, e[20] = d, e[21] = z) : z = e[21];
-  let L;
-  e[22] !== z || e[23] !== R ? (L = /* @__PURE__ */ b(F, { gap: "1", minW: "0", children: [
-    R,
-    z
-  ] }), e[22] = z, e[23] = R, e[24] = L) : L = e[24];
+  } }) }) : null, e[17] = f, e[18] = u, e[19] = _) : _ = e[19];
+  let S;
+  e[20] !== T || e[21] !== _ ? (S = /* @__PURE__ */ b(X, { gap: "1", minW: "0", children: [
+    T,
+    _
+  ] }), e[20] = T, e[21] = _, e[22] = S) : S = e[22];
+  let C;
+  e[23] !== t.description ? (C = t.description ? /* @__PURE__ */ i($, { textStyle: "paragraph/XS/regular", color: "fg.muted", truncate: !0, children: t.description }) : null, e[23] = t.description, e[24] = C) : C = e[24];
+  let w;
+  e[25] !== S || e[26] !== C ? (w = /* @__PURE__ */ b(G, { gap: "0", minW: "0", flex: "1", children: [
+    S,
+    C
+  ] }), e[25] = S, e[26] = C, e[27] = w) : w = e[27];
+  let v;
+  e[28] !== P || e[29] !== w ? (v = /* @__PURE__ */ b(X, { gap: "2", minW: "0", flex: "1", overflow: "hidden", children: [
+    P,
+    w
+  ] }), e[28] = P, e[29] = w, e[30] = v) : v = e[30];
+  const E = v, L = h ? "bg.muted" : "transparent", z = h ? "bg.muted" : "bg.subtle";
   let O;
-  e[25] !== t.description ? (O = t.description ? /* @__PURE__ */ i(C, { textStyle: "paragraph/XS/regular", color: "fg.muted", truncate: !0, children: t.description }) : null, e[25] = t.description, e[26] = O) : O = e[26];
-  let N;
-  e[27] !== L || e[28] !== O ? (N = /* @__PURE__ */ b(D, { gap: "0", minW: "0", flex: "1", children: [
-    L,
-    O
-  ] }), e[27] = L, e[28] = O, e[29] = N) : N = e[29];
+  e[31] !== z ? (O = {
+    bg: z
+  }, e[31] = z, e[32] = O) : O = e[32];
+  const W = m ? "default" : "pointer";
   let H;
-  e[30] !== N || e[31] !== w ? (H = /* @__PURE__ */ b(F, { gap: "2", minW: "0", flex: "1", overflow: "hidden", children: [
-    w,
-    N
-  ] }), e[30] = N, e[31] = w, e[32] = H) : H = e[32];
+  e[33] !== h || e[34] !== x || e[35] !== L || e[36] !== O || e[37] !== W ? (H = {
+    className: "group",
+    role: "option",
+    "aria-selected": h,
+    justify: "space-between",
+    align: "center",
+    borderRadius: "xs",
+    px: "1",
+    py: "2xs",
+    pl: x,
+    bg: L,
+    _hover: O,
+    cursor: W,
+    overflow: "hidden"
+  }, e[33] = h, e[34] = x, e[35] = L, e[36] = O, e[37] = W, e[38] = H) : H = e[38];
+  const B = H, N = t.children ? "0" : "2xs";
   let M;
-  e[33] !== t.actions ? (M = t.actions ?? [], e[33] = t.actions, e[34] = M) : M = e[34];
-  let B;
-  e[35] !== t.id || e[36] !== l || e[37] !== M ? (B = /* @__PURE__ */ i(lt, { sectionId: l, nodeId: t.id, actions: M }), e[35] = t.id, e[36] = l, e[37] = M, e[38] = B) : B = e[38];
-  let A;
-  e[39] !== S || e[40] !== u || e[41] !== m || e[42] !== H || e[43] !== B || e[44] !== v || e[45] !== P || e[46] !== I ? (A = /* @__PURE__ */ b(F, { className: "group", role: "option", "aria-selected": u, justify: "space-between", align: "center", borderRadius: "xs", px: "1", py: "2xs", pl: m, bg: v, _hover: P, cursor: I, onClick: S, overflow: "hidden", children: [
-    H,
-    B
-  ] }), e[39] = S, e[40] = u, e[41] = m, e[42] = H, e[43] = B, e[44] = v, e[45] = P, e[46] = I, e[47] = A) : A = e[47];
-  let j;
-  e[48] !== s || e[49] !== g || e[50] !== r || e[51] !== o || e[52] !== t.children || e[53] !== a || e[54] !== c || e[55] !== l ? (j = g ? t.children?.map((G) => /* @__PURE__ */ i(nt, { sectionId: l, node: G, level: o + 1, expandedNodes: r, activeNodeId: s, onNavigate: a, onToggleNode: c }, G.id)) : null, e[48] = s, e[49] = g, e[50] = r, e[51] = o, e[52] = t.children, e[53] = a, e[54] = c, e[55] = l, e[56] = j) : j = e[56];
-  let _;
-  return e[57] !== A || e[58] !== j || e[59] !== y ? (_ = /* @__PURE__ */ b(D, { gap: y, children: [
-    A,
-    j
-  ] }), e[57] = A, e[58] = j, e[59] = y, e[60] = _) : _ = e[60], _;
-}, Il = (n) => {
-  const e = $(17), {
-    sections: l,
+  e[39] !== a || e[40] !== y || e[41] !== k || e[42] !== t.actions || e[43] !== t.href || e[44] !== t.id || e[45] !== E || e[46] !== B || e[47] !== n ? (M = y && a && t.href ? /* @__PURE__ */ i(a, { to: t.href, children: /* @__PURE__ */ b(X, { ...B, onClick: k, children: [
+    E,
+    /* @__PURE__ */ i(Je, { sectionId: n, nodeId: t.id, actions: t.actions ?? [] })
+  ] }) }) : /* @__PURE__ */ b(X, { ...B, onClick: k, children: [
+    E,
+    /* @__PURE__ */ i(Je, { sectionId: n, nodeId: t.id, actions: t.actions ?? [] })
+  ] }), e[39] = a, e[40] = y, e[41] = k, e[42] = t.actions, e[43] = t.href, e[44] = t.id, e[45] = E, e[46] = B, e[47] = n, e[48] = M) : M = e[48];
+  let R;
+  e[49] !== a || e[50] !== s || e[51] !== f || e[52] !== o || e[53] !== r || e[54] !== t.children || e[55] !== c || e[56] !== d || e[57] !== n ? (R = f ? t.children?.map((Y) => /* @__PURE__ */ i(Tt, { sectionId: n, node: Y, level: r + 1, expandedNodes: o, activeNodeId: s, linkComponent: a, onNavigate: c, onToggleNode: d }, Y.id)) : null, e[49] = a, e[50] = s, e[51] = f, e[52] = o, e[53] = r, e[54] = t.children, e[55] = c, e[56] = d, e[57] = n, e[58] = R) : R = e[58];
+  let F;
+  return e[59] !== N || e[60] !== M || e[61] !== R ? (F = /* @__PURE__ */ b(G, { gap: N, children: [
+    M,
+    R
+  ] }), e[59] = N, e[60] = M, e[61] = R, e[62] = F) : F = e[62], F;
+}, Zn = (l) => {
+  const e = A(19), {
+    sections: n,
     expandedSections: t,
-    expandedNodes: o,
-    activeNodeId: r,
-    onNavigate: s,
-    onToggleSection: a,
-    onToggleNode: c
-  } = n;
-  let d;
-  if (e[0] !== r || e[1] !== o || e[2] !== t || e[3] !== s || e[4] !== c || e[5] !== a || e[6] !== l) {
-    let g;
-    e[8] !== r || e[9] !== o || e[10] !== t || e[11] !== s || e[12] !== c || e[13] !== a ? (g = (f) => {
-      const u = f.label ? tt(f.id, t) : !0;
-      return /* @__PURE__ */ b(D, { gap: "0", children: [
-        f.label ? /* @__PURE__ */ b(F, { className: "group", justify: "space-between", align: "center", px: "1", py: "2xs", minH: "7", cursor: "pointer", borderRadius: "xs", _hover: {
+    expandedNodes: r,
+    activeNodeId: o,
+    linkComponent: s,
+    onNavigate: a,
+    onToggleSection: c,
+    onToggleNode: d
+  } = l;
+  let u;
+  if (e[0] !== o || e[1] !== r || e[2] !== t || e[3] !== s || e[4] !== a || e[5] !== d || e[6] !== c || e[7] !== n) {
+    let f;
+    e[9] !== o || e[10] !== r || e[11] !== t || e[12] !== s || e[13] !== a || e[14] !== d || e[15] !== c ? (f = (p) => {
+      const h = p.label ? Pt(p.id, t) : !0;
+      return /* @__PURE__ */ b(G, { gap: "0", "data-testid": `sidebar-section-${p.id}`, children: [
+        p.label ? /* @__PURE__ */ b(X, { className: "group", justify: "space-between", align: "center", px: "1", py: "2xs", minH: "7", cursor: "pointer", borderRadius: "xs", _hover: {
           bg: "bg.subtle"
-        }, onClick: () => a(f.id), children: [
-          /* @__PURE__ */ b(F, { gap: "1", flex: "1", minW: "0", children: [
-            /* @__PURE__ */ i(C, { textStyle: "label/XS", textTransform: "uppercase", color: "fg.muted", letterSpacing: "0.08em", truncate: !0, children: f.label }),
-            /* @__PURE__ */ i(E, { color: "fg.muted", flexShrink: 0, children: /* @__PURE__ */ i(me, { size: 14, style: {
-              transform: u ? "rotate(90deg)" : "rotate(0deg)",
+        }, onClick: () => c(p.id), children: [
+          /* @__PURE__ */ b(X, { gap: "1", flex: "1", minW: "0", children: [
+            /* @__PURE__ */ i($, { textStyle: "label/XS", textTransform: "uppercase", color: "fg.muted", letterSpacing: "0.08em", truncate: !0, children: p.label }),
+            /* @__PURE__ */ i(V, { color: "fg.muted", flexShrink: 0, children: /* @__PURE__ */ i(ye, { size: 14, style: {
+              transform: h ? "rotate(90deg)" : "rotate(0deg)",
               transition: "120ms"
             } }) })
           ] }),
-          /* @__PURE__ */ i(lt, { sectionId: f.id, actions: f.actions ?? [] })
+          /* @__PURE__ */ i(Je, { sectionId: p.id, actions: p.actions ?? [] })
         ] }) : null,
-        u ? f.nodes.length > 0 ? f.nodes.map((p) => /* @__PURE__ */ i(nt, { sectionId: f.id, node: p, level: 0, expandedNodes: o, activeNodeId: r, onNavigate: s, onToggleNode: c }, p.id)) : f.emptyState ?? null : null
-      ] }, f.id);
-    }, e[8] = r, e[9] = o, e[10] = t, e[11] = s, e[12] = c, e[13] = a, e[14] = g) : g = e[14], d = l.map(g), e[0] = r, e[1] = o, e[2] = t, e[3] = s, e[4] = c, e[5] = a, e[6] = l, e[7] = d;
+        h ? p.nodes.length > 0 ? p.nodes.map((m) => /* @__PURE__ */ i(Tt, { sectionId: p.id, node: m, level: 0, expandedNodes: r, activeNodeId: o, linkComponent: s, onNavigate: a, onToggleNode: d }, m.id)) : p.emptyState ?? null : null
+      ] }, p.id);
+    }, e[9] = o, e[10] = r, e[11] = t, e[12] = s, e[13] = a, e[14] = d, e[15] = c, e[16] = f) : f = e[16], u = n.map(f), e[0] = o, e[1] = r, e[2] = t, e[3] = s, e[4] = a, e[5] = d, e[6] = c, e[7] = n, e[8] = u;
   } else
-    d = e[7];
-  let h;
-  return e[15] !== d ? (h = /* @__PURE__ */ i(D, { role: "listbox", gap: "md", p: "md", children: d }), e[15] = d, e[16] = h) : h = e[16], h;
+    u = e[8];
+  let g;
+  return e[17] !== u ? (g = /* @__PURE__ */ i(G, { role: "listbox", gap: "md", p: "md", children: u }), e[17] = u, e[18] = g) : g = e[18], g;
 };
-function Pl(n) {
-  return /* @__PURE__ */ b(ie.Item, { value: n.id, onClick: () => n.onAction?.(), children: [
-    n.icon ? /* @__PURE__ */ i(E, { mr: "2", children: n.icon }) : null,
-    n.label
-  ] }, n.id);
+function el(l) {
+  return /* @__PURE__ */ i(Ee, { content: l.description, disabled: !l.description, openDelay: 300, children: /* @__PURE__ */ b(le.Item, { value: l.id, onClick: () => l.onAction?.(), children: [
+    l.icon ? /* @__PURE__ */ i(V, { mr: "2", children: l.icon }) : null,
+    l.label
+  ] }) }, l.id);
 }
-function $l(n) {
-  return n.stopPropagation();
+function tl(l) {
+  return l.stopPropagation();
 }
-const Fe = {
+const ot = {
   open: !0,
   expandedSections: [],
   expandedNodes: []
-}, Tl = "pstdio/ui/sidebar-next", _l = (n) => `${Tl}/${n}`, Rl = () => ({
+}, nl = "pstdio/ui/sidebar-next", ll = (l) => `${nl}/${l}`, il = () => ({
   getItem: () => null,
   setItem: () => {
   },
   removeItem: () => {
   }
-}), Ve = (n, e) => n.includes(e) ? n.filter((l) => l !== e) : [...n, e], Ye = (n, e, l) => l ? n.includes(e) ? n : [...n, e] : n.filter((t) => t !== e), Dl = (n) => ({
-  open: n.open,
-  expandedSections: n.expandedSections,
-  expandedNodes: n.expandedNodes
-}), Ll = (n) => {
+}), st = (l, e) => l.includes(e) ? l.filter((n) => n !== e) : [...l, e], at = (l, e, n) => n ? l.includes(e) ? l : [...l, e] : l.filter((t) => t !== e), rl = (l) => ({
+  open: l.open,
+  expandedSections: l.expandedSections,
+  expandedNodes: l.expandedNodes
+}), ol = (l) => {
   const {
     storageKey: e,
-    initialState: l
-  } = n, t = {
-    ...Fe,
-    ...l
+    initialState: n
+  } = l, t = {
+    ...ot,
+    ...n
   };
-  return jt()(Bt((o) => ({
+  return wt()(Ct((r) => ({
     ...t,
-    openSidebar: () => o((r) => ({
-      ...r,
+    openSidebar: () => r((o) => ({
+      ...o,
       open: !0
     })),
-    closeSidebar: () => o((r) => ({
-      ...r,
+    closeSidebar: () => r((o) => ({
+      ...o,
       open: !1
     })),
-    toggleSidebar: () => o((r) => ({
-      ...r,
-      open: !r.open
+    toggleSidebar: () => r((o) => ({
+      ...o,
+      open: !o.open
     })),
-    toggleSection: (r) => o((s) => ({
+    toggleSection: (o) => r((s) => ({
       ...s,
-      expandedSections: Ve(s.expandedSections, r)
+      expandedSections: st(s.expandedSections, o)
     })),
-    toggleNode: (r) => o((s) => ({
+    toggleNode: (o) => r((s) => ({
       ...s,
-      expandedNodes: Ve(s.expandedNodes, r)
+      expandedNodes: st(s.expandedNodes, o)
     })),
-    setSectionExpanded: (r, s) => o((a) => ({
+    setSectionExpanded: (o, s) => r((a) => ({
       ...a,
-      expandedSections: Ye(a.expandedSections, r, s)
+      expandedSections: at(a.expandedSections, o, s)
     })),
-    setNodeExpanded: (r, s) => o((a) => ({
+    setNodeExpanded: (o, s) => r((a) => ({
       ...a,
-      expandedNodes: Ye(a.expandedNodes, r, s)
+      expandedNodes: at(a.expandedNodes, o, s)
     })),
-    reset: () => o(Fe)
+    reset: () => r(ot)
   }), {
-    name: _l(e),
-    storage: Ot(() => typeof globalThis.localStorage > "u" ? Rl() : globalThis.localStorage),
-    partialize: Dl
+    name: ll(e),
+    storage: vt(() => typeof globalThis.localStorage > "u" ? il() : globalThis.localStorage),
+    partialize: rl
   }));
-}, Ue = /* @__PURE__ */ new Map(), El = (n) => {
-  const e = Ue.get(n);
+}, ct = /* @__PURE__ */ new Map(), sl = (l) => {
+  const e = ct.get(l);
   if (e)
     return e;
-  const l = Ll({
-    storageKey: n
+  const n = ol({
+    storageKey: l
   });
-  return Ue.set(n, l), l;
-}, Te = (n, e) => {
-  const l = $(2);
+  return ct.set(l, n), n;
+}, Re = (l, e) => {
+  const n = A(2);
   let t;
-  return l[0] !== n ? (t = El(n), l[0] = n, l[1] = t) : t = l[1], Mt(t, e);
-}, zl = (n) => {
-  const e = $(2), {
-    children: l
-  } = n;
-  if (!l)
+  return n[0] !== l ? (t = sl(l), n[0] = l, n[1] = t) : t = n[1], yt(t, e);
+}, al = (l) => {
+  const e = A(2), {
+    children: n
+  } = l;
+  if (!n)
     return null;
   let t;
-  return e[0] !== l ? (t = /* @__PURE__ */ i(E, { px: "2", py: "2", bg: "bg", position: "sticky", bottom: "0", overflow: "hidden", children: l }), e[0] = l, e[1] = t) : t = e[1], t;
-}, Hl = (n) => {
-  const e = $(7), {
-    children: l,
+  return e[0] !== n ? (t = /* @__PURE__ */ i(V, { px: "2", py: "2", bg: "bg", position: "sticky", bottom: "0", overflow: "hidden", children: n }), e[0] = n, e[1] = t) : t = e[1], t;
+}, cl = (l) => {
+  const e = A(7), {
+    children: n,
     onClose: t
-  } = n;
-  let o;
-  e[0] !== l ? (o = /* @__PURE__ */ i(F, { minW: "0", flex: "1", children: l }), e[0] = l, e[1] = o) : o = e[1];
+  } = l;
   let r;
-  e[2] !== t ? (r = t ? /* @__PURE__ */ i(_e, { variant: "ghost", size: "sm", "aria-label": "Hide sidebar", onClick: t, children: /* @__PURE__ */ i(Ht, { size: 16 }) }) : null, e[2] = t, e[3] = r) : r = e[3];
+  e[0] !== n ? (r = /* @__PURE__ */ i(X, { minW: "0", flex: "1", children: n }), e[0] = n, e[1] = r) : r = e[1];
+  let o;
+  e[2] !== t ? (o = t ? /* @__PURE__ */ i(Se, { variant: "ghost", size: "sm", "aria-label": "Hide sidebar", onClick: t, children: /* @__PURE__ */ i(an, { size: 16 }) }) : null, e[2] = t, e[3] = o) : o = e[3];
   let s;
-  return e[4] !== o || e[5] !== r ? (s = /* @__PURE__ */ b(F, { justify: "space-between", align: "center", px: "4", py: "3", bg: "bg", position: "sticky", top: "0", zIndex: "1", children: [
-    o,
-    r
-  ] }), e[4] = o, e[5] = r, e[6] = s) : s = e[6], s;
-}, Wn = (n) => {
-  const e = $(23), {
-    storageKey: l,
+  return e[4] !== r || e[5] !== o ? (s = /* @__PURE__ */ b(X, { justify: "space-between", align: "center", px: "4", py: "3", bg: "bg", position: "sticky", top: "0", zIndex: "1", children: [
+    r,
+    o
+  ] }), e[4] = r, e[5] = o, e[6] = s) : s = e[6], s;
+}, Vi = (l) => {
+  const e = A(24), {
+    storageKey: n,
     sections: t,
-    activeNodeId: o,
-    header: r,
+    activeNodeId: r,
+    header: o,
     footer: s,
     width: a,
     closable: c,
     emptyLabel: d,
-    onNavigate: h,
-    onOpenChange: g
-  } = n, f = a === void 0 ? "240px" : a, u = c === void 0 ? !0 : c, p = d === void 0 ? "No items available." : d, m = Te(l, Nl), x = Te(l, Wl), S = Te(l, Al), y = Te(l, Ml), v = Te(l, Bl), k = Te(l, Ol);
-  let P, I;
-  if (e[0] !== g || e[1] !== m ? (P = () => {
-    g?.(m);
-  }, I = [g, m], e[0] = g, e[1] = m, e[2] = P, e[3] = I) : (P = e[2], I = e[3]), We(P, I), !m && u)
+    linkComponent: u,
+    onNavigate: g,
+    onOpenChange: f
+  } = l, p = a === void 0 ? "240px" : a, h = c === void 0 ? !0 : c, m = d === void 0 ? "No items available." : d, x = Re(n, dl), y = Re(n, ul), I = Re(n, gl), k = Re(n, fl), P = Re(n, pl), D = Re(n, hl);
+  let T, _;
+  if (e[0] !== f || e[1] !== x ? (T = () => {
+    f?.(x);
+  }, _ = [f, x], e[0] = f, e[1] = x, e[2] = T, e[3] = _) : (T = e[2], _ = e[3]), He(T, _), !x && h)
     return null;
-  const w = u ? y : void 0;
-  let T;
-  e[4] !== r || e[5] !== w ? (T = /* @__PURE__ */ i(Hl, { onClose: w, children: r }), e[4] = r, e[5] = w, e[6] = T) : T = e[6];
-  let R;
-  e[7] !== o || e[8] !== p || e[9] !== S || e[10] !== x || e[11] !== h || e[12] !== t || e[13] !== k || e[14] !== v ? (R = /* @__PURE__ */ i(he, { flex: "1", children: t.length === 0 ? /* @__PURE__ */ i(C, { textStyle: "paragraph/S/regular", color: "fg.muted", p: "3", children: p }) : /* @__PURE__ */ i(Il, { sections: t, expandedSections: x, expandedNodes: S, activeNodeId: o, onNavigate: h, onToggleSection: v, onToggleNode: k }) }), e[7] = o, e[8] = p, e[9] = S, e[10] = x, e[11] = h, e[12] = t, e[13] = k, e[14] = v, e[15] = R) : R = e[15];
-  let z;
-  e[16] !== s ? (z = /* @__PURE__ */ i(zl, { children: s }), e[16] = s, e[17] = z) : z = e[17];
-  let L;
-  return e[18] !== T || e[19] !== R || e[20] !== z || e[21] !== f ? (L = /* @__PURE__ */ b(pe, { as: "aside", direction: "column", h: "100%", w: f, minW: f, maxW: f, borderRightWidth: "1px", borderRightColor: "border.muted", bg: "bg", children: [
-    T,
-    R,
-    z
-  ] }), e[18] = T, e[19] = R, e[20] = z, e[21] = f, e[22] = L) : L = e[22], L;
+  const S = h ? k : void 0;
+  let C;
+  e[4] !== o || e[5] !== S ? (C = /* @__PURE__ */ i(cl, { onClose: S, children: o }), e[4] = o, e[5] = S, e[6] = C) : C = e[6];
+  let w;
+  e[7] !== r || e[8] !== m || e[9] !== I || e[10] !== y || e[11] !== u || e[12] !== g || e[13] !== t || e[14] !== D || e[15] !== P ? (w = /* @__PURE__ */ i(Ce, { flex: "1", children: t.length === 0 ? /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "fg.muted", p: "3", children: m }) : /* @__PURE__ */ i(Zn, { sections: t, expandedSections: y, expandedNodes: I, activeNodeId: r, linkComponent: u, onNavigate: g, onToggleSection: P, onToggleNode: D }) }), e[7] = r, e[8] = m, e[9] = I, e[10] = y, e[11] = u, e[12] = g, e[13] = t, e[14] = D, e[15] = P, e[16] = w) : w = e[16];
+  let v;
+  e[17] !== s ? (v = /* @__PURE__ */ i(al, { children: s }), e[17] = s, e[18] = v) : v = e[18];
+  let E;
+  return e[19] !== C || e[20] !== w || e[21] !== v || e[22] !== p ? (E = /* @__PURE__ */ b(we, { as: "aside", "data-testid": "sidebar", direction: "column", h: "100%", w: p, minW: p, maxW: p, borderRightWidth: "1px", borderRightColor: "border.muted", bg: "bg", children: [
+    C,
+    w,
+    v
+  ] }), e[19] = C, e[20] = w, e[21] = v, e[22] = p, e[23] = E) : E = e[23], E;
 };
-function Nl(n) {
-  return n.open;
+function dl(l) {
+  return l.open;
 }
-function Wl(n) {
-  return n.expandedSections;
+function ul(l) {
+  return l.expandedSections;
 }
-function Al(n) {
-  return n.expandedNodes;
+function gl(l) {
+  return l.expandedNodes;
 }
-function Ml(n) {
-  return n.closeSidebar;
+function fl(l) {
+  return l.closeSidebar;
 }
-function Bl(n) {
-  return n.toggleSection;
+function pl(l) {
+  return l.toggleSection;
 }
-function Ol(n) {
-  return n.toggleNode;
+function hl(l) {
+  return l.toggleNode;
 }
-const An = He.forwardRef(function(e, l) {
-  const t = $(32);
-  let o, r, s, a, c, d, h;
+const ji = Fe.forwardRef(function(e, n) {
+  const t = A(32);
+  let r, o, s, a, c, d, u;
   t[0] !== e ? ({
-    inputProps: r,
-    children: o,
+    inputProps: o,
+    children: r,
     rootRef: a,
-    trackLabel: h,
+    trackLabel: u,
     thumbLabel: d,
     disabled: c,
     ...s
-  } = e, t[0] = e, t[1] = o, t[2] = r, t[3] = s, t[4] = a, t[5] = c, t[6] = d, t[7] = h) : (o = t[1], r = t[2], s = t[3], a = t[4], c = t[5], d = t[6], h = t[7]);
+  } = e, t[0] = e, t[1] = r, t[2] = o, t[3] = s, t[4] = a, t[5] = c, t[6] = d, t[7] = u) : (r = t[1], o = t[2], s = t[3], a = t[4], c = t[5], d = t[6], u = t[7]);
   const g = c === void 0 ? !1 : c, f = g ? "not-allowed" : "pointer";
-  let u;
-  t[8] !== r || t[9] !== l ? (u = /* @__PURE__ */ i(be.HiddenInput, { ref: l, ...r }), t[8] = r, t[9] = l, t[10] = u) : u = t[10];
   let p;
-  t[11] !== d ? (p = d && /* @__PURE__ */ i(be.ThumbIndicator, { fallback: d?.off, children: d?.on }), t[11] = d, t[12] = p) : p = t[12];
+  t[8] !== o || t[9] !== n ? (p = /* @__PURE__ */ i(De.HiddenInput, { ref: n, ...o }), t[8] = o, t[9] = n, t[10] = p) : p = t[10];
+  let h;
+  t[11] !== d ? (h = d && /* @__PURE__ */ i(De.ThumbIndicator, { fallback: d?.off, children: d?.on }), t[11] = d, t[12] = h) : h = t[12];
   let m;
-  t[13] !== p ? (m = /* @__PURE__ */ i(be.Thumb, { borderRadius: "full", children: p }), t[13] = p, t[14] = m) : m = t[14];
+  t[13] !== h ? (m = /* @__PURE__ */ i(De.Thumb, { borderRadius: "full", children: h }), t[13] = h, t[14] = m) : m = t[14];
   let x;
-  t[15] !== h ? (x = h && /* @__PURE__ */ i(be.Indicator, { fallback: h.off, children: h.on }), t[15] = h, t[16] = x) : x = t[16];
-  let S;
-  t[17] !== f || t[18] !== m || t[19] !== x ? (S = /* @__PURE__ */ b(be.Control, { borderRadius: "md", cursor: f, children: [
+  t[15] !== u ? (x = u && /* @__PURE__ */ i(De.Indicator, { fallback: u.off, children: u.on }), t[15] = u, t[16] = x) : x = t[16];
+  let y;
+  t[17] !== f || t[18] !== m || t[19] !== x ? (y = /* @__PURE__ */ b(De.Control, { borderRadius: "md", cursor: f, children: [
     m,
     x
-  ] }), t[17] = f, t[18] = m, t[19] = x, t[20] = S) : S = t[20];
+  ] }), t[17] = f, t[18] = m, t[19] = x, t[20] = y) : y = t[20];
+  let I;
+  t[21] !== r || t[22] !== f ? (I = r != null && /* @__PURE__ */ i(De.Label, { cursor: f, children: r }), t[21] = r, t[22] = f, t[23] = I) : I = t[23];
+  let k;
+  return t[24] !== g || t[25] !== f || t[26] !== s || t[27] !== a || t[28] !== p || t[29] !== y || t[30] !== I ? (k = /* @__PURE__ */ b(De.Root, { ref: a, disabled: g, cursor: f, ...s, children: [
+    p,
+    y,
+    I
+  ] }), t[24] = g, t[25] = f, t[26] = s, t[27] = a, t[28] = p, t[29] = y, t[30] = I, t[31] = k) : k = t[31], k;
+}), Me = (l) => {
+  const e = A(2);
+  let n;
+  return e[0] !== l.children ? (n = /* @__PURE__ */ i($, { textStyle: "label/XS/medium", color: "fg.muted", children: l.children }), e[0] = l.children, e[1] = n) : n = e[1], n;
+}, je = (l) => {
+  const e = A(19);
+  let n;
+  e[0] !== l.label || e[1] !== l.options || e[2] !== l.value ? (n = l.options.find((g) => g.value === l.value)?.label ?? l.label, e[0] = l.label, e[1] = l.options, e[2] = l.value, e[3] = n) : n = e[3];
+  const t = n;
+  let r;
+  e[4] !== l.label ? (r = /* @__PURE__ */ i(Me, { children: l.label }), e[4] = l.label, e[5] = r) : r = e[5];
+  let o;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ i(oe, { as: et, color: "fg.muted" }), e[6] = o) : o = e[6];
+  let s;
+  e[7] !== t ? (s = /* @__PURE__ */ i(le.Trigger, { asChild: !0, children: /* @__PURE__ */ b(de, { size: "sm", variant: "outline", width: "full", justifyContent: "space-between", children: [
+    t,
+    o
+  ] }) }), e[7] = t, e[8] = s) : s = e[8];
+  let a;
+  e[9] !== l ? (a = l.options.map((g) => /* @__PURE__ */ i(le.Item, { value: g.value, onClick: () => l.onSelect(g.value), children: /* @__PURE__ */ i($, { textStyle: "label/S/regular", children: g.label }) }, g.value)), e[9] = l, e[10] = a) : a = e[10];
+  let c;
+  e[11] !== a ? (c = /* @__PURE__ */ i(le.Positioner, { children: /* @__PURE__ */ i(le.Content, { minW: "260px", bg: "bg", children: a }) }), e[11] = a, e[12] = c) : c = e[12];
+  let d;
+  e[13] !== s || e[14] !== c ? (d = /* @__PURE__ */ b(le.Root, { children: [
+    s,
+    c
+  ] }), e[13] = s, e[14] = c, e[15] = d) : d = e[15];
+  let u;
+  return e[16] !== r || e[17] !== d ? (u = /* @__PURE__ */ b(G, { gap: "2xs", children: [
+    r,
+    d
+  ] }), e[16] = r, e[17] = d, e[18] = u) : u = e[18], u;
+}, ml = (l) => {
+  const e = A(60), {
+    settings: n,
+    groupingOptions: t,
+    orderingOptions: r,
+    displayPropertyOptions: o,
+    onViewModeChange: s,
+    onColumnGroupingChange: a,
+    onRowGroupingChange: c,
+    onOrderingFieldChange: d,
+    onSortDirectionToggle: u,
+    onDisplayPropertyToggle: g
+  } = l;
+  let f;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
+    placement: "bottom-end",
+    offset: {
+      mainAxis: 8
+    }
+  }, e[0] = f) : f = e[0];
+  let p;
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ i(Ie.Trigger, { asChild: !0, children: /* @__PURE__ */ i(Se, { "aria-label": "Display settings", variant: "ghost", size: "sm", children: /* @__PURE__ */ i(oe, { as: cn, boxSize: "14px" }) }) }), e[1] = p) : p = e[1];
+  let h;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ i(Me, { children: "View" }), e[2] = h) : h = e[2];
+  let m;
+  e[3] !== s ? (m = (R) => {
+    R.value && s(R.value);
+  }, e[3] = s, e[4] = m) : m = e[4];
+  let x;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ i(ve.Indicator, {}), e[5] = x) : x = e[5];
   let y;
-  t[21] !== o || t[22] !== f ? (y = o != null && /* @__PURE__ */ i(be.Label, { cursor: f, children: o }), t[21] = o, t[22] = f, t[23] = y) : y = t[23];
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ b(ve.Item, { value: "list", children: [
+    /* @__PURE__ */ i(ve.ItemText, { children: /* @__PURE__ */ b(X, { as: "span", gap: "2xs", children: [
+      /* @__PURE__ */ i(dn, { size: 14 }),
+      /* @__PURE__ */ i("span", { children: "List" })
+    ] }) }),
+    /* @__PURE__ */ i(ve.ItemHiddenInput, {})
+  ] }), e[6] = y) : y = e[6];
+  let I;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ b(ve.Item, { value: "board", children: [
+    /* @__PURE__ */ i(ve.ItemText, { children: /* @__PURE__ */ b(X, { as: "span", gap: "2xs", children: [
+      /* @__PURE__ */ i(un, { size: 14 }),
+      /* @__PURE__ */ i("span", { children: "Board" })
+    ] }) }),
+    /* @__PURE__ */ i(ve.ItemHiddenInput, {})
+  ] }), e[7] = I) : I = e[7];
+  let k;
+  e[8] !== n.viewMode || e[9] !== m ? (k = /* @__PURE__ */ b(ve.Root, { size: "sm", value: n.viewMode, onValueChange: m, children: [
+    x,
+    y,
+    I
+  ] }), e[8] = n.viewMode, e[9] = m, e[10] = k) : k = e[10];
+  let P;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ i(Ye, {}), e[11] = P) : P = e[11];
+  let D;
+  e[12] !== a || e[13] !== c || e[14] !== n.rowGrouping ? (D = (R) => {
+    a(R), (R === "none" || R === n.rowGrouping) && c("none");
+  }, e[12] = a, e[13] = c, e[14] = n.rowGrouping, e[15] = D) : D = e[15];
+  let T;
+  e[16] !== t || e[17] !== n.columnGrouping || e[18] !== D ? (T = /* @__PURE__ */ i(je, { label: "Grouping", value: n.columnGrouping, options: t, onSelect: D }), e[16] = t, e[17] = n.columnGrouping, e[18] = D, e[19] = T) : T = e[19];
+  const _ = n.rowGrouping;
+  let S;
+  if (e[20] !== t || e[21] !== n.columnGrouping) {
+    let R;
+    e[23] !== n.columnGrouping ? (R = (F) => F.value === "none" || F.value !== n.columnGrouping, e[23] = n.columnGrouping, e[24] = R) : R = e[24], S = t.filter(R), e[20] = t, e[21] = n.columnGrouping, e[22] = S;
+  } else
+    S = e[22];
+  let C;
+  e[25] !== c || e[26] !== n.rowGrouping || e[27] !== S ? (C = /* @__PURE__ */ i(je, { label: "Sub-grouping", value: _, options: S, onSelect: c }), e[25] = c, e[26] = n.rowGrouping, e[27] = S, e[28] = C) : C = e[28];
+  let w;
+  e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ i(Me, { children: "Ordering" }), e[29] = w) : w = e[29];
   let v;
-  return t[24] !== g || t[25] !== f || t[26] !== s || t[27] !== a || t[28] !== u || t[29] !== S || t[30] !== y ? (v = /* @__PURE__ */ b(be.Root, { ref: a, disabled: g, cursor: f, ...s, children: [
-    u,
-    S,
-    y
-  ] }), t[24] = g, t[25] = f, t[26] = s, t[27] = a, t[28] = u, t[29] = S, t[30] = y, t[31] = v) : v = t[31], v;
-}), jl = (n) => {
-  const e = $(43), {
-    ticketId: l,
+  e[30] !== d || e[31] !== r || e[32] !== n.ordering.field ? (v = /* @__PURE__ */ i(je, { label: "Sort by", value: n.ordering.field, options: r, onSelect: d }), e[30] = d, e[31] = r, e[32] = n.ordering.field, e[33] = v) : v = e[33];
+  const E = n.ordering.direction === "asc" ? "rotate(0deg)" : "rotate(180deg)";
+  let L;
+  e[34] !== E ? (L = /* @__PURE__ */ i(oe, { as: gn, transform: E }), e[34] = E, e[35] = L) : L = e[35];
+  let z;
+  e[36] !== u || e[37] !== n.ordering.direction || e[38] !== L ? (z = /* @__PURE__ */ i(Se, { mt: "lg", "aria-label": "Toggle sort direction", size: "sm", variant: "outline", onClick: u, "data-direction": n.ordering.direction, children: L }), e[36] = u, e[37] = n.ordering.direction, e[38] = L, e[39] = z) : z = e[39];
+  let O;
+  e[40] !== v || e[41] !== z ? (O = /* @__PURE__ */ b(G, { gap: "2xs", children: [
+    w,
+    /* @__PURE__ */ b(X, { gap: "2xs", children: [
+      v,
+      z
+    ] })
+  ] }), e[40] = v, e[41] = z, e[42] = O) : O = e[42];
+  let W;
+  e[43] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ i(Ye, {}), e[43] = W) : W = e[43];
+  let H;
+  e[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ i(Me, { children: "Display properties" }), e[44] = H) : H = e[44];
+  let B;
+  if (e[45] !== o || e[46] !== g || e[47] !== n.displayProperties) {
+    let R;
+    e[49] !== g || e[50] !== n.displayProperties ? (R = (F) => {
+      const Y = n.displayProperties.includes(F.value);
+      return /* @__PURE__ */ i(de, { size: "2xs", variant: Y ? "solid" : "outline", onClick: () => g(F.value), children: F.label }, F.value);
+    }, e[49] = g, e[50] = n.displayProperties, e[51] = R) : R = e[51], B = o.map(R), e[45] = o, e[46] = g, e[47] = n.displayProperties, e[48] = B;
+  } else
+    B = e[48];
+  let N;
+  e[52] !== B ? (N = /* @__PURE__ */ b(G, { gap: "2xs", children: [
+    H,
+    /* @__PURE__ */ i(X, { flexWrap: "wrap", gap: "2xs", children: B })
+  ] }), e[52] = B, e[53] = N) : N = e[53];
+  let M;
+  return e[54] !== T || e[55] !== C || e[56] !== O || e[57] !== N || e[58] !== k ? (M = /* @__PURE__ */ b(Ie.Root, { positioning: f, children: [
+    p,
+    /* @__PURE__ */ i(Qe, { children: /* @__PURE__ */ i(Ie.Positioner, { children: /* @__PURE__ */ i(Ie.Content, { width: "320px", p: "sm", bg: "bg", children: /* @__PURE__ */ b(G, { gap: "sm", children: [
+      h,
+      k,
+      P,
+      T,
+      C,
+      O,
+      W,
+      N
+    ] }) }) }) })
+  ] }), e[54] = T, e[55] = C, e[56] = O, e[57] = N, e[58] = k, e[59] = M) : M = e[59], M;
+}, bl = (l) => Object.values(l).reduce((e, n) => e + (n?.length ?? 0), 0), xl = (l) => {
+  const e = A(39), {
+    categories: n,
+    filters: t,
+    countsByCategory: r,
+    onToggleFilterValue: o,
+    onClearFilter: s,
+    onClearAll: a
+  } = l, [c, d] = me(n[0]?.id ?? "status");
+  let u;
+  e[0] !== c || e[1] !== n ? (u = n.find((v) => v.id === c) ?? n[0], e[0] = c, e[1] = n, e[2] = u) : u = e[2];
+  const g = u, f = bl(t);
+  let p;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = {
+    placement: "bottom-end",
+    offset: {
+      mainAxis: 8
+    }
+  }, e[3] = p) : p = e[3];
+  const h = f > 0 ? "outline" : "ghost";
+  let m;
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ i(oe, { as: fn, boxSize: "14px" }), e[4] = m) : m = e[4];
+  let x;
+  e[5] !== f ? (x = f > 0 ? /* @__PURE__ */ i(Te, { variant: "solid", children: f }) : null, e[5] = f, e[6] = x) : x = e[6];
+  let y;
+  e[7] !== x ? (y = /* @__PURE__ */ b(X, { gap: "2xs", children: [
+    m,
+    x
+  ] }), e[7] = x, e[8] = y) : y = e[8];
+  let I;
+  e[9] !== h || e[10] !== y ? (I = /* @__PURE__ */ i(Ie.Trigger, { asChild: !0, children: /* @__PURE__ */ i(Se, { "aria-label": "Filter tickets", variant: h, size: "sm", children: y }) }), e[9] = h, e[10] = y, e[11] = I) : I = e[11];
+  let k;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ i($, { textStyle: "label/XS/medium", color: "fg.muted", children: "Filters" }), e[12] = k) : k = e[12];
+  let P;
+  e[13] !== a ? (P = /* @__PURE__ */ b(X, { justifyContent: "space-between", children: [
+    k,
+    /* @__PURE__ */ i(de, { size: "2xs", variant: "ghost", onClick: a, children: "Clear all" })
+  ] }), e[13] = a, e[14] = P) : P = e[14];
+  let D;
+  if (e[15] !== c || e[16] !== n || e[17] !== t) {
+    let v;
+    e[19] !== c || e[20] !== t ? (v = (E) => {
+      const L = t[E.id] ?? [];
+      return /* @__PURE__ */ b(de, { variant: c === E.id ? "subtle" : "ghost", size: "sm", justifyContent: "space-between", onClick: () => d(E.id), children: [
+        /* @__PURE__ */ i($, { children: E.label }),
+        L.length > 0 ? /* @__PURE__ */ i(Te, { variant: "subtle", children: L.length }) : null
+      ] }, E.id);
+    }, e[19] = c, e[20] = t, e[21] = v) : v = e[21], D = n.map(v), e[15] = c, e[16] = n, e[17] = t, e[18] = D;
+  } else
+    D = e[18];
+  let T;
+  e[22] !== P || e[23] !== D ? (T = /* @__PURE__ */ b(G, { width: "220px", borderRightWidth: "1px", borderColor: "border.muted", p: "sm", gap: "2xs", children: [
+    P,
+    D
+  ] }), e[22] = P, e[23] = D, e[24] = T) : T = e[24];
+  let _;
+  e[25] !== g || e[26] !== r || e[27] !== t || e[28] !== s || e[29] !== o ? (_ = g ? /* @__PURE__ */ b(Ze, { children: [
+    /* @__PURE__ */ b(X, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ i($, { textStyle: "label/S/medium", children: g.label }),
+      /* @__PURE__ */ i(de, { size: "2xs", variant: "ghost", onClick: () => s(g.id), children: "Clear" })
+    ] }),
+    /* @__PURE__ */ i(G, { gap: "2xs", children: g.options.map((v) => {
+      const E = (t[g.id] ?? []).includes(v.value), L = r[g.id]?.[v.value] ?? 0;
+      return /* @__PURE__ */ i(V, { px: "xs", py: "2xs", borderRadius: "sm", _hover: {
+        bg: "bg.subtle"
+      }, children: /* @__PURE__ */ i(vn, { checked: E, onCheckedChange: () => o(g.id, v.value), children: /* @__PURE__ */ b(X, { gap: "2xs", justifyContent: "space-between", width: "full", children: [
+        /* @__PURE__ */ i($, { textStyle: "label/S/regular", children: v.label }),
+        /* @__PURE__ */ i($, { textStyle: "label/XS/regular", color: "fg.muted", children: L })
+      ] }) }) }, v.value);
+    }) })
+  ] }) : null, e[25] = g, e[26] = r, e[27] = t, e[28] = s, e[29] = o, e[30] = _) : _ = e[30];
+  let S;
+  e[31] !== _ ? (S = /* @__PURE__ */ i(G, { flex: "1", p: "sm", gap: "sm", children: _ }), e[31] = _, e[32] = S) : S = e[32];
+  let C;
+  e[33] !== T || e[34] !== S ? (C = /* @__PURE__ */ i(Qe, { children: /* @__PURE__ */ i(Ie.Positioner, { children: /* @__PURE__ */ i(Ie.Content, { width: "560px", p: "0", bg: "bg", overflow: "hidden", children: /* @__PURE__ */ b(X, { align: "stretch", gap: "0", minH: "320px", children: [
+    T,
+    S
+  ] }) }) }) }), e[33] = T, e[34] = S, e[35] = C) : C = e[35];
+  let w;
+  return e[36] !== C || e[37] !== I ? (w = /* @__PURE__ */ b(Ie.Root, { positioning: p, children: [
+    I,
+    C
+  ] }), e[36] = C, e[37] = I, e[38] = w) : w = e[38], w;
+}, Dt = (l) => {
+  const e = A(43), {
+    ticketId: n,
     parentPath: t,
-    sessionIndicatorLabel: o,
-    sessionIndicatorStatus: r,
+    sessionIndicatorLabel: r,
+    sessionIndicatorStatus: o,
     title: s,
     badges: a,
     diffAdditions: c,
     diffDeletions: d,
-    isSelected: h,
+    isSelected: u,
     draggable: g,
     onDragStart: f,
-    onDragEnd: u,
-    onClick: p,
+    onDragEnd: p,
+    onClick: h,
     onDiffBadgeClick: m,
     onSessionIndicatorClick: x
-  } = n;
-  let S;
-  e[0] !== t ? (S = t === void 0 ? [] : t, e[0] = t, e[1] = S) : S = e[1];
-  const y = S;
-  let v;
-  e[2] !== a ? (v = a === void 0 ? [] : a, e[2] = a, e[3] = v) : v = e[3];
-  const k = v, P = h === void 0 ? !1 : h;
-  let I;
-  e[4] !== m ? (I = (Y) => {
-    Y.stopPropagation(), m?.();
-  }, e[4] = m, e[5] = I) : I = e[5];
-  const w = I;
+  } = l;
+  let y;
+  e[0] !== t ? (y = t === void 0 ? [] : t, e[0] = t, e[1] = y) : y = e[1];
+  const I = y;
+  let k;
+  e[2] !== a ? (k = a === void 0 ? [] : a, e[2] = a, e[3] = k) : k = e[3];
+  const P = k, D = u === void 0 ? !1 : u;
   let T;
-  e[6] !== x ? (T = (Y) => {
-    Y.stopPropagation(), x?.();
-  }, e[6] = x, e[7] = T) : T = e[7];
-  const R = T;
-  let z;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = {
+  e[4] !== m ? (T = (F) => {
+    F.stopPropagation(), m?.();
+  }, e[4] = m, e[5] = T) : T = e[5];
+  const _ = T;
+  let S;
+  e[6] !== x ? (S = (F) => {
+    F.stopPropagation(), x?.();
+  }, e[6] = x, e[7] = S) : S = e[7];
+  const C = S;
+  let w;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = {
     borderColor: "border.blue",
     boxShadow: "mid"
-  }, e[8] = z) : z = e[8];
-  const L = g ? "grab" : p ? "pointer" : "default", O = P ? "true" : void 0;
-  let N;
-  e[9] !== y ? (N = y.length > 0 && /* @__PURE__ */ b(C, { as: "span", color: "subtle", children: [
-    y.join(" / "),
+  }, e[8] = w) : w = e[8];
+  const v = g ? "grab" : h ? "pointer" : "default", E = D ? "true" : void 0;
+  let L;
+  e[9] !== I ? (L = I.length > 0 && /* @__PURE__ */ b($, { as: "span", color: "subtle", children: [
+    I.join(" / "),
     " /",
     " "
-  ] }), e[9] = y, e[10] = N) : N = e[10];
+  ] }), e[9] = I, e[10] = L) : L = e[10];
+  let z;
+  e[11] !== L || e[12] !== n ? (z = /* @__PURE__ */ b($, { textStyle: "label/S/regular", flexShrink: 0, children: [
+    L,
+    n
+  ] }), e[11] = L, e[12] = n, e[13] = z) : z = e[13];
+  let O;
+  e[14] !== C || e[15] !== x || e[16] !== r || e[17] !== o ? (O = r ? /* @__PURE__ */ i(Ee, { content: `Session ${r}`, children: /* @__PURE__ */ i(Jn, { status: o, boxSize: "12px", "aria-label": `Session ${r}`, cursor: x ? "pointer" : "default", onClick: x ? C : void 0 }) }) : null, e[14] = C, e[15] = x, e[16] = r, e[17] = o, e[18] = O) : O = e[18];
+  let W;
+  e[19] !== z || e[20] !== O ? (W = /* @__PURE__ */ b(X, { gap: "2xs", flexShrink: 0, children: [
+    z,
+    O
+  ] }), e[19] = z, e[20] = O, e[21] = W) : W = e[21];
   let H;
-  e[11] !== N || e[12] !== l ? (H = /* @__PURE__ */ b(C, { textStyle: "label/S/regular", flexShrink: 0, children: [
-    N,
-    l
-  ] }), e[11] = N, e[12] = l, e[13] = H) : H = e[13];
-  let M;
-  e[14] !== R || e[15] !== x || e[16] !== o || e[17] !== r ? (M = o ? /* @__PURE__ */ i(Ee, { content: `Session ${o}`, children: /* @__PURE__ */ i(wl, { status: r, boxSize: "12px", "aria-label": `Session ${o}`, cursor: x ? "pointer" : "default", onClick: x ? R : void 0 }) }) : null, e[14] = R, e[15] = x, e[16] = o, e[17] = r, e[18] = M) : M = e[18];
+  e[22] !== c || e[23] !== d || e[24] !== _ ? (H = typeof c == "number" && typeof d == "number" ? /* @__PURE__ */ i(St, { additions: c, deletions: d, variant: "ghost", size: "small", label: /* @__PURE__ */ i(pn, { size: "12" }), onClick: _, "data-testid": "ticket-diff-badge" }) : null, e[22] = c, e[23] = d, e[24] = _, e[25] = H) : H = e[25];
   let B;
-  e[19] !== H || e[20] !== M ? (B = /* @__PURE__ */ b(F, { gap: "2xs", flexShrink: 0, children: [
-    H,
-    M
-  ] }), e[19] = H, e[20] = M, e[21] = B) : B = e[21];
-  let A;
-  e[22] !== c || e[23] !== d || e[24] !== w ? (A = typeof c == "number" && typeof d == "number" ? /* @__PURE__ */ i(Qe, { additions: c, deletions: d, variant: "ghost", size: "small", label: /* @__PURE__ */ i(Nt, { size: "12" }), onClick: w, "data-testid": "ticket-diff-badge" }) : null, e[22] = c, e[23] = d, e[24] = w, e[25] = A) : A = e[25];
-  let j;
-  e[26] !== B || e[27] !== A ? (j = /* @__PURE__ */ b(F, { justifyContent: "space-between", gap: "2xs", flexWrap: "wrap", children: [
+  e[26] !== W || e[27] !== H ? (B = /* @__PURE__ */ b(X, { justifyContent: "space-between", gap: "2xs", flexWrap: "wrap", children: [
+    W,
+    H
+  ] }), e[26] = W, e[27] = H, e[28] = B) : B = e[28];
+  let N;
+  e[29] !== s ? (N = /* @__PURE__ */ i(X, { align: "start", gap: "2xs", flexWrap: "wrap", children: /* @__PURE__ */ i($, { textStyle: "label/S/regular", flex: "1", minW: "0", children: s }) }), e[29] = s, e[30] = N) : N = e[30];
+  let M;
+  e[31] !== P ? (M = P.length > 0 && /* @__PURE__ */ i(bt, { gap: "2xs", children: P.map(Sl) }), e[31] = P, e[32] = M) : M = e[32];
+  let R;
+  return e[33] !== g || e[34] !== h || e[35] !== p || e[36] !== f || e[37] !== B || e[38] !== N || e[39] !== M || e[40] !== v || e[41] !== E ? (R = /* @__PURE__ */ b(G, { gap: "xs", padding: "sm", borderRadius: "sm", borderWidth: "1px", width: "100%", background: "bg", transition: "box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out", _hover: w, cursor: v, draggable: g, onDragStart: f, onDragEnd: p, onClick: h, "data-selected": E, children: [
     B,
-    A
-  ] }), e[26] = B, e[27] = A, e[28] = j) : j = e[28];
-  let _;
-  e[29] !== s ? (_ = /* @__PURE__ */ i(F, { align: "start", gap: "2xs", flexWrap: "wrap", children: /* @__PURE__ */ i(C, { textStyle: "label/S/regular", flex: "1", minW: "0", children: s }) }), e[29] = s, e[30] = _) : _ = e[30];
-  let G;
-  e[31] !== k ? (G = k.length > 0 && /* @__PURE__ */ i(qe, { gap: "2xs", children: k.map(Gl) }), e[31] = k, e[32] = G) : G = e[32];
-  let Q;
-  return e[33] !== g || e[34] !== p || e[35] !== u || e[36] !== f || e[37] !== j || e[38] !== _ || e[39] !== G || e[40] !== L || e[41] !== O ? (Q = /* @__PURE__ */ b(D, { gap: "xs", padding: "sm", borderRadius: "sm", borderWidth: "1px", width: "calc(100% - 8px)", alignSelf: "center", background: "bg", transition: "box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out", _hover: z, cursor: L, draggable: g, onDragStart: f, onDragEnd: u, onClick: p, "data-selected": O, children: [
-    j,
-    _,
-    G
-  ] }), e[33] = g, e[34] = p, e[35] = u, e[36] = f, e[37] = j, e[38] = _, e[39] = G, e[40] = L, e[41] = O, e[42] = Q) : Q = e[42], Q;
+    N,
+    M
+  ] }), e[33] = g, e[34] = h, e[35] = p, e[36] = f, e[37] = B, e[38] = N, e[39] = M, e[40] = v, e[41] = E, e[42] = R) : R = e[42], R;
 };
-function Gl(n) {
-  return /* @__PURE__ */ i(ze, { variant: "subtle", colorPalette: n.color ?? "gray", textStyle: "label/XS/medium", children: n.label }, n.label);
+function Sl(l) {
+  return /* @__PURE__ */ i(Te, { variant: "subtle", colorPalette: l.color ?? "gray", textStyle: "label/XS/medium", children: l.label }, l.label);
 }
-const Mn = (n) => {
-  const e = $(21), {
-    columns: l,
+const yl = (l) => {
+  const e = A(27), {
+    columns: n,
     selectedItemId: t,
-    onMoveItem: o,
-    onCreateStart: r,
-    onColumnAction: s
-  } = n, a = t === void 0 ? null : t, [c, d] = Re(null), h = Fl;
-  let g;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = () => {
-    d(null);
-  }, e[0] = g) : g = e[0];
-  const f = g;
-  let u;
-  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = (I) => (w) => {
-    w.preventDefault(), w.dataTransfer.dropEffect = "move", d(I);
-  }, e[1] = u) : u = e[1];
-  const p = u;
-  let m;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = (I) => {
-    I.currentTarget.contains(I.relatedTarget) || d(null);
-  }, e[2] = m) : m = e[2];
-  const x = m;
-  let S;
-  e[3] !== o ? (S = (I) => (w) => {
-    w.preventDefault(), d(null);
-    const T = w.dataTransfer.getData("text/plain");
-    T && o?.(T, I);
-  }, e[3] = o, e[4] = S) : S = e[4];
-  const y = S;
-  let v;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = {
+    onMoveItem: r,
+    onMoveToGroup: o,
+    onCreateStart: s,
+    onColumnAction: a
+  } = l, c = t === void 0 ? null : t, [d, u] = me(null), [g, f] = me(null), p = wl;
+  let h;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = () => {
+    u(null), f(null);
+  }, e[0] = h) : h = e[0];
+  const m = h;
+  let x;
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = (C) => (w) => {
+    w.preventDefault(), w.dataTransfer.dropEffect = "move", u(C);
+  }, e[1] = x) : x = e[1];
+  const y = x;
+  let I;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = (C) => {
+    C.currentTarget.contains(C.relatedTarget) || u(null);
+  }, e[2] = I) : I = e[2];
+  const k = I;
+  let P;
+  e[3] !== r ? (P = (C) => (w) => {
+    w.preventDefault(), u(null);
+    const v = w.dataTransfer.getData("text/plain");
+    v && r?.(v, C);
+  }, e[3] = r, e[4] = P) : P = e[4];
+  const D = P;
+  let T;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = {
     display: "flex",
     alignItems: "stretch",
     gap: "0",
     pb: "2xs",
     minH: "100%"
-  }, e[5] = v) : v = e[5];
-  let k;
-  if (e[6] !== c || e[7] !== l || e[8] !== y || e[9] !== s || e[10] !== r || e[11] !== a) {
-    let I;
-    e[13] !== c || e[14] !== y || e[15] !== s || e[16] !== r || e[17] !== a ? (I = (w) => /* @__PURE__ */ b(D, { gap: "xs", _notFirst: {
+  }, e[5] = T) : T = e[5];
+  let _;
+  if (e[6] !== d || e[7] !== g || e[8] !== n || e[9] !== D || e[10] !== a || e[11] !== s || e[12] !== r || e[13] !== o || e[14] !== c) {
+    let C;
+    e[16] !== d || e[17] !== g || e[18] !== D || e[19] !== a || e[20] !== s || e[21] !== r || e[22] !== o || e[23] !== c ? (C = (w) => /* @__PURE__ */ b(G, { "data-testid": `board-column-${w.id}`, gap: "xs", _notFirst: {
       borderLeft: "1px solid",
-      borderColor: "border"
-    }, background: c === w.id ? "bg.subtle" : "bg", transition: "background 150ms ease", height: "100%", minH: "240px", overflow: "hidden", minW: "260px", flex: "1 0 260px", onDragOver: w.canDragIn ? p(w.id) : void 0, onDragLeave: w.canDragIn ? x : void 0, onDrop: w.canDragIn ? y(w.id) : void 0, children: [
-      /* @__PURE__ */ i(Xl, { column: w, onCreateStart: r, onColumnAction: s }),
-      /* @__PURE__ */ i(he, { flex: "1", minH: "0", contentProps: {
-        spaceY: "sm"
-      }, children: w.items.map((T) => /* @__PURE__ */ i(jl, { ...T.cardProps, isSelected: T.id === a, draggable: w.canDragOut, onDragStart: w.canDragOut ? h(T.id) : void 0, onDragEnd: w.canDragOut ? f : void 0 }, T.id)) })
-    ] }, w.id), e[13] = c, e[14] = y, e[15] = s, e[16] = r, e[17] = a, e[18] = I) : I = e[18], k = l.map(I), e[6] = c, e[7] = l, e[8] = y, e[9] = s, e[10] = r, e[11] = a, e[12] = k;
+      borderColor: "border.muted"
+    }, background: d === w.id ? "bg.subtle" : "bg", transition: "background 150ms ease", height: "100%", minH: "240px", overflow: "hidden", minW: "260px", flex: "1 0 260px", onDragOver: w.canDragIn ? y(w.id) : void 0, onDragLeave: w.canDragIn ? k : void 0, onDrop: w.canDragIn ? D(w.id) : void 0, children: [
+      /* @__PURE__ */ i(vl, { column: w, onCreateStart: s, onColumnAction: a }),
+      /* @__PURE__ */ i(Ce, { flex: "1", minH: "0", verticalScrollbarProps: {
+        margin: "0"
+      }, contentProps: {
+        spaceY: "sm",
+        ps: "xs",
+        pe: "xs"
+      }, children: w.groups && w.groups.length > 0 ? w.groups.map((v) => {
+        const E = `${w.id}::${v.key}`;
+        return /* @__PURE__ */ i(Cl, { group: v, selectedItemId: c, canDragIn: w.canDragIn, canDragOut: w.canDragOut, isDropTarget: g === E, onDragStart: p, onDragEnd: m, onGroupDragOver: (L) => {
+          L.preventDefault(), L.stopPropagation(), L.dataTransfer.dropEffect = "move", f(E), u(null);
+        }, onGroupDragLeave: (L) => {
+          L.currentTarget.contains(L.relatedTarget) || f(null);
+        }, onGroupDrop: (L) => {
+          L.preventDefault(), L.stopPropagation(), f(null), u(null);
+          const z = L.dataTransfer.getData("text/plain");
+          z && (r?.(z, w.id), o?.(z, v.key));
+        } }, v.key);
+      }) : w.items.map((v) => /* @__PURE__ */ i(Dt, { ...v.cardProps, isSelected: v.id === c, draggable: w.canDragOut, onDragStart: w.canDragOut ? p(v.id) : void 0, onDragEnd: w.canDragOut ? m : void 0 }, v.id)) })
+    ] }, w.id), e[16] = d, e[17] = g, e[18] = D, e[19] = a, e[20] = s, e[21] = r, e[22] = o, e[23] = c, e[24] = C) : C = e[24], _ = n.map(C), e[6] = d, e[7] = g, e[8] = n, e[9] = D, e[10] = a, e[11] = s, e[12] = r, e[13] = o, e[14] = c, e[15] = _;
   } else
-    k = e[12];
-  let P;
-  return e[19] !== k ? (P = /* @__PURE__ */ i(he, { height: "100%", showHorizontalScrollbar: !0, showVerticalScrollbar: !1, contentProps: v, children: k }), e[19] = k, e[20] = P) : P = e[20], P;
-}, Xl = (n) => {
-  const e = $(20), {
-    column: l,
+    _ = e[15];
+  let S;
+  return e[25] !== _ ? (S = /* @__PURE__ */ i(Ce, { height: "100%", showHorizontalScrollbar: !0, showVerticalScrollbar: !1, contentProps: T, children: _ }), e[25] = _, e[26] = S) : S = e[26], S;
+}, Cl = (l) => {
+  const e = A(26), {
+    group: n,
+    selectedItemId: t,
+    canDragIn: r,
+    canDragOut: o,
+    isDropTarget: s,
+    onDragStart: a,
+    onDragEnd: c,
+    onGroupDragOver: d,
+    onGroupDragLeave: u,
+    onGroupDrop: g
+  } = l, [f, p] = me(!0), h = s ? "bg.subtle" : "transparent", m = r ? d : void 0, x = r ? u : void 0, y = r ? g : void 0;
+  let I;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = {
+    bg: "bg.muted"
+  }, e[0] = I) : I = e[0];
+  let k;
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = () => p(Il), e[1] = k) : k = e[1];
+  const P = f ? "rotate(90deg)" : "rotate(0deg)";
+  let D;
+  e[2] !== P ? (D = /* @__PURE__ */ i(V, { display: "flex", alignItems: "center", flexShrink: 0, children: /* @__PURE__ */ i(oe, { as: ye, boxSize: "14px", color: "fg.muted", transform: P, transition: "transform 0.15s ease" }) }), e[2] = P, e[3] = D) : D = e[3];
+  let T;
+  e[4] !== n.label ? (T = /* @__PURE__ */ i($, { textStyle: "label/S/medium", color: "fg.muted", children: n.label }), e[4] = n.label, e[5] = T) : T = e[5];
+  let _;
+  e[6] !== n.items.length ? (_ = /* @__PURE__ */ i(Te, { variant: "subtle", colorPalette: "gray", size: "sm", children: n.items.length }), e[6] = n.items.length, e[7] = _) : _ = e[7];
+  let S;
+  e[8] !== D || e[9] !== T || e[10] !== _ ? (S = /* @__PURE__ */ b(X, { px: "xs", py: "2xs", gap: "2xs", cursor: "pointer", _hover: I, borderRadius: "sm", onClick: k, children: [
+    D,
+    T,
+    _
+  ] }), e[8] = D, e[9] = T, e[10] = _, e[11] = S) : S = e[11];
+  let C;
+  e[12] !== o || e[13] !== f || e[14] !== n.items || e[15] !== c || e[16] !== a || e[17] !== t ? (C = f && /* @__PURE__ */ i(G, { gap: "sm", pt: "xs", children: n.items.map((v) => /* @__PURE__ */ i(Dt, { ...v.cardProps, isSelected: v.id === t, draggable: o, onDragStart: o ? a(v.id) : void 0, onDragEnd: o ? c : void 0 }, v.id)) }), e[12] = o, e[13] = f, e[14] = n.items, e[15] = c, e[16] = a, e[17] = t, e[18] = C) : C = e[18];
+  let w;
+  return e[19] !== h || e[20] !== m || e[21] !== S || e[22] !== C || e[23] !== x || e[24] !== y ? (w = /* @__PURE__ */ b(G, { gap: "0", borderRadius: "sm", background: h, transition: "background 150ms ease", onDragOver: m, onDragLeave: x, onDrop: y, children: [
+    S,
+    C
+  ] }), e[19] = h, e[20] = m, e[21] = S, e[22] = C, e[23] = x, e[24] = y, e[25] = w) : w = e[25], w;
+}, vl = (l) => {
+  const e = A(20), {
+    column: n,
     onCreateStart: t,
-    onColumnAction: o
-  } = n;
-  let r;
-  e[0] !== l.label ? (r = /* @__PURE__ */ i(C, { textStyle: "label/L/medium", children: l.label }), e[0] = l.label, e[1] = r) : r = e[1];
-  const s = l.color ?? "gray";
+    onColumnAction: r
+  } = l;
+  let o;
+  e[0] !== n.label ? (o = /* @__PURE__ */ i($, { textStyle: "label/L/medium", children: n.label }), e[0] = n.label, e[1] = o) : o = e[1];
+  const s = n.color ?? "gray";
   let a;
-  e[2] !== l.items.length || e[3] !== s ? (a = /* @__PURE__ */ i(ze, { variant: "subtle", colorPalette: s, children: l.items.length }), e[2] = l.items.length, e[3] = s, e[4] = a) : a = e[4];
+  e[2] !== n.items.length || e[3] !== s ? (a = /* @__PURE__ */ i(Te, { variant: "subtle", colorPalette: s, children: n.items.length }), e[2] = n.items.length, e[3] = s, e[4] = a) : a = e[4];
   let c;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ i(ut, {}), e[5] = c) : c = e[5];
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ i(Ht, {}), e[5] = c) : c = e[5];
   let d;
-  e[6] !== l.canCreate || e[7] !== l.id || e[8] !== t ? (d = l.canCreate && t && /* @__PURE__ */ i(Ee, { content: "Create new ticket", children: /* @__PURE__ */ i(_e, { size: "2xs", variant: "outline", onClick: () => t(l.id), "aria-label": "Create ticket", children: /* @__PURE__ */ i(ne, { as: Wt, boxSize: "12px" }) }) }), e[6] = l.canCreate, e[7] = l.id, e[8] = t, e[9] = d) : d = e[9];
-  let h;
-  e[10] !== l.actions || e[11] !== l.id || e[12] !== l.label || e[13] !== o ? (h = l.actions.length > 0 && /* @__PURE__ */ b(ie.Root, { children: [
-    /* @__PURE__ */ i(ie.Trigger, { asChild: !0, children: /* @__PURE__ */ i(_e, { size: "2xs", variant: "ghost", "aria-label": `Column actions for ${l.label}`, children: /* @__PURE__ */ i(ne, { as: At, boxSize: "12px" }) }) }),
-    /* @__PURE__ */ i(ie.Positioner, { children: /* @__PURE__ */ i(ie.Content, { minW: "180px", bg: "bg", children: l.actions.map((f) => /* @__PURE__ */ i(Ae, { primaryLabel: f.label, leftIcon: f.icon, onClick: () => o?.(l.id, f.id) }, f.id)) }) })
-  ] }), e[10] = l.actions, e[11] = l.id, e[12] = l.label, e[13] = o, e[14] = h) : h = e[14];
+  e[6] !== n.canCreate || e[7] !== n.id || e[8] !== t ? (d = n.canCreate && t && /* @__PURE__ */ i(Ee, { content: "Create new ticket", children: /* @__PURE__ */ i(Se, { size: "2xs", variant: "outline", onClick: () => t(n.id), "aria-label": "Create ticket", children: /* @__PURE__ */ i(oe, { as: hn, boxSize: "12px" }) }) }), e[6] = n.canCreate, e[7] = n.id, e[8] = t, e[9] = d) : d = e[9];
+  let u;
+  e[10] !== n.actions || e[11] !== n.id || e[12] !== n.label || e[13] !== r ? (u = n.actions.length > 0 && /* @__PURE__ */ b(le.Root, { children: [
+    /* @__PURE__ */ i(le.Trigger, { asChild: !0, children: /* @__PURE__ */ i(Se, { size: "2xs", variant: "ghost", "aria-label": `Column actions for ${n.label}`, children: /* @__PURE__ */ i(oe, { as: mn, boxSize: "12px" }) }) }),
+    /* @__PURE__ */ i(le.Positioner, { children: /* @__PURE__ */ i(le.Content, { minW: "180px", bg: "bg", children: n.actions.map((f) => /* @__PURE__ */ i(We, { primaryLabel: f.label, leftIcon: f.icon, onClick: () => r?.(n.id, f.id) }, f.id)) }) })
+  ] }), e[10] = n.actions, e[11] = n.id, e[12] = n.label, e[13] = r, e[14] = u) : u = e[14];
   let g;
-  return e[15] !== r || e[16] !== a || e[17] !== d || e[18] !== h ? (g = /* @__PURE__ */ b(F, { padding: "xs", gap: "xs", alignItems: "center", children: [
-    r,
+  return e[15] !== o || e[16] !== a || e[17] !== d || e[18] !== u ? (g = /* @__PURE__ */ b(X, { padding: "xs", gap: "xs", alignItems: "center", children: [
+    o,
     a,
     c,
     d,
-    h
-  ] }), e[15] = r, e[16] = a, e[17] = d, e[18] = h, e[19] = g) : g = e[19], g;
+    u
+  ] }), e[15] = o, e[16] = a, e[17] = d, e[18] = u, e[19] = g) : g = e[19], g;
 };
-function Fl(n) {
+function wl(l) {
   return (e) => {
-    e.dataTransfer.setData("text/plain", n), e.dataTransfer.effectAllowed = "move";
+    e.dataTransfer.setData("text/plain", l), e.dataTransfer.effectAllowed = "move";
   };
 }
-const Vl = [{
+function Il(l) {
+  return !l;
+}
+const kl = [{
   id: "ticket",
   header: "",
   cell: ({
-    row: n
-  }) => /* @__PURE__ */ i(Yl, { row: n })
-}], Bn = (n) => {
+    row: l
+  }) => /* @__PURE__ */ i(Tl, { row: l })
+}], Pl = (l) => {
   const {
     items: e,
-    selectedItemId: l = null,
+    selectedItemId: n = null,
     onItemClick: t
-  } = n, o = Gt({
+  } = l, [r, o] = me(!0), s = bn({
     data: e,
-    columns: Vl,
+    columns: kl,
     state: {
-      expanded: !0
+      expanded: r
     },
-    getSubRows: (r) => r.children,
-    getCoreRowModel: Ft(),
-    getExpandedRowModel: Xt(),
-    getRowId: (r) => r.id
+    onExpandedChange: o,
+    getSubRows: (a) => a.children,
+    getCoreRowModel: Sn(),
+    getExpandedRowModel: xn(),
+    getRowId: (a) => a.id
   });
-  return /* @__PURE__ */ i(E, { children: o.getRowModel().rows.map((r) => {
-    const s = r.original, a = s.id === l;
-    return /* @__PURE__ */ i(F, { paddingX: "sm", paddingY: "xs", gap: "sm", cursor: "pointer", borderBottomWidth: "1px", borderColor: "border.muted", background: a ? "bg.muted" : "transparent", _hover: {
+  return /* @__PURE__ */ i(V, { children: s.getRowModel().rows.map((a) => {
+    const c = a.original, d = c.id === n, u = a.getCanExpand();
+    return /* @__PURE__ */ i(X, { paddingX: "sm", paddingY: "xs", gap: "sm", cursor: "pointer", borderBottomWidth: "1px", borderColor: "border.muted", background: d ? "bg.muted" : "transparent", _hover: {
       background: "bg.muted"
     }, onClick: () => {
-      s.onClick?.(), t?.(s);
-    }, "data-selected": a ? "true" : void 0, children: Vt(r.getVisibleCells()[0].column.columnDef.cell, r.getVisibleCells()[0].getContext()) }, r.id);
+      u ? a.toggleExpanded() : (c.onClick?.(), t?.(c));
+    }, "data-selected": d ? "true" : void 0, children: yn(a.getVisibleCells()[0].column.columnDef.cell, a.getVisibleCells()[0].getContext()) }, a.id);
   }) });
-}, Yl = (n) => {
-  const e = $(25), {
-    row: l
-  } = n, t = l.original, o = l.depth, r = o > 0 ? `${o * 24}px` : void 0;
+}, Tl = (l) => {
+  const e = A(25), {
+    row: n
+  } = l, t = n.original, r = n.depth, o = r > 0 ? `${r * 24}px` : void 0;
   let s;
-  e[0] !== o || e[1] !== l ? (s = l.getCanExpand() ? /* @__PURE__ */ i(Ul, { row: l }) : o > 0 ? /* @__PURE__ */ i(Kl, {}) : null, e[0] = o, e[1] = l, e[2] = s) : s = e[2];
+  e[0] !== r || e[1] !== n ? (s = n.getCanExpand() ? /* @__PURE__ */ i(Dl, { row: n }) : r > 0 ? /* @__PURE__ */ i(_l, {}) : null, e[0] = r, e[1] = n, e[2] = s) : s = e[2];
   let a;
-  e[3] !== t.statusColor || e[4] !== t.statusIcon ? (a = t.statusIcon && /* @__PURE__ */ i(ne, { as: t.statusIcon, boxSize: "16px", color: t.statusColor ?? "fg.muted", flexShrink: 0 }), e[3] = t.statusColor, e[4] = t.statusIcon, e[5] = a) : a = e[5];
+  e[3] !== t.statusColor || e[4] !== t.statusIcon ? (a = t.statusIcon && /* @__PURE__ */ i(oe, { as: t.statusIcon, boxSize: "16px", color: t.statusColor ?? "fg.muted", flexShrink: 0 }), e[3] = t.statusColor, e[4] = t.statusIcon, e[5] = a) : a = e[5];
   let c;
-  e[6] !== t.ticketId ? (c = /* @__PURE__ */ i(C, { textStyle: "label/S/regular", color: "fg.muted", flexShrink: 0, minW: "70px", children: t.ticketId }), e[6] = t.ticketId, e[7] = c) : c = e[7];
+  e[6] !== t.ticketId ? (c = /* @__PURE__ */ i($, { textStyle: "label/S/regular", color: "fg.muted", flexShrink: 0, minW: "70px", children: t.ticketId }), e[6] = t.ticketId, e[7] = c) : c = e[7];
   let d;
-  e[8] !== t.title ? (d = /* @__PURE__ */ i(C, { textStyle: "label/S/regular", flex: "1", truncate: !0, children: t.title }), e[8] = t.title, e[9] = d) : d = e[9];
-  let h;
-  e[10] !== t.badges ? (h = t.badges && t.badges.length > 0 && /* @__PURE__ */ i(qe, { gap: "2xs", flexShrink: 0, children: t.badges.map(ql) }), e[10] = t.badges, e[11] = h) : h = e[11];
+  e[8] !== t.title ? (d = /* @__PURE__ */ i($, { textStyle: "label/S/regular", flex: "1", truncate: !0, children: t.title }), e[8] = t.title, e[9] = d) : d = e[9];
+  let u;
+  e[10] !== t.badges ? (u = t.badges && t.badges.length > 0 && /* @__PURE__ */ i(bt, { gap: "2xs", flexShrink: 0, children: t.badges.map($l) }), e[10] = t.badges, e[11] = u) : u = e[11];
   let g;
-  e[12] !== t.assigneeIcon ? (g = t.assigneeIcon && /* @__PURE__ */ i(E, { flexShrink: 0, children: t.assigneeIcon }), e[12] = t.assigneeIcon, e[13] = g) : g = e[13];
+  e[12] !== t.assigneeIcon ? (g = t.assigneeIcon && /* @__PURE__ */ i(V, { flexShrink: 0, children: t.assigneeIcon }), e[12] = t.assigneeIcon, e[13] = g) : g = e[13];
   let f;
-  e[14] !== t.date ? (f = t.date && /* @__PURE__ */ i(C, { textStyle: "label/XS/regular", color: "fg.muted", flexShrink: 0, children: t.date }), e[14] = t.date, e[15] = f) : f = e[15];
-  let u;
-  return e[16] !== r || e[17] !== s || e[18] !== a || e[19] !== c || e[20] !== d || e[21] !== h || e[22] !== g || e[23] !== f ? (u = /* @__PURE__ */ b(F, { gap: "sm", flex: "1", paddingLeft: r, children: [
+  e[14] !== t.date ? (f = t.date && /* @__PURE__ */ i($, { textStyle: "label/XS/regular", color: "fg.muted", flexShrink: 0, children: t.date }), e[14] = t.date, e[15] = f) : f = e[15];
+  let p;
+  return e[16] !== o || e[17] !== s || e[18] !== a || e[19] !== c || e[20] !== d || e[21] !== u || e[22] !== g || e[23] !== f ? (p = /* @__PURE__ */ b(X, { gap: "sm", flex: "1", paddingLeft: o, children: [
     s,
     a,
     c,
     d,
-    h,
+    u,
     g,
     f
-  ] }), e[16] = r, e[17] = s, e[18] = a, e[19] = c, e[20] = d, e[21] = h, e[22] = g, e[23] = f, e[24] = u) : u = e[24], u;
-}, Ul = (n) => {
-  const e = $(7), {
-    row: l
-  } = n;
-  let t;
-  e[0] !== l ? (t = (a) => {
-    a.stopPropagation(), l.toggleExpanded();
-  }, e[0] = l, e[1] = t) : t = e[1];
-  const o = l.getIsExpanded() ? "rotate(90deg)" : "rotate(0deg)";
-  let r;
-  e[2] !== o ? (r = /* @__PURE__ */ i(ne, { as: me, boxSize: "14px", color: "fg.muted", transform: o, transition: "transform 0.15s ease" }), e[2] = o, e[3] = r) : r = e[3];
-  let s;
-  return e[4] !== t || e[5] !== r ? (s = /* @__PURE__ */ i(E, { as: "button", onClick: t, cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0, width: "16px", height: "16px", children: r }), e[4] = t, e[5] = r, e[6] = s) : s = e[6], s;
-}, Kl = () => {
-  const n = $(1);
+  ] }), e[16] = o, e[17] = s, e[18] = a, e[19] = c, e[20] = d, e[21] = u, e[22] = g, e[23] = f, e[24] = p) : p = e[24], p;
+}, Dl = (l) => {
+  const e = A(6), {
+    row: n
+  } = l, t = n.getIsExpanded(), r = t ? "true" : void 0, o = t ? "Collapse group" : "Expand group", s = t ? "rotate(90deg)" : "rotate(0deg)";
+  let a;
+  e[0] !== s ? (a = /* @__PURE__ */ i(ye, { size: 14, style: {
+    color: "var(--chakra-colors-fg-muted)",
+    transform: s,
+    transition: "transform 0.15s ease"
+  } }), e[0] = s, e[1] = a) : a = e[1];
+  let c;
+  return e[2] !== r || e[3] !== o || e[4] !== a ? (c = /* @__PURE__ */ i(V, { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0, width: "16px", height: "16px", "data-expanded": r, "aria-label": o, children: a }), e[2] = r, e[3] = o, e[4] = a, e[5] = c) : c = e[5], c;
+}, _l = () => {
+  const l = A(1);
   let e;
-  return n[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ b(E, { width: "16px", height: "16px", position: "relative", flexShrink: 0, children: [
-    /* @__PURE__ */ i(E, { position: "absolute", left: "7px", top: "0", bottom: "50%", borderLeftWidth: "1px", borderColor: "border.muted" }),
-    /* @__PURE__ */ i(E, { position: "absolute", left: "7px", top: "50%", width: "8px", borderBottomWidth: "1px", borderColor: "border.muted" })
-  ] }), n[0] = e) : e = n[0], e;
+  return l[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ b(V, { width: "16px", height: "16px", position: "relative", flexShrink: 0, children: [
+    /* @__PURE__ */ i(V, { position: "absolute", left: "7px", top: "0", bottom: "50%", borderLeftWidth: "1px", borderColor: "border.muted" }),
+    /* @__PURE__ */ i(V, { position: "absolute", left: "7px", top: "50%", width: "8px", borderBottomWidth: "1px", borderColor: "border.muted" })
+  ] }), l[0] = e) : e = l[0], e;
+};
+function $l(l) {
+  return /* @__PURE__ */ i(Te, { variant: "subtle", colorPalette: l.color ?? "gray", textStyle: "label/XS/medium", children: l.label }, l.label);
+}
+const ke = {
+  status: "No status",
+  complexity: "Unspecified",
+  assignee: "Unassigned",
+  priority: "Unspecified"
+}, dt = {
+  high: 3,
+  medium: 2,
+  low: 1
+}, ut = {
+  p0: 5,
+  p1: 4,
+  p2: 3,
+  p3: 2,
+  p4: 1
+}, Pe = (l, e) => !l || l.trim() === "" ? e : l, gt = (l, e) => e === "none" ? "All" : e === "status" ? Pe(l.status, ke.status) : e === "complexity" ? Pe(l.complexity, ke.complexity) : e === "assignee" ? Pe(l.assignee, ke.assignee) : Pe(l.priority, ke.priority), ft = (l, e) => l.localeCompare(e, void 0, {
+  numeric: !0
+}), Ae = (l, e) => e === "asc" ? l : l * -1, Ge = (l, e) => e.field === "manual" ? l : [...l].sort((n, t) => {
+  if (e.field === "updated") {
+    const r = new Date(n.updatedAt ?? 0).getTime(), o = new Date(t.updatedAt ?? 0).getTime();
+    return Ae(r - o, e.direction);
+  }
+  if (e.field === "title")
+    return Ae(n.title.localeCompare(t.title), e.direction);
+  if (e.field === "complexity") {
+    const r = dt[(n.complexity ?? "").toLowerCase()] ?? 0, o = dt[(t.complexity ?? "").toLowerCase()] ?? 0;
+    return Ae(r - o, e.direction);
+  }
+  if (e.field === "priority") {
+    const r = ut[(n.priority ?? "").toLowerCase()] ?? 0, o = ut[(t.priority ?? "").toLowerCase()] ?? 0;
+    return Ae(r - o, e.direction);
+  }
+  return Ae(n.ticketId.localeCompare(t.ticketId, void 0, {
+    numeric: !0
+  }), e.direction);
+}), Ll = (l, e) => {
+  const {
+    columnGrouping: n,
+    rowGrouping: t,
+    knownColumnKeys: r
+  } = e, o = /* @__PURE__ */ new Map();
+  if (r)
+    for (const a of r)
+      o.set(a, []);
+  for (const a of l) {
+    const c = gt(a, n);
+    o.set(c, [...o.get(c) ?? [], a]);
+  }
+  return [...o.entries()].sort(([a], [c]) => ft(a, c)).map(([a, c]) => {
+    if (t === "none")
+      return {
+        key: a,
+        label: a,
+        tickets: c,
+        rows: []
+      };
+    const d = /* @__PURE__ */ new Map();
+    for (const g of c) {
+      const f = gt(g, t);
+      d.set(f, [...d.get(f) ?? [], g]);
+    }
+    const u = [...d.entries()].sort(([g], [f]) => ft(g, f)).map(([g, f]) => ({
+      key: g,
+      label: g,
+      tickets: f
+    }));
+    return {
+      key: a,
+      label: a,
+      tickets: c,
+      rows: u
+    };
+  });
+}, _t = (l, e) => e === "labels" ? l.labels ?? [] : e === "status" ? [Pe(l.status, ke.status)] : e === "assignee" ? [Pe(l.assignee, ke.assignee)] : e === "priority" ? [Pe(l.priority, ke.priority)] : [Pe(l.complexity, ke.complexity)], Rl = (l, e) => {
+  const n = Object.entries(e).filter(([, t]) => t && t.length > 0);
+  return n.length === 0 ? l : l.filter((t) => n.every(([r, o]) => _t(t, r).some((a) => o?.includes(a))));
+}, El = (l, e) => {
+  const n = {};
+  for (const t of l)
+    for (const r of _t(t, e))
+      n[r] = (n[r] ?? 0) + 1;
+  return n;
+}, zl = {
+  viewMode: "board",
+  columnGrouping: "status",
+  rowGrouping: "none",
+  ordering: {
+    field: "manual",
+    direction: "asc"
+  },
+  displayProperties: ["complexity", "priority", "labels"]
+}, Al = [{
+  value: "status",
+  label: "Status"
+}, {
+  value: "complexity",
+  label: "Complexity"
+}, {
+  value: "assignee",
+  label: "Assignee"
+}, {
+  value: "priority",
+  label: "Priority"
+}, {
+  value: "none",
+  label: "No grouping"
+}], Ol = [{
+  value: "manual",
+  label: "Manual"
+}, {
+  value: "updated",
+  label: "Updated"
+}, {
+  value: "title",
+  label: "Title"
+}, {
+  value: "complexity",
+  label: "Complexity"
+}, {
+  value: "priority",
+  label: "Priority"
+}, {
+  value: "ticketId",
+  label: "ID"
+}], Gl = [{
+  value: "id",
+  label: "ID"
+}, {
+  value: "status",
+  label: "Status"
+}, {
+  value: "assignee",
+  label: "Assignee"
+}, {
+  value: "priority",
+  label: "Priority"
+}, {
+  value: "complexity",
+  label: "Complexity"
+}, {
+  value: "labels",
+  label: "Labels"
+}, {
+  value: "updated",
+  label: "Updated"
+}], Ml = "pstdio/ui/tickets-workspace", Nl = (l) => `${Ml}/${l}`, Xe = {
+  settings: zl,
+  filters: {}
+}, Hl = () => ({
+  getItem: () => null,
+  setItem: () => {
+  },
+  removeItem: () => {
+  }
+}), Wl = (l, e) => l.includes(e) ? l.filter((n) => n !== e) : [...l, e], Fl = (l) => {
+  const {
+    storageKey: e,
+    initialState: n
+  } = l, t = {
+    settings: {
+      ...Xe.settings,
+      ...n?.settings ?? {}
+    },
+    filters: n?.filters ?? Xe.filters
+  };
+  return wt()(Ct((r) => ({
+    ...t,
+    setViewMode: (o) => r((s) => ({
+      ...s,
+      settings: {
+        ...s.settings,
+        viewMode: o
+      }
+    })),
+    setColumnGrouping: (o) => r((s) => ({
+      ...s,
+      settings: {
+        ...s.settings,
+        columnGrouping: o
+      }
+    })),
+    setRowGrouping: (o) => r((s) => ({
+      ...s,
+      settings: {
+        ...s.settings,
+        rowGrouping: o
+      }
+    })),
+    setOrdering: (o) => r((s) => ({
+      ...s,
+      settings: {
+        ...s.settings,
+        ordering: o
+      }
+    })),
+    setOrderingField: (o) => r((s) => ({
+      ...s,
+      settings: {
+        ...s.settings,
+        ordering: {
+          ...s.settings.ordering,
+          field: o
+        }
+      }
+    })),
+    toggleSortDirection: () => r((o) => ({
+      ...o,
+      settings: {
+        ...o.settings,
+        ordering: {
+          ...o.settings.ordering,
+          direction: o.settings.ordering.direction === "asc" ? "desc" : "asc"
+        }
+      }
+    })),
+    toggleDisplayProperty: (o) => r((s) => {
+      const a = s.settings.displayProperties.includes(o) ? s.settings.displayProperties.filter((c) => c !== o) : [...s.settings.displayProperties, o];
+      return {
+        ...s,
+        settings: {
+          ...s.settings,
+          displayProperties: a
+        }
+      };
+    }),
+    setFilter: (o, s) => r((a) => ({
+      ...a,
+      filters: {
+        ...a.filters,
+        [o]: s
+      }
+    })),
+    toggleFilterValue: (o, s) => r((a) => {
+      const c = a.filters[o] ?? [], d = Wl(c, s), u = {
+        ...a.filters,
+        [o]: d
+      };
+      return d.length === 0 && delete u[o], {
+        ...a,
+        filters: u
+      };
+    }),
+    clearFilter: (o) => r((s) => {
+      const a = {
+        ...s.filters
+      };
+      return delete a[o], {
+        ...s,
+        filters: a
+      };
+    }),
+    clearAllFilters: () => r((o) => ({
+      ...o,
+      filters: {}
+    })),
+    reset: () => r(Xe)
+  }), {
+    name: Nl(e),
+    storage: vt(() => typeof globalThis.localStorage > "u" ? Hl() : globalThis.localStorage),
+    partialize: (r) => ({
+      settings: r.settings,
+      filters: r.filters
+    })
+  }));
+}, pt = /* @__PURE__ */ new Map(), Bl = (l) => {
+  const e = pt.get(l);
+  if (e)
+    return e;
+  const n = Fl({
+    storageKey: l
+  });
+  return pt.set(l, n), n;
+}, pe = (l, e) => {
+  const n = A(2);
+  let t;
+  return n[0] !== l ? (t = Bl(l), n[0] = l, n[1] = t) : t = n[1], yt(t, e);
+}, Vl = {
+  p0: "red",
+  p1: "red",
+  p2: "orange",
+  p3: "yellow",
+  p4: "gray"
+}, jl = {
+  high: "red",
+  medium: "yellow",
+  low: "green"
+}, Ne = (l) => l.replaceAll("_", " ").split(" ").filter((e) => e.length > 0).map((e) => e[0].toUpperCase() + e.slice(1)).join(" "), Xl = {
+  status: (l) => l.status ? [l.status] : [],
+  assignee: (l) => l.assignee ? [l.assignee] : [],
+  priority: (l) => l.priority ? [l.priority] : [],
+  complexity: (l) => l.complexity ? [l.complexity] : [],
+  labels: (l) => l.labels ?? []
+}, Oe = (l, e) => {
+  const n = /* @__PURE__ */ new Set();
+  for (const t of l) {
+    const r = Xl[e](t);
+    for (const o of r)
+      n.add(o);
+  }
+  return [...n].sort((t, r) => t.localeCompare(r, void 0, {
+    numeric: !0
+  })).map((t) => ({
+    value: t,
+    label: Ne(t)
+  }));
+}, Ul = (l) => [{
+  id: "status",
+  label: "Status",
+  options: Oe(l, "status")
+}, {
+  id: "assignee",
+  label: "Assignee",
+  options: Oe(l, "assignee")
+}, {
+  id: "priority",
+  label: "Priority",
+  options: Oe(l, "priority")
+}, {
+  id: "complexity",
+  label: "Complexity",
+  options: Oe(l, "complexity")
+}, {
+  id: "labels",
+  label: "Labels",
+  options: Oe(l, "labels")
+}], ht = (l, e) => {
+  const n = [], t = (r) => e.includes(r);
+  if (t("status") && l.status && n.push({
+    label: l.status,
+    color: l.statusColor ?? "gray"
+  }), t("assignee") && l.assignee && n.push({
+    label: l.assignee,
+    color: "blue"
+  }), t("priority") && l.priority && n.push({
+    label: l.priority,
+    color: Vl[l.priority.toLowerCase()] ?? "gray"
+  }), t("complexity") && l.complexity && n.push({
+    label: l.complexity,
+    color: jl[l.complexity.toLowerCase()] ?? "gray"
+  }), t("updated") && l.updatedAt && n.push({
+    label: new Date(l.updatedAt).toLocaleDateString(),
+    color: "gray"
+  }), t("labels"))
+    for (const r of l.labels ?? [])
+      n.push({
+        label: r,
+        color: "purple"
+      });
+  return n;
+}, Xi = (l) => {
+  const e = A(64), {
+    tickets: n,
+    storageKey: t,
+    selectedTicketId: r,
+    groupingOptions: o,
+    orderingOptions: s,
+    displayPropertyOptions: a,
+    filterCategories: c,
+    knownColumnKeys: d,
+    emptyTitle: u,
+    emptyDescription: g,
+    onTicketClick: f,
+    onMoveTicket: p,
+    onMoveToGroup: h,
+    onCreateTicket: m,
+    onColumnAction: x,
+    getBoardColumnConfig: y
+  } = l, I = r === void 0 ? null : r, k = o === void 0 ? Al : o, P = s === void 0 ? Ol : s, D = a === void 0 ? Gl : a, T = u === void 0 ? "No tickets found" : u, _ = g === void 0 ? "Try changing filters or display settings." : g, S = pe(t, Yl), C = pe(t, Kl), w = pe(t, ql), v = pe(t, Jl), E = pe(t, Ql), L = pe(t, Zl), z = pe(t, ei), O = pe(t, ti), W = pe(t, ni), H = pe(t, li), B = pe(t, ii);
+  let N, M, R, F;
+  if (e[0] !== c || e[1] !== C || e[2] !== y || e[3] !== d || e[4] !== f || e[5] !== S.columnGrouping || e[6] !== S.displayProperties || e[7] !== S.ordering || e[8] !== S.rowGrouping || e[9] !== n) {
+    const ee = Rl(n, C);
+    N = c ?? Ul(n);
+    let Z;
+    e[14] !== n ? (Z = (j) => [j.id, El(n, j.id)], e[14] = n, e[15] = Z) : Z = e[15], M = Object.fromEntries(N.map(Z));
+    const U = d ?? (S.columnGrouping !== "none" ? N.find((j) => j.id === S.columnGrouping)?.options.map(ri) : void 0), ie = Ll(ee, {
+      columnGrouping: S.columnGrouping,
+      rowGrouping: S.rowGrouping,
+      knownColumnKeys: U
+    });
+    let ce;
+    e[16] !== f || e[17] !== S.displayProperties ? (ce = (j) => ({
+      id: j.id,
+      ticketId: S.displayProperties.includes("id") ? j.ticketId : "",
+      title: j.title,
+      badges: ht(j, S.displayProperties),
+      onClick: () => f?.(j)
+    }), e[16] = f, e[17] = S.displayProperties, e[18] = ce) : ce = e[18];
+    const re = ce;
+    let ue;
+    e[19] !== S.ordering || e[20] !== re ? (ue = (j) => ({
+      id: `group::${j.key}`,
+      ticketId: "",
+      title: `${Ne(j.label)} (${j.tickets.length})`,
+      children: Ge(j.tickets, S.ordering).map((ne) => re(ne))
+    }), e[19] = S.ordering, e[20] = re, e[21] = ue) : ue = e[21];
+    const fe = ue;
+    R = S.columnGrouping === "none" ? Ge(ee, S.ordering).map((j) => re(j)) : ie.map((j) => j.rows.length > 0 ? {
+      id: `group::${j.key}`,
+      ticketId: "",
+      title: `${Ne(j.label)} (${j.tickets.length})`,
+      children: j.rows.map((ne) => ({
+        ...fe(ne),
+        id: `group::${j.key}::${ne.key}`
+      }))
+    } : fe(j));
+    let ae;
+    e[22] !== f || e[23] !== S.displayProperties ? (ae = (j) => j.map((ne) => ({
+      id: ne.id,
+      cardProps: {
+        ticketId: S.displayProperties.includes("id") ? ne.ticketId : "",
+        parentPath: ne.parentPath,
+        title: ne.title,
+        badges: ht(ne, S.displayProperties),
+        onClick: () => f?.(ne)
+      }
+    })), e[22] = f, e[23] = S.displayProperties, e[24] = ae) : ae = e[24];
+    const be = ae;
+    let ge;
+    e[25] !== y || e[26] !== S.ordering || e[27] !== be ? (ge = (j) => {
+      const ne = y?.(j.key) ?? {}, Rt = Ge(j.tickets, S.ordering), Et = j.rows.length > 0 ? j.rows.map((Be) => ({
+        key: Be.key,
+        label: Ne(Be.label),
+        items: be(Ge(Be.tickets, S.ordering))
+      })) : void 0;
+      return {
+        id: j.key,
+        label: j.label,
+        color: ne.color,
+        canDragIn: ne.canDragIn ?? !1,
+        canDragOut: ne.canDragOut ?? !1,
+        canCreate: ne.canCreate ?? !1,
+        actions: ne.actions ?? [],
+        items: be(Rt),
+        groups: Et
+      };
+    }, e[25] = y, e[26] = S.ordering, e[27] = be, e[28] = ge) : ge = e[28], F = ie.map(ge), e[0] = c, e[1] = C, e[2] = y, e[3] = d, e[4] = f, e[5] = S.columnGrouping, e[6] = S.displayProperties, e[7] = S.ordering, e[8] = S.rowGrouping, e[9] = n, e[10] = N, e[11] = M, e[12] = R, e[13] = F;
+  } else
+    N = e[10], M = e[11], R = e[12], F = e[13];
+  const Y = F;
+  let q;
+  e[29] !== N || e[30] !== B || e[31] !== H || e[32] !== M || e[33] !== C || e[34] !== W ? (q = /* @__PURE__ */ i(xl, { categories: N, filters: C, countsByCategory: M, onToggleFilterValue: W, onClearFilter: H, onClearAll: B }), e[29] = N, e[30] = B, e[31] = H, e[32] = M, e[33] = C, e[34] = W, e[35] = q) : q = e[35];
+  let J;
+  e[36] !== D || e[37] !== k || e[38] !== P || e[39] !== v || e[40] !== L || e[41] !== E || e[42] !== w || e[43] !== S || e[44] !== O || e[45] !== z ? (J = /* @__PURE__ */ i(ml, { settings: S, groupingOptions: k, orderingOptions: P, displayPropertyOptions: D, onViewModeChange: w, onColumnGroupingChange: v, onRowGroupingChange: E, onOrderingFieldChange: L, onSortDirectionToggle: z, onDisplayPropertyToggle: O }), e[36] = D, e[37] = k, e[38] = P, e[39] = v, e[40] = L, e[41] = E, e[42] = w, e[43] = S, e[44] = O, e[45] = z, e[46] = J) : J = e[46];
+  let K;
+  e[47] !== q || e[48] !== J ? (K = /* @__PURE__ */ b(X, { justifyContent: "flex-end", gap: "2xs", children: [
+    q,
+    J
+  ] }), e[47] = q, e[48] = J, e[49] = K) : K = e[49];
+  let Q;
+  e[50] !== Y || e[51] !== _ || e[52] !== T || e[53] !== R || e[54] !== x || e[55] !== m || e[56] !== p || e[57] !== h || e[58] !== I || e[59] !== S.viewMode ? (Q = S.viewMode === "board" ? /* @__PURE__ */ i(V, { flex: "1", minH: "0", children: Y.length > 0 ? /* @__PURE__ */ i(yl, { columns: Y, selectedItemId: I, onMoveItem: p, onMoveToGroup: h, onCreateStart: m, onColumnAction: x }) : /* @__PURE__ */ i(Ke, { title: T, description: _, height: "100%", borderWidth: "1px", borderRadius: "md" }) }) : R.length > 0 ? /* @__PURE__ */ i(Pl, { items: R, selectedItemId: I }) : /* @__PURE__ */ i(Ke, { title: T, description: _, borderWidth: "1px", borderRadius: "md" }), e[50] = Y, e[51] = _, e[52] = T, e[53] = R, e[54] = x, e[55] = m, e[56] = p, e[57] = h, e[58] = I, e[59] = S.viewMode, e[60] = Q) : Q = e[60];
+  let te;
+  return e[61] !== Q || e[62] !== K ? (te = /* @__PURE__ */ b(G, { gap: "sm", height: "100%", minH: "0", children: [
+    K,
+    Q
+  ] }), e[61] = Q, e[62] = K, e[63] = te) : te = e[63], te;
 };
-function ql(n) {
-  return /* @__PURE__ */ i(ze, { variant: "subtle", colorPalette: n.color ?? "gray", textStyle: "label/XS/medium", children: n.label }, n.label);
+function Yl(l) {
+  return l.settings;
+}
+function Kl(l) {
+  return l.filters;
+}
+function ql(l) {
+  return l.setViewMode;
+}
+function Jl(l) {
+  return l.setColumnGrouping;
+}
+function Ql(l) {
+  return l.setRowGrouping;
+}
+function Zl(l) {
+  return l.setOrderingField;
 }
-const Jl = pt({
+function ei(l) {
+  return l.toggleSortDirection;
+}
+function ti(l) {
+  return l.toggleDisplayProperty;
+}
+function ni(l) {
+  return l.toggleFilterValue;
+}
+function li(l) {
+  return l.clearFilter;
+}
+function ii(l) {
+  return l.clearAllFilters;
+}
+function ri(l) {
+  return l.value;
+}
+const oi = Wt({
   placement: "bottom-end",
   pauseOnPageIdle: !0
-}), On = () => {
-  const n = $(1);
+}), Ui = () => {
+  const l = A(1);
   let e;
-  return n[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ i(mt, { children: /* @__PURE__ */ i(bt, { toaster: Jl, insetInline: {
+  return l[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ i(Qe, { children: /* @__PURE__ */ i(Ft, { toaster: oi, insetInline: {
     mdDown: "4"
-  }, children: Ql }) }), n[0] = e) : e = n[0], e;
+  }, children: si }) }), l[0] = e) : e = l[0], e;
 };
-function Ql(n) {
-  return /* @__PURE__ */ b($e.Root, { width: {
+function si(l) {
+  return /* @__PURE__ */ b(Le.Root, { width: {
     md: "sm"
   }, children: [
-    n.type === "loading" ? /* @__PURE__ */ i(xt, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ i($e.Indicator, {}),
-    /* @__PURE__ */ b(D, { gap: "1", flex: "1", maxWidth: "100%", children: [
-      n.title && /* @__PURE__ */ i($e.Title, { children: n.title }),
-      n.description && /* @__PURE__ */ i($e.Description, { children: n.description })
+    l.type === "loading" ? /* @__PURE__ */ i(Bt, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ i(Le.Indicator, {}),
+    /* @__PURE__ */ b(G, { gap: "1", flex: "1", maxWidth: "100%", children: [
+      l.title && /* @__PURE__ */ i(Le.Title, { children: l.title }),
+      l.description && /* @__PURE__ */ i(Le.Description, { children: l.description })
     ] }),
-    n.action && /* @__PURE__ */ i($e.ActionTrigger, { children: n.action.label }),
-    n.closable && /* @__PURE__ */ i($e.CloseTrigger, {})
+    l.action && /* @__PURE__ */ i(Le.ActionTrigger, { children: l.action.label }),
+    l.closable && /* @__PURE__ */ i(Le.CloseTrigger, {})
   ] });
 }
-const Zl = (n) => {
+const ai = (l) => {
   if (typeof document > "u") return;
-  const e = document.documentElement, l = document.body, t = n === "dark" ? "light" : "dark";
-  for (const o of [e, l])
-    o && (o.classList.remove(t), o.classList.add(n), o.setAttribute("data-theme", n), o.style.colorScheme = n);
-}, it = "theme-preference", ot = vt(null), en = () => {
+  const e = document.documentElement, n = document.body, t = l === "dark" ? "light" : "dark";
+  for (const r of [e, n])
+    r && (r.classList.remove(t), r.classList.add(l), r.setAttribute("data-theme", l), r.style.colorScheme = l);
+}, $t = "theme-preference", Lt = Yt(null), ci = () => {
   if (typeof window > "u") return "light";
-  const n = window.localStorage.getItem(it);
-  return n === "dark" || n === "light" ? n : typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}, jn = (n) => {
-  const e = $(11), {
-    children: l,
+  const l = window.localStorage.getItem($t);
+  return l === "dark" || l === "light" ? l : typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}, Yi = (l) => {
+  const e = A(11), {
+    children: n,
     initialPreference: t
-  } = n;
-  let o;
-  e[0] !== t ? (o = t === void 0 ? en() : t, e[0] = t, e[1] = o) : o = e[1];
-  const r = o, [s, a] = Re(r);
+  } = l;
+  let r;
+  e[0] !== t ? (r = t === void 0 ? ci() : t, e[0] = t, e[1] = r) : r = e[1];
+  const o = r, [s, a] = me(o);
   let c, d;
   e[2] !== s ? (c = () => {
-    Zl(s), typeof window < "u" && window.localStorage.setItem(it, s);
-  }, d = [s], e[2] = s, e[3] = c, e[4] = d) : (c = e[3], d = e[4]), We(c, d);
-  let h;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = () => a(tn), e[5] = h) : h = e[5];
-  const g = h;
+    ai(s), typeof window < "u" && window.localStorage.setItem($t, s);
+  }, d = [s], e[2] = s, e[3] = c, e[4] = d) : (c = e[3], d = e[4]), He(c, d);
+  let u;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = () => a(di), e[5] = u) : u = e[5];
+  const g = u;
   let f;
   e[6] !== s ? (f = {
     themePreference: s,
     setThemePreference: a,
     toggleThemePreference: g
   }, e[6] = s, e[7] = f) : f = e[7];
-  let u;
-  return e[8] !== l || e[9] !== f ? (u = /* @__PURE__ */ i(ot, { value: f, children: l }), e[8] = l, e[9] = f, e[10] = u) : u = e[10], u;
-}, Gn = () => {
-  const n = Ct(ot);
-  if (!n)
+  let p;
+  return e[8] !== n || e[9] !== f ? (p = /* @__PURE__ */ i(Lt, { value: f, children: n }), e[8] = n, e[9] = f, e[10] = p) : p = e[10], p;
+}, Ki = () => {
+  const l = Kt(Lt);
+  if (!l)
     throw new Error("useThemePreference must be used within a ThemePreferenceProvider");
-  return n;
+  return l;
 };
-function tn(n) {
-  return n === "dark" ? "light" : "dark";
+function di(l) {
+  return l === "dark" ? "light" : "dark";
 }
 export {
-  Yt as AlertMessage,
-  wn as Breadcrumb,
-  Vn as ChakraProvider,
-  kn as Checkbox,
-  Un as CodeDiffEditor,
-  Kn as CodeEditor,
-  Ut as ContentPlaceholder,
-  In as ContentPlaceholderLabel,
-  Pn as DeleteConfirmationModal,
-  Qe as DiffBubble,
-  $n as DiffDrawer,
-  Tn as DocsChangelog,
-  _n as DocsOutline,
-  Rn as DocsPagination,
-  Dn as DocsSidebar,
-  kt as EmptyState,
-  Ln as ErrorBoundary,
-  En as FolderPickerDialog,
-  zn as HorizontalMenuStack,
-  cl as ItemSection,
-  Ae as MenuItem,
-  Hn as OpenSourceNoticesScreen,
-  gl as PanelMenu,
-  Nn as Properties,
-  he as ScrollArea,
-  wl as SessionIndicator,
-  Wn as SidebarNext,
-  Il as SidebarTree,
-  An as Switch,
-  jn as ThemePreferenceProvider,
-  Mn as TicketBoard,
-  jl as TicketCard,
-  Bn as TicketList,
-  On as Toaster,
+  Cn as AlertMessage,
+  Li as Breadcrumb,
+  Qi as ChakraProvider,
+  vn as Checkbox,
+  er as CodeDiffEditor,
+  tr as CodeEditor,
+  wn as ContentPlaceholder,
+  Ri as ContentPlaceholderLabel,
+  Ei as DeleteConfirmationModal,
+  St as DiffBubble,
+  zi as DiffDrawer,
+  ml as DisplayMenu,
+  Ai as DocsChangelog,
+  Oi as DocsOutline,
+  Gi as DocsPagination,
+  Mi as DocsSidebar,
+  Ke as EmptyState,
+  Ni as ErrorBoundary,
+  xl as FilterMenu,
+  Hi as FolderPickerDialog,
+  Wi as HorizontalMenuStack,
+  Mn as ItemSection,
+  We as MenuItem,
+  Fi as OpenSourceNoticesScreen,
+  Wn as PanelMenu,
+  Bi as Properties,
+  Ce as ScrollArea,
+  Jn as SessionIndicator,
+  Vi as SidebarNext,
+  Zn as SidebarTree,
+  ji as Switch,
+  Yi as ThemePreferenceProvider,
+  yl as TicketBoard,
+  Dt as TicketCard,
+  Pl as TicketList,
+  Xi as TicketsWorkspace,
+  Ui as Toaster,
   Ee as Tooltip,
-  Zl as applyThemePreference,
-  en as getInitialThemePreference,
-  Jn as psTheme,
-  Jl as toaster,
-  Te as useSidebarNextStore,
-  Gn as useThemePreference
+  ai as applyThemePreference,
+  ci as getInitialThemePreference,
+  lr as psTheme,
+  oi as toaster,
+  Re as useSidebarNextStore,
+  Ki as useThemePreference,
+  pe as useTicketsWorkspaceStore
 };
 //# sourceMappingURL=index.js.map