@pstdio/ui 0.3.0 → 0.4.0

package/dist/index.js

@@ -1,18 +1,20 @@
-import { Breadcrumb as ve, Checkbox as Ee, Box as j, Text as L, Dialog as fe, CloseButton as Rt, Stack as H, Button as he, IconButton as Se, Grid as Et, Timeline as xe, HStack as X, Image as zt, List as pt, Flex as Ie, Badge as Pe, Link as Ue, Heading as Ot, useEnvironmentContext as At, Icon as ue, Collapsible as De, MenuItem as nt, Menu as ie, AbsoluteCenter as Mt, Separator as Ye, Portal as He, InputGroup as Gt, Input as Nt, Switch as Te, Popover as ke, SegmentGroup as we, Wrap as mt, Spacer as Ht, createToaster as Wt, Toaster as Bt, Toast as _e, Spinner as Ft } from "@chakra-ui/react";
-import { ChakraProvider as ho } from "@chakra-ui/react";
-import { D as Vt, a as bt, E as Ke, A as jt } from "./empty-state-yGspgiPl.js";
-import { jsx as i, jsxs as x, Fragment as Qe } from "react/jsx-runtime";
-import { c as A } from "react/compiler-runtime";
-import * as Ze from "react";
-import { useState as pe, useRef as et, useEffect as ze, Children as Xt, isValidElement as Ut, cloneElement as Yt, Component as Kt, Fragment as qt, createContext as Jt, useContext as Qt } from "react";
-import { Editor as Zt, DiffEditor as en } from "@monaco-editor/react";
-import { useVirtualizer as tn } from "@tanstack/react-virtual";
-import { ChevronRight as Ce, ChevronDown as tt, FileText as qe, ChevronLeft as nn, FolderOpen as ln, Folder as on, Home as rn, ChevronUp as sn, Info as an, Search as cn, CircleCheck as dn, CircleAlert as un, CircleDashed as fn, PanelLeftClose as gn, Settings2 as hn, List as pn, KanbanSquare as mn, ArrowDownUp as bn, Filter as xn, GitBranchIcon as Sn, Plus as yn, MoreHorizontal as vn } from "lucide-react";
-import { S as ye, T as Le } from "./tooltip-Dze4WXVl.js";
-import { useStore as xt } from "zustand";
-import { persist as St, createJSONStorage as yt } from "zustand/middleware";
-import { createStore as vt } from "zustand/vanilla";
-import { useReactTable as Cn, getExpandedRowModel as wn, getCoreRowModel as In, flexRender as kn } from "@tanstack/react-table";
+import { Flex as fe, Box as V, Breadcrumb as ye, IconButton as he, chakra as It, Portal as He, HStack as j, Spacer as Pt, Checkbox as Ne, Text as W, Dialog as se, CloseButton as Qt, Stack as B, Button as pe, Grid as Zt, AbsoluteCenter as en, MenuItem as dt, Icon as ae, Badge as Pe, Menu as Y, Collapsible as je, createToaster as tn, Toaster as nn, Toast as ze, Spinner as Tt, Link as ut, Separator as it, InputGroup as ln, Input as on, Avatar as ft, Switch as Ie, Popover as we, SegmentGroup as Ce, Wrap as Dt } from "@chakra-ui/react";
+import { ChakraProvider as Ui } from "@chakra-ui/react";
+import { D as rn, a as _t, E as rt, A as sn } from "./empty-state-yGspgiPl.js";
+import { jsxs as x, jsx as o, Fragment as Lt } from "react/jsx-runtime";
+import { c as R } from "react/compiler-runtime";
+import * as at from "react";
+import { useRef as Be, useState as ge, useEffect as Oe, forwardRef as $t, Component as an, Children as cn, isValidElement as dn, cloneElement as un, Fragment as fn, createContext as pn, useContext as hn } from "react";
+import { T as xe, S as ke } from "./get-file-type-icon-CirIyuE8.js";
+import { g as Ki } from "./get-file-type-icon-CirIyuE8.js";
+import { SquareArrowOutUpRight as gn, Minus as mn, ChevronRight as Te, ChevronDown as Fe, FileText as bn, FolderOpen as Sn, Folder as xn, Home as yn, ChevronUp as vn, Info as Cn, Search as wn, CircleCheck as kn, CircleAlert as In, CirclePause as Pn, CircleDashed as Tn, PanelLeftClose as Dn, Sun as _n, Moon as Ln, FolderIcon as $n, Settings2 as Rn, List as Wn, KanbanSquare as En, ArrowDownUp as zn, Filter as An, GitCommitIcon as On, GitBranchIcon as Mn, Plus as Gn, MoreHorizontal as Nn } from "lucide-react";
+import { Editor as Bn, DiffEditor as Hn } from "@monaco-editor/react";
+import { useVirtualizer as Fn } from "@tanstack/react-virtual";
+import { Outlet as Vn } from "@tanstack/react-router";
+import { useStore as Rt } from "zustand";
+import { persist as Wt, createJSONStorage as Et } from "zustand/middleware";
+import { createStore as zt } from "zustand/vanilla";
+import { useReactTable as jn, getExpandedRowModel as Xn, getCoreRowModel as Un, flexRender as Yn } from "@tanstack/react-table";
 import "@fontsource/inter/400.css";
 import "@fontsource/inter/500.css";
 import "@fontsource/playfair-display/400.css";
@@ -21,61 +23,190 @@ import "@fontsource/playfair-display/700.css";
 import "@fontsource/onest/400.css";
 import "@fontsource/onest/500.css";
 import "@fontsource/onest/700.css";
-import { t as mo } from "./theme-BFV2Q048.js";
-const Vi = Ze.forwardRef(function(e, n) {
-  const t = A(21);
-  let o, s, r, a, c;
+import { t as Ji } from "./theme-D0VvFB1Y.js";
+const Kn = (l, e) => {
+  const {
+    min: n,
+    max: t
+  } = e;
+  return Math.min(Math.max(l, n), t);
+}, qn = "20rem", pt = 320, wi = (l) => {
+  const e = R(23);
+  let n, t, i, s, r, a;
+  e[0] !== l ? ({
+    children: n,
+    header: t,
+    width: r,
+    minWidth: i,
+    resizable: a,
+    ...s
+  } = l, e[0] = l, e[1] = n, e[2] = t, e[3] = i, e[4] = s, e[5] = r, e[6] = a) : (n = e[1], t = e[2], i = e[3], s = e[4], r = e[5], a = e[6]);
+  const c = r === void 0 ? "28rem" : r, d = a === void 0 ? !1 : a, u = Be(null), f = Be(Jn), [p, h] = ge(null), g = i ?? (d ? qn : c), S = p === null ? c : `${p}px`;
+  let m, v;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = () => () => f.current(), v = [], e[7] = m, e[8] = v) : (m = e[7], v = e[8]), Oe(m, v);
+  let C;
+  e[9] !== d ? (C = (T) => {
+    if (!d || !u.current)
+      return;
+    T.preventDefault();
+    const b = u.current, P = T.clientX, w = b.getBoundingClientRect().width, _ = window.getComputedStyle(b), L = Number.parseFloat(_.minWidth) || pt, $ = b.parentElement?.getBoundingClientRect().width ?? window.innerWidth, z = Math.max(L, $ - pt), O = document.body.style.cursor, G = document.body.style.userSelect, H = (F) => {
+      const A = F.clientX - P, E = Kn(w - A, {
+        min: L,
+        max: z
+      });
+      h(E);
+    }, X = () => {
+      window.removeEventListener("pointermove", H), window.removeEventListener("pointerup", X), document.body.style.cursor = O, document.body.style.userSelect = G, f.current = Qn;
+    };
+    f.current = X, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", window.addEventListener("pointermove", H), window.addEventListener("pointerup", X, {
+      once: !0
+    });
+  }, e[9] = d, e[10] = C) : C = e[10];
+  const k = C;
+  let y;
+  e[11] !== k || e[12] !== d ? (y = d ? /* @__PURE__ */ o(V, { role: "separator", "aria-label": "Resize attached panel", "aria-orientation": "vertical", position: "absolute", top: "0", bottom: "0", left: "0", width: "3", transform: "translateX(-50%)", cursor: "col-resize", touchAction: "none", zIndex: "1", onPointerDown: k }) : null, e[11] = k, e[12] = d, e[13] = y) : y = e[13];
+  let I;
+  e[14] !== n ? (I = /* @__PURE__ */ o(fe, { flex: "1", minH: 0, direction: "column", children: n }), e[14] = n, e[15] = I) : I = e[15];
+  let D;
+  return e[16] !== t || e[17] !== g || e[18] !== S || e[19] !== s || e[20] !== y || e[21] !== I ? (D = /* @__PURE__ */ x(fe, { ref: u, direction: "column", position: "relative", flexShrink: 0, w: S, minW: g, h: "100%", borderLeftWidth: "1px", bg: "bg", overflow: "hidden", ...s, children: [
+    y,
+    t,
+    I
+  ] }), e[16] = t, e[17] = g, e[18] = S, e[19] = s, e[20] = y, e[21] = I, e[22] = D) : D = e[22], D;
+};
+function Jn() {
+}
+function Qn() {
+}
+const ki = at.forwardRef(function(e, n) {
+  const t = R(21);
+  let i, s, r, a, c;
   t[0] !== e ? ({
     separator: a,
     separatorGap: c,
     items: s,
-    linkComponent: o,
+    linkComponent: i,
     ...r
-  } = e, t[0] = e, t[1] = o, t[2] = s, t[3] = r, t[4] = a, t[5] = c) : (o = t[1], s = t[2], r = t[3], a = t[4], c = t[5]);
+  } = e, t[0] = e, t[1] = i, t[2] = s, t[3] = r, t[4] = a, t[5] = c) : (i = t[1], s = t[2], r = t[3], a = t[4], c = t[5]);
   let d;
-  if (t[6] !== o || t[7] !== s || t[8] !== a) {
-    let g;
-    t[10] !== o || t[11] !== s.length || t[12] !== a ? (g = (h, p) => {
-      const m = p === s.length - 1, b = !!(h.url || h.onClick);
-      let y;
-      return m && !b ? y = /* @__PURE__ */ i(ve.CurrentLink, { children: h.title }) : h.url ? y = o ? /* @__PURE__ */ i(ve.Link, { asChild: !0, children: /* @__PURE__ */ i(o, { to: h.url, children: h.title }) }) : /* @__PURE__ */ i(ve.Link, { href: h.url, children: h.title }) : h.onClick ? y = /* @__PURE__ */ i(ve.Link, { as: "button", type: "button", onClick: h.onClick, children: h.title }) : y = /* @__PURE__ */ i(ve.Link, { children: h.title }), /* @__PURE__ */ x(ve.Item, { children: [
-        y,
-        m ? null : /* @__PURE__ */ i(ve.Separator, { as: "span", "aria-hidden": !0, ml: "xs", children: a })
-      ] }, p);
-    }, t[10] = o, t[11] = s.length, t[12] = a, t[13] = g) : g = t[13], d = s.map(g), t[6] = o, t[7] = s, t[8] = a, t[9] = d;
+  if (t[6] !== i || t[7] !== s || t[8] !== a) {
+    let p;
+    t[10] !== i || t[11] !== s.length || t[12] !== a ? (p = (h, g) => {
+      const S = g === s.length - 1, m = !!(h.url || h.onClick);
+      let v;
+      return S && !m ? v = /* @__PURE__ */ o(ye.CurrentLink, { children: h.title }) : h.url ? v = i ? /* @__PURE__ */ o(ye.Link, { asChild: !0, children: /* @__PURE__ */ o(i, { to: h.url, children: h.title }) }) : /* @__PURE__ */ o(ye.Link, { href: h.url, children: h.title }) : h.onClick ? v = /* @__PURE__ */ o(ye.Link, { as: "button", type: "button", onClick: h.onClick, children: h.title }) : v = /* @__PURE__ */ o(ye.Link, { children: h.title }), /* @__PURE__ */ x(ye.Item, { children: [
+        v,
+        S ? null : /* @__PURE__ */ o(ye.Separator, { as: "span", "aria-hidden": !0, ml: "xs", children: a })
+      ] }, g);
+    }, t[10] = i, t[11] = s.length, t[12] = a, t[13] = p) : p = t[13], d = s.map(p), t[6] = i, t[7] = s, t[8] = a, t[9] = d;
   } else
     d = t[9];
   let u;
-  t[14] !== c || t[15] !== d ? (u = /* @__PURE__ */ i(ve.List, { gap: c, children: d }), t[14] = c, t[15] = d, t[16] = u) : u = t[16];
+  t[14] !== c || t[15] !== d ? (u = /* @__PURE__ */ o(ye.List, { gap: c, children: d }), t[14] = c, t[15] = d, t[16] = u) : u = t[16];
+  let f;
+  return t[17] !== n || t[18] !== r || t[19] !== u ? (f = /* @__PURE__ */ o(ye.Root, { ref: n, ...r, children: u }), t[17] = n, t[18] = r, t[19] = u, t[20] = f) : f = t[20], f;
+}), Ii = $t(function(e, n) {
+  const t = R(21);
+  let i, s, r, a, c;
+  t[0] !== e ? ({
+    children: i,
+    containerProps: s,
+    isOpen: a,
+    tooltip: c,
+    ...r
+  } = e, t[0] = e, t[1] = i, t[2] = s, t[3] = r, t[4] = a, t[5] = c) : (i = t[1], s = t[2], r = t[3], a = t[4], c = t[5]);
+  const d = a === void 0 ? !1 : a, u = d ? "none" : "mid";
   let f;
-  return t[17] !== n || t[18] !== r || t[19] !== u ? (f = /* @__PURE__ */ i(ve.Root, { ref: n, ...r, children: u }), t[17] = n, t[18] = r, t[19] = u, t[20] = f) : f = t[20], f;
-}), Pn = Ze.forwardRef(function(e, n) {
-  const t = A(26);
-  let o, s, r, a, c, d;
+  t[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
+    borderColor: "border.accent",
+    boxShadow: "mid"
+  }, t[6] = f) : f = t[6];
+  const p = d ? "none" : "mid";
+  let h;
+  t[7] !== p ? (h = {
+    boxShadow: p
+  }, t[7] = p, t[8] = h) : h = t[8];
+  let g;
+  t[9] !== i || t[10] !== n || t[11] !== r || t[12] !== u || t[13] !== h ? (g = /* @__PURE__ */ o(he, { ref: n, rounded: "full", size: "lg", borderWidth: "1px", boxShadow: u, transition: "box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out", _hover: f, _active: h, ...r, children: i }), t[9] = i, t[10] = n, t[11] = r, t[12] = u, t[13] = h, t[14] = g) : g = t[14];
+  const S = g;
+  let m;
+  t[15] !== S || t[16] !== c ? (m = c ? /* @__PURE__ */ o(xe, { content: c, children: S }) : S, t[15] = S, t[16] = c, t[17] = m) : m = t[17];
+  let v;
+  return t[18] !== s || t[19] !== m ? (v = /* @__PURE__ */ o(It.div, { position: "fixed", bottom: "6", right: "6", zIndex: "docked", ...s, children: m }), t[18] = s, t[19] = m, t[20] = v) : v = t[20], v;
+}), Pi = $t(function(e, n) {
+  const t = R(28), {
+    isOpen: i,
+    title: s,
+    menu: r,
+    onClose: a,
+    closeLabel: c,
+    onPopOut: d,
+    popOutLabel: u,
+    width: f,
+    height: p,
+    containerProps: h,
+    testId: g,
+    "aria-label": S,
+    children: m
+  } = e, v = i === void 0 ? !1 : i, C = f === void 0 ? "28rem" : f, k = p === void 0 ? "38rem" : p;
+  if (!v)
+    return null;
+  const y = S ?? s;
+  let I;
+  t[0] !== r ? (I = /* @__PURE__ */ o(j, { gap: "1", minW: "0", children: r }), t[0] = r, t[1] = I) : I = t[1];
+  let D;
+  t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ o(Pt, {}), t[2] = D) : D = t[2];
+  let T;
+  t[3] !== d || t[4] !== u ? (T = d ? /* @__PURE__ */ o(xe, { content: u, children: /* @__PURE__ */ o(he, { size: "xs", variant: "ghost", "aria-label": u, onClick: d, children: /* @__PURE__ */ o(gn, { size: 16 }) }) }) : null, t[3] = d, t[4] = u, t[5] = T) : T = t[5];
+  let b;
+  t[6] !== c || t[7] !== a ? (b = a ? /* @__PURE__ */ o(xe, { content: c, children: /* @__PURE__ */ o(he, { size: "xs", variant: "ghost", "aria-label": c, onClick: a, children: /* @__PURE__ */ o(mn, { size: 16 }) }) }) : null, t[6] = c, t[7] = a, t[8] = b) : b = t[8];
+  let P;
+  t[9] !== T || t[10] !== b ? (P = /* @__PURE__ */ x(j, { gap: "1", children: [
+    T,
+    b
+  ] }), t[9] = T, t[10] = b, t[11] = P) : P = t[11];
+  let w;
+  t[12] !== I || t[13] !== P ? (w = /* @__PURE__ */ x(j, { alignItems: "center", gap: "sm", px: "xs", pt: "md", pb: "xs", children: [
+    I,
+    D,
+    P
+  ] }), t[12] = I, t[13] = P, t[14] = w) : w = t[14];
+  let _;
+  t[15] !== m ? (_ = /* @__PURE__ */ o(V, { flex: "1", minH: 0, display: "flex", flexDirection: "column", gap: "sm", children: m }), t[15] = m, t[16] = _) : _ = t[16];
+  let L;
+  t[17] !== _ || t[18] !== w ? (L = /* @__PURE__ */ x(fe, { direction: "column", h: "full", children: [
+    w,
+    _
+  ] }), t[17] = _, t[18] = w, t[19] = L) : L = t[19];
+  let $;
+  return t[20] !== h || t[21] !== k || t[22] !== n || t[23] !== L || t[24] !== y || t[25] !== g || t[26] !== C ? ($ = /* @__PURE__ */ o(He, { children: /* @__PURE__ */ o(It.section, { ref: n, role: "dialog", "data-testid": g, "aria-label": y, position: "fixed", bottom: "3", right: "3", w: C, maxW: "calc(100vw - 2rem)", h: k, maxH: "calc(100vh - 2rem)", borderRadius: "3xl", boxShadow: "2xl", bg: "bg", zIndex: "dropdown", ...h, children: L }) }), t[20] = h, t[21] = k, t[22] = n, t[23] = L, t[24] = y, t[25] = g, t[26] = C, t[27] = $) : $ = t[27], $;
+}), Zn = at.forwardRef(function(e, n) {
+  const t = R(26);
+  let i, s, r, a, c, d;
   t[0] !== e ? ({
     icon: s,
-    children: o,
+    children: i,
     inputProps: r,
     rootRef: c,
     disabled: d,
     ...a
-  } = e, t[0] = e, t[1] = o, t[2] = s, t[3] = r, t[4] = a, t[5] = c, t[6] = d) : (o = t[1], s = t[2], r = t[3], a = t[4], c = t[5], d = t[6]);
+  } = e, t[0] = e, t[1] = i, t[2] = s, t[3] = r, t[4] = a, t[5] = c, t[6] = d) : (i = t[1], s = t[2], r = t[3], a = t[4], c = t[5], d = t[6]);
   const u = d === void 0 ? !1 : d, f = u ? "not-allowed" : "pointer";
-  let g;
-  t[7] !== r || t[8] !== n ? (g = /* @__PURE__ */ i(Ee.HiddenInput, { ref: n, ...r }), t[7] = r, t[8] = n, t[9] = g) : g = t[9];
-  let h;
-  t[10] !== s ? (h = s || /* @__PURE__ */ i(Ee.Indicator, {}), t[10] = s, t[11] = h) : h = t[11];
   let p;
-  t[12] !== f || t[13] !== h ? (p = /* @__PURE__ */ i(Ee.Control, { borderRadius: "xs", cursor: f, children: h }), t[12] = f, t[13] = h, t[14] = p) : p = t[14];
+  t[7] !== r || t[8] !== n ? (p = /* @__PURE__ */ o(Ne.HiddenInput, { ref: n, ...r }), t[7] = r, t[8] = n, t[9] = p) : p = t[9];
+  let h;
+  t[10] !== s ? (h = s || /* @__PURE__ */ o(Ne.Indicator, {}), t[10] = s, t[11] = h) : h = t[11];
+  let g;
+  t[12] !== f || t[13] !== h ? (g = /* @__PURE__ */ o(Ne.Control, { borderRadius: "xs", cursor: f, children: h }), t[12] = f, t[13] = h, t[14] = g) : g = t[14];
+  let S;
+  t[15] !== i || t[16] !== f ? (S = i != null && /* @__PURE__ */ o(Ne.Label, { cursor: f, children: i }), t[15] = i, t[16] = f, t[17] = S) : S = t[17];
   let m;
-  t[15] !== o || t[16] !== f ? (m = o != null && /* @__PURE__ */ i(Ee.Label, { cursor: f, children: o }), t[15] = o, t[16] = f, t[17] = m) : m = t[17];
-  let b;
-  return t[18] !== u || t[19] !== f || t[20] !== a || t[21] !== c || t[22] !== g || t[23] !== p || t[24] !== m ? (b = /* @__PURE__ */ x(Ee.Root, { ref: c, disabled: u, cursor: f, ...a, children: [
-    g,
+  return t[18] !== u || t[19] !== f || t[20] !== a || t[21] !== c || t[22] !== p || t[23] !== g || t[24] !== S ? (m = /* @__PURE__ */ x(Ne.Root, { ref: c, disabled: u, cursor: f, ...a, children: [
     p,
-    m
-  ] }), t[18] = u, t[19] = f, t[20] = a, t[21] = c, t[22] = g, t[23] = p, t[24] = m, t[25] = b) : b = t[25], b;
-}), Ct = {
+    g,
+    S
+  ] }), t[18] = u, t[19] = f, t[20] = a, t[21] = c, t[22] = p, t[23] = g, t[24] = S, t[25] = m) : m = t[25], m;
+}), At = {
   base: "vs-dark",
   inherit: !0,
   rules: [],
@@ -88,11 +219,11 @@ const Vi = Ze.forwardRef(function(e, n) {
     "editorIndentGuide.background": "#404040",
     "editorIndentGuide.activeBackground": "#707070"
   }
-}, ji = (l) => {
-  const e = A(15), {
+}, Ti = (l) => {
+  const e = R(15), {
     defaultCode: n,
     code: t,
-    showLineNumbers: o,
+    showLineNumbers: i,
     isEditable: s,
     language: r,
     onChange: a,
@@ -102,7 +233,7 @@ const Vi = Ze.forwardRef(function(e, n) {
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = {
     enabled: !1
   }, e[0] = u) : u = e[0];
-  const f = !s, g = o ? "on" : "off";
+  const f = !s, p = i ? "on" : "off";
   let h;
   e[1] !== c ? (h = c ? {
     scrollbar: {
@@ -115,27 +246,27 @@ const Vi = Ze.forwardRef(function(e, n) {
     mouseWheelScrollSensitivity: 0,
     overviewRulerLanes: 0
   } : {}, e[1] = c, e[2] = h) : h = e[2];
-  let p;
-  e[3] !== f || e[4] !== g || e[5] !== h ? (p = {
+  let g;
+  e[3] !== f || e[4] !== p || e[5] !== h ? (g = {
     tabSize: 2,
     minimap: u,
     fontSize: 12,
     readOnly: f,
-    lineNumbers: g,
+    lineNumbers: p,
     ...h
-  }, e[3] = f, e[4] = g, e[5] = h, e[6] = p) : p = e[6];
-  const m = p;
-  let b;
-  e[7] !== a ? (b = (v) => {
-    a?.(v || "");
-  }, e[7] = a, e[8] = b) : b = e[8];
-  let y;
-  return e[9] !== t || e[10] !== n || e[11] !== d || e[12] !== m || e[13] !== b ? (y = /* @__PURE__ */ i(Zt, { width: "100%", height: "100%", language: d, defaultValue: n, value: t, theme: "ps-theme", options: m, onChange: b, beforeMount: Tn, onMount: Dn }), e[9] = t, e[10] = n, e[11] = d, e[12] = m, e[13] = b, e[14] = y) : y = e[14], y;
-}, Xi = (l) => {
-  const e = A(11), {
+  }, e[3] = f, e[4] = p, e[5] = h, e[6] = g) : g = e[6];
+  const S = g;
+  let m;
+  e[7] !== a ? (m = (C) => {
+    a?.(C || "");
+  }, e[7] = a, e[8] = m) : m = e[8];
+  let v;
+  return e[9] !== t || e[10] !== n || e[11] !== d || e[12] !== S || e[13] !== m ? (v = /* @__PURE__ */ o(Bn, { width: "100%", height: "100%", language: d, defaultValue: n, value: t, theme: "ps-theme", options: S, onChange: m, beforeMount: el, onMount: tl }), e[9] = t, e[10] = n, e[11] = d, e[12] = S, e[13] = m, e[14] = v) : v = e[14], v;
+}, Di = (l) => {
+  const e = R(11), {
     original: n,
     modified: t,
-    showLineNumbers: o,
+    showLineNumbers: i,
     language: s,
     disableScroll: r
   } = l, a = s === void 0 ? "javascript" : s;
@@ -143,7 +274,7 @@ const Vi = Ze.forwardRef(function(e, n) {
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = {
     enabled: !1
   }, e[0] = c) : c = e[0];
-  const d = o ? "on" : "off";
+  const d = i ? "on" : "off";
   let u;
   e[1] !== r ? (u = r ? {
     scrollbar: {
@@ -168,30 +299,30 @@ const Vi = Ze.forwardRef(function(e, n) {
     lineNumbers: d,
     ...u
   }, e[3] = d, e[4] = u, e[5] = f) : f = e[5];
-  const g = f;
+  const p = f;
   let h;
-  return e[6] !== a || e[7] !== t || e[8] !== g || e[9] !== n ? (h = /* @__PURE__ */ i(en, { width: "100%", height: "100%", language: a, original: n, modified: t, theme: "ps-theme", options: g, beforeMount: _n, onMount: $n }), e[6] = a, e[7] = t, e[8] = g, e[9] = n, e[10] = h) : h = e[10], h;
+  return e[6] !== a || e[7] !== t || e[8] !== p || e[9] !== n ? (h = /* @__PURE__ */ o(Hn, { width: "100%", height: "100%", language: a, original: n, modified: t, theme: "ps-theme", options: p, beforeMount: nl, onMount: ll }), e[6] = a, e[7] = t, e[8] = p, e[9] = n, e[10] = h) : h = e[10], h;
 };
-function Tn(l) {
-  l.editor.defineTheme("ps-theme", Ct);
+function el(l) {
+  l.editor.defineTheme("ps-theme", At);
 }
-async function Dn(l, e) {
+async function tl(l, e) {
   e.editor.setTheme("ps-theme"), e.languages.typescript.typescriptDefaults.setCompilerOptions({
     jsx: e.languages.typescript.JsxEmit.React
   }), l.addCommand(e.KeyMod.CtrlCmd | e.KeyCode.KeyS, async () => {
     await l.getAction("editor.action.formatDocument")?.run();
   }), await l.getAction("editor.action.formatDocument")?.run();
 }
-function _n(l) {
-  l.editor.defineTheme("ps-theme", Ct);
+function nl(l) {
+  l.editor.defineTheme("ps-theme", At);
 }
-function $n(l, e) {
+function ll(l, e) {
   e.editor.setTheme("ps-theme"), e.languages.typescript.typescriptDefaults.setCompilerOptions({
     jsx: e.languages.typescript.JsxEmit.React
   });
 }
-const Ln = (l) => {
-  const e = A(3);
+const ol = (l) => {
+  const e = R(3);
   let n;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
     backgroundClip: "padding-box",
@@ -200,15 +331,15 @@ const Ln = (l) => {
     width: "100%"
   }, e[0] = n) : n = e[0];
   let t;
-  return e[1] !== l ? (t = /* @__PURE__ */ i(j, { ...l, css: n }), e[1] = l, e[2] = t) : t = e[2], t;
-}, Ui = (l) => {
-  const e = A(2);
+  return e[1] !== l ? (t = /* @__PURE__ */ o(V, { ...l, css: n }), e[1] = l, e[2] = t) : t = e[2], t;
+}, _i = (l) => {
+  const e = R(2);
   let n;
-  return e[0] !== l ? (n = /* @__PURE__ */ i(j, { p: "2", children: /* @__PURE__ */ i(L, { color: "fg.muted", fontWeight: "medium", textStyle: "sm", whiteSpace: "nowrap", ...l }) }), e[0] = l, e[1] = n) : n = e[1], n;
-}, Yi = (l) => {
-  const [e, n] = pe(!1), {
+  return e[0] !== l ? (n = /* @__PURE__ */ o(V, { p: "2", children: /* @__PURE__ */ o(W, { color: "fg.muted", fontWeight: "medium", textStyle: "sm", whiteSpace: "nowrap", ...l }) }), e[0] = l, e[1] = n) : n = e[1], n;
+}, Li = (l) => {
+  const [e, n] = ge(!1), {
     headline: t,
-    buttonText: o,
+    buttonText: i,
     notificationText: s,
     onDelete: r,
     open: a,
@@ -222,399 +353,158 @@ const Ln = (l) => {
       n(!1);
     }
   };
-  return /* @__PURE__ */ x(fe.Root, { open: a, onOpenChange: c, children: [
-    /* @__PURE__ */ i(fe.Backdrop, {}),
-    /* @__PURE__ */ i(fe.Positioner, { children: /* @__PURE__ */ x(fe.Content, { children: [
-      /* @__PURE__ */ x(fe.Header, { children: [
-        /* @__PURE__ */ i(L, { textStyle: "heading/M", children: t }),
-        /* @__PURE__ */ i(fe.CloseTrigger, { asChild: !0, children: /* @__PURE__ */ i(Rt, { size: "sm" }) })
+  return /* @__PURE__ */ x(se.Root, { open: a, onOpenChange: c, children: [
+    /* @__PURE__ */ o(se.Backdrop, {}),
+    /* @__PURE__ */ o(se.Positioner, { children: /* @__PURE__ */ x(se.Content, { children: [
+      /* @__PURE__ */ x(se.Header, { children: [
+        /* @__PURE__ */ o(W, { textStyle: "heading/M", children: t }),
+        /* @__PURE__ */ o(se.CloseTrigger, { asChild: !0, children: /* @__PURE__ */ o(Qt, { size: "sm" }) })
       ] }),
-      /* @__PURE__ */ i(fe.Body, { children: s }),
-      /* @__PURE__ */ i(fe.Footer, { children: /* @__PURE__ */ x(H, { direction: "row", gap: "1", children: [
-        /* @__PURE__ */ i(he, { onClick: c, children: "Close" }),
-        /* @__PURE__ */ i(he, { loading: e, variant: "solid", colorPalette: "red", onClick: d, children: o })
+      /* @__PURE__ */ o(se.Body, { children: s }),
+      /* @__PURE__ */ o(se.Footer, { children: /* @__PURE__ */ x(B, { direction: "row", gap: "1", children: [
+        /* @__PURE__ */ o(pe, { onClick: c, children: "Close" }),
+        /* @__PURE__ */ o(pe, { loading: e, variant: "solid", colorPalette: "red", onClick: d, children: i })
       ] }) })
     ] }) })
   ] });
-}, Rn = (l) => {
-  const e = A(36), {
-    diff: n
-  } = l, [t, o] = pe(!0), s = n.newPath || n.oldPath || "unknown", r = n.additions ?? 0, a = n.deletions ?? 0, c = t ? "1px solid" : "none";
-  let d;
-  e[0] !== t ? (d = () => o(!t), e[0] = t, e[1] = d) : d = e[1];
-  const u = t ? "Collapse" : "Expand";
-  let f;
-  e[2] !== t ? (f = (_) => {
-    _.stopPropagation(), o(!t);
-  }, e[2] = t, e[3] = f) : f = e[3];
-  let g;
-  e[4] !== t ? (g = t ? /* @__PURE__ */ i(tt, { size: 16 }) : /* @__PURE__ */ i(Ce, { size: 16 }), e[4] = t, e[5] = g) : g = e[5];
+}, il = (l) => {
+  const e = R(42), {
+    diff: n,
+    isSelected: t,
+    isExpanded: i,
+    onToggleExpanded: s
+  } = l, r = t === void 0 ? !1 : t, a = i === void 0 ? !0 : i, c = n.newPath || n.oldPath || "unknown", d = n.additions ?? 0, u = n.deletions ?? 0, f = r ? "border.accent" : "border.muted", p = r ? "bg.active" : "bg";
   let h;
-  e[6] !== u || e[7] !== f || e[8] !== g ? (h = /* @__PURE__ */ i(Se, { "aria-label": u, variant: "ghost", size: "2xs", onClick: f, flexShrink: 0, children: g }), e[6] = u, e[7] = f, e[8] = g, e[9] = h) : h = e[9];
-  let p;
-  e[10] !== n.change || e[11] !== n.newPath || e[12] !== n.oldPath || e[13] !== s ? (p = n.change === "renamed" ? /* @__PURE__ */ x(L, { as: "span", textStyle: "sm", children: [
-    /* @__PURE__ */ i(L, { as: "span", color: "fg.muted", textDecoration: "line-through", mr: "xs", children: n.oldPath }),
-    /* @__PURE__ */ i(j, { as: "span", display: "inline-flex", alignItems: "center", verticalAlign: "middle", mr: "xs", children: /* @__PURE__ */ i(Ce, { size: 12 }) }),
-    n.newPath
-  ] }) : n.change === "deleted" ? /* @__PURE__ */ i(L, { as: "span", color: "fg.muted", textDecoration: "line-through", textStyle: "sm", children: s }) : /* @__PURE__ */ i(L, { as: "span", textStyle: "sm", children: s }), e[10] = n.change, e[11] = n.newPath, e[12] = n.oldPath, e[13] = s, e[14] = p) : p = e[14];
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = {
+    borderColor: "border.accent"
+  }, e[0] = h) : h = e[0];
+  const g = a ? "1px solid" : "none", S = r ? "bg.active" : "bg.subtle";
   let m;
-  e[15] !== s || e[16] !== p ? (m = /* @__PURE__ */ i(j, { minW: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", title: s, children: p }), e[15] = s, e[16] = p, e[17] = m) : m = e[17];
-  let b;
-  e[18] !== r || e[19] !== a ? (b = /* @__PURE__ */ i(j, { flexShrink: 0, children: /* @__PURE__ */ i(bt, { variant: "ghost", additions: r, deletions: a }) }), e[18] = r, e[19] = a, e[20] = b) : b = e[20];
-  let y;
-  e[21] !== c || e[22] !== d || e[23] !== h || e[24] !== m || e[25] !== b ? (y = /* @__PURE__ */ x(Et, { templateColumns: "auto minmax(0, 1fr) auto", px: "xs", py: "2xs", alignItems: "center", justifyContent: "space-between", borderBottom: c, borderColor: "border.muted", cursor: "pointer", onClick: d, gap: "sm", children: [
-    h,
-    m,
-    b
-  ] }), e[21] = c, e[22] = d, e[23] = h, e[24] = m, e[25] = b, e[26] = y) : y = e[26];
+  e[1] !== S ? (m = {
+    bg: S
+  }, e[1] = S, e[2] = m) : m = e[2];
   let v;
-  e[27] !== n.newContent || e[28] !== n.newPath || e[29] !== n.oldContent || e[30] !== n.oldPath || e[31] !== t ? (v = t && /* @__PURE__ */ i(j, { bg: "bg", children: /* @__PURE__ */ i(Vt, { original: n.oldContent || "", modified: n.newContent || "", oldPath: n.oldPath, newPath: n.newPath, sideBySide: !1 }) }), e[27] = n.newContent, e[28] = n.newPath, e[29] = n.oldContent, e[30] = n.oldPath, e[31] = t, e[32] = v) : v = e[32];
+  e[3] !== s ? (v = () => s?.(), e[3] = s, e[4] = v) : v = e[4];
+  const C = a ? "Collapse" : "Expand";
   let k;
-  return e[33] !== v || e[34] !== y ? (k = /* @__PURE__ */ x(j, { border: "1px solid", borderColor: "border.muted", borderRadius: "xs", overflow: "hidden", bg: "bg", width: "100%", maxW: "100%", children: [
-    y,
-    v
-  ] }), e[33] = v, e[34] = y, e[35] = k) : k = e[35], k;
-};
-function Ki(l) {
+  e[5] !== s ? (k = (L) => {
+    L.stopPropagation(), s?.();
+  }, e[5] = s, e[6] = k) : k = e[6];
+  let y;
+  e[7] !== a ? (y = a ? /* @__PURE__ */ o(Fe, { size: 16 }) : /* @__PURE__ */ o(Te, { size: 16 }), e[7] = a, e[8] = y) : y = e[8];
+  let I;
+  e[9] !== k || e[10] !== y || e[11] !== C ? (I = /* @__PURE__ */ o(he, { "aria-label": C, variant: "ghost", size: "2xs", onClick: k, flexShrink: 0, children: y }), e[9] = k, e[10] = y, e[11] = C, e[12] = I) : I = e[12];
+  let D;
+  e[13] !== n.change || e[14] !== n.newPath || e[15] !== n.oldPath || e[16] !== c ? (D = n.change === "renamed" ? /* @__PURE__ */ x(W, { as: "span", textStyle: "sm", children: [
+    /* @__PURE__ */ o(W, { as: "span", color: "fg.muted", textDecoration: "line-through", mr: "xs", children: n.oldPath }),
+    /* @__PURE__ */ o(V, { as: "span", display: "inline-flex", alignItems: "center", verticalAlign: "middle", mr: "xs", children: /* @__PURE__ */ o(Te, { size: 12 }) }),
+    n.newPath
+  ] }) : n.change === "deleted" ? /* @__PURE__ */ o(W, { as: "span", color: "fg.muted", textDecoration: "line-through", textStyle: "sm", children: c }) : /* @__PURE__ */ o(W, { as: "span", textStyle: "sm", children: c }), e[13] = n.change, e[14] = n.newPath, e[15] = n.oldPath, e[16] = c, e[17] = D) : D = e[17];
+  let T;
+  e[18] !== c || e[19] !== D ? (T = /* @__PURE__ */ o(V, { minW: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", title: c, children: D }), e[18] = c, e[19] = D, e[20] = T) : T = e[20];
+  let b;
+  e[21] !== d || e[22] !== u ? (b = /* @__PURE__ */ o(V, { flexShrink: 0, children: /* @__PURE__ */ o(_t, { variant: "ghost", additions: d, deletions: u }) }), e[21] = d, e[22] = u, e[23] = b) : b = e[23];
+  let P;
+  e[24] !== I || e[25] !== T || e[26] !== b || e[27] !== g || e[28] !== m || e[29] !== v ? (P = /* @__PURE__ */ x(Zt, { templateColumns: "auto minmax(0, 1fr) auto", px: "xs", py: "2xs", alignItems: "center", justifyContent: "space-between", borderBottom: g, borderColor: "border.muted", cursor: "pointer", transition: "background 0.14s ease", _hover: m, onClick: v, gap: "sm", children: [
+    I,
+    T,
+    b
+  ] }), e[24] = I, e[25] = T, e[26] = b, e[27] = g, e[28] = m, e[29] = v, e[30] = P) : P = e[30];
+  let w;
+  e[31] !== n.newContent || e[32] !== n.newPath || e[33] !== n.oldContent || e[34] !== n.oldPath || e[35] !== a ? (w = a && /* @__PURE__ */ o(V, { bg: "bg", children: /* @__PURE__ */ o(rn, { original: n.oldContent || "", modified: n.newContent || "", oldPath: n.oldPath, newPath: n.newPath, sideBySide: !1 }) }), e[31] = n.newContent, e[32] = n.newPath, e[33] = n.oldContent, e[34] = n.oldPath, e[35] = a, e[36] = w) : w = e[36];
+  let _;
+  return e[37] !== P || e[38] !== w || e[39] !== f || e[40] !== p ? (_ = /* @__PURE__ */ x(V, { border: "1px solid", borderColor: f, borderRadius: "xs", overflow: "hidden", bg: p, width: "100%", maxW: "100%", transition: "border-color 0.14s ease", _hover: h, children: [
+    P,
+    w
+  ] }), e[37] = P, e[38] = w, e[39] = f, e[40] = p, e[41] = _) : _ = e[41], _;
+}, ht = (l) => l.newPath ?? l.oldPath ?? "unknown";
+function $i(l) {
   const {
-    diffs: e
-  } = l, n = et(null), t = tn({
+    diffs: e,
+    selectedDiffPath: n = null
+  } = l, t = Be(null), [i, s] = ge(() => /* @__PURE__ */ new Set()), r = Fn({
     count: e.length,
-    getScrollElement: () => n.current,
+    getScrollElement: () => t.current,
     estimateSize: () => 42,
     overscan: 5
   });
-  return e.length === 0 ? /* @__PURE__ */ i(H, { h: "full", minH: "0", gap: "0", children: /* @__PURE__ */ i(ye, { flex: "1", minH: "0", contentProps: {
-    p: "xs",
-    spaceY: "xs"
-  }, children: /* @__PURE__ */ i(Ke, { title: "No changes detected", description: "Make some changes to see the diff here.", paddingY: "sm" }) }) }) : /* @__PURE__ */ i(H, { h: "full", minH: "0", gap: "0", children: /* @__PURE__ */ i(j, { position: "relative", flex: "1", minH: "0", children: /* @__PURE__ */ i(ye, { position: "absolute", inset: "0", viewportRef: n, contentProps: {
+  if (Oe(() => {
+    if (!n) return;
+    const c = e.findIndex((d) => ht(d) === n);
+    c < 0 || r.scrollToIndex(c, {
+      align: "start"
+    });
+  }, [n, e, r]), e.length === 0)
+    return /* @__PURE__ */ o(B, { h: "full", minH: "0", gap: "0", children: /* @__PURE__ */ o(ke, { flex: "1", minH: "0", contentProps: {
+      p: "xs",
+      spaceY: "xs"
+    }, children: /* @__PURE__ */ o(rt, { title: "No changes detected", description: "Make some changes to see the diff here.", paddingY: "sm" }) }) });
+  const a = (c) => {
+    s((d) => {
+      const u = new Set(d);
+      return u.has(c) ? u.delete(c) : u.add(c), u;
+    });
+  };
+  return /* @__PURE__ */ o(B, { h: "full", minH: "0", gap: "0", children: /* @__PURE__ */ o(V, { position: "relative", flex: "1", minH: "0", children: /* @__PURE__ */ o(ke, { position: "absolute", inset: "0", viewportRef: t, contentProps: {
     p: "xs"
-  }, children: /* @__PURE__ */ i(j, { position: "relative", width: "100%", style: {
-    height: t.getTotalSize()
-  }, children: t.getVirtualItems().map((o) => /* @__PURE__ */ i(j, { "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(Rn, { diff: e[o.index] }) }, o.key)) }) }) }) });
+  }, children: /* @__PURE__ */ o(V, { position: "relative", width: "100%", style: {
+    height: r.getTotalSize()
+  }, children: r.getVirtualItems().map((c) => {
+    const d = e[c.index], u = ht(d);
+    return /* @__PURE__ */ o(V, { "data-index": c.index, ref: r.measureElement, position: "absolute", top: "0", left: "0", width: "100%", pb: "xs", style: {
+      transform: `translateY(${c.start}px)`
+    }, children: /* @__PURE__ */ o(il, { diff: d, isSelected: n === u, isExpanded: !i.has(u), onToggleExpanded: () => a(u) }) }, c.key);
+  }) }) }) }) });
 }
-const En = (l, e) => `${l.version}-${l.date}-${e}`, zn = (l, e) => `${l.title}-${e}`, lt = (l) => {
-  const e = A(12);
-  let n, t, o;
-  e[0] !== l ? ({
-    date: n,
-    version: o,
-    ...t
-  } = l, e[0] = l, e[1] = n, e[2] = t, e[3] = o) : (n = e[1], t = e[2], o = e[3]);
-  let s;
-  e[4] !== n ? (s = /* @__PURE__ */ i(xe.Title, { textStyle: "sm", color: "fg.muted", children: n }), e[4] = n, e[5] = s) : s = e[5];
-  let r;
-  e[6] !== o ? (r = /* @__PURE__ */ i(Ie, { px: "3", py: "2", rounded: "l3", align: "center", justify: "center", borderWidth: "1px", textAlign: "center", alignSelf: "flex-start", children: /* @__PURE__ */ i(xe.Title, { textStyle: "md", fontWeight: "semibold", children: o }) }), e[6] = o, e[7] = r) : r = e[7];
-  let a;
-  return e[8] !== t || e[9] !== s || e[10] !== r ? (a = /* @__PURE__ */ x(H, { ...t, children: [
-    s,
-    r
-  ] }), e[8] = t, e[9] = s, e[10] = r, e[11] = a) : a = e[11], a;
-}, qi = (l) => {
-  const e = A(14), {
-    entries: n,
-    title: t,
-    description: o
-  } = l;
-  let s;
-  e[0] !== t ? (s = /* @__PURE__ */ i(Ot, { size: "4xl", children: t }), e[0] = t, e[1] = s) : s = e[1];
-  let r;
-  e[2] !== o ? (r = o ? /* @__PURE__ */ i(L, { color: "fg.muted", textStyle: "lg", children: o }) : null, e[2] = o, e[3] = r) : r = e[3];
-  let a;
-  e[4] !== s || e[5] !== r ? (a = /* @__PURE__ */ x(H, { textAlign: "center", children: [
-    s,
-    r
-  ] }), e[4] = s, e[5] = r, e[6] = a) : a = e[6];
-  let c;
-  e[7] !== n ? (c = n.map(Mn), e[7] = n, e[8] = c) : c = e[8];
-  let d;
-  e[9] !== c ? (d = /* @__PURE__ */ i(j, { position: "relative", children: /* @__PURE__ */ i(xe.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__ */ x(H, { gap: "20", children: [
-    a,
-    d
-  ] }), e[11] = a, e[12] = d, e[13] = u) : u = e[13], u;
-};
-function On(l) {
-  return /* @__PURE__ */ i(Pe, { size: "md", rounded: "l2", variant: "subtle", colorPalette: "gray", textTransform: "capitalize", children: l }, l);
-}
-function An(l, e) {
-  return /* @__PURE__ */ i(pt.Item, { children: /* @__PURE__ */ x(H, { gap: "1", children: [
-    /* @__PURE__ */ i(L, { color: "fg.muted", fontWeight: "normal", textStyle: "sm", children: l.title }),
-    l.description ? /* @__PURE__ */ i(L, { 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
-  ] }) }, zn(l, e));
-}
-function Mn(l, e) {
-  return /* @__PURE__ */ x(xe.Item, { children: [
-    /* @__PURE__ */ i(xe.Content, { top: "6", width: "48", flexShrink: "0", hideBelow: "md", position: {
-      base: "static",
-      md: "sticky"
-    }, children: /* @__PURE__ */ i(lt, { hideBelow: "md", date: l.date, version: l.version }) }),
-    /* @__PURE__ */ x(xe.Connector, { children: [
-      /* @__PURE__ */ i(xe.Separator, {}),
-      /* @__PURE__ */ i(xe.Indicator, {})
-    ] }),
-    /* @__PURE__ */ i(xe.Content, { children: /* @__PURE__ */ x(H, { gap: "4", children: [
-      /* @__PURE__ */ i(lt, { hideFrom: "md", date: l.date, version: l.version }),
-      /* @__PURE__ */ x(H, { gap: "2", children: [
-        /* @__PURE__ */ i(xe.Title, { fontSize: "lg", fontWeight: "medium", children: l.title }),
-        l.description ? /* @__PURE__ */ i(L, { color: "fg.muted", textStyle: "sm", children: l.description }) : null
-      ] }),
-      l.tags && l.tags.length > 0 ? /* @__PURE__ */ i(X, { children: l.tags.map(On) }) : null,
-      l.image ? /* @__PURE__ */ i(zt, { rounded: "l2", src: l.image, alt: l.title }) : null,
-      l.changes && l.changes.length > 0 ? /* @__PURE__ */ i(pt.Root, { pl: "4", gap: "4", children: l.changes.map(An) }) : null
-    ] }) })
-  ] }, En(l, e));
-}
-const Gn = /^(#{1,3})\s+(.+)$/gm, Nn = ".rich-text__h1, .rich-text__h2, .rich-text__h3", Hn = (l, e) => l.classList.contains(`rich-text__h${e}`), Wn = (l) => l.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, ""), Be = (l) => {
-  const e = [];
-  let n = 0;
-  for (const t of l.matchAll(Gn)) {
-    const o = t[1].length, s = t[2].trim(), a = `${Wn(s) || "heading"}-${n}`;
-    e.push({
-      id: a,
-      level: o,
-      text: s
-    }), n += 1;
-  }
-  return e;
-}, Bn = (l, e) => {
-  const n = Array.from(e.querySelectorAll(Nn)), t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  let s = 0;
-  for (const r of l)
-    for (let a = s; a < n.length; a += 1) {
-      const c = n[a], d = c.textContent?.trim();
-      if (!(!d || d !== r.text) && Hn(c, r.level)) {
-        t.set(r.id, c), o.set(c, r.id), s = a + 1;
-        break;
-      }
-    }
-  return {
-    elementsByHeadingId: t,
-    headingIdByElement: o
+class Ot extends an {
+  state = {
+    error: null
   };
-}, it = (l) => {
-  const e = A(14), {
-    heading: n,
-    isActive: t,
-    emphasized: o,
-    variant: s,
-    onSelect: r
-  } = l, a = s === "line", c = `calc(${n.level} * 0.75rem)`, d = t ? "fg" : "fg.muted", u = t || o ? "medium" : "normal", f = a ? "1px" : "0px", g = a ? t ? "fg" : "bg.muted" : "transparent";
-  let h;
-  e[0] !== a ? (h = a ? {
-    borderStartColor: "bg.emphasized"
-  } : {
-    color: "fg"
-  }, e[0] = a, e[1] = h) : h = e[1];
-  let p;
-  e[2] !== n.id || e[3] !== r ? (p = () => r(n.id), e[2] = n.id, e[3] = r, e[4] = p) : p = e[4];
-  let m;
-  return e[5] !== n.text || e[6] !== c || e[7] !== d || e[8] !== u || e[9] !== f || e[10] !== g || e[11] !== h || e[12] !== p ? (m = /* @__PURE__ */ i(j, { 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: f, borderStartColor: g, _hover: h, onClick: p, children: n.text }), e[5] = n.text, e[6] = c, e[7] = d, e[8] = u, e[9] = f, e[10] = g, e[11] = h, e[12] = p, e[13] = m) : m = e[13], m;
-}, Ji = (l) => {
-  const e = A(39), {
-    markdown: n,
-    title: t,
-    rootMargin: o
-  } = l, s = t === void 0 ? "On this page" : t, r = o === void 0 ? "-20% 0% -35% 0%" : o, a = Be(n), c = At(), [d, u] = pe(a[0]?.id ?? ""), [f, g] = pe(!1);
-  let h;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = {
-    elementsByHeadingId: /* @__PURE__ */ new Map(),
-    headingIdByElement: /* @__PURE__ */ new Map()
-  }, e[0] = h) : h = e[0];
-  const p = et(h);
-  let m, b;
-  e[1] !== n ? (m = () => {
-    const U = Be(n);
-    u(U[0]?.id ?? "");
-  }, b = [n], e[1] = n, e[2] = m, e[3] = b) : (m = e[2], b = e[3]), ze(m, b);
-  let y, v;
-  if (e[4] !== c || e[5] !== n || e[6] !== r ? (y = () => {
-    const U = Be(n), Q = c.getDocument(), oe = c.getWindow(), se = Bn(U, Q);
-    if (p.current = se, se.headingIdByElement.size === 0)
-      return;
-    const re = new oe.IntersectionObserver((ce) => {
-      const de = ce.filter(Fn).sort(Vn);
-      if (de.length === 0)
-        return;
-      const ae = de[0].target, ge = se.headingIdByElement.get(ae);
-      ge && u(ge);
-    }, {
-      rootMargin: r
-    });
-    for (const ce of se.headingIdByElement.keys())
-      re.observe(ce);
-    return () => {
-      re.disconnect();
+  static getDerivedStateFromError(e) {
+    return {
+      error: e
     };
-  }, v = [c, n, r], e[4] = c, e[5] = n, e[6] = r, e[7] = y, e[8] = v) : (y = e[7], v = e[8]), ze(y, v), a.length === 0)
-    return null;
-  let k;
-  e[9] !== d ? (k = (U) => U.id === d, e[9] = d, e[10] = k) : k = e[10];
-  const _ = a.find(k);
-  let D;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = (U) => {
-    const Q = p.current.elementsByHeadingId.get(U);
-    u(U), g(!1), Q?.scrollIntoView({
-      behavior: "smooth",
-      block: "start"
-    });
-  }, e[11] = D) : D = e[11];
-  const T = D;
-  let P;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P = (U) => g(U.open), e[12] = P) : P = e[12];
-  let S;
-  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ i(ue, { as: qe, color: "fg.subtle" }), e[13] = S) : S = e[13];
-  let w;
-  e[14] !== s ? (w = /* @__PURE__ */ i(L, { textStyle: "sm", fontWeight: "medium", color: "fg", children: s }), e[14] = s, e[15] = w) : w = e[15];
-  const C = f ? null : /* @__PURE__ */ x(Qe, { children: [
-    /* @__PURE__ */ i(ue, { as: Ce, color: "fg.subtle" }),
-    /* @__PURE__ */ i(L, { textStyle: "sm", color: "fg.muted", children: _?.text })
-  ] });
-  let I;
-  e[16] !== w || e[17] !== C ? (I = /* @__PURE__ */ x(X, { children: [
-    S,
-    w,
-    C
-  ] }), e[16] = w, e[17] = C, e[18] = I) : I = e[18];
-  const z = f ? "rotate(180deg)" : "rotate(0deg)";
-  let $;
-  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ i(ue, { as: tt, color: "fg.subtle" }), e[19] = $) : $ = e[19];
-  let O;
-  e[20] !== z ? (O = /* @__PURE__ */ i(j, { transition: "transform 0.2s", transform: z, children: $ }), e[20] = z, e[21] = O) : O = e[21];
-  let M;
-  e[22] !== I || e[23] !== O ? (M = /* @__PURE__ */ x(De.Trigger, { width: "full", display: "flex", alignItems: "center", justifyContent: "space-between", children: [
-    I,
-    O
-  ] }), e[22] = I, e[23] = O, e[24] = M) : M = e[24];
-  let N;
-  e[25] !== d ? (N = (U) => /* @__PURE__ */ i(it, { heading: U, variant: "minimal", emphasized: !1, isActive: d === U.id, onSelect: T }, U.id), e[25] = d, e[26] = N) : N = e[26];
-  const W = ye, B = "md", G = "6", R = "xs", E = "sticky", V = "calc(100vh - 3rem)";
-  let q;
-  e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ i(ue, { as: qe, color: "fg.subtle" }), e[27] = q) : q = e[27];
-  let Y;
-  e[28] !== s ? (Y = /* @__PURE__ */ x(X, { mb: "4", children: [
-    q,
-    /* @__PURE__ */ i(L, { fontWeight: "medium", textStyle: "sm", children: s })
-  ] }), e[28] = s, e[29] = Y) : Y = e[29];
-  const K = H, Z = "0";
-  let J;
-  e[30] !== d ? (J = (U) => /* @__PURE__ */ i(it, { heading: U, variant: "line", emphasized: U.level === 1, isActive: d === U.id, onSelect: T }, U.id), e[30] = d, e[31] = J) : J = e[31];
-  const ee = a.map(J);
-  let te;
-  e[32] !== K || e[33] !== ee ? (te = /* @__PURE__ */ i(K, { gap: Z, children: ee }), e[32] = K, e[33] = ee, e[34] = te) : te = e[34];
-  let ne;
-  return e[35] !== W || e[36] !== Y || e[37] !== te ? (ne = /* @__PURE__ */ x(W, { hideBelow: B, top: G, width: R, position: E, maxH: V, children: [
-    Y,
-    te
-  ] }), e[35] = W, e[36] = Y, e[37] = te, e[38] = ne) : ne = e[38], /* @__PURE__ */ x(H, { gap: "0", width: "full", children: [
-    /* @__PURE__ */ i(j, { hideFrom: "md", px: "4", py: "2", w: "full", bg: "bg.subtle", borderWidth: "1px", children: /* @__PURE__ */ x(De.Root, { open: f, onOpenChange: P, children: [
-      M,
-      /* @__PURE__ */ i(De.Content, { children: /* @__PURE__ */ i(ye, { mt: "3", maxH: "30vh", children: /* @__PURE__ */ i(H, { gap: "0", children: a.map(N) }) }) })
-    ] }) }),
-    ne
-  ] });
-};
-function Fn(l) {
-  return l.isIntersecting;
-}
-function Vn(l, e) {
-  return l.boundingClientRect.top - e.boundingClientRect.top;
+  }
+  componentDidCatch(e, n) {
+    console.error("Dashboard error boundary caught an error", e, n);
+  }
+  handleReset = () => {
+    this.setState({
+      error: null
+    }), this.props.onReset?.();
+  };
+  render() {
+    const {
+      children: e,
+      fallback: n,
+      label: t
+    } = this.props, {
+      error: i
+    } = this.state;
+    return i ? n || /* @__PURE__ */ o(rl, { error: i, label: t, onReset: this.handleReset }) : e;
+  }
 }
-const ot = (l) => {
-  const e = A(24), {
-    item: n,
-    direction: t
-  } = l, o = t === "prev", s = o ? "Previous" : "Next", r = o ? "start" : "end", a = o ? "flex-start" : "flex-end";
-  let c;
-  e[0] !== o ? (c = o ? /* @__PURE__ */ i(nn, { size: 16 }) : null, e[0] = o, e[1] = c) : c = e[1];
-  const d = o ? "flex-start" : "flex-end";
-  let u;
-  e[2] !== s ? (u = /* @__PURE__ */ i(L, { textStyle: "sm", color: "fg.muted", fontWeight: "normal", children: s }), e[2] = s, e[3] = u) : u = e[3];
-  let f;
-  e[4] !== n.title ? (f = /* @__PURE__ */ i(L, { textStyle: "sm", fontWeight: "medium", children: n.title }), e[4] = n.title, e[5] = f) : f = e[5];
-  let g;
-  e[6] !== n.description ? (g = n.description ? /* @__PURE__ */ i(L, { textStyle: "xs", color: "fg.subtle", fontWeight: "normal", children: n.description }) : null, e[6] = n.description, e[7] = g) : g = e[7];
-  let h;
-  e[8] !== d || e[9] !== u || e[10] !== f || e[11] !== g ? (h = /* @__PURE__ */ x(H, { gap: "0", alignItems: d, children: [
-    u,
-    f,
-    g
-  ] }), e[8] = d, e[9] = u, e[10] = f, e[11] = g, e[12] = h) : h = e[12];
-  let p;
-  e[13] !== o ? (p = o ? null : /* @__PURE__ */ i(Ce, { size: 16 }), e[13] = o, e[14] = p) : p = e[14];
-  let m;
-  e[15] !== n.href || e[16] !== c || e[17] !== h || e[18] !== p ? (m = /* @__PURE__ */ x("a", { href: n.href, children: [
-    c,
-    h,
-    p
-  ] }), e[15] = n.href, e[16] = c, e[17] = h, e[18] = p, e[19] = m) : m = e[19];
-  let b;
-  return e[20] !== r || e[21] !== a || e[22] !== m ? (b = /* @__PURE__ */ i(he, { asChild: !0, variant: "ghost", colorPalette: "gray", gap: "3", size: "sm", h: "auto", py: "2", textAlign: r, justifyContent: a, flex: "1", children: m }), e[20] = r, e[21] = a, e[22] = m, e[23] = b) : b = e[23], b;
-}, Qi = (l) => {
-  const e = A(11), {
-    previous: n,
-    next: t
-  } = l;
-  if (!n && !t)
-    return null;
-  let o;
-  e[0] !== n ? (o = n ? /* @__PURE__ */ i(ot, { item: n, direction: "prev" }) : null, e[0] = n, e[1] = o) : o = e[1];
-  let s;
-  e[2] !== o ? (s = /* @__PURE__ */ i(j, { flex: "1", children: o }), e[2] = o, e[3] = s) : s = e[3];
+const rl = (l) => {
+  const e = R(12), {
+    error: n,
+    label: t,
+    onReset: i
+  } = l, s = t ?? "Something went wrong";
   let r;
-  e[4] !== t ? (r = t ? /* @__PURE__ */ i(ot, { item: t, direction: "next" }) : null, e[4] = t, e[5] = r) : r = e[5];
-  let a;
-  e[6] !== r ? (a = /* @__PURE__ */ i(j, { flex: "1", children: r }), e[6] = r, e[7] = a) : a = e[7];
-  let c;
-  return e[8] !== s || e[9] !== a ? (c = /* @__PURE__ */ x(X, { justify: "space-between", gap: "4", children: [
-    s,
-    a
-  ] }), e[8] = s, e[9] = a, e[10] = c) : c = e[10], c;
-}, jn = (l) => {
-  const e = A(17), {
-    children: n,
-    title: t,
-    defaultOpen: o,
-    action: s
-  } = l, r = o === void 0 ? !0 : o;
-  let a;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = {
-    background: "bg.muted"
-  }, e[0] = a) : a = e[0];
+  e[0] !== s ? (r = /* @__PURE__ */ o(W, { textStyle: "paragraph/M/medium", children: s }), e[0] = s, e[1] = r) : r = e[1];
+  const a = n.message || "An unexpected error occurred while rendering this section.";
   let c;
-  e[1] !== t ? (c = t && /* @__PURE__ */ i(L, { fontWeight: "600", textStyle: "label/S/medium", children: t }), e[1] = t, e[2] = c) : c = e[2];
+  e[2] !== a ? (c = /* @__PURE__ */ o(W, { textStyle: "paragraph/S/regular", children: a }), e[2] = a, e[3] = c) : c = e[3];
   let d;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ i(De.Indicator, { transition: "transform 0.2s", _open: {
-    transform: "rotate(90deg)"
-  }, children: /* @__PURE__ */ i(Ce, { size: 16 }) }), e[3] = d) : d = e[3];
+  e[4] !== i ? (d = i ? /* @__PURE__ */ o(pe, { size: "sm", variant: "solid", colorScheme: "black", onClick: i, children: "Try again" }) : null, e[4] = i, e[5] = d) : d = e[5];
   let u;
-  e[4] !== c ? (u = /* @__PURE__ */ x(De.Trigger, { _hover: a, borderRadius: "xs", padding: "sm", height: "2rem", display: "flex", width: "full", gap: "2", alignItems: "center", cursor: "pointer", justifyContent: "space-between", children: [
+  e[6] !== c || e[7] !== d ? (u = /* @__PURE__ */ x(B, { gap: "sm", children: [
     c,
     d
-  ] }), e[4] = c, e[5] = u) : u = e[5];
+  ] }), e[6] = c, e[7] = d, e[8] = u) : u = e[8];
   let f;
-  e[6] !== s ? (f = s && /* @__PURE__ */ i(j, { marginLeft: "auto", onClick: Xn, children: s }), e[6] = s, e[7] = f) : f = e[7];
-  let g;
-  e[8] !== u || e[9] !== f ? (g = /* @__PURE__ */ x(Ie, { children: [
-    u,
-    f
-  ] }), e[8] = u, e[9] = f, e[10] = g) : g = e[10];
-  let h;
-  e[11] !== n ? (h = /* @__PURE__ */ i(De.Content, { children: n }), e[11] = n, e[12] = h) : h = e[12];
-  let p;
-  return e[13] !== r || e[14] !== g || e[15] !== h ? (p = /* @__PURE__ */ x(De.Root, { defaultOpen: r, width: "full", children: [
-    g,
-    h
-  ] }), e[13] = r, e[14] = g, e[15] = h, e[16] = p) : p = e[16], p;
-};
-function Xn(l) {
-  return l.stopPropagation();
-}
-const wt = {
+  return e[9] !== r || e[10] !== u ? (f = /* @__PURE__ */ o(ol, { height: "100%", width: "100%", children: /* @__PURE__ */ o(en, { children: /* @__PURE__ */ o(sn, { status: "error", title: r, children: u }) }) }), e[9] = r, e[10] = u, e[11] = f) : f = e[11], f;
+}, Mt = {
   default: {
     paddingX: "sm",
     paddingY: "xs",
@@ -633,11 +523,11 @@ const wt = {
     secondaryMarginLeft: "0",
     secondaryTextStyle: "label/XS/regular"
   }
-}, rt = (l) => {
-  const e = A(48), {
+}, gt = (l) => {
+  const e = R(48), {
     primaryLabel: n,
     tooltipLabel: t,
-    secondaryLabel: o,
+    secondaryLabel: i,
     leftIcon: s,
     rightIcon: r,
     leftIconColor: a,
@@ -645,69 +535,69 @@ const wt = {
     leftIconSize: d,
     rightIconSize: u,
     rightIconAriaLabel: f,
-    rightTooltipLabel: g,
+    rightTooltipLabel: p,
     onRightIconClick: h,
-    tagLabel: p,
-    tagColorPalette: m,
-    tagVariant: b,
-    variant: y
-  } = l, v = wt[y], k = !!(h && r);
-  let _;
-  e[0] !== k ? (_ = (E) => {
+    tagLabel: g,
+    tagColorPalette: S,
+    tagVariant: m,
+    variant: v
+  } = l, C = Mt[v], k = !!(h && r);
+  let y;
+  e[0] !== k ? (y = (E) => {
     k && (E.preventDefault(), E.stopPropagation());
-  }, e[0] = k, e[1] = _) : _ = e[1];
-  const D = _;
-  let T;
-  e[2] !== k || e[3] !== h ? (T = (E) => {
+  }, e[0] = k, e[1] = y) : y = e[1];
+  const I = y;
+  let D;
+  e[2] !== k || e[3] !== h ? (D = (E) => {
     !k || !h || (E.preventDefault(), E.stopPropagation(), h());
-  }, e[2] = k, e[3] = h, e[4] = T) : T = e[4];
-  const P = T;
-  let S;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = {
+  }, e[2] = k, e[3] = h, e[4] = D) : D = e[4];
+  const T = D;
+  let b;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = {
     placement: "right"
-  }, e[5] = S) : S = e[5];
-  const w = !t;
-  let C;
-  e[6] !== s || e[7] !== a || e[8] !== d ? (C = s ? /* @__PURE__ */ i(ue, { as: s, boxSize: d, color: a }) : null, e[6] = s, e[7] = a, e[8] = d, e[9] = C) : C = e[9];
-  let I;
-  e[10] !== n || e[11] !== v.primaryTextStyle ? (I = /* @__PURE__ */ i(L, { lineClamp: 1, textOverflow: "ellipsis", textStyle: v.primaryTextStyle, children: n }), e[10] = n, e[11] = v.primaryTextStyle, e[12] = I) : I = e[12];
-  let z;
-  e[13] !== C || e[14] !== I ? (z = /* @__PURE__ */ x(Ie, { alignItems: "flex-start", gap: "xs", flex: "1", children: [
-    C,
-    I
-  ] }), e[13] = C, e[14] = I, e[15] = z) : z = e[15];
+  }, e[5] = b) : b = e[5];
+  const P = !t;
+  let w;
+  e[6] !== s || e[7] !== a || e[8] !== d ? (w = s ? /* @__PURE__ */ o(ae, { as: s, boxSize: d, color: a }) : null, e[6] = s, e[7] = a, e[8] = d, e[9] = w) : w = e[9];
+  let _;
+  e[10] !== n || e[11] !== C.primaryTextStyle ? (_ = /* @__PURE__ */ o(W, { lineClamp: 1, textOverflow: "ellipsis", textStyle: C.primaryTextStyle, children: n }), e[10] = n, e[11] = C.primaryTextStyle, e[12] = _) : _ = e[12];
+  let L;
+  e[13] !== w || e[14] !== _ ? (L = /* @__PURE__ */ x(fe, { alignItems: "flex-start", gap: "xs", flex: "1", children: [
+    w,
+    _
+  ] }), e[13] = w, e[14] = _, e[15] = L) : L = e[15];
   let $;
-  e[16] !== o || e[17] !== v.secondaryMarginLeft || e[18] !== v.secondaryTextStyle ? ($ = o && /* @__PURE__ */ i(L, { ml: v.secondaryMarginLeft, lineClamp: 1, textOverflow: "ellipsis", textStyle: v.secondaryTextStyle, color: "fg.menu-item.secondary", children: o }), e[16] = o, e[17] = v.secondaryMarginLeft, e[18] = v.secondaryTextStyle, e[19] = $) : $ = e[19];
-  let O;
-  e[20] !== z || e[21] !== $ ? (O = /* @__PURE__ */ x(H, { gap: "2xs", children: [
-    z,
+  e[16] !== i || e[17] !== C.secondaryMarginLeft || e[18] !== C.secondaryTextStyle ? ($ = i && /* @__PURE__ */ o(W, { ml: C.secondaryMarginLeft, lineClamp: 1, textOverflow: "ellipsis", textStyle: C.secondaryTextStyle, color: "fg.menu-item.secondary", children: i }), e[16] = i, e[17] = C.secondaryMarginLeft, e[18] = C.secondaryTextStyle, e[19] = $) : $ = e[19];
+  let z;
+  e[20] !== L || e[21] !== $ ? (z = /* @__PURE__ */ x(B, { gap: "2xs", children: [
+    L,
     $
-  ] }), e[20] = z, e[21] = $, e[22] = O) : O = e[22];
-  let M;
-  e[23] !== w || e[24] !== O || e[25] !== t ? (M = /* @__PURE__ */ i(Le, { positioning: S, content: t, disabled: w, children: O }), e[23] = w, e[24] = O, e[25] = t, e[26] = M) : M = e[26];
-  let N;
-  e[27] !== P || e[28] !== D || e[29] !== k || e[30] !== r || e[31] !== f || e[32] !== c || e[33] !== u || e[34] !== g ? (N = r ? /* @__PURE__ */ i(Le, { positioning: {
-    placement: "right"
-  }, content: g, disabled: !g, children: /* @__PURE__ */ i(Ie, { as: k ? "button" : "div", alignItems: "center", "aria-label": f, cursor: k ? "pointer" : "default", bg: "transparent", borderWidth: "0", padding: "0", onMouseDown: D, onClick: P, children: /* @__PURE__ */ i(ue, { as: r, boxSize: u, color: c }) }) }) : null, e[27] = P, e[28] = D, e[29] = k, e[30] = r, e[31] = f, e[32] = c, e[33] = u, e[34] = g, e[35] = N) : N = e[35];
-  let W;
-  e[36] !== N ? (W = /* @__PURE__ */ i(Ie, { justifyContent: "flex-end", color: "fg.menu-item.default", children: N }), e[36] = N, e[37] = W) : W = e[37];
-  let B;
-  e[38] !== W || e[39] !== M ? (B = /* @__PURE__ */ x(Ie, { justifyContent: "space-between", alignItems: "center", gap: "xs", flex: "1", children: [
-    M,
-    W
-  ] }), e[38] = W, e[39] = M, e[40] = B) : B = e[40];
+  ] }), e[20] = L, e[21] = $, e[22] = z) : z = e[22];
+  let O;
+  e[23] !== P || e[24] !== z || e[25] !== t ? (O = /* @__PURE__ */ o(xe, { positioning: b, content: t, disabled: P, children: z }), e[23] = P, e[24] = z, e[25] = t, e[26] = O) : O = e[26];
   let G;
-  e[41] !== m || e[42] !== p || e[43] !== b ? (G = p ? /* @__PURE__ */ i(Pe, { position: "absolute", top: "xs", right: "sm", textStyle: "label/XS/medium", px: "xs", py: "2px", borderRadius: "md", colorPalette: m, variant: b, pointerEvents: "none", children: p }) : null, e[41] = m, e[42] = p, e[43] = b, e[44] = G) : G = e[44];
-  let R;
-  return e[45] !== B || e[46] !== G ? (R = /* @__PURE__ */ x(Qe, { children: [
-    B,
-    G
-  ] }), e[45] = B, e[46] = G, e[47] = R) : R = e[47], R;
-}, Re = (l) => {
-  const e = A(48), {
+  e[27] !== T || e[28] !== I || e[29] !== k || e[30] !== r || e[31] !== f || e[32] !== c || e[33] !== u || e[34] !== p ? (G = r ? /* @__PURE__ */ o(xe, { positioning: {
+    placement: "right"
+  }, content: p, disabled: !p, children: /* @__PURE__ */ o(fe, { as: k ? "button" : "div", alignItems: "center", "aria-label": f, cursor: k ? "pointer" : "default", bg: "transparent", borderWidth: "0", padding: "0", onMouseDown: I, onClick: T, children: /* @__PURE__ */ o(ae, { as: r, boxSize: u, color: c }) }) }) : null, e[27] = T, e[28] = I, e[29] = k, e[30] = r, e[31] = f, e[32] = c, e[33] = u, e[34] = p, e[35] = G) : G = e[35];
+  let H;
+  e[36] !== G ? (H = /* @__PURE__ */ o(fe, { justifyContent: "flex-end", color: "fg.menu-item.default", children: G }), e[36] = G, e[37] = H) : H = e[37];
+  let X;
+  e[38] !== H || e[39] !== O ? (X = /* @__PURE__ */ x(fe, { justifyContent: "space-between", alignItems: "center", gap: "xs", flex: "1", children: [
+    O,
+    H
+  ] }), e[38] = H, e[39] = O, e[40] = X) : X = e[40];
+  let F;
+  e[41] !== S || e[42] !== g || e[43] !== m ? (F = g ? /* @__PURE__ */ o(Pe, { position: "absolute", top: "xs", right: "sm", textStyle: "label/XS/medium", px: "xs", py: "2px", borderRadius: "md", colorPalette: S, variant: m, pointerEvents: "none", children: g }) : null, e[41] = S, e[42] = g, e[43] = m, e[44] = F) : F = e[44];
+  let A;
+  return e[45] !== X || e[46] !== F ? (A = /* @__PURE__ */ x(Lt, { children: [
+    X,
+    F
+  ] }), e[45] = X, e[46] = F, e[47] = A) : A = e[47], A;
+}, De = (l) => {
+  const e = R(48), {
     id: n,
     children: t,
-    asChild: o,
+    asChild: i,
     primaryLabel: s,
     tooltipLabel: r,
     secondaryLabel: a,
@@ -715,66 +605,66 @@ const wt = {
     rightIcon: d,
     leftIconColor: u,
     rightIconColor: f,
-    leftIconSize: g,
+    leftIconSize: p,
     rightIconSize: h,
-    rightIconAriaLabel: p,
-    rightTooltipLabel: m,
-    onRightIconClick: b,
-    isDisabled: y,
-    isSelected: v,
+    rightIconAriaLabel: g,
+    rightTooltipLabel: S,
+    onRightIconClick: m,
+    isDisabled: v,
+    isSelected: C,
     tagLabel: k,
-    tagColorPalette: _,
-    tagVariant: D,
-    variant: T,
-    tabIndex: P,
-    width: S,
-    maxWidth: w,
-    setRefElement: C
-  } = l, I = c === void 0 ? null : c, z = u === void 0 ? "fg.menu-item.default" : u, $ = f === void 0 ? "fg.menu-item.default" : f, O = _ === void 0 ? "yellow" : _, M = D === void 0 ? "subtle" : D, N = T === void 0 ? "default" : T, {
-    onClick: W,
-    onMouseDown: B,
-    onMouseEnter: G
-  } = l, R = wt[N], E = v ? "bg.menu-item.selected" : "bg.menu-item.default", V = g ?? R.iconSize, q = h ?? R.iconSize;
-  let Y;
-  e[0] !== I || e[1] !== z || e[2] !== b || e[3] !== s || e[4] !== V || e[5] !== q || e[6] !== d || e[7] !== p || e[8] !== $ || e[9] !== m || e[10] !== a || e[11] !== O || e[12] !== k || e[13] !== M || e[14] !== r || e[15] !== N ? (Y = {
+    tagColorPalette: y,
+    tagVariant: I,
+    variant: D,
+    tabIndex: T,
+    width: b,
+    maxWidth: P,
+    setRefElement: w
+  } = l, _ = c === void 0 ? null : c, L = u === void 0 ? "fg.menu-item.default" : u, $ = f === void 0 ? "fg.menu-item.default" : f, z = y === void 0 ? "yellow" : y, O = I === void 0 ? "subtle" : I, G = D === void 0 ? "default" : D, {
+    onClick: H,
+    onMouseDown: X,
+    onMouseEnter: F
+  } = l, A = Mt[G], E = C ? "bg.menu-item.selected" : "bg.menu-item.default", K = p ?? A.iconSize, M = h ?? A.iconSize;
+  let Z;
+  e[0] !== _ || e[1] !== L || e[2] !== m || e[3] !== s || e[4] !== K || e[5] !== M || e[6] !== d || e[7] !== g || e[8] !== $ || e[9] !== S || e[10] !== a || e[11] !== z || e[12] !== k || e[13] !== O || e[14] !== r || e[15] !== G ? (Z = {
     primaryLabel: s,
     secondaryLabel: a,
     tooltipLabel: r,
-    leftIcon: I,
+    leftIcon: _,
     rightIcon: d,
-    leftIconColor: z,
+    leftIconColor: L,
     rightIconColor: $,
-    leftIconSize: V,
-    rightIconSize: q,
-    rightIconAriaLabel: p,
-    rightTooltipLabel: m,
-    onRightIconClick: b,
+    leftIconSize: K,
+    rightIconSize: M,
+    rightIconAriaLabel: g,
+    rightTooltipLabel: S,
+    onRightIconClick: m,
     tagLabel: k,
-    tagColorPalette: O,
-    tagVariant: M,
-    variant: N
-  }, e[0] = I, e[1] = z, e[2] = b, e[3] = s, e[4] = V, e[5] = q, e[6] = d, e[7] = p, e[8] = $, e[9] = m, e[10] = a, e[11] = O, e[12] = k, e[13] = M, e[14] = r, e[15] = N, e[16] = Y) : Y = e[16];
-  const K = Y, Z = w ?? "20rem", J = y ? "default" : "pointer", ee = n ?? s;
+    tagColorPalette: z,
+    tagVariant: O,
+    variant: G
+  }, e[0] = _, e[1] = L, e[2] = m, e[3] = s, e[4] = K, e[5] = M, e[6] = d, e[7] = g, e[8] = $, e[9] = S, e[10] = a, e[11] = z, e[12] = k, e[13] = O, e[14] = r, e[15] = G, e[16] = Z) : Z = e[16];
+  const U = Z, q = P ?? "20rem", J = v ? "default" : "pointer", ee = n ?? s;
   let te, ne;
   e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (te = {
     bg: "bg.menu-item.hover"
   }, ne = {
     bg: "bg.menu-item.focus"
   }, e[17] = te, e[18] = ne) : (te = e[17], ne = e[18]);
-  let U;
-  e[19] !== E || e[20] !== n || e[21] !== y || e[22] !== v || e[23] !== C || e[24] !== Z || e[25] !== J || e[26] !== ee || e[27] !== P || e[28] !== R.minHeight || e[29] !== R.paddingX || e[30] !== R.paddingY || e[31] !== S ? (U = {
+  let le;
+  e[19] !== E || e[20] !== n || e[21] !== v || e[22] !== C || e[23] !== w || e[24] !== q || e[25] !== J || e[26] !== ee || e[27] !== T || e[28] !== A.minHeight || e[29] !== A.paddingX || e[30] !== A.paddingY || e[31] !== b ? (le = {
     id: n,
-    ref: C,
-    tabIndex: P,
-    disabled: y,
-    "aria-selected": v,
-    paddingX: R.paddingX,
-    paddingY: R.paddingY,
+    ref: w,
+    tabIndex: T,
+    disabled: v,
+    "aria-selected": C,
+    paddingX: A.paddingX,
+    paddingY: A.paddingY,
     height: "auto",
-    minHeight: R.minHeight,
+    minHeight: A.minHeight,
     role: "option",
-    width: S,
-    maxWidth: Z,
+    width: b,
+    maxWidth: q,
     overflow: "hidden",
     position: "relative",
     cursor: J,
@@ -784,186 +674,55 @@ const wt = {
     _focus: ne,
     textDecoration: "none",
     color: "inherit"
-  }, e[19] = E, e[20] = n, e[21] = y, e[22] = v, e[23] = C, e[24] = Z, e[25] = J, e[26] = ee, e[27] = P, e[28] = R.minHeight, e[29] = R.paddingX, e[30] = R.paddingY, e[31] = S, e[32] = U) : U = e[32];
-  const Q = U;
-  if (o && t) {
-    let re, ce;
-    if (e[33] !== t || e[34] !== Q || e[35] !== K) {
-      ce = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+  }, e[19] = E, e[20] = n, e[21] = v, e[22] = C, e[23] = w, e[24] = q, e[25] = J, e[26] = ee, e[27] = T, e[28] = A.minHeight, e[29] = A.paddingX, e[30] = A.paddingY, e[31] = b, e[32] = le) : le = e[32];
+  const re = le;
+  if (i && t) {
+    let de, ue;
+    if (e[33] !== t || e[34] !== re || e[35] !== U) {
+      ue = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       e: {
-        const de = Xt.only(t);
-        if (!Ut(de)) {
-          ce = null;
+        const me = cn.only(t);
+        if (!dn(me)) {
+          ue = null;
           break e;
         }
-        let ae;
-        e[38] !== K ? (ae = /* @__PURE__ */ i(rt, { ...K }), e[38] = K, e[39] = ae) : ae = e[39], re = /* @__PURE__ */ i(nt, { asChild: !0, ...Q, children: Yt(de, void 0, ae) });
+        let ie;
+        e[38] !== U ? (ie = /* @__PURE__ */ o(gt, { ...U }), e[38] = U, e[39] = ie) : ie = e[39], de = /* @__PURE__ */ o(dt, { asChild: !0, ...re, children: un(me, void 0, ie) });
       }
-      e[33] = t, e[34] = Q, e[35] = K, e[36] = re, e[37] = ce;
+      e[33] = t, e[34] = re, e[35] = U, e[36] = de, e[37] = ue;
     } else
-      re = e[36], ce = e[37];
-    return ce !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? ce : re;
+      de = e[36], ue = e[37];
+    return ue !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? ue : de;
   }
   let oe;
-  e[40] !== K ? (oe = /* @__PURE__ */ i(rt, { ...K }), e[40] = K, e[41] = oe) : oe = e[41];
-  let se;
-  return e[42] !== Q || e[43] !== W || e[44] !== B || e[45] !== G || e[46] !== oe ? (se = /* @__PURE__ */ i(nt, { ...Q, onClick: W, onMouseDown: B, onMouseEnter: G, children: oe }), e[42] = Q, e[43] = W, e[44] = B, e[45] = G, e[46] = oe, e[47] = se) : se = e[47], se;
-}, Un = {
-  default: {
-    width: "64",
-    headerHeight: "49px",
-    headerPadding: "xs",
-    headerTextStyle: "label/L/medium",
-    contentPadding: "xs",
-    contentGap: "xs"
-  },
-  compact: {
-    width: "64",
-    headerHeight: "49px",
-    headerPadding: "xs",
-    headerTextStyle: "label/L/medium",
-    contentPadding: "2xs",
-    contentGap: "2xs"
-  }
-};
-function Yn(l) {
-  const e = A(13), {
-    title: n,
-    children: t,
-    variant: o
-  } = l, r = Un[o === void 0 ? "default" : o];
-  let a;
-  e[0] !== r.headerHeight || e[1] !== r.headerPadding || e[2] !== r.headerTextStyle || e[3] !== n ? (a = n && /* @__PURE__ */ i(Ie, { height: r.headerHeight, p: r.headerPadding, borderBottomWidth: "1px", alignItems: "center", children: /* @__PURE__ */ i(L, { pb: "0", textStyle: r.headerTextStyle, color: "fg.muted", children: n }) }), e[0] = r.headerHeight, e[1] = r.headerPadding, e[2] = r.headerTextStyle, e[3] = n, e[4] = a) : a = e[4];
-  let c;
-  e[5] !== t || e[6] !== r.contentGap || e[7] !== r.contentPadding ? (c = t && /* @__PURE__ */ i(ye, { flex: "1", minH: "0", contentProps: {
-    p: r.contentPadding,
-    spaceY: r.contentGap
-  }, children: t }), e[5] = t, e[6] = r.contentGap, e[7] = r.contentPadding, e[8] = c) : c = e[8];
-  let d;
-  return e[9] !== r.width || e[10] !== a || e[11] !== c ? (d = /* @__PURE__ */ x(H, { borderRightWidth: "1px", width: r.width, gap: "0", minH: "0", children: [
-    a,
-    c
-  ] }), e[9] = r.width, e[10] = a, e[11] = c, e[12] = d) : d = e[12], d;
-}
-const It = (l) => {
-  const e = A(27), {
-    item: n,
-    activeLink: t,
-    onSelectLink: o,
-    shouldStartOpen: s
-  } = l;
-  let r;
-  e[0] !== n.items ? (r = n.items ?? [], e[0] = n.items, e[1] = r) : r = e[1];
-  const a = r, c = a.length > 0;
-  if (!c && n.link) {
-    const p = n.link, m = n.link === t;
-    let b;
-    e[2] !== p || e[3] !== o ? (b = () => o(p), e[2] = p, e[3] = o, e[4] = b) : b = e[4];
-    let y;
-    return e[5] !== m || e[6] !== n.text || e[7] !== b ? (y = /* @__PURE__ */ i(ie.Root, { children: /* @__PURE__ */ i(Re, { primaryLabel: n.text, isSelected: m, variant: "compact", onClick: b }) }), e[5] = m, e[6] = n.text, e[7] = b, e[8] = y) : y = e[8], y;
-  }
-  if (!c) {
-    let p;
-    return e[9] !== n.text ? (p = /* @__PURE__ */ i(ie.Root, { children: /* @__PURE__ */ i(Re, { primaryLabel: n.text, isDisabled: !0, variant: "compact" }) }), e[9] = n.text, e[10] = p) : p = e[10], p;
-  }
-  let d;
-  e[11] !== n || e[12] !== s ? (d = s?.(n) ?? !1, e[11] = n, e[12] = s, e[13] = d) : d = e[13];
-  const u = d, f = n.text;
-  let g;
-  if (e[14] !== t || e[15] !== a || e[16] !== o || e[17] !== s) {
-    let p;
-    e[19] !== t || e[20] !== o || e[21] !== s ? (p = (m, b) => /* @__PURE__ */ i(It, { item: m, activeLink: t, onSelectLink: o, shouldStartOpen: s }, `${m.text}-${m.link ?? b}`), e[19] = t, e[20] = o, e[21] = s, e[22] = p) : p = e[22], g = a.map(p), e[14] = t, e[15] = a, e[16] = o, e[17] = s, e[18] = g;
-  } else
-    g = e[18];
-  let h;
-  return e[23] !== u || e[24] !== n.text || e[25] !== g ? (h = /* @__PURE__ */ i(jn, { title: f, defaultOpen: u, children: g }), e[23] = u, e[24] = n.text, e[25] = g, e[26] = h) : h = e[26], h;
-}, Zi = (l) => {
-  const e = A(9), {
-    title: n,
-    emptyMessage: t,
-    menuItems: o,
-    activeLink: s,
-    onSelectLink: r,
-    shouldStartOpen: a
-  } = l;
-  let c;
-  e[0] !== s || e[1] !== t || e[2] !== o || e[3] !== r || e[4] !== a ? (c = o.length === 0 ? /* @__PURE__ */ i(L, { textStyle: "paragraph/S/regular", color: "fg.muted", p: "xs", children: t ?? "No files found" }) : o.map((u, f) => /* @__PURE__ */ i(It, { item: u, activeLink: s, onSelectLink: r, shouldStartOpen: a }, `${u.text}-${u.link ?? f}`)), e[0] = s, e[1] = t, e[2] = o, e[3] = r, e[4] = a, e[5] = c) : c = e[5];
-  let d;
-  return e[6] !== c || e[7] !== n ? (d = /* @__PURE__ */ i(Yn, { title: n, variant: "compact", children: c }), e[6] = c, e[7] = n, e[8] = d) : d = e[8], d;
-};
-class eo extends Kt {
-  state = {
-    error: null
-  };
-  static getDerivedStateFromError(e) {
-    return {
-      error: e
-    };
-  }
-  componentDidCatch(e, n) {
-    console.error("Dashboard error boundary caught an error", e, n);
-  }
-  handleReset = () => {
-    this.setState({
-      error: null
-    }), this.props.onReset?.();
-  };
-  render() {
-    const {
-      children: e,
-      fallback: n,
-      label: t
-    } = this.props, {
-      error: o
-    } = this.state;
-    return o ? n || /* @__PURE__ */ i(Kn, { error: o, label: t, onReset: this.handleReset }) : e;
-  }
-}
-const Kn = (l) => {
-  const e = A(12), {
-    error: n,
-    label: t,
-    onReset: o
-  } = l, s = t ?? "Something went wrong";
-  let r;
-  e[0] !== s ? (r = /* @__PURE__ */ i(L, { textStyle: "paragraph/M/medium", children: s }), e[0] = s, e[1] = r) : r = e[1];
-  const a = n.message || "An unexpected error occurred while rendering this section.";
-  let c;
-  e[2] !== a ? (c = /* @__PURE__ */ i(L, { textStyle: "paragraph/S/regular", children: a }), e[2] = a, e[3] = c) : c = e[3];
-  let d;
-  e[4] !== o ? (d = o ? /* @__PURE__ */ i(he, { size: "sm", variant: "solid", colorScheme: "black", onClick: o, children: "Try again" }) : null, e[4] = o, e[5] = d) : d = e[5];
-  let u;
-  e[6] !== c || e[7] !== d ? (u = /* @__PURE__ */ x(H, { gap: "sm", children: [
-    c,
-    d
-  ] }), e[6] = c, e[7] = d, e[8] = u) : u = e[8];
-  let f;
-  return e[9] !== r || e[10] !== u ? (f = /* @__PURE__ */ i(Ln, { height: "100%", width: "100%", children: /* @__PURE__ */ i(Mt, { children: /* @__PURE__ */ i(jt, { status: "error", title: r, children: u }) }) }), e[9] = r, e[10] = u, e[11] = f) : f = e[11], f;
-}, qn = (l) => l.isDirectory ? l.isGitRepo ? ln : on : qe, Jn = (l) => {
-  const e = A(18), {
+  e[40] !== U ? (oe = /* @__PURE__ */ o(gt, { ...U }), e[40] = U, e[41] = oe) : oe = e[41];
+  let ce;
+  return e[42] !== re || e[43] !== H || e[44] !== X || e[45] !== F || e[46] !== oe ? (ce = /* @__PURE__ */ o(dt, { ...re, onClick: H, onMouseDown: X, onMouseEnter: F, children: oe }), e[42] = re, e[43] = H, e[44] = X, e[45] = F, e[46] = oe, e[47] = ce) : ce = e[47], ce;
+}, sl = (l) => l.isDirectory ? l.isGitRepo ? Sn : xn : bn, al = (l) => {
+  const e = R(18), {
     entry: n,
     selectedPath: t,
-    selectedPathSet: o,
+    selectedPathSet: i,
     onEntryClick: s
   } = l;
   let r;
-  e[0] !== n.isGitRepo || e[1] !== n.path || e[2] !== o ? (r = n.isGitRepo && o.has(n.path), e[0] = n.isGitRepo, e[1] = n.path, e[2] = o, e[3] = r) : r = e[3];
+  e[0] !== n.isGitRepo || e[1] !== n.path || e[2] !== i ? (r = n.isGitRepo && i.has(n.path), e[0] = n.isGitRepo, e[1] = n.path, e[2] = i, e[3] = r) : r = e[3];
   const a = r, c = !n.isDirectory || a;
   let d;
   e[4] !== n || e[5] !== a || e[6] !== s ? (d = () => {
     a || s(n);
   }, e[4] = n, e[5] = a, e[6] = s, e[7] = d) : d = e[7];
   const u = d, f = n.name;
-  let g;
-  e[8] !== n ? (g = qn(n), e[8] = n, e[9] = g) : g = e[9];
-  const h = n.isGitRepo ? "Git repo" : void 0, p = n.isGitRepo ? "green" : void 0, m = t === n.path;
-  let b;
-  return e[10] !== n.name || e[11] !== u || e[12] !== c || e[13] !== g || e[14] !== h || e[15] !== p || e[16] !== m ? (b = /* @__PURE__ */ i(ie.Root, { children: /* @__PURE__ */ i(Re, { primaryLabel: f, leftIcon: g, tagLabel: h, tagColorPalette: p, isDisabled: c, isSelected: m, width: "100%", maxWidth: "100%", onClick: u }) }), e[10] = n.name, e[11] = u, e[12] = c, e[13] = g, e[14] = h, e[15] = p, e[16] = m, e[17] = b) : b = e[17], b;
-}, to = (l) => {
-  const e = A(54), {
+  let p;
+  e[8] !== n ? (p = sl(n), e[8] = n, e[9] = p) : p = e[9];
+  const h = n.isGitRepo ? "Git repo" : void 0, g = n.isGitRepo ? "green" : void 0, S = t === n.path;
+  let m;
+  return e[10] !== n.name || e[11] !== u || e[12] !== c || e[13] !== p || e[14] !== h || e[15] !== g || e[16] !== S ? (m = /* @__PURE__ */ o(Y.Root, { children: /* @__PURE__ */ o(De, { primaryLabel: f, leftIcon: p, tagLabel: h, tagColorPalette: g, isDisabled: c, isSelected: S, width: "100%", maxWidth: "100%", onClick: u }) }), e[10] = n.name, e[11] = u, e[12] = c, e[13] = p, e[14] = h, e[15] = g, e[16] = S, e[17] = m) : m = e[17], m;
+}, Ri = (l) => {
+  const e = R(54), {
     open: n,
     title: t,
-    description: o,
+    description: i,
     currentPath: s,
     entries: r,
     selectedPath: a,
@@ -971,346 +730,561 @@ const Kn = (l) => {
     isLoading: d,
     error: u,
     isSelectDisabled: f,
-    onClose: g,
+    onClose: p,
     onSelect: h,
-    onSelectHomeDirectory: p,
-    onSelectParentDirectory: m,
-    onEntryClick: b
-  } = l, y = t === void 0 ? "Select folder" : t, v = s === void 0 ? "" : s, k = a === void 0 ? null : a;
+    onSelectHomeDirectory: g,
+    onSelectParentDirectory: S,
+    onEntryClick: m
+  } = l, v = t === void 0 ? "Select folder" : t, C = s === void 0 ? "" : s, k = a === void 0 ? null : a;
+  let y;
+  e[0] !== c ? (y = c === void 0 ? [] : c, e[0] = c, e[1] = y) : y = e[1];
+  const I = y, D = d === void 0 ? !1 : d, T = u === void 0 ? "" : u, b = f === void 0 ? !1 : f;
+  let P;
+  e[2] !== I ? (P = new Set(I), e[2] = I, e[3] = P) : P = e[3];
+  const w = P;
   let _;
-  e[0] !== c ? (_ = c === void 0 ? [] : c, e[0] = c, e[1] = _) : _ = e[1];
-  const D = _, T = d === void 0 ? !1 : d, P = u === void 0 ? "" : u, S = f === void 0 ? !1 : f;
-  let w;
-  e[2] !== D ? (w = new Set(D), e[2] = D, e[3] = w) : w = e[3];
-  const C = w;
-  let I;
-  e[4] !== g ? (I = (Q) => !Q.open && g(), e[4] = g, e[5] = I) : I = e[5];
-  let z;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ i(fe.Backdrop, {}), e[6] = z) : z = e[6];
+  e[4] !== p ? (_ = (re) => !re.open && p(), e[4] = p, e[5] = _) : _ = e[5];
+  let L;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ o(se.Backdrop, {}), e[6] = L) : L = e[6];
   let $;
-  e[7] !== y ? ($ = /* @__PURE__ */ i(L, { textStyle: "heading/M", children: y }), e[7] = y, e[8] = $) : $ = e[8];
+  e[7] !== v ? ($ = /* @__PURE__ */ o(W, { textStyle: "heading/M", children: v }), e[7] = v, e[8] = $) : $ = e[8];
+  let z;
+  e[9] !== i ? (z = i ? /* @__PURE__ */ o(W, { textStyle: "paragraph/S/regular", color: "fg.muted", children: i }) : null, e[9] = i, e[10] = z) : z = e[10];
   let O;
-  e[9] !== o ? (O = o ? /* @__PURE__ */ i(L, { textStyle: "paragraph/S/regular", color: "fg.muted", children: o }) : null, e[9] = o, e[10] = O) : O = e[10];
-  let M;
-  e[11] !== $ || e[12] !== O ? (M = /* @__PURE__ */ i(fe.Header, { children: /* @__PURE__ */ x(H, { gap: "xs", children: [
+  e[11] !== $ || e[12] !== z ? (O = /* @__PURE__ */ o(se.Header, { children: /* @__PURE__ */ x(B, { gap: "xs", children: [
     $,
-    O
-  ] }) }), e[11] = $, e[12] = O, e[13] = M) : M = e[13];
-  let N;
-  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ i(rn, { size: 16 }), e[14] = N) : N = e[14];
-  let W;
-  e[15] !== p ? (W = /* @__PURE__ */ i(he, { "aria-label": "Go to home directory", variant: "outline", size: "sm", onClick: p, children: N }), e[15] = p, e[16] = W) : W = e[16];
-  const B = !v || v === "/";
+    z
+  ] }) }), e[11] = $, e[12] = z, e[13] = O) : O = e[13];
   let G;
-  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ i(sn, { size: 16 }), e[17] = G) : G = e[17];
-  let R;
-  e[18] !== m || e[19] !== B ? (R = /* @__PURE__ */ i(he, { "aria-label": "Go to parent directory", variant: "outline", size: "sm", onClick: m, disabled: B, children: G }), e[18] = m, e[19] = B, e[20] = R) : R = e[20];
-  const E = v || "Home";
-  let V;
-  e[21] !== E ? (V = /* @__PURE__ */ i(L, { "data-testid": "folder-picker-path", textStyle: "paragraph/S/regular", color: "fg.muted", flex: "1", lineClamp: 1, children: E }), e[21] = E, e[22] = V) : V = e[22];
-  let q;
-  e[23] !== W || e[24] !== R || e[25] !== V ? (q = /* @__PURE__ */ x(H, { direction: "row", gap: "sm", align: "center", children: [
-    W,
-    R,
-    V
-  ] }), e[23] = W, e[24] = R, e[25] = V, e[26] = q) : q = e[26];
-  let Y;
-  e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Y = {
-    padding: "sm"
-  }, e[27] = Y) : Y = e[27];
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ o(yn, { size: 16 }), e[14] = G) : G = e[14];
+  let H;
+  e[15] !== g ? (H = /* @__PURE__ */ o(pe, { "aria-label": "Go to home directory", variant: "outline", size: "sm", onClick: g, children: G }), e[15] = g, e[16] = H) : H = e[16];
+  const X = !C || C === "/";
+  let F;
+  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ o(vn, { size: 16 }), e[17] = F) : F = e[17];
+  let A;
+  e[18] !== S || e[19] !== X ? (A = /* @__PURE__ */ o(pe, { "aria-label": "Go to parent directory", variant: "outline", size: "sm", onClick: S, disabled: X, children: F }), e[18] = S, e[19] = X, e[20] = A) : A = e[20];
+  const E = C || "Home";
   let K;
-  e[28] !== r || e[29] !== P || e[30] !== T || e[31] !== b || e[32] !== k || e[33] !== C ? (K = /* @__PURE__ */ i(ye, { borderWidth: "1px", borderRadius: "md", borderColor: "border.muted", maxHeight: "320px", contentProps: Y, children: T ? /* @__PURE__ */ i(L, { textStyle: "paragraph/S/regular", color: "fg.muted", children: "Loading..." }) : P ? /* @__PURE__ */ i(L, { textStyle: "paragraph/S/regular", color: "red.500", children: P }) : r.length === 0 ? /* @__PURE__ */ i(L, { textStyle: "paragraph/S/regular", color: "fg.muted", children: "No entries found." }) : /* @__PURE__ */ i(H, { gap: "xs", children: r.map((Q) => /* @__PURE__ */ i(Jn, { entry: Q, selectedPath: k, selectedPathSet: C, onEntryClick: b }, Q.path)) }) }), e[28] = r, e[29] = P, e[30] = T, e[31] = b, e[32] = k, e[33] = C, e[34] = K) : K = e[34];
-  let Z;
-  e[35] !== q || e[36] !== K ? (Z = /* @__PURE__ */ i(fe.Body, { children: /* @__PURE__ */ x(H, { gap: "md", children: [
-    q,
+  e[21] !== E ? (K = /* @__PURE__ */ o(W, { "data-testid": "folder-picker-path", textStyle: "paragraph/S/regular", color: "fg.muted", flex: "1", lineClamp: 1, children: E }), e[21] = E, e[22] = K) : K = e[22];
+  let M;
+  e[23] !== H || e[24] !== A || e[25] !== K ? (M = /* @__PURE__ */ x(B, { direction: "row", gap: "sm", align: "center", children: [
+    H,
+    A,
     K
-  ] }) }), e[35] = q, e[36] = K, e[37] = Z) : Z = e[37];
+  ] }), e[23] = H, e[24] = A, e[25] = K, e[26] = M) : M = e[26];
+  let Z;
+  e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Z = {
+    padding: "sm"
+  }, e[27] = Z) : Z = e[27];
+  let U;
+  e[28] !== r || e[29] !== T || e[30] !== D || e[31] !== m || e[32] !== k || e[33] !== w ? (U = /* @__PURE__ */ o(ke, { borderWidth: "1px", borderRadius: "md", borderColor: "border.muted", maxHeight: "320px", contentProps: Z, children: D ? /* @__PURE__ */ o(W, { textStyle: "paragraph/S/regular", color: "fg.muted", children: "Loading..." }) : T ? /* @__PURE__ */ o(W, { textStyle: "paragraph/S/regular", color: "red.500", children: T }) : r.length === 0 ? /* @__PURE__ */ o(W, { textStyle: "paragraph/S/regular", color: "fg.muted", children: "No entries found." }) : /* @__PURE__ */ o(B, { gap: "xs", children: r.map((re) => /* @__PURE__ */ o(al, { entry: re, selectedPath: k, selectedPathSet: w, onEntryClick: m }, re.path)) }) }), e[28] = r, e[29] = T, e[30] = D, e[31] = m, e[32] = k, e[33] = w, e[34] = U) : U = e[34];
+  let q;
+  e[35] !== M || e[36] !== U ? (q = /* @__PURE__ */ o(se.Body, { children: /* @__PURE__ */ x(B, { gap: "md", children: [
+    M,
+    U
+  ] }) }), e[35] = M, e[36] = U, e[37] = q) : q = e[37];
   let J;
-  e[38] !== g ? (J = /* @__PURE__ */ i(he, { variant: "outline", onClick: g, children: "Cancel" }), e[38] = g, e[39] = J) : J = e[39];
+  e[38] !== p ? (J = /* @__PURE__ */ o(pe, { variant: "outline", onClick: p, children: "Cancel" }), e[38] = p, e[39] = J) : J = e[39];
   let ee;
-  e[40] !== S || e[41] !== h ? (ee = /* @__PURE__ */ i(he, { onClick: h, disabled: S, children: "Select repository" }), e[40] = S, e[41] = h, e[42] = ee) : ee = e[42];
+  e[40] !== b || e[41] !== h ? (ee = /* @__PURE__ */ o(pe, { onClick: h, disabled: b, children: "Select repository" }), e[40] = b, e[41] = h, e[42] = ee) : ee = e[42];
   let te;
-  e[43] !== J || e[44] !== ee ? (te = /* @__PURE__ */ i(fe.Footer, { children: /* @__PURE__ */ x(H, { direction: "row", gap: "sm", children: [
+  e[43] !== J || e[44] !== ee ? (te = /* @__PURE__ */ o(se.Footer, { children: /* @__PURE__ */ x(B, { direction: "row", gap: "sm", children: [
     J,
     ee
   ] }) }), e[43] = J, e[44] = ee, e[45] = te) : te = e[45];
   let ne;
-  e[46] !== M || e[47] !== Z || e[48] !== te ? (ne = /* @__PURE__ */ i(fe.Positioner, { children: /* @__PURE__ */ x(fe.Content, { children: [
-    M,
-    Z,
+  e[46] !== O || e[47] !== q || e[48] !== te ? (ne = /* @__PURE__ */ o(se.Positioner, { children: /* @__PURE__ */ x(se.Content, { children: [
+    O,
+    q,
     te
-  ] }) }), e[46] = M, e[47] = Z, e[48] = te, e[49] = ne) : ne = e[49];
-  let U;
-  return e[50] !== n || e[51] !== ne || e[52] !== I ? (U = /* @__PURE__ */ x(fe.Root, { lazyMount: !0, unmountOnExit: !0, closeOnInteractOutside: !1, open: n, onOpenChange: I, children: [
-    z,
+  ] }) }), e[46] = O, e[47] = q, e[48] = te, e[49] = ne) : ne = e[49];
+  let le;
+  return e[50] !== n || e[51] !== ne || e[52] !== _ ? (le = /* @__PURE__ */ x(se.Root, { lazyMount: !0, unmountOnExit: !0, closeOnInteractOutside: !1, open: n, onOpenChange: _, children: [
+    L,
     ne
-  ] }), e[50] = n, e[51] = ne, e[52] = I, e[53] = U) : U = e[53], U;
+  ] }), e[50] = n, e[51] = ne, e[52] = _, e[53] = le) : le = e[53], le;
 };
-function no(l) {
-  const e = A(6);
-  let n, t;
+function cl(l) {
+  const e = R(14);
+  let n, t, i, s, r, a;
   e[0] !== l ? ({
     children: n,
+    h: i,
+    px: s,
+    py: r,
+    borderBottomWidth: a,
     ...t
-  } = l, e[0] = l, e[1] = n, e[2] = t) : (n = e[1], t = e[2]);
-  let o;
-  return e[3] !== n || e[4] !== t ? (o = /* @__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] = o) : o = e[5], o;
+  } = l, e[0] = l, e[1] = n, e[2] = t, e[3] = i, e[4] = s, e[5] = r, e[6] = a) : (n = e[1], t = e[2], i = e[3], s = e[4], r = e[5], a = e[6]);
+  const c = i === void 0 ? "41px" : i, d = s === void 0 ? "xs" : s, u = r === void 0 ? "xs" : r, f = a === void 0 ? "1px" : a;
+  let p;
+  return e[7] !== f || e[8] !== n || e[9] !== c || e[10] !== d || e[11] !== u || e[12] !== t ? (p = /* @__PURE__ */ o(j, { ...t, h: c, justify: "space-between", align: "center", borderBottomWidth: f, borderColor: "border.muted", px: d, py: u, children: n }), e[7] = f, e[8] = n, e[9] = c, e[10] = d, e[11] = u, e[12] = t, e[13] = p) : p = e[13], p;
 }
-const Qn = (l, e) => `${l.name}-${l.version ?? "unknown"}-${e}`, Zn = (l) => l.version ? `${l.name} v${l.version}` : l.name, lo = (l) => {
-  const e = A(30), {
+const Wi = (l) => {
+  const e = R(17), {
+    children: n,
+    title: t,
+    defaultOpen: i,
+    action: s
+  } = l, r = i === void 0 ? !0 : i;
+  let a;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = {
+    background: "bg.hover"
+  }, e[0] = a) : a = e[0];
+  let c;
+  e[1] !== t ? (c = t && /* @__PURE__ */ o(W, { 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__ */ o(je.Indicator, { transition: "transform 0.2s", _open: {
+    transform: "rotate(90deg)"
+  }, children: /* @__PURE__ */ o(Te, { size: 16 }) }), e[3] = d) : d = e[3];
+  let u;
+  e[4] !== c ? (u = /* @__PURE__ */ x(je.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] = u) : u = e[5];
+  let f;
+  e[6] !== s ? (f = s && /* @__PURE__ */ o(V, { marginLeft: "auto", onClick: dl, children: s }), e[6] = s, e[7] = f) : f = e[7];
+  let p;
+  e[8] !== u || e[9] !== f ? (p = /* @__PURE__ */ x(fe, { children: [
+    u,
+    f
+  ] }), e[8] = u, e[9] = f, e[10] = p) : p = e[10];
+  let h;
+  e[11] !== n ? (h = /* @__PURE__ */ o(je.Content, { children: n }), e[11] = n, e[12] = h) : h = e[12];
+  let g;
+  return e[13] !== r || e[14] !== p || e[15] !== h ? (g = /* @__PURE__ */ x(je.Root, { defaultOpen: r, width: "full", children: [
+    p,
+    h
+  ] }), e[13] = r, e[14] = p, e[15] = h, e[16] = g) : g = e[16], g;
+};
+function dl(l) {
+  return l.stopPropagation();
+}
+const Gt = "2.5625rem", ul = tn({
+  placement: "bottom-end",
+  pauseOnPageIdle: !0,
+  duration: 1e4
+}), Ei = () => {
+  const l = R(1);
+  let e;
+  return l[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ o(He, { children: /* @__PURE__ */ o(nn, { toaster: ul, insetInline: {
+    mdDown: "4"
+  }, children: fl }) }), l[0] = e) : e = l[0], e;
+};
+function fl(l) {
+  return /* @__PURE__ */ x(ze.Root, { width: {
+    md: "sm"
+  }, alignItems: "start", children: [
+    l.type === "loading" ? /* @__PURE__ */ o(Tt, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ o(ze.Indicator, {}),
+    /* @__PURE__ */ x(B, { gap: "1", flex: "1", minWidth: "0", maxWidth: "100%", children: [
+      l.title && /* @__PURE__ */ o(ze.Title, { children: l.title }),
+      l.description && /* @__PURE__ */ o(ze.Description, { maxHeight: "12rem", overflowY: "auto", paddingEnd: "1", whiteSpace: "pre-wrap", wordBreak: "break-word", children: l.description })
+    ] }),
+    l.action && /* @__PURE__ */ o(ze.ActionTrigger, { children: l.action.label }),
+    l.closable && /* @__PURE__ */ o(ze.CloseTrigger, {})
+  ] });
+}
+const zi = (l) => {
+  const e = R(12), {
+    sidebar: n,
+    errorLabel: t,
+    children: i
+  } = l;
+  let s;
+  e[0] !== n ? (s = n ? /* @__PURE__ */ o(fe, { minH: "0", flexShrink: 0, children: n }) : null, e[0] = n, e[1] = s) : s = e[1];
+  const r = t ?? "Unable to render the panel.";
+  let a;
+  e[2] !== i ? (a = i ?? /* @__PURE__ */ o(Vn, {}), e[2] = i, e[3] = a) : a = e[3];
+  let c;
+  e[4] !== a ? (c = /* @__PURE__ */ o(fe, { flex: "1", overflow: "hidden", minH: "0", minW: "0", children: a }), e[4] = a, e[5] = c) : c = e[5];
+  let d;
+  e[6] !== r || e[7] !== c ? (d = /* @__PURE__ */ o(Ot, { label: r, children: c }), e[6] = r, e[7] = c, e[8] = d) : d = e[8];
+  let u;
+  return e[9] !== s || e[10] !== d ? (u = /* @__PURE__ */ x(fe, { height: "100%", width: "100%", minH: "0", minW: "0", children: [
+    s,
+    d
+  ] }), e[9] = s, e[10] = d, e[11] = u) : u = e[11], u;
+}, Ai = (l) => {
+  const e = R(8), {
+    actions: n,
+    content: t
+  } = l;
+  let i;
+  e[0] !== n ? (i = /* @__PURE__ */ o(cl, { "data-testid": "panel-section-actions", align: "flex-start", minH: Gt, flexWrap: "wrap", gap: "sm", py: "2xs", children: n }), e[0] = n, e[1] = i) : i = e[1];
+  let s;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
+    minH: "100%"
+  }, e[2] = s) : s = e[2];
+  let r;
+  e[3] !== t ? (r = /* @__PURE__ */ o(ke, { flex: "1", bg: "bg", contentProps: s, children: /* @__PURE__ */ o(Ot, { label: "Unable to render the panel.", children: /* @__PURE__ */ o(fe, { flex: "1", overflow: "hidden", minH: "0", children: t }) }) }), e[3] = t, e[4] = r) : r = e[4];
+  let a;
+  return e[5] !== i || e[6] !== r ? (a = /* @__PURE__ */ x(B, { height: "100%", width: "100%", gap: "0", minH: "0", children: [
+    i,
+    r
+  ] }), e[5] = i, e[6] = r, e[7] = a) : a = e[7], a;
+}, pl = (l, e) => `${l.name}-${l.version ?? "unknown"}-${e}`, hl = (l) => l.version ? `${l.name} v${l.version}` : l.name, Oi = (l) => {
+  const e = R(30), {
     notices: n,
     title: t,
-    description: o,
+    description: i,
     productName: s,
     productVersion: r,
     generatedAt: a,
     emptyTitle: c,
     emptyDescription: d
-  } = l, u = t === void 0 ? "Open Source and Third-Party Notices" : t, f = o === void 0 ? "This product includes software developed by the open source community." : o, g = c === void 0 ? "No third-party notices available" : c, h = 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, f = i === void 0 ? "This product includes software developed by the open source community." : i, p = c === void 0 ? "No third-party notices available" : c, h = d === void 0 ? "No third-party packages were included in this build." : d;
+  let g;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = {
     base: "md",
     md: "xl"
-  }, e[0] = p) : p = e[0];
+  }, e[0] = g) : g = e[0];
+  let S;
+  e[1] !== u ? (S = /* @__PURE__ */ o(W, { textStyle: "heading/L", children: u }), e[1] = u, e[2] = S) : S = e[2];
   let m;
-  e[1] !== u ? (m = /* @__PURE__ */ i(L, { textStyle: "heading/L", children: u }), e[1] = u, e[2] = m) : m = e[2];
-  let b;
-  e[3] !== f ? (b = /* @__PURE__ */ i(L, { textStyle: "paragraph/S/regular", color: "fg.muted", children: f }), e[3] = f, e[4] = b) : b = e[4];
-  let y;
-  e[5] !== s ? (y = s ? /* @__PURE__ */ x(L, { textStyle: "label/XS", color: "fg.muted", children: [
+  e[3] !== f ? (m = /* @__PURE__ */ o(W, { textStyle: "paragraph/S/regular", color: "fg.muted", children: f }), e[3] = f, e[4] = m) : m = e[4];
+  let v;
+  e[5] !== s ? (v = s ? /* @__PURE__ */ x(W, { textStyle: "label/XS", color: "fg.muted", children: [
     "Product: ",
     s
-  ] }) : null, e[5] = s, e[6] = y) : y = e[6];
-  let v;
-  e[7] !== r ? (v = r ? /* @__PURE__ */ x(L, { textStyle: "label/XS", color: "fg.muted", children: [
+  ] }) : null, e[5] = s, e[6] = v) : v = e[6];
+  let C;
+  e[7] !== r ? (C = r ? /* @__PURE__ */ x(W, { textStyle: "label/XS", color: "fg.muted", children: [
     "Version: ",
     r
-  ] }) : null, e[7] = r, e[8] = v) : v = e[8];
+  ] }) : null, e[7] = r, e[8] = C) : C = e[8];
   let k;
-  e[9] !== n.length ? (k = /* @__PURE__ */ x(L, { textStyle: "label/XS", color: "fg.muted", children: [
+  e[9] !== n.length ? (k = /* @__PURE__ */ x(W, { textStyle: "label/XS", color: "fg.muted", children: [
     "Packages: ",
     n.length
   ] }), e[9] = n.length, e[10] = k) : k = e[10];
-  let _;
-  e[11] !== a ? (_ = a ? /* @__PURE__ */ x(L, { textStyle: "label/XS", color: "fg.muted", children: [
+  let y;
+  e[11] !== a ? (y = a ? /* @__PURE__ */ x(W, { textStyle: "label/XS", color: "fg.muted", children: [
     "Generated: ",
     a
-  ] }) : null, e[11] = a, e[12] = _) : _ = e[12];
-  let D;
-  e[13] !== _ || e[14] !== y || e[15] !== v || e[16] !== k ? (D = /* @__PURE__ */ x(X, { gap: "md", flexWrap: "wrap", children: [
-    y,
+  ] }) : null, e[11] = a, e[12] = y) : y = e[12];
+  let I;
+  e[13] !== y || e[14] !== v || e[15] !== C || e[16] !== k ? (I = /* @__PURE__ */ x(j, { gap: "md", flexWrap: "wrap", children: [
     v,
+    C,
     k,
-    _
-  ] }), e[13] = _, e[14] = y, e[15] = v, e[16] = k, e[17] = D) : D = e[17];
-  let T;
-  e[18] !== D || e[19] !== m || e[20] !== b ? (T = /* @__PURE__ */ x(H, { gap: "xs", children: [
+    y
+  ] }), e[13] = y, e[14] = v, e[15] = C, e[16] = k, e[17] = I) : I = e[17];
+  let D;
+  e[18] !== I || e[19] !== S || e[20] !== m ? (D = /* @__PURE__ */ x(B, { gap: "xs", children: [
+    S,
     m,
-    b,
-    D
-  ] }), e[18] = D, e[19] = m, e[20] = b, e[21] = T) : T = e[21];
+    I
+  ] }), e[18] = I, e[19] = S, e[20] = m, e[21] = D) : D = e[21];
+  let T;
+  e[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ o(it, { borderColor: "border.muted" }), e[22] = T) : T = e[22];
+  let b;
+  e[23] !== h || e[24] !== p || e[25] !== n ? (b = n.length === 0 ? /* @__PURE__ */ x(B, { borderWidth: "1px", borderColor: "border.muted", borderRadius: "md", padding: "lg", gap: "xs", children: [
+    /* @__PURE__ */ o(W, { textStyle: "label/L/medium", children: p }),
+    /* @__PURE__ */ o(W, { textStyle: "paragraph/S/regular", color: "fg.muted", children: h })
+  ] }) : /* @__PURE__ */ o(B, { gap: "md", children: n.map(gl) }), e[23] = h, e[24] = p, e[25] = n, e[26] = b) : b = e[26];
   let P;
-  e[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ i(Ye, { borderColor: "border.muted" }), e[22] = P) : P = e[22];
-  let S;
-  e[23] !== h || e[24] !== g || e[25] !== n ? (S = n.length === 0 ? /* @__PURE__ */ x(H, { borderWidth: "1px", borderColor: "border.muted", borderRadius: "md", padding: "lg", gap: "xs", children: [
-    /* @__PURE__ */ i(L, { textStyle: "label/L/medium", children: g }),
-    /* @__PURE__ */ i(L, { textStyle: "paragraph/S/regular", color: "fg.muted", children: h })
-  ] }) : /* @__PURE__ */ i(H, { gap: "md", children: n.map(el) }), e[23] = h, e[24] = g, e[25] = n, e[26] = S) : S = e[26];
-  let w;
-  return e[27] !== T || e[28] !== S ? (w = /* @__PURE__ */ x(H, { width: "full", minHeight: "100%", background: "bg", color: "fg", padding: p, gap: "lg", children: [
+  return e[27] !== D || e[28] !== b ? (P = /* @__PURE__ */ x(B, { width: "full", minHeight: "100%", background: "bg", color: "fg", padding: g, gap: "lg", children: [
+    D,
     T,
-    P,
-    S
-  ] }), e[27] = T, e[28] = S, e[29] = w) : w = e[29], w;
+    b
+  ] }), e[27] = D, e[28] = b, e[29] = P) : P = e[29], P;
 };
-function el(l, e) {
-  return /* @__PURE__ */ i(j, { borderWidth: "1px", borderColor: "border.muted", borderRadius: "md", padding: "md", children: /* @__PURE__ */ x(H, { gap: "sm", children: [
-    /* @__PURE__ */ x(H, { gap: "2xs", children: [
-      /* @__PURE__ */ i(L, { textStyle: "label/L/medium", children: Zn(l) }),
-      /* @__PURE__ */ x(L, { textStyle: "label/S/regular", color: "fg.muted", children: [
+function gl(l, e) {
+  return /* @__PURE__ */ o(V, { borderWidth: "1px", borderColor: "border.muted", borderRadius: "md", padding: "md", children: /* @__PURE__ */ x(B, { gap: "sm", children: [
+    /* @__PURE__ */ x(B, { gap: "2xs", children: [
+      /* @__PURE__ */ o(W, { textStyle: "label/L/medium", children: hl(l) }),
+      /* @__PURE__ */ x(W, { textStyle: "label/S/regular", color: "fg.muted", children: [
         "License: ",
         l.license ?? "Unknown"
       ] })
     ] }),
-    l.copyright ? /* @__PURE__ */ i(L, { textStyle: "label/S/regular", color: "fg.muted", children: l.copyright }) : null,
-    (l.homepageUrl || l.sourceUrl) && /* @__PURE__ */ x(H, { 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
+    l.copyright ? /* @__PURE__ */ o(W, { textStyle: "label/S/regular", color: "fg.muted", children: l.copyright }) : null,
+    (l.homepageUrl || l.sourceUrl) && /* @__PURE__ */ x(B, { gap: "2xs", children: [
+      l.homepageUrl ? /* @__PURE__ */ o(ut, { href: l.homepageUrl, target: "_blank", rel: "noreferrer", textStyle: "label/S/medium", width: "fit-content", children: "Homepage" }) : null,
+      l.sourceUrl ? /* @__PURE__ */ o(ut, { href: l.sourceUrl, target: "_blank", rel: "noreferrer", textStyle: "label/S/medium", width: "fit-content", children: "Source code" }) : null
     ] }),
-    l.attribution ? /* @__PURE__ */ i(j, { background: "bg.muted", borderRadius: "sm", padding: "sm", children: /* @__PURE__ */ i(L, { textStyle: "label/S/regular", whiteSpace: "pre-wrap", children: l.attribution }) }) : null
-  ] }) }, Qn(l, e));
+    l.attribution ? /* @__PURE__ */ o(V, { background: "bg.muted", borderRadius: "sm", padding: "sm", children: /* @__PURE__ */ o(W, { textStyle: "label/S/regular", whiteSpace: "pre-wrap", children: l.attribution }) }) : null
+  ] }) }, pl(l, e));
 }
-const io = (l) => {
-  const e = A(4), {
+const Mi = (l) => {
+  const e = R(4), {
     items: n
   } = l;
   let t;
-  e[0] !== n ? (t = n.map(tl), e[0] = n, e[1] = t) : t = e[1];
-  let o;
-  return e[2] !== t ? (o = /* @__PURE__ */ i(H, { gap: "sm", paddingLeft: "sm", paddingY: "xs", children: t }), e[2] = t, e[3] = o) : o = e[3], o;
+  e[0] !== n ? (t = n.map(ml), e[0] = n, e[1] = t) : t = e[1];
+  let i;
+  return e[2] !== t ? (i = /* @__PURE__ */ o(B, { gap: "sm", paddingLeft: "sm", paddingY: "xs", children: t }), e[2] = t, e[3] = i) : i = e[3], i;
 };
-function tl(l, e) {
-  return /* @__PURE__ */ x(X, { gap: "md", alignItems: "center", children: [
-    /* @__PURE__ */ i(j, { width: "140px", flexShrink: 0, children: /* @__PURE__ */ x(X, { gap: "1", alignItems: "center", children: [
-      /* @__PURE__ */ i(L, { textStyle: "label/S/medium", color: "fg.muted", children: l.label }),
-      l.description && /* @__PURE__ */ i(Le, { content: l.description, showArrow: !0, children: /* @__PURE__ */ i(ue, { as: an, boxSize: "12px", color: "fg.muted", opacity: 0.6, cursor: "help" }) })
+function ml(l, e) {
+  return /* @__PURE__ */ x(j, { gap: "xs", alignItems: "center", children: [
+    /* @__PURE__ */ o(V, { width: "110px", flexShrink: 0, children: /* @__PURE__ */ x(j, { gap: "1", alignItems: "center", children: [
+      /* @__PURE__ */ o(W, { textStyle: "label/S/medium", color: "fg.muted", children: l.label }),
+      l.description && /* @__PURE__ */ o(xe, { content: l.description, showArrow: !0, children: /* @__PURE__ */ o(ae, { as: Cn, boxSize: "12px", color: "fg.muted", opacity: 0.6, cursor: "help" }) })
     ] }) }),
-    /* @__PURE__ */ i(j, { flex: "1", children: l.value })
+    /* @__PURE__ */ o(V, { flex: "1", children: l.value })
   ] }, `${l.label}-${e}`);
 }
-const nl = (l, e) => {
+const bl = (l, e) => {
   const n = e.trim().toLowerCase();
   return n ? l.filter((t) => [t.label, t.searchText].filter(Boolean).join(" ").toLowerCase().includes(n)) : l;
-}, ll = (l) => {
-  const e = A(46), {
+}, Sl = (l, e) => !l || !e ? !1 : l !== e, xl = (l, e, n) => !l || !e ? n : {
+  items: e.items,
+  filterItems: e.filterItems ?? n.filterItems,
+  showSearch: e.showSearch ?? n.showSearch,
+  searchPlaceholder: e.searchPlaceholder ?? n.searchPlaceholder,
+  emptyState: e.emptyState ?? n.emptyState,
+  contentTestId: e.contentTestId ?? n.contentTestId,
+  closeOnSelect: !1,
+  listId: "parent"
+}, Xe = {
+  borderColor: "border.muted",
+  boxShadow: "none",
+  outline: "none"
+}, yl = (l) => {
+  const e = R(48), {
     trigger: n,
     items: t,
-    searchPlaceholder: o,
+    searchPlaceholder: i,
     emptyState: s,
-    renderItem: r,
-    filterItems: a,
+    filterItems: r,
+    listId: a,
     header: c,
     width: d,
     maxListHeight: u,
     showSearch: f,
-    closeOnSelect: g,
+    closeOnSelect: p,
     lazyMount: h,
-    open: p,
-    positioning: m,
-    onOpenChange: b,
-    onFocusOutside: y,
-    contentTestId: v,
-    portalled: k
-  } = l, _ = a === void 0 ? nl : a, D = d === void 0 ? "260px" : d, T = u === void 0 ? "18rem" : u, P = f === void 0 ? !0 : f, S = g === void 0 ? !0 : g, w = h === void 0 ? !1 : h, C = k === void 0 ? !0 : k, [I, z] = pe(!1), [$, O] = pe(""), M = et(null), N = p ?? I, W = _(t, $);
-  let B, G;
-  e[0] !== N || e[1] !== P ? (B = () => {
-    if (!N || !P)
+    open: g,
+    positioning: S,
+    onOpenChange: m,
+    onFocusOutside: v,
+    contentTestId: C,
+    portalled: k,
+    parentList: y
+  } = l, I = r === void 0 ? bl : r, D = d === void 0 ? "260px" : d, T = u === void 0 ? "18rem" : u, b = f === void 0 ? !0 : f, P = p === void 0 ? !0 : p, w = h === void 0 ? !1 : h, _ = k === void 0 ? !0 : k, L = !!y, [$, z] = ge(!1), [O, G] = ge(""), [H, X] = ge("child"), F = Be(null), A = g ?? $, E = L && H === "parent", M = xl(E, y, {
+    items: t,
+    filterItems: I,
+    showSearch: b,
+    searchPlaceholder: i,
+    emptyState: s,
+    contentTestId: C,
+    closeOnSelect: P,
+    listId: L ? "child" : a ?? ""
+  }), Z = M.filterItems(M.items, O), U = Be(M.listId);
+  Oe(() => {
+    if (!A) {
+      U.current = M.listId;
       return;
-    const me = setTimeout(() => M.current?.focus(), 0);
-    return () => clearTimeout(me);
-  }, G = [N, P], e[0] = N, e[1] = P, e[2] = B, e[3] = G) : (B = e[2], G = e[3]), ze(B, G);
-  let R;
-  e[4] !== b || e[5] !== p ? (R = (me) => {
-    p === void 0 && z(me.open), O(""), b?.(me);
-  }, e[4] = b, e[5] = p, e[6] = R) : R = e[6];
-  const E = R, V = !!(c && !P), q = ie;
-  let Y;
-  e[7] !== n ? (Y = /* @__PURE__ */ i(ie.Trigger, { asChild: !0, children: n }), e[7] = n, e[8] = Y) : Y = e[8];
-  const K = He, Z = !C, J = ie, ee = ie, te = "bg", ne = "0", U = "popover";
-  let Q;
-  e[9] !== $ || e[10] !== o || e[11] !== P ? (Q = P ? /* @__PURE__ */ i(Gt, { startElement: /* @__PURE__ */ i(cn, { size: 14 }), children: /* @__PURE__ */ i(Nt, { ref: M, borderRight: 0, borderLeft: 0, borderRadius: "0", value: $, placeholder: o, "aria-label": o, autoComplete: "off", onChange: (me) => O(me.target.value), onKeyDown: il }) }) : null, e[9] = $, e[10] = o, e[11] = P, e[12] = Q) : Q = e[12];
-  let oe;
-  e[13] !== V ? (oe = V ? /* @__PURE__ */ i(ie.Separator, { margin: "0" }) : null, e[13] = V, e[14] = oe) : oe = e[14];
-  const se = ye;
-  let re;
-  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (re = {
+    }
+    Sl(U.current, M.listId) && G(""), U.current = M.listId;
+  }, [A, M.listId]);
+  let q;
+  e[0] !== M || e[1] !== A ? (q = [A, M.showSearch], e[0] = M, e[1] = A, e[2] = q) : q = e[2], Oe(() => {
+    if (!A || !M.showSearch)
+      return;
+    const be = setTimeout(() => F.current?.focus(), 0);
+    return () => clearTimeout(be);
+  }, q);
+  let J;
+  e[3] !== L || e[4] !== m || e[5] !== g ? (J = (be) => {
+    g === void 0 && z(be.open), G(""), be.open && L && X("child"), m?.(be);
+  }, e[3] = L, e[4] = m, e[5] = g, e[6] = J) : J = e[6];
+  const ee = J;
+  let te;
+  e[7] !== E || e[8] !== y ? (te = (be) => {
+    if (!E || !y)
+      return;
+    const ct = y.items.find((Jt) => Jt.id === be.value);
+    ct && (y.onSelect?.(ct), X("child"));
+  }, e[7] = E, e[8] = y, e[9] = te) : te = e[9];
+  const ne = te;
+  let le;
+  e[10] !== y ? (le = y ? /* @__PURE__ */ o("div", { onPointerDownCapture: vl, onClickCapture: (be) => {
+    be.stopPropagation(), !y.disabled && X(Cl);
+  }, children: /* @__PURE__ */ o(De, { primaryLabel: y.selectedLabel, leftIcon: y.selectedIcon, rightIcon: y.disabled ? void 0 : Fe, isDisabled: y.disabled }) }) : null, e[10] = y, e[11] = le) : le = e[11];
+  const oe = y ? le : c, ce = !!oe && !M.showSearch, de = M.showSearch ? /* @__PURE__ */ o(ln, { startElement: /* @__PURE__ */ o(wn, { size: 14 }), children: /* @__PURE__ */ o(on, { ref: F, borderRight: 0, borderLeft: 0, borderRadius: "0", borderColor: "border.muted", value: O, placeholder: M.searchPlaceholder, "aria-label": M.searchPlaceholder, autoComplete: "off", _hover: Xe, _active: Xe, _focus: Xe, _focusVisible: Xe, onChange: (be) => G(be.target.value), onKeyDown: wl }) }) : null, ue = Y, me = L ? ne : void 0;
+  let ie;
+  e[12] !== n ? (ie = /* @__PURE__ */ o(Y.Trigger, { asChild: !0, children: n }), e[12] = n, e[13] = ie) : ie = e[13];
+  const ve = He, N = !_, Q = Y, Me = Y, Qe = "bg", Ge = "0", Ut = "0", Yt = "popover";
+  let _e;
+  e[14] !== ce ? (_e = ce ? /* @__PURE__ */ o(Y.Separator, { margin: "0" }) : null, e[14] = ce, e[15] = _e) : _e = e[15];
+  const Ze = ke;
+  let Le;
+  e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Le = {
     overscrollBehavior: "contain"
-  }, e[15] = re) : re = e[15];
-  const ce = W.length > 0 ? W.map((me) => /* @__PURE__ */ i(qt, { children: r(me) }, me.id)) : s;
-  let de;
-  e[16] !== se || e[17] !== v || e[18] !== T || e[19] !== re || e[20] !== ce ? (de = /* @__PURE__ */ i(se, { maxH: T, "data-testid": v, viewportProps: re, children: ce }), e[16] = se, e[17] = v, e[18] = T, e[19] = re, e[20] = ce, e[21] = de) : de = e[21];
-  let ae;
-  e[22] !== c || e[23] !== ee.Content || e[24] !== Q || e[25] !== oe || e[26] !== de || e[27] !== D ? (ae = /* @__PURE__ */ x(ee.Content, { w: D, bg: te, p: ne, zIndex: U, children: [
-    c,
-    Q,
+  }, e[16] = Le) : Le = e[16];
+  const Kt = "2xs", qt = "2xs", et = Z.length > 0 ? Z.map(kl) : M.emptyState;
+  let $e;
+  e[17] !== Ze || e[18] !== M || e[19] !== T || e[20] !== Le || e[21] !== et ? ($e = /* @__PURE__ */ o(Ze, { maxH: T, "data-testid": M.contentTestId, viewportProps: Le, p: Kt, gap: qt, children: et }), e[17] = Ze, e[18] = M, e[19] = T, e[20] = Le, e[21] = et, e[22] = $e) : $e = e[22];
+  let Re;
+  e[23] !== oe || e[24] !== de || e[25] !== Me.Content || e[26] !== _e || e[27] !== $e || e[28] !== D ? (Re = /* @__PURE__ */ x(Me.Content, { w: D, bg: Qe, gap: Ge, p: Ut, zIndex: Yt, children: [
     oe,
-    de
-  ] }), e[22] = c, e[23] = ee.Content, e[24] = Q, e[25] = oe, e[26] = de, e[27] = D, e[28] = ae) : ae = e[28];
-  let ge;
-  e[29] !== J.Positioner || e[30] !== ae ? (ge = /* @__PURE__ */ i(J.Positioner, { children: ae }), e[29] = J.Positioner, e[30] = ae, e[31] = ge) : ge = e[31];
-  let F;
-  e[32] !== K || e[33] !== Z || e[34] !== ge ? (F = /* @__PURE__ */ i(K, { disabled: Z, children: ge }), e[32] = K, e[33] = Z, e[34] = ge, e[35] = F) : F = e[35];
-  let le;
-  return e[36] !== S || e[37] !== E || e[38] !== w || e[39] !== y || e[40] !== p || e[41] !== m || e[42] !== q.Root || e[43] !== Y || e[44] !== F ? (le = /* @__PURE__ */ x(q.Root, { lazyMount: w, closeOnSelect: S, open: p, positioning: m, onOpenChange: E, onFocusOutside: y, children: [
-    Y,
-    F
-  ] }), e[36] = S, e[37] = E, e[38] = w, e[39] = y, e[40] = p, e[41] = m, e[42] = q.Root, e[43] = Y, e[44] = F, e[45] = le) : le = e[45], le;
+    de,
+    _e,
+    $e
+  ] }), e[23] = oe, e[24] = de, e[25] = Me.Content, e[26] = _e, e[27] = $e, e[28] = D, e[29] = Re) : Re = e[29];
+  let We;
+  e[30] !== Q.Positioner || e[31] !== Re ? (We = /* @__PURE__ */ o(Q.Positioner, { children: Re }), e[30] = Q.Positioner, e[31] = Re, e[32] = We) : We = e[32];
+  let Ee;
+  e[33] !== ve || e[34] !== N || e[35] !== We ? (Ee = /* @__PURE__ */ o(ve, { disabled: N, children: We }), e[33] = ve, e[34] = N, e[35] = We, e[36] = Ee) : Ee = e[36];
+  let Ve;
+  return e[37] !== M || e[38] !== ee || e[39] !== w || e[40] !== v || e[41] !== g || e[42] !== S || e[43] !== ue.Root || e[44] !== me || e[45] !== ie || e[46] !== Ee ? (Ve = /* @__PURE__ */ x(ue.Root, { lazyMount: w, closeOnSelect: M.closeOnSelect, open: g, positioning: S, onOpenChange: ee, onFocusOutside: v, onSelect: me, children: [
+    ie,
+    Ee
+  ] }), e[37] = M, e[38] = ee, e[39] = w, e[40] = v, e[41] = g, e[42] = S, e[43] = ue.Root, e[44] = me, e[45] = ie, e[46] = Ee, e[47] = Ve) : Ve = e[47], Ve;
 };
-function il(l) {
+function vl(l) {
   return l.stopPropagation();
 }
-const ol = (l) => l === "completed" ? dn : l === "failed" ? un : fn, rl = (l) => l === "completed" ? "fg.success" : l === "failed" ? "fg.error" : "fg.muted", sl = (l) => {
-  const e = A(11), {
+function Cl(l) {
+  return l === "child" ? "parent" : "child";
+}
+function wl(l) {
+  return l.stopPropagation();
+}
+function kl(l) {
+  return /* @__PURE__ */ o(fn, { children: /* @__PURE__ */ o(De, { id: l.id, primaryLabel: l.label, secondaryLabel: l.secondaryLabel, tooltipLabel: l.tooltipLabel, leftIcon: l.icon, variant: l.variant, isDisabled: l.isDisabled, isSelected: l.isSelected, onClick: l.onSelect }) }, l.id);
+}
+const Il = (l) => l === "completed" ? kn : l === "failed" ? In : l === "disconnected" ? Pn : Tn, Pl = (l) => l === "completed" ? "fg.success" : l === "failed" ? "fg.error" : l === "disconnected" ? "fg.warning" : "fg.muted", Tl = (l) => {
+  const e = R(11), {
     status: n,
     boxSize: t,
-    ariaLabel: o,
+    ariaLabel: i,
     cursor: s,
     onClick: r
-  } = l, a = t === void 0 ? "14px" : t, c = o === void 0 ? "Session status" : o;
+  } = l, a = t === void 0 ? "14px" : t, c = i === void 0 ? "Session status" : i;
   let d;
-  e[0] !== n ? (d = ol(n), e[0] = n, e[1] = d) : d = e[1];
+  e[0] !== n ? (d = Il(n), e[0] = n, e[1] = d) : d = e[1];
   let u;
-  e[2] !== n ? (u = rl(n), e[2] = n, e[3] = u) : u = e[3];
+  e[2] !== n ? (u = Pl(n), e[2] = n, e[3] = u) : u = e[3];
   let f;
-  return e[4] !== c || e[5] !== a || e[6] !== s || e[7] !== r || e[8] !== d || e[9] !== u ? (f = /* @__PURE__ */ i(ue, { as: d, boxSize: a, color: u, "aria-label": c, cursor: s, onClick: r }), e[4] = c, e[5] = a, e[6] = s, e[7] = r, e[8] = d, e[9] = u, e[10] = f) : f = e[10], f;
-}, al = (l) => {
-  const e = A(14), {
+  return e[4] !== c || e[5] !== a || e[6] !== s || e[7] !== r || e[8] !== d || e[9] !== u ? (f = /* @__PURE__ */ o(ae, { as: d, boxSize: a, color: u, "aria-label": c, cursor: s, onClick: r }), e[4] = c, e[5] = a, e[6] = s, e[7] = r, e[8] = d, e[9] = u, e[10] = f) : f = e[10], f;
+}, Dl = (l) => {
+  const e = R(14), {
     action: n
   } = l;
   let t;
   e[0] !== n.menuItems ? (t = n.menuItems ?? [], e[0] = n.menuItems, e[1] = t) : t = e[1];
-  let o;
-  e[2] !== t ? (o = t.map(cl), e[2] = t, e[3] = o) : o = e[3];
-  const s = o;
+  let i;
+  e[2] !== t ? (i = t.map(_l), e[2] = t, e[3] = i) : i = e[3];
+  const s = i;
   let r;
-  e[4] !== n.icon || e[5] !== n.label ? (r = /* @__PURE__ */ i(Se, { variant: "ghost", size: "2xs", "aria-label": n.label, children: n.icon }), e[4] = n.icon, e[5] = n.label, e[6] = r) : r = e[6];
+  e[4] !== n.icon || e[5] !== n.label ? (r = /* @__PURE__ */ o(he, { variant: "ghost", size: "2xs", "aria-label": n.label, children: n.icon }), e[4] = n.icon, e[5] = n.label, e[6] = r) : r = e[6];
   const a = n.searchPlaceholder ?? "Search…", c = n.emptyMenuLabel ?? "No results found";
   let d;
-  e[7] !== c ? (d = /* @__PURE__ */ i(Re, { primaryLabel: c, isDisabled: !0, variant: "compact" }), e[7] = c, e[8] = d) : d = e[8];
+  e[7] !== c ? (d = /* @__PURE__ */ o(De, { primaryLabel: c, isDisabled: !0, variant: "compact" }), e[7] = c, e[8] = d) : d = e[8];
   let u;
-  return e[9] !== s || e[10] !== r || e[11] !== a || e[12] !== d ? (u = /* @__PURE__ */ i(ll, { trigger: r, items: s, searchPlaceholder: a, emptyState: d, renderItem: dl, onFocusOutside: ul }), e[9] = s, e[10] = r, e[11] = a, e[12] = d, e[13] = u) : u = e[13], u;
+  return e[9] !== s || e[10] !== r || e[11] !== a || e[12] !== d ? (u = /* @__PURE__ */ o(yl, { trigger: r, items: s, searchPlaceholder: a, emptyState: d, onFocusOutside: Ll }), e[9] = s, e[10] = r, e[11] = a, e[12] = d, e[13] = u) : u = e[13], u;
 };
-function cl(l) {
+function _l(l) {
   return {
-    ...l,
-    searchText: [l.label, l.description].filter(Boolean).join(" ")
+    id: l.id,
+    label: l.label,
+    searchText: [l.label, l.description].filter(Boolean).join(" "),
+    tooltipLabel: l.description,
+    variant: "compact",
+    onSelect: () => l.onAction?.()
   };
 }
-function dl(l) {
-  return /* @__PURE__ */ i(Re, { id: l.id, primaryLabel: l.label, tooltipLabel: l.description, variant: "compact", onClick: () => l.onAction?.() });
-}
-function ul(l) {
+function Ll(l) {
   return l.preventDefault();
 }
-const kt = (l, e) => e.includes(l), fl = (l) => {
-  const e = A(20), {
+const mt = (l) => {
+  const e = R(23), {
+    node: n,
+    expanded: t,
+    hasChildren: i,
+    isDisabled: s
+  } = l;
+  let r;
+  e[0] !== n.icon || e[1] !== n.iconColor ? (r = n.icon ? /* @__PURE__ */ o(V, { color: n.iconColor ?? "fg.muted", flexShrink: 0, children: n.icon }) : null, e[0] = n.icon, e[1] = n.iconColor, e[2] = r) : r = e[2];
+  let a;
+  e[3] !== s || e[4] !== n.label ? (a = typeof n.label == "string" ? /* @__PURE__ */ o(W, { textStyle: "paragraph/S/regular", color: s ? "fg.muted" : "fg", truncate: !0, children: n.label }) : /* @__PURE__ */ o(V, { minW: "0", maxW: "full", overflow: "hidden", children: n.label }), e[3] = s, e[4] = n.label, e[5] = a) : a = e[5];
+  let c;
+  e[6] !== n.indicator ? (c = n.indicator ? /* @__PURE__ */ o(xe, { content: n.indicator.tooltip, disabled: !n.indicator.tooltip, openDelay: 300, children: /* @__PURE__ */ o(V, { color: n.indicator.color ?? "fg.muted", flexShrink: 0, children: n.indicator.icon }) }) : null, e[6] = n.indicator, e[7] = c) : c = e[7];
+  let d;
+  e[8] !== t || e[9] !== i ? (d = i ? /* @__PURE__ */ o(V, { color: "fg.muted", flexShrink: 0, children: /* @__PURE__ */ o(Te, { size: 14, style: {
+    transform: t ? "rotate(90deg)" : "rotate(0deg)",
+    transition: "120ms"
+  } }) }) : null, e[8] = t, e[9] = i, e[10] = d) : d = e[10];
+  let u;
+  e[11] !== a || e[12] !== c || e[13] !== d ? (u = /* @__PURE__ */ x(j, { gap: "1", minW: "0", children: [
+    a,
+    c,
+    d
+  ] }), e[11] = a, e[12] = c, e[13] = d, e[14] = u) : u = e[14];
+  let f;
+  e[15] !== n.description ? (f = n.description ? typeof n.description == "string" ? /* @__PURE__ */ o(W, { textStyle: "paragraph/XS/regular", color: "fg.muted", truncate: !0, children: n.description }) : /* @__PURE__ */ o(V, { minW: "0", maxW: "full", overflow: "hidden", children: n.description }) : null, e[15] = n.description, e[16] = f) : f = e[16];
+  let p;
+  e[17] !== u || e[18] !== f ? (p = /* @__PURE__ */ x(B, { gap: "0", minW: "0", flex: "1", children: [
+    u,
+    f
+  ] }), e[17] = u, e[18] = f, e[19] = p) : p = e[19];
+  let h;
+  return e[20] !== r || e[21] !== p ? (h = /* @__PURE__ */ x(j, { gap: "2", minW: "0", flex: "1", overflow: "hidden", children: [
+    r,
+    p
+  ] }), e[20] = r, e[21] = p, e[22] = h) : h = e[22], h;
+}, Nt = (l, e) => e.includes(l), $l = ({
+  sectionId: l,
+  node: e,
+  hasChildren: n,
+  isDisabled: t,
+  isNavigable: i,
+  onNavigate: s,
+  onToggleNode: r
+}) => {
+  if (!t) {
+    if (n) {
+      r(e.id);
+      return;
+    }
+    i && s?.({
+      sectionId: l,
+      nodeId: e.id,
+      node: e,
+      intent: e.navigationIntent
+    });
+  }
+}, Rl = (l) => {
+  const e = R(20), {
     action: n,
     sectionId: t,
-    nodeId: o
+    nodeId: i
   } = l;
   if (n.menuItems && n.menuItems.length > 0) {
     if (n.menuItems.length >= 8) {
       let f;
-      return e[0] !== n ? (f = /* @__PURE__ */ i(al, { action: n }), e[0] = n, e[1] = f) : f = e[1], f;
+      return e[0] !== n ? (f = /* @__PURE__ */ o(Dl, { action: n }), e[0] = n, e[1] = f) : f = e[1], f;
     }
     let a;
-    e[2] !== n.icon || e[3] !== n.label ? (a = /* @__PURE__ */ i(ie.Trigger, { asChild: !0, children: /* @__PURE__ */ i(Se, { variant: "ghost", size: "2xs", "aria-label": n.label, children: n.icon }) }), e[2] = n.icon, e[3] = n.label, e[4] = a) : a = e[4];
+    e[2] !== n.icon || e[3] !== n.label ? (a = /* @__PURE__ */ o(Y.Trigger, { asChild: !0, children: /* @__PURE__ */ o(he, { variant: "ghost", size: "2xs", "aria-label": n.label, children: n.icon }) }), e[2] = n.icon, e[3] = n.label, e[4] = a) : a = e[4];
     let c;
-    e[5] !== n.menuItems ? (c = n.menuItems.map(hl), e[5] = n.menuItems, e[6] = c) : c = e[6];
+    e[5] !== n.menuItems ? (c = n.menuItems.map(zl), e[5] = n.menuItems, e[6] = c) : c = e[6];
     let d;
-    e[7] !== c ? (d = /* @__PURE__ */ i(ie.Positioner, { children: /* @__PURE__ */ i(ie.Content, { minW: "160px", bg: "bg", children: c }) }), e[7] = c, e[8] = d) : d = e[8];
+    e[7] !== c ? (d = /* @__PURE__ */ o(Y.Positioner, { children: /* @__PURE__ */ o(Y.Content, { minW: "160px", bg: "bg", children: c }) }), e[7] = c, e[8] = d) : d = e[8];
     let u;
-    return e[9] !== a || e[10] !== d ? (u = /* @__PURE__ */ x(ie.Root, { children: [
+    return e[9] !== a || e[10] !== d ? (u = /* @__PURE__ */ x(Y.Root, { children: [
       a,
       d
     ] }), e[9] = a, e[10] = d, e[11] = u) : u = e[11], u;
   }
   let s;
-  e[12] !== n || e[13] !== o || e[14] !== t ? (s = (a) => {
+  e[12] !== n || e[13] !== i || e[14] !== t ? (s = (a) => {
     a.stopPropagation(), n.onAction?.({
       sectionId: t,
-      nodeId: o
+      nodeId: i
     });
-  }, e[12] = n, e[13] = o, e[14] = t, e[15] = s) : s = e[15];
+  }, e[12] = n, e[13] = i, e[14] = t, e[15] = s) : s = e[15];
   let r;
-  return e[16] !== n.icon || e[17] !== n.label || e[18] !== s ? (r = /* @__PURE__ */ i(Se, { variant: "ghost", size: "2xs", "aria-label": n.label, onClick: s, children: n.icon }), e[16] = n.icon, e[17] = n.label, e[18] = s, e[19] = r) : r = e[19], r;
-}, Je = (l) => {
-  const e = A(11), {
+  return e[16] !== n.icon || e[17] !== n.label || e[18] !== s ? (r = /* @__PURE__ */ o(he, { variant: "ghost", size: "2xs", "aria-label": n.label, onClick: s, children: n.icon }), e[16] = n.icon, e[17] = n.label, e[18] = s, e[19] = r) : r = e[19], r;
+}, st = (l) => {
+  const e = R(11), {
     sectionId: n,
     nodeId: t,
-    actions: o
+    actions: i
   } = l;
-  if (o.length === 0)
+  if (i.length === 0)
     return null;
   let s, r;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
@@ -1321,18 +1295,18 @@ const kt = (l, e) => e.includes(l), fl = (l) => {
     pointerEvents: "auto"
   }, e[0] = s, e[1] = r) : (s = e[0], r = e[1]);
   let a;
-  if (e[2] !== o || e[3] !== t || e[4] !== n) {
+  if (e[2] !== i || e[3] !== t || e[4] !== n) {
     let d;
-    e[6] !== t || e[7] !== n ? (d = (u) => /* @__PURE__ */ i(fl, { action: u, sectionId: n, nodeId: t }, u.id), e[6] = t, e[7] = n, e[8] = d) : d = e[8], a = o.map(d), e[2] = o, e[3] = t, e[4] = n, e[5] = a;
+    e[6] !== t || e[7] !== n ? (d = (u) => /* @__PURE__ */ o(Rl, { action: u, sectionId: n, nodeId: t }, u.id), e[6] = t, e[7] = n, e[8] = d) : d = e[8], a = i.map(d), e[2] = i, e[3] = t, e[4] = n, e[5] = a;
   } else
     a = e[5];
   let c;
-  return e[9] !== a ? (c = /* @__PURE__ */ i(X, { gap: "0", opacity: "0", pointerEvents: "none", _groupHover: s, _groupFocusWithin: r, transition: "opacity 120ms ease", onClick: pl, children: a }), e[9] = a, e[10] = c) : c = e[10], c;
-}, Pt = (l) => {
-  const e = A(63), {
+  return e[9] !== a ? (c = /* @__PURE__ */ o(j, { gap: "0", opacity: "0", pointerEvents: "none", _groupHover: s, _groupFocusWithin: r, transition: "opacity 120ms ease", onClick: Al, children: a }), e[9] = a, e[10] = c) : c = e[10], c;
+}, Bt = (l) => {
+  const e = R(46), {
     sectionId: n,
     node: t,
-    level: o,
+    level: i,
     expandedNodes: s,
     activeNodeId: r,
     linkComponent: a,
@@ -1340,94 +1314,100 @@ const kt = (l, e) => e.includes(l), fl = (l) => {
     onToggleNode: d
   } = l, u = (t.children?.length ?? 0) > 0;
   let f;
-  e[0] !== s || e[1] !== u || e[2] !== t.id ? (f = u && kt(t.id, s), e[0] = s, e[1] = u, e[2] = t.id, e[3] = f) : f = e[3];
-  const g = f, h = t.isNavigable || t.navigationIntent !== void 0, p = r === t.id, m = t.disabled === !0, b = o > 0 ? `calc(var(--chakra-spacing-1) + ${o} * var(--chakra-spacing-3))` : void 0, y = !!(a && t.href && h && !u && !m);
-  let v;
-  e[4] !== u || e[5] !== m || e[6] !== h || e[7] !== t || e[8] !== c || e[9] !== d || e[10] !== n ? (v = () => {
-    if (!m) {
-      if (u) {
-        d(t.id);
-        return;
-      }
-      h && c?.({
-        sectionId: n,
-        nodeId: t.id,
-        node: t,
-        intent: t.navigationIntent
-      });
-    }
-  }, e[4] = u, e[5] = m, e[6] = h, e[7] = t, e[8] = c, e[9] = d, e[10] = n, e[11] = v) : v = e[11];
-  const k = v;
-  let _;
-  e[12] !== t.icon ? (_ = t.icon ? /* @__PURE__ */ i(j, { color: "fg.muted", flexShrink: 0, children: t.icon }) : null, e[12] = t.icon, e[13] = _) : _ = e[13];
-  const D = m ? "fg.muted" : "fg";
+  e[0] !== s || e[1] !== u || e[2] !== t.id ? (f = u && Nt(t.id, s), e[0] = s, e[1] = u, e[2] = t.id, e[3] = f) : f = e[3];
+  const p = f, h = t.isNavigable || t.navigationIntent !== void 0;
+  let g;
+  e[4] !== r || e[5] !== t.id ? (g = Array.isArray(r) ? r.includes(t.id) : r === t.id, e[4] = r, e[5] = t.id, e[6] = g) : g = e[6];
+  const S = g, m = t.disabled === !0, v = i > 0 ? `calc(var(--chakra-spacing-1) + ${i} * var(--chakra-spacing-3))` : void 0, C = !!(a && t.href && h && !u && !m);
+  let k;
+  e[7] !== u || e[8] !== m || e[9] !== h || e[10] !== t || e[11] !== c || e[12] !== d || e[13] !== n ? (k = () => $l({
+    sectionId: n,
+    node: t,
+    hasChildren: u,
+    isDisabled: m,
+    isNavigable: h,
+    onNavigate: c,
+    onToggleNode: d
+  }), e[7] = u, e[8] = m, e[9] = h, e[10] = t, e[11] = c, e[12] = d, e[13] = n, e[14] = k) : k = e[14];
+  const y = k, I = S ? "bg.active" : "transparent", D = S ? "bg.active" : "bg.hover";
   let T;
-  e[14] !== t.label || e[15] !== D ? (T = /* @__PURE__ */ i(L, { textStyle: "paragraph/S/regular", color: D, truncate: !0, children: t.label }), e[14] = t.label, e[15] = D, e[16] = T) : T = e[16];
+  e[15] !== D ? (T = {
+    bg: D
+  }, e[15] = D, e[16] = T) : T = e[16];
+  const b = m ? "default" : "pointer";
   let P;
-  e[17] !== g || e[18] !== u ? (P = u ? /* @__PURE__ */ i(j, { color: "fg.muted", flexShrink: 0, children: /* @__PURE__ */ i(Ce, { size: 14, style: {
-    transform: g ? "rotate(90deg)" : "rotate(0deg)",
-    transition: "120ms"
-  } }) }) : null, e[17] = g, e[18] = u, e[19] = P) : P = e[19];
-  let S;
-  e[20] !== T || e[21] !== P ? (S = /* @__PURE__ */ x(X, { gap: "1", minW: "0", children: [
-    T,
-    P
-  ] }), e[20] = T, e[21] = P, e[22] = S) : S = e[22];
-  let w;
-  e[23] !== t.description ? (w = t.description ? /* @__PURE__ */ i(L, { textStyle: "paragraph/XS/regular", color: "fg.muted", truncate: !0, children: t.description }) : null, e[23] = t.description, e[24] = w) : w = e[24];
-  let C;
-  e[25] !== S || e[26] !== w ? (C = /* @__PURE__ */ x(H, { gap: "0", minW: "0", flex: "1", children: [
-    S,
-    w
-  ] }), e[25] = S, e[26] = w, e[27] = C) : C = e[27];
-  let I;
-  e[28] !== _ || e[29] !== C ? (I = /* @__PURE__ */ x(X, { gap: "2", minW: "0", flex: "1", overflow: "hidden", children: [
-    _,
-    C
-  ] }), e[28] = _, e[29] = C, e[30] = I) : I = e[30];
-  const z = I, $ = p ? "bg.muted" : "transparent", O = p ? "bg.muted" : "bg.subtle";
-  let M;
-  e[31] !== O ? (M = {
-    bg: O
-  }, e[31] = O, e[32] = M) : M = e[32];
-  const N = m ? "default" : "pointer";
-  let W;
-  e[33] !== p || e[34] !== b || e[35] !== $ || e[36] !== M || e[37] !== N ? (W = {
+  e[17] !== S || e[18] !== v || e[19] !== I || e[20] !== T || e[21] !== b ? (P = {
     className: "group",
     role: "option",
-    "aria-selected": p,
+    "aria-selected": S,
     justify: "space-between",
     align: "center",
+    w: "full",
+    minW: "0",
+    maxW: "full",
     borderRadius: "xs",
     px: "1",
     py: "2xs",
-    pl: b,
-    bg: $,
-    _hover: M,
-    cursor: N,
+    pl: v,
+    bg: I,
+    _hover: T,
+    cursor: b,
     overflow: "hidden"
-  }, e[33] = p, e[34] = b, e[35] = $, e[36] = M, e[37] = N, e[38] = W) : W = e[38];
-  const B = W, G = t.children ? "0" : "2xs";
-  let R;
-  e[39] !== a || e[40] !== y || e[41] !== k || e[42] !== t.actions || e[43] !== t.href || e[44] !== t.id || e[45] !== z || e[46] !== B || e[47] !== n ? (R = y && a && t.href ? /* @__PURE__ */ i(a, { to: t.href, children: /* @__PURE__ */ x(X, { ...B, onClick: k, children: [
-    z,
-    /* @__PURE__ */ i(Je, { sectionId: n, nodeId: t.id, actions: t.actions ?? [] })
-  ] }) }) : /* @__PURE__ */ x(X, { ...B, onClick: k, children: [
-    z,
-    /* @__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] = z, e[46] = B, e[47] = n, e[48] = R) : R = e[48];
-  let E;
-  e[49] !== a || e[50] !== r || e[51] !== g || e[52] !== s || e[53] !== o || e[54] !== t.children || e[55] !== c || e[56] !== d || e[57] !== n ? (E = g ? t.children?.map((q) => /* @__PURE__ */ i(Pt, { sectionId: n, node: q, level: o + 1, expandedNodes: s, activeNodeId: r, linkComponent: a, onNavigate: c, onToggleNode: d }, q.id)) : null, e[49] = a, e[50] = r, e[51] = g, e[52] = s, e[53] = o, e[54] = t.children, e[55] = c, e[56] = d, e[57] = n, e[58] = E) : E = e[58];
-  let V;
-  return e[59] !== G || e[60] !== R || e[61] !== E ? (V = /* @__PURE__ */ x(H, { gap: G, children: [
-    R,
-    E
-  ] }), e[59] = G, e[60] = R, e[61] = E, e[62] = V) : V = e[62], V;
-}, gl = (l) => {
-  const e = A(19), {
+  }, e[17] = S, e[18] = v, e[19] = I, e[20] = T, e[21] = b, e[22] = P) : P = e[22];
+  const w = P;
+  let _;
+  e[23] !== a || e[24] !== C || e[25] !== p || e[26] !== y || e[27] !== u || e[28] !== m || e[29] !== t || e[30] !== w || e[31] !== n ? (_ = C && a && t.href ? /* @__PURE__ */ o(a, { to: t.href, children: /* @__PURE__ */ x(j, { ...w, onClick: y, children: [
+    /* @__PURE__ */ o(mt, { node: t, expanded: p, hasChildren: u, isDisabled: m }),
+    /* @__PURE__ */ o(st, { sectionId: n, nodeId: t.id, actions: t.actions ?? [] })
+  ] }) }) : /* @__PURE__ */ x(j, { ...w, onClick: y, children: [
+    /* @__PURE__ */ o(mt, { node: t, expanded: p, hasChildren: u, isDisabled: m }),
+    /* @__PURE__ */ o(st, { sectionId: n, nodeId: t.id, actions: t.actions ?? [] })
+  ] }), e[23] = a, e[24] = C, e[25] = p, e[26] = y, e[27] = u, e[28] = m, e[29] = t, e[30] = w, e[31] = n, e[32] = _) : _ = e[32];
+  let L;
+  e[33] !== a || e[34] !== r || e[35] !== p || e[36] !== s || e[37] !== i || e[38] !== t.children || e[39] !== c || e[40] !== d || e[41] !== n ? (L = p ? t.children?.map((z) => /* @__PURE__ */ o(Bt, { sectionId: n, node: z, level: i + 1, expandedNodes: s, activeNodeId: r, linkComponent: a, onNavigate: c, onToggleNode: d }, z.id)) : null, e[33] = a, e[34] = r, e[35] = p, e[36] = s, e[37] = i, e[38] = t.children, e[39] = c, e[40] = d, e[41] = n, e[42] = L) : L = e[42];
+  let $;
+  return e[43] !== _ || e[44] !== L ? ($ = /* @__PURE__ */ x(B, { gap: "1px", w: "full", minW: "0", maxW: "full", children: [
+    _,
+    L
+  ] }), e[43] = _, e[44] = L, e[45] = $) : $ = e[45], $;
+}, Wl = (l) => {
+  const e = R(21), {
+    section: n,
+    collapsible: t,
+    expanded: i,
+    onToggle: s
+  } = l, r = t ? "pointer" : "default";
+  let a;
+  e[0] !== t ? (a = t ? {
+    bg: "bg.hover"
+  } : void 0, e[0] = t, e[1] = a) : a = e[1];
+  const c = t ? s : void 0;
+  let d;
+  e[2] !== n.label ? (d = /* @__PURE__ */ o(W, { textStyle: "label/XS", textTransform: "uppercase", color: "fg.muted", letterSpacing: "0.08em", truncate: !0, children: n.label }), e[2] = n.label, e[3] = d) : d = e[3];
+  let u;
+  e[4] !== t || e[5] !== i ? (u = t ? /* @__PURE__ */ o(V, { color: "fg.muted", flexShrink: 0, children: /* @__PURE__ */ o(Te, { size: 14, style: {
+    transform: i ? "rotate(90deg)" : "rotate(0deg)",
+    transition: "120ms"
+  } }) }) : null, e[4] = t, e[5] = i, e[6] = u) : u = e[6];
+  let f;
+  e[7] !== d || e[8] !== u ? (f = /* @__PURE__ */ x(j, { gap: "1", flex: "1", minW: "0", children: [
+    d,
+    u
+  ] }), e[7] = d, e[8] = u, e[9] = f) : f = e[9];
+  let p;
+  e[10] !== n.actions ? (p = n.actions ?? [], e[10] = n.actions, e[11] = p) : p = e[11];
+  let h;
+  e[12] !== n.id || e[13] !== p ? (h = /* @__PURE__ */ o(st, { sectionId: n.id, actions: p }), e[12] = n.id, e[13] = p, e[14] = h) : h = e[14];
+  let g;
+  return e[15] !== r || e[16] !== a || e[17] !== c || e[18] !== f || e[19] !== h ? (g = /* @__PURE__ */ x(j, { className: "group", justify: "space-between", align: "center", w: "full", minW: "0", maxW: "full", px: "1", py: "2xs", minH: "7", cursor: r, borderRadius: "xs", _hover: a, onClick: c, children: [
+    f,
+    h
+  ] }), e[15] = r, e[16] = a, e[17] = c, e[18] = f, e[19] = h, e[20] = g) : g = e[20], g;
+}, El = (l) => {
+  const e = R(19), {
     sections: n,
     expandedSections: t,
-    expandedNodes: o,
+    expandedNodes: i,
     activeNodeId: s,
     linkComponent: r,
     onNavigate: a,
@@ -1435,254 +1415,301 @@ const kt = (l, e) => e.includes(l), fl = (l) => {
     onToggleNode: d
   } = l;
   let u;
-  if (e[0] !== s || e[1] !== o || e[2] !== t || e[3] !== r || e[4] !== a || e[5] !== d || e[6] !== c || e[7] !== n) {
-    let g;
-    e[9] !== s || e[10] !== o || e[11] !== t || e[12] !== r || e[13] !== a || e[14] !== d || e[15] !== c ? (g = (h) => {
-      const p = h.label ? kt(h.id, t) : !0;
-      return /* @__PURE__ */ x(H, { gap: "0", "data-testid": `sidebar-section-${h.id}`, children: [
-        h.label ? /* @__PURE__ */ x(X, { className: "group", justify: "space-between", align: "center", px: "1", py: "2xs", minH: "7", cursor: "pointer", borderRadius: "xs", _hover: {
-          bg: "bg.subtle"
-        }, onClick: () => c(h.id), children: [
-          /* @__PURE__ */ x(X, { gap: "1", flex: "1", minW: "0", children: [
-            /* @__PURE__ */ i(L, { textStyle: "label/XS", textTransform: "uppercase", color: "fg.muted", letterSpacing: "0.08em", truncate: !0, children: h.label }),
-            /* @__PURE__ */ i(j, { color: "fg.muted", flexShrink: 0, children: /* @__PURE__ */ i(Ce, { size: 14, style: {
-              transform: p ? "rotate(90deg)" : "rotate(0deg)",
-              transition: "120ms"
-            } }) })
-          ] }),
-          /* @__PURE__ */ i(Je, { sectionId: h.id, actions: h.actions ?? [] })
-        ] }) : null,
-        p ? h.nodes.length > 0 ? h.nodes.map((m) => /* @__PURE__ */ i(Pt, { sectionId: h.id, node: m, level: 0, expandedNodes: o, activeNodeId: s, linkComponent: r, onNavigate: a, onToggleNode: d }, m.id)) : h.emptyState ?? null : null
+  if (e[0] !== s || e[1] !== i || e[2] !== t || e[3] !== r || e[4] !== a || e[5] !== d || e[6] !== c || e[7] !== n) {
+    let p;
+    e[9] !== s || e[10] !== i || e[11] !== t || e[12] !== r || e[13] !== a || e[14] !== d || e[15] !== c ? (p = (h) => {
+      const g = h.collapsible !== !1 && h.label !== void 0, S = g ? Nt(h.id, t) : !0;
+      return /* @__PURE__ */ x(B, { gap: "0", w: "full", minW: "0", maxW: "full", "data-testid": `sidebar-section-${h.id}`, children: [
+        h.label ? /* @__PURE__ */ o(Wl, { section: h, collapsible: g, expanded: S, onToggle: () => c(h.id) }) : null,
+        S ? h.nodes.length > 0 ? /* @__PURE__ */ o(B, { gap: "1px", w: "full", minW: "0", maxW: "full", children: h.nodes.map((m) => /* @__PURE__ */ o(Bt, { sectionId: h.id, node: m, level: 0, expandedNodes: i, activeNodeId: s, linkComponent: r, onNavigate: a, onToggleNode: d }, m.id)) }) : h.emptyState ?? null : null
       ] }, h.id);
-    }, e[9] = s, e[10] = o, e[11] = t, e[12] = r, e[13] = a, e[14] = d, e[15] = c, e[16] = g) : g = e[16], u = n.map(g), e[0] = s, e[1] = o, e[2] = t, e[3] = r, e[4] = a, e[5] = d, e[6] = c, e[7] = n, e[8] = u;
+    }, e[9] = s, e[10] = i, e[11] = t, e[12] = r, e[13] = a, e[14] = d, e[15] = c, e[16] = p) : p = e[16], u = n.map(p), e[0] = s, e[1] = i, e[2] = t, e[3] = r, e[4] = a, e[5] = d, e[6] = c, e[7] = n, e[8] = u;
   } else
     u = e[8];
   let f;
-  return e[17] !== u ? (f = /* @__PURE__ */ i(H, { role: "listbox", gap: "md", p: "md", children: u }), e[17] = u, e[18] = f) : f = e[18], f;
+  return e[17] !== u ? (f = /* @__PURE__ */ o(B, { role: "listbox", gap: "md", w: "full", minW: "0", maxW: "full", overflowX: "hidden", children: u }), e[17] = u, e[18] = f) : f = e[18], f;
 };
-function hl(l) {
-  return /* @__PURE__ */ i(Le, { content: l.description, disabled: !l.description, openDelay: 300, children: /* @__PURE__ */ x(ie.Item, { value: l.id, onClick: () => l.onAction?.(), children: [
-    l.icon ? /* @__PURE__ */ i(j, { mr: "2", children: l.icon }) : null,
+function zl(l) {
+  return /* @__PURE__ */ o(xe, { content: l.description, disabled: !l.description, openDelay: 300, children: /* @__PURE__ */ x(Y.Item, { value: l.id, onClick: () => l.onAction?.(), children: [
+    l.icon ? /* @__PURE__ */ o(V, { mr: "2", children: l.icon }) : null,
     l.label
   ] }) }, l.id);
 }
-function pl(l) {
+function Al(l) {
   return l.stopPropagation();
 }
-const st = {
+const bt = {
   open: !0,
   expandedSections: [],
   expandedNodes: []
-}, ml = "pstdio/ui/sidebar-next", bl = (l) => `${ml}/${l}`, xl = () => ({
+}, Ol = "pstdio/ui/sidebar", Ml = (l) => `${Ol}/${l}`, Gl = () => ({
   getItem: () => null,
   setItem: () => {
   },
   removeItem: () => {
   }
-}), at = (l, e) => l.includes(e) ? l.filter((n) => n !== e) : [...l, e], ct = (l, e, n) => n ? l.includes(e) ? l : [...l, e] : l.filter((t) => t !== e), Sl = (l) => ({
+}), St = (l, e) => l.includes(e) ? l.filter((n) => n !== e) : [...l, e], xt = (l, e, n) => n ? l.includes(e) ? l : [...l, e] : l.filter((t) => t !== e), Nl = (l) => ({
   open: l.open,
   expandedSections: l.expandedSections,
   expandedNodes: l.expandedNodes
-}), yl = (l) => {
+}), Bl = (l) => {
   const {
     storageKey: e,
     initialState: n
   } = l, t = {
-    ...st,
+    ...bt,
     ...n
   };
-  return vt()(St((o) => ({
+  return zt()(Wt((i) => ({
     ...t,
-    openSidebar: () => o((s) => ({
+    openSidebar: () => i((s) => ({
       ...s,
       open: !0
     })),
-    closeSidebar: () => o((s) => ({
+    closeSidebar: () => i((s) => ({
       ...s,
       open: !1
     })),
-    toggleSidebar: () => o((s) => ({
+    toggleSidebar: () => i((s) => ({
       ...s,
       open: !s.open
     })),
-    toggleSection: (s) => o((r) => ({
+    toggleSection: (s) => i((r) => ({
       ...r,
-      expandedSections: at(r.expandedSections, s)
+      expandedSections: St(r.expandedSections, s)
     })),
-    toggleNode: (s) => o((r) => ({
+    toggleNode: (s) => i((r) => ({
       ...r,
-      expandedNodes: at(r.expandedNodes, s)
+      expandedNodes: St(r.expandedNodes, s)
     })),
-    setSectionExpanded: (s, r) => o((a) => ({
+    setSectionExpanded: (s, r) => i((a) => ({
       ...a,
-      expandedSections: ct(a.expandedSections, s, r)
+      expandedSections: xt(a.expandedSections, s, r)
     })),
-    setNodeExpanded: (s, r) => o((a) => ({
+    setNodeExpanded: (s, r) => i((a) => ({
       ...a,
-      expandedNodes: ct(a.expandedNodes, s, r)
+      expandedNodes: xt(a.expandedNodes, s, r)
     })),
-    reset: () => o(st)
+    reset: () => i(bt)
   }), {
-    name: bl(e),
-    storage: yt(() => typeof globalThis.localStorage > "u" ? xl() : globalThis.localStorage),
-    partialize: Sl
+    name: Ml(e),
+    storage: Et(() => typeof globalThis.localStorage > "u" ? Gl() : globalThis.localStorage),
+    partialize: Nl
   }));
-}, dt = /* @__PURE__ */ new Map(), vl = (l) => {
-  const e = dt.get(l);
-  if (e)
-    return e;
-  const n = yl({
-    storageKey: l
+}, yt = /* @__PURE__ */ new Map(), Hl = (l, e) => {
+  const n = yt.get(l);
+  if (n)
+    return n;
+  const t = Bl({
+    storageKey: l,
+    initialState: e
   });
-  return dt.set(l, n), n;
-}, $e = (l, e) => {
-  const n = A(2);
-  let t;
-  return n[0] !== l ? (t = vl(l), n[0] = l, n[1] = t) : t = n[1], xt(t, e);
-}, Cl = (l) => {
-  const e = A(2), {
+  return yt.set(l, t), t;
+}, Ae = (l, e, n) => {
+  const t = R(3);
+  let i;
+  return t[0] !== n || t[1] !== l ? (i = Hl(l, n), t[0] = n, t[1] = l, t[2] = i) : i = t[2], Rt(i, e);
+}, Fl = (l) => {
+  const e = R(2), {
     children: n
   } = l;
   if (!n)
     return null;
   let t;
-  return e[0] !== n ? (t = /* @__PURE__ */ i(j, { px: "2", py: "2", bg: "bg", position: "sticky", bottom: "0", overflow: "hidden", children: n }), e[0] = n, e[1] = t) : t = e[1], t;
-}, wl = (l) => {
-  const e = A(7), {
+  return e[0] !== n ? (t = /* @__PURE__ */ o(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;
+}, Vl = (l) => {
+  const e = R(7), {
     children: n,
     onClose: t
   } = l;
-  let o;
-  e[0] !== n ? (o = /* @__PURE__ */ i(X, { minW: "0", flex: "1", children: n }), e[0] = n, e[1] = o) : o = e[1];
+  let i;
+  e[0] !== n ? (i = /* @__PURE__ */ o(j, { minW: "0", flex: "1", children: n }), e[0] = n, e[1] = i) : i = e[1];
   let s;
-  e[2] !== t ? (s = t ? /* @__PURE__ */ i(Se, { variant: "ghost", size: "sm", "aria-label": "Hide sidebar", onClick: t, children: /* @__PURE__ */ i(gn, { size: 16 }) }) : null, e[2] = t, e[3] = s) : s = e[3];
+  e[2] !== t ? (s = t ? /* @__PURE__ */ o(he, { variant: "ghost", size: "sm", "aria-label": "Hide sidebar", onClick: t, children: /* @__PURE__ */ o(Dn, { size: 16 }) }) : null, e[2] = t, e[3] = s) : s = e[3];
   let r;
-  return e[4] !== o || e[5] !== s ? (r = /* @__PURE__ */ x(X, { justify: "space-between", align: "center", px: "4", py: "3", bg: "bg", position: "sticky", top: "0", zIndex: "1", children: [
-    o,
+  return e[4] !== i || e[5] !== s ? (r = /* @__PURE__ */ x(j, { "data-testid": "sidebar-header", justify: "space-between", align: "center", minH: Gt, p: "2xs", bg: "bg", position: "sticky", top: "0", zIndex: "1", children: [
+    i,
     s
-  ] }), e[4] = o, e[5] = s, e[6] = r) : r = e[6], r;
-}, oo = (l) => {
-  const e = A(24), {
+  ] }), e[4] = i, e[5] = s, e[6] = r) : r = e[6], r;
+}, Gi = (l) => {
+  const e = R(28), {
     storageKey: n,
     sections: t,
-    activeNodeId: o,
+    activeNodeId: i,
     header: s,
     footer: r,
     width: a,
     closable: c,
     emptyLabel: d,
-    linkComponent: u,
-    onNavigate: f,
-    onOpenChange: g
-  } = l, h = a === void 0 ? "240px" : a, p = c === void 0 ? !0 : c, m = d === void 0 ? "No items available." : d, b = $e(n, Il), y = $e(n, kl), v = $e(n, Pl), k = $e(n, Tl), _ = $e(n, Dl), D = $e(n, _l);
-  let T, P;
-  if (e[0] !== g || e[1] !== b ? (T = () => {
-    g?.(b);
-  }, P = [g, b], e[0] = g, e[1] = b, e[2] = T, e[3] = P) : (T = e[2], P = e[3]), ze(T, P), !b && p)
+    defaultExpandedSections: u,
+    linkComponent: f,
+    onNavigate: p,
+    onOpenChange: h
+  } = l, g = a === void 0 ? "240px" : a, S = c === void 0 ? !0 : c, m = d === void 0 ? "No items available." : d;
+  let v;
+  e[0] !== u ? (v = u ? {
+    expandedSections: u
+  } : void 0, e[0] = u, e[1] = v) : v = e[1];
+  const C = v, k = Ae(n, jl, C), y = Ae(n, Xl, C), I = Ae(n, Ul, C), D = Ae(n, Yl, C), T = Ae(n, Kl, C), b = Ae(n, ql, C);
+  let P, w;
+  if (e[2] !== h || e[3] !== k ? (P = () => {
+    h?.(k);
+  }, w = [h, k], e[2] = h, e[3] = k, e[4] = P, e[5] = w) : (P = e[4], w = e[5]), Oe(P, w), !k && S)
     return null;
-  const S = p ? k : void 0;
-  let w;
-  e[4] !== s || e[5] !== S ? (w = /* @__PURE__ */ i(wl, { onClose: S, children: s }), e[4] = s, e[5] = S, e[6] = w) : w = e[6];
-  let C;
-  e[7] !== o || e[8] !== m || e[9] !== v || e[10] !== y || e[11] !== u || e[12] !== f || e[13] !== t || e[14] !== D || e[15] !== _ ? (C = /* @__PURE__ */ i(ye, { flex: "1", children: t.length === 0 ? /* @__PURE__ */ i(L, { textStyle: "paragraph/S/regular", color: "fg.muted", p: "3", children: m }) : /* @__PURE__ */ i(gl, { sections: t, expandedSections: y, expandedNodes: v, activeNodeId: o, linkComponent: u, onNavigate: f, onToggleSection: _, onToggleNode: D }) }), e[7] = o, e[8] = m, e[9] = v, e[10] = y, e[11] = u, e[12] = f, e[13] = t, e[14] = D, e[15] = _, e[16] = C) : C = e[16];
-  let I;
-  e[17] !== r ? (I = /* @__PURE__ */ i(Cl, { children: r }), e[17] = r, e[18] = I) : I = e[18];
-  let z;
-  return e[19] !== w || e[20] !== C || e[21] !== I || e[22] !== h ? (z = /* @__PURE__ */ x(Ie, { as: "aside", "data-testid": "sidebar", direction: "column", h: "100%", w: h, minW: h, maxW: h, borderRightWidth: "1px", borderRightColor: "border.muted", bg: "bg", children: [
-    w,
-    C,
-    I
-  ] }), e[19] = w, e[20] = C, e[21] = I, e[22] = h, e[23] = z) : z = e[23], z;
+  const _ = S ? D : void 0;
+  let L;
+  e[6] !== s || e[7] !== _ ? (L = /* @__PURE__ */ o(Vl, { onClose: _, children: s }), e[6] = s, e[7] = _, e[8] = L) : L = e[8];
+  let $, z;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = {
+    display: "block",
+    style: {
+      overflowX: "hidden"
+    }
+  }, z = {
+    style: {
+      minWidth: "100%",
+      width: "100%"
+    }
+  }, e[9] = $, e[10] = z) : ($ = e[9], z = e[10]);
+  let O;
+  e[11] !== i || e[12] !== m || e[13] !== I || e[14] !== y || e[15] !== f || e[16] !== p || e[17] !== t || e[18] !== b || e[19] !== T ? (O = /* @__PURE__ */ o(ke, { flex: "1", px: "xs", mt: "lg", viewportProps: $, contentProps: z, children: /* @__PURE__ */ o(V, { w: "full", minW: "0", children: t.length === 0 ? /* @__PURE__ */ o(W, { textStyle: "paragraph/S/regular", color: "fg.muted", p: "3", children: m }) : /* @__PURE__ */ o(El, { sections: t, expandedSections: y, expandedNodes: I, activeNodeId: i, linkComponent: f, onNavigate: p, onToggleSection: T, onToggleNode: b }) }) }), e[11] = i, e[12] = m, e[13] = I, e[14] = y, e[15] = f, e[16] = p, e[17] = t, e[18] = b, e[19] = T, e[20] = O) : O = e[20];
+  let G;
+  e[21] !== r ? (G = /* @__PURE__ */ o(Fl, { children: r }), e[21] = r, e[22] = G) : G = e[22];
+  let H;
+  return e[23] !== O || e[24] !== G || e[25] !== L || e[26] !== g ? (H = /* @__PURE__ */ x(fe, { as: "aside", "data-testid": "sidebar", direction: "column", h: "100%", w: g, minW: g, maxW: g, borderRightWidth: "1px", borderRightColor: "border.muted", bg: "bg", children: [
+    L,
+    O,
+    G
+  ] }), e[23] = O, e[24] = G, e[25] = L, e[26] = g, e[27] = H) : H = e[27], H;
 };
-function Il(l) {
+function jl(l) {
   return l.open;
 }
-function kl(l) {
+function Xl(l) {
   return l.expandedSections;
 }
-function Pl(l) {
+function Ul(l) {
   return l.expandedNodes;
 }
-function Tl(l) {
+function Yl(l) {
   return l.closeSidebar;
 }
-function Dl(l) {
+function Kl(l) {
   return l.toggleSection;
 }
-function _l(l) {
+function ql(l) {
   return l.toggleNode;
 }
-const ro = Ze.forwardRef(function(e, n) {
-  const t = A(32);
-  let o, s, r, a, c, d, u;
+const Ni = (l) => {
+  const e = R(19), {
+    name: n,
+    projectsLabel: t,
+    themeModeLabel: i,
+    isDarkMode: s,
+    onSelectProjects: r,
+    onToggleThemePreference: a
+  } = l;
+  let c;
+  e[0] !== n ? (c = /* @__PURE__ */ x(j, { gap: "2", minW: "0", flex: "1", children: [
+    /* @__PURE__ */ o(ft.Root, { size: "2xs", children: /* @__PURE__ */ o(ft.Fallback, { name: n }) }),
+    /* @__PURE__ */ o(W, { textStyle: "label/S/medium", truncate: !0, children: n })
+  ] }), e[0] = n, e[1] = c) : c = e[1];
+  let d;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ o(Fe, { size: 14 }), e[2] = d) : d = e[2];
+  let u;
+  e[3] !== c ? (u = /* @__PURE__ */ o(Y.Trigger, { asChild: !0, children: /* @__PURE__ */ x(pe, { variant: "ghost", size: "sm", width: "full", justifyContent: "flex-start", children: [
+    c,
+    d
+  ] }) }), e[3] = c, e[4] = u) : u = e[4];
+  let f;
+  e[5] !== r || e[6] !== t ? (f = /* @__PURE__ */ o(De, { onClick: r, primaryLabel: t, leftIcon: $n }), e[5] = r, e[6] = t, e[7] = f) : f = e[7];
+  let p;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ o(Y.Separator, {}), e[8] = p) : p = e[8];
+  const h = s ? _n : Ln;
+  let g;
+  e[9] !== a || e[10] !== h || e[11] !== i ? (g = /* @__PURE__ */ o(De, { onClick: a, primaryLabel: i, leftIcon: h }), e[9] = a, e[10] = h, e[11] = i, e[12] = g) : g = e[12];
+  let S;
+  e[13] !== f || e[14] !== g ? (S = /* @__PURE__ */ o(Y.Positioner, { children: /* @__PURE__ */ x(Y.Content, { minW: "240px", bg: "bg", children: [
+    f,
+    p,
+    g
+  ] }) }), e[13] = f, e[14] = g, e[15] = S) : S = e[15];
+  let m;
+  return e[16] !== u || e[17] !== S ? (m = /* @__PURE__ */ x(Y.Root, { children: [
+    u,
+    S
+  ] }), e[16] = u, e[17] = S, e[18] = m) : m = e[18], m;
+}, Bi = at.forwardRef(function(e, n) {
+  const t = R(32);
+  let i, s, r, a, c, d, u;
   t[0] !== e ? ({
     inputProps: s,
-    children: o,
+    children: i,
     rootRef: a,
     trackLabel: u,
     thumbLabel: d,
     disabled: c,
     ...r
-  } = e, t[0] = e, t[1] = o, t[2] = s, t[3] = r, t[4] = a, t[5] = c, t[6] = d, t[7] = u) : (o = t[1], s = t[2], r = t[3], a = t[4], c = t[5], d = t[6], u = t[7]);
-  const f = c === void 0 ? !1 : c, g = f ? "not-allowed" : "pointer";
+  } = e, t[0] = e, t[1] = i, t[2] = s, t[3] = r, t[4] = a, t[5] = c, t[6] = d, t[7] = u) : (i = t[1], s = t[2], r = t[3], a = t[4], c = t[5], d = t[6], u = t[7]);
+  const f = c === void 0 ? !1 : c, p = f ? "not-allowed" : "pointer";
   let h;
-  t[8] !== s || t[9] !== n ? (h = /* @__PURE__ */ i(Te.HiddenInput, { ref: n, ...s }), t[8] = s, t[9] = n, t[10] = h) : h = t[10];
-  let p;
-  t[11] !== d ? (p = d && /* @__PURE__ */ i(Te.ThumbIndicator, { fallback: d?.off, children: d?.on }), t[11] = d, t[12] = p) : p = t[12];
+  t[8] !== s || t[9] !== n ? (h = /* @__PURE__ */ o(Ie.HiddenInput, { ref: n, ...s }), t[8] = s, t[9] = n, t[10] = h) : h = t[10];
+  let g;
+  t[11] !== d ? (g = d && /* @__PURE__ */ o(Ie.ThumbIndicator, { fallback: d?.off, children: d?.on }), t[11] = d, t[12] = g) : g = t[12];
+  let S;
+  t[13] !== g ? (S = /* @__PURE__ */ o(Ie.Thumb, { borderRadius: "full", children: g }), t[13] = g, t[14] = S) : S = t[14];
   let m;
-  t[13] !== p ? (m = /* @__PURE__ */ i(Te.Thumb, { borderRadius: "full", children: p }), t[13] = p, t[14] = m) : m = t[14];
-  let b;
-  t[15] !== u ? (b = u && /* @__PURE__ */ i(Te.Indicator, { fallback: u.off, children: u.on }), t[15] = u, t[16] = b) : b = t[16];
-  let y;
-  t[17] !== g || t[18] !== m || t[19] !== b ? (y = /* @__PURE__ */ x(Te.Control, { borderRadius: "md", cursor: g, children: [
-    m,
-    b
-  ] }), t[17] = g, t[18] = m, t[19] = b, t[20] = y) : y = t[20];
+  t[15] !== u ? (m = u && /* @__PURE__ */ o(Ie.Indicator, { fallback: u.off, children: u.on }), t[15] = u, t[16] = m) : m = t[16];
   let v;
-  t[21] !== o || t[22] !== g ? (v = o != null && /* @__PURE__ */ i(Te.Label, { cursor: g, children: o }), t[21] = o, t[22] = g, t[23] = v) : v = t[23];
+  t[17] !== p || t[18] !== S || t[19] !== m ? (v = /* @__PURE__ */ x(Ie.Control, { borderRadius: "md", cursor: p, children: [
+    S,
+    m
+  ] }), t[17] = p, t[18] = S, t[19] = m, t[20] = v) : v = t[20];
+  let C;
+  t[21] !== i || t[22] !== p ? (C = i != null && /* @__PURE__ */ o(Ie.Label, { cursor: p, children: i }), t[21] = i, t[22] = p, t[23] = C) : C = t[23];
   let k;
-  return t[24] !== f || t[25] !== g || t[26] !== r || t[27] !== a || t[28] !== h || t[29] !== y || t[30] !== v ? (k = /* @__PURE__ */ x(Te.Root, { ref: a, disabled: f, cursor: g, ...r, children: [
+  return t[24] !== f || t[25] !== p || t[26] !== r || t[27] !== a || t[28] !== h || t[29] !== v || t[30] !== C ? (k = /* @__PURE__ */ x(Ie.Root, { ref: a, disabled: f, cursor: p, ...r, children: [
     h,
-    y,
-    v
-  ] }), t[24] = f, t[25] = g, t[26] = r, t[27] = a, t[28] = h, t[29] = y, t[30] = v, t[31] = k) : k = t[31], k;
-}), Ae = (l) => {
-  const e = A(2);
+    v,
+    C
+  ] }), t[24] = f, t[25] = p, t[26] = r, t[27] = a, t[28] = h, t[29] = v, t[30] = C, t[31] = k) : k = t[31], k;
+}), Ye = (l) => {
+  const e = R(2);
   let n;
-  return e[0] !== l.children ? (n = /* @__PURE__ */ i(L, { textStyle: "label/XS/medium", color: "fg.muted", children: l.children }), e[0] = l.children, e[1] = n) : n = e[1], n;
-}, Fe = (l) => {
-  const e = A(19);
+  return e[0] !== l.children ? (n = /* @__PURE__ */ o(W, { textStyle: "label/XS/medium", color: "fg.muted", children: l.children }), e[0] = l.children, e[1] = n) : n = e[1], n;
+}, tt = (l) => {
+  const e = R(19);
   let n;
   e[0] !== l.label || e[1] !== l.options || e[2] !== l.value ? (n = l.options.find((f) => f.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 o;
-  e[4] !== l.label ? (o = /* @__PURE__ */ i(Ae, { children: l.label }), e[4] = l.label, e[5] = o) : o = e[5];
+  let i;
+  e[4] !== l.label ? (i = /* @__PURE__ */ o(Ye, { children: l.label }), e[4] = l.label, e[5] = i) : i = e[5];
   let s;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ i(ue, { as: tt, color: "fg.muted" }), e[6] = s) : s = e[6];
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ o(ae, { as: Fe, color: "fg.muted" }), e[6] = s) : s = e[6];
   let r;
-  e[7] !== t ? (r = /* @__PURE__ */ i(ie.Trigger, { asChild: !0, children: /* @__PURE__ */ x(he, { size: "sm", variant: "outline", width: "full", justifyContent: "space-between", children: [
+  e[7] !== t ? (r = /* @__PURE__ */ o(Y.Trigger, { asChild: !0, children: /* @__PURE__ */ x(pe, { size: "sm", variant: "outline", width: "full", justifyContent: "space-between", children: [
     t,
     s
   ] }) }), e[7] = t, e[8] = r) : r = e[8];
   let a;
-  e[9] !== l ? (a = l.options.map((f) => /* @__PURE__ */ i(ie.Item, { value: f.value, onClick: () => l.onSelect(f.value), children: /* @__PURE__ */ i(L, { textStyle: "label/S/regular", children: f.label }) }, f.value)), e[9] = l, e[10] = a) : a = e[10];
+  e[9] !== l ? (a = l.options.map((f) => /* @__PURE__ */ o(Y.Item, { value: f.value, onClick: () => l.onSelect(f.value), children: /* @__PURE__ */ o(W, { textStyle: "label/S/regular", children: f.label }) }, f.value)), e[9] = l, e[10] = a) : a = e[10];
   let c;
-  e[11] !== a ? (c = /* @__PURE__ */ i(ie.Positioner, { children: /* @__PURE__ */ i(ie.Content, { minW: "260px", bg: "bg", children: a }) }), e[11] = a, e[12] = c) : c = e[12];
+  e[11] !== a ? (c = /* @__PURE__ */ o(Y.Positioner, { children: /* @__PURE__ */ o(Y.Content, { minW: "260px", bg: "bg", children: a }) }), e[11] = a, e[12] = c) : c = e[12];
   let d;
-  e[13] !== r || e[14] !== c ? (d = /* @__PURE__ */ x(ie.Root, { children: [
+  e[13] !== r || e[14] !== c ? (d = /* @__PURE__ */ x(Y.Root, { children: [
     r,
     c
   ] }), e[13] = r, e[14] = c, e[15] = d) : d = e[15];
   let u;
-  return e[16] !== o || e[17] !== d ? (u = /* @__PURE__ */ x(H, { gap: "2xs", children: [
-    o,
+  return e[16] !== i || e[17] !== d ? (u = /* @__PURE__ */ x(B, { gap: "2xs", children: [
+    i,
     d
-  ] }), e[16] = o, e[17] = d, e[18] = u) : u = e[18], u;
-}, $l = (l) => {
-  const e = A(60), {
+  ] }), e[16] = i, e[17] = d, e[18] = u) : u = e[18], u;
+}, Jl = (l) => {
+  const e = R(60), {
     settings: n,
     groupingOptions: t,
-    orderingOptions: o,
+    orderingOptions: i,
     displayPropertyOptions: s,
     onViewModeChange: r,
     onColumnGroupingChange: a,
@@ -1691,123 +1718,123 @@ const ro = Ze.forwardRef(function(e, n) {
     onSortDirectionToggle: u,
     onDisplayPropertyToggle: f
   } = l;
-  let g;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = {
+  let p;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = {
     placement: "bottom-end",
     offset: {
       mainAxis: 8
     }
-  }, e[0] = g) : g = e[0];
+  }, e[0] = p) : p = e[0];
   let h;
-  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ i(ke.Trigger, { asChild: !0, children: /* @__PURE__ */ i(Se, { "aria-label": "Display settings", variant: "ghost", size: "sm", children: /* @__PURE__ */ i(ue, { as: hn, boxSize: "14px" }) }) }), e[1] = h) : h = e[1];
-  let p;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ i(Ae, { children: "View" }), e[2] = p) : p = e[2];
-  let m;
-  e[3] !== r ? (m = (E) => {
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ o(we.Trigger, { asChild: !0, children: /* @__PURE__ */ o(he, { "aria-label": "Display settings", variant: "ghost", size: "sm", children: /* @__PURE__ */ o(ae, { as: Rn, boxSize: "14px" }) }) }), e[1] = h) : h = e[1];
+  let g;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ o(Ye, { children: "View" }), e[2] = g) : g = e[2];
+  let S;
+  e[3] !== r ? (S = (E) => {
     E.value && r(E.value);
-  }, e[3] = r, e[4] = m) : m = e[4];
-  let b;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ i(we.Indicator, {}), e[5] = b) : b = e[5];
-  let y;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ x(we.Item, { value: "list", children: [
-    /* @__PURE__ */ i(we.ItemText, { children: /* @__PURE__ */ x(X, { as: "span", gap: "2xs", children: [
-      /* @__PURE__ */ i(pn, { size: 14 }),
-      /* @__PURE__ */ i("span", { children: "List" })
-    ] }) }),
-    /* @__PURE__ */ i(we.ItemHiddenInput, {})
-  ] }), e[6] = y) : y = e[6];
+  }, e[3] = r, e[4] = S) : S = e[4];
+  let m;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ o(Ce.Indicator, {}), e[5] = m) : m = e[5];
   let v;
-  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ x(we.Item, { value: "board", children: [
-    /* @__PURE__ */ i(we.ItemText, { children: /* @__PURE__ */ x(X, { as: "span", gap: "2xs", children: [
-      /* @__PURE__ */ i(mn, { size: 14 }),
-      /* @__PURE__ */ i("span", { children: "Board" })
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ x(Ce.Item, { value: "list", children: [
+    /* @__PURE__ */ o(Ce.ItemText, { children: /* @__PURE__ */ x(j, { as: "span", gap: "2xs", children: [
+      /* @__PURE__ */ o(Wn, { size: 14 }),
+      /* @__PURE__ */ o("span", { children: "List" })
+    ] }) }),
+    /* @__PURE__ */ o(Ce.ItemHiddenInput, {})
+  ] }), e[6] = v) : v = e[6];
+  let C;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ x(Ce.Item, { value: "board", children: [
+    /* @__PURE__ */ o(Ce.ItemText, { children: /* @__PURE__ */ x(j, { as: "span", gap: "2xs", children: [
+      /* @__PURE__ */ o(En, { size: 14 }),
+      /* @__PURE__ */ o("span", { children: "Board" })
     ] }) }),
-    /* @__PURE__ */ i(we.ItemHiddenInput, {})
-  ] }), e[7] = v) : v = e[7];
+    /* @__PURE__ */ o(Ce.ItemHiddenInput, {})
+  ] }), e[7] = C) : C = e[7];
   let k;
-  e[8] !== n.viewMode || e[9] !== m ? (k = /* @__PURE__ */ x(we.Root, { size: "sm", value: n.viewMode, onValueChange: m, children: [
-    b,
-    y,
-    v
-  ] }), e[8] = n.viewMode, e[9] = m, e[10] = k) : k = e[10];
-  let _;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ i(Ye, {}), e[11] = _) : _ = e[11];
-  let D;
-  e[12] !== a || e[13] !== c || e[14] !== n.rowGrouping ? (D = (E) => {
+  e[8] !== n.viewMode || e[9] !== S ? (k = /* @__PURE__ */ x(Ce.Root, { size: "sm", value: n.viewMode, onValueChange: S, children: [
+    m,
+    v,
+    C
+  ] }), e[8] = n.viewMode, e[9] = S, e[10] = k) : k = e[10];
+  let y;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ o(it, {}), e[11] = y) : y = e[11];
+  let I;
+  e[12] !== a || e[13] !== c || e[14] !== n.rowGrouping ? (I = (E) => {
     a(E), (E === "none" || E === 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(Fe, { 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 P = n.rowGrouping;
-  let S;
+  }, e[12] = a, e[13] = c, e[14] = n.rowGrouping, e[15] = I) : I = e[15];
+  let D;
+  e[16] !== t || e[17] !== n.columnGrouping || e[18] !== I ? (D = /* @__PURE__ */ o(tt, { label: "Grouping", value: n.columnGrouping, options: t, onSelect: I }), e[16] = t, e[17] = n.columnGrouping, e[18] = I, e[19] = D) : D = e[19];
+  const T = n.rowGrouping;
+  let b;
   if (e[20] !== t || e[21] !== n.columnGrouping) {
     let E;
-    e[23] !== n.columnGrouping ? (E = (V) => V.value === "none" || V.value !== n.columnGrouping, e[23] = n.columnGrouping, e[24] = E) : E = e[24], S = t.filter(E), e[20] = t, e[21] = n.columnGrouping, e[22] = S;
+    e[23] !== n.columnGrouping ? (E = (K) => K.value === "none" || K.value !== n.columnGrouping, e[23] = n.columnGrouping, e[24] = E) : E = e[24], b = t.filter(E), e[20] = t, e[21] = n.columnGrouping, e[22] = b;
   } else
-    S = e[22];
+    b = e[22];
+  let P;
+  e[25] !== c || e[26] !== n.rowGrouping || e[27] !== b ? (P = /* @__PURE__ */ o(tt, { label: "Sub-grouping", value: T, options: b, onSelect: c }), e[25] = c, e[26] = n.rowGrouping, e[27] = b, e[28] = P) : P = e[28];
   let w;
-  e[25] !== c || e[26] !== n.rowGrouping || e[27] !== S ? (w = /* @__PURE__ */ i(Fe, { label: "Sub-grouping", value: P, options: S, onSelect: c }), e[25] = c, e[26] = n.rowGrouping, e[27] = S, e[28] = w) : w = e[28];
-  let C;
-  e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ i(Ae, { children: "Ordering" }), e[29] = C) : C = e[29];
-  let I;
-  e[30] !== d || e[31] !== o || e[32] !== n.ordering.field ? (I = /* @__PURE__ */ i(Fe, { label: "Sort by", value: n.ordering.field, options: o, onSelect: d }), e[30] = d, e[31] = o, e[32] = n.ordering.field, e[33] = I) : I = e[33];
-  const z = n.ordering.direction === "asc" ? "rotate(0deg)" : "rotate(180deg)";
+  e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ o(Ye, { children: "Ordering" }), e[29] = w) : w = e[29];
+  let _;
+  e[30] !== d || e[31] !== i || e[32] !== n.ordering.field ? (_ = /* @__PURE__ */ o(tt, { label: "Sort by", value: n.ordering.field, options: i, onSelect: d }), e[30] = d, e[31] = i, e[32] = n.ordering.field, e[33] = _) : _ = e[33];
+  const L = n.ordering.direction === "asc" ? "rotate(0deg)" : "rotate(180deg)";
   let $;
-  e[34] !== z ? ($ = /* @__PURE__ */ i(ue, { as: bn, transform: z }), e[34] = z, e[35] = $) : $ = e[35];
+  e[34] !== L ? ($ = /* @__PURE__ */ o(ae, { as: zn, transform: L }), e[34] = L, e[35] = $) : $ = e[35];
+  let z;
+  e[36] !== u || e[37] !== n.ordering.direction || e[38] !== $ ? (z = /* @__PURE__ */ o(he, { mt: "lg", "aria-label": "Toggle sort direction", size: "sm", variant: "outline", onClick: u, "data-direction": n.ordering.direction, children: $ }), e[36] = u, e[37] = n.ordering.direction, e[38] = $, e[39] = z) : z = e[39];
   let O;
-  e[36] !== u || e[37] !== n.ordering.direction || e[38] !== $ ? (O = /* @__PURE__ */ i(Se, { mt: "lg", "aria-label": "Toggle sort direction", size: "sm", variant: "outline", onClick: u, "data-direction": n.ordering.direction, children: $ }), e[36] = u, e[37] = n.ordering.direction, e[38] = $, e[39] = O) : O = e[39];
-  let M;
-  e[40] !== I || e[41] !== O ? (M = /* @__PURE__ */ x(H, { gap: "2xs", children: [
-    C,
-    /* @__PURE__ */ x(X, { gap: "2xs", children: [
-      I,
-      O
+  e[40] !== _ || e[41] !== z ? (O = /* @__PURE__ */ x(B, { gap: "2xs", children: [
+    w,
+    /* @__PURE__ */ x(j, { gap: "2xs", children: [
+      _,
+      z
     ] })
-  ] }), e[40] = I, e[41] = O, e[42] = M) : M = e[42];
-  let N;
-  e[43] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ i(Ye, {}), e[43] = N) : N = e[43];
-  let W;
-  e[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ i(Ae, { children: "Display properties" }), e[44] = W) : W = e[44];
-  let B;
+  ] }), e[40] = _, e[41] = z, e[42] = O) : O = e[42];
+  let G;
+  e[43] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ o(it, {}), e[43] = G) : G = e[43];
+  let H;
+  e[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ o(Ye, { children: "Display properties" }), e[44] = H) : H = e[44];
+  let X;
   if (e[45] !== s || e[46] !== f || e[47] !== n.displayProperties) {
     let E;
-    e[49] !== f || e[50] !== n.displayProperties ? (E = (V) => {
-      const q = n.displayProperties.includes(V.value);
-      return /* @__PURE__ */ i(he, { size: "2xs", variant: q ? "solid" : "outline", onClick: () => f(V.value), children: V.label }, V.value);
-    }, e[49] = f, e[50] = n.displayProperties, e[51] = E) : E = e[51], B = s.map(E), e[45] = s, e[46] = f, e[47] = n.displayProperties, e[48] = B;
+    e[49] !== f || e[50] !== n.displayProperties ? (E = (K) => {
+      const M = n.displayProperties.includes(K.value);
+      return /* @__PURE__ */ o(pe, { size: "2xs", variant: M ? "solid" : "outline", onClick: () => f(K.value), children: K.label }, K.value);
+    }, e[49] = f, e[50] = n.displayProperties, e[51] = E) : E = e[51], X = s.map(E), e[45] = s, e[46] = f, e[47] = n.displayProperties, e[48] = X;
   } else
-    B = e[48];
-  let G;
-  e[52] !== B ? (G = /* @__PURE__ */ x(H, { gap: "2xs", children: [
-    W,
-    /* @__PURE__ */ i(X, { flexWrap: "wrap", gap: "2xs", children: B })
-  ] }), e[52] = B, e[53] = G) : G = e[53];
-  let R;
-  return e[54] !== T || e[55] !== w || e[56] !== M || e[57] !== G || e[58] !== k ? (R = /* @__PURE__ */ x(ke.Root, { positioning: g, children: [
+    X = e[48];
+  let F;
+  e[52] !== X ? (F = /* @__PURE__ */ x(B, { gap: "2xs", children: [
+    H,
+    /* @__PURE__ */ o(j, { flexWrap: "wrap", gap: "2xs", children: X })
+  ] }), e[52] = X, e[53] = F) : F = e[53];
+  let A;
+  return e[54] !== D || e[55] !== P || e[56] !== O || e[57] !== F || e[58] !== k ? (A = /* @__PURE__ */ x(we.Root, { positioning: p, children: [
     h,
-    /* @__PURE__ */ i(He, { children: /* @__PURE__ */ i(ke.Positioner, { children: /* @__PURE__ */ i(ke.Content, { width: "320px", p: "sm", bg: "bg", children: /* @__PURE__ */ x(H, { gap: "sm", children: [
-      p,
+    /* @__PURE__ */ o(He, { children: /* @__PURE__ */ o(we.Positioner, { children: /* @__PURE__ */ o(we.Content, { width: "320px", p: "sm", bg: "bg", children: /* @__PURE__ */ x(B, { gap: "sm", children: [
+      g,
       k,
-      _,
-      T,
-      w,
-      M,
-      N,
-      G
+      y,
+      D,
+      P,
+      O,
+      G,
+      F
     ] }) }) }) })
-  ] }), e[54] = T, e[55] = w, e[56] = M, e[57] = G, e[58] = k, e[59] = R) : R = e[59], R;
-}, Ll = (l) => Object.values(l).reduce((e, n) => e + (n?.length ?? 0), 0), Rl = (l) => {
-  const e = A(39), {
+  ] }), e[54] = D, e[55] = P, e[56] = O, e[57] = F, e[58] = k, e[59] = A) : A = e[59], A;
+}, Ql = (l) => Object.values(l).reduce((e, n) => e + (n?.length ?? 0), 0), Zl = (l) => {
+  const e = R(39), {
     categories: n,
     filters: t,
-    countsByCategory: o,
+    countsByCategory: i,
     onToggleFilterValue: s,
     onClearFilter: r,
     onClearAll: a
-  } = l, [c, d] = pe(n[0]?.id ?? "status");
+  } = l, [c, d] = ge(n[0]?.id ?? "status");
   let u;
-  e[0] !== c || e[1] !== n ? (u = n.find((I) => I.id === c) ?? n[0], e[0] = c, e[1] = n, e[2] = u) : u = e[2];
-  const f = u, g = Ll(t);
+  e[0] !== c || e[1] !== n ? (u = n.find((_) => _.id === c) ?? n[0], e[0] = c, e[1] = n, e[2] = u) : u = e[2];
+  const f = u, p = Ql(t);
   let h;
   e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = {
     placement: "bottom-end",
@@ -1815,224 +1842,323 @@ const ro = Ze.forwardRef(function(e, n) {
       mainAxis: 8
     }
   }, e[3] = h) : h = e[3];
-  const p = g > 0 ? "outline" : "ghost";
+  const g = p > 0 ? "outline" : "ghost";
+  let S;
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ o(ae, { as: An, boxSize: "14px" }), e[4] = S) : S = e[4];
   let m;
-  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ i(ue, { as: xn, boxSize: "14px" }), e[4] = m) : m = e[4];
-  let b;
-  e[5] !== g ? (b = g > 0 ? /* @__PURE__ */ i(Pe, { variant: "solid", children: g }) : null, e[5] = g, e[6] = b) : b = e[6];
-  let y;
-  e[7] !== b ? (y = /* @__PURE__ */ x(X, { gap: "2xs", children: [
-    m,
-    b
-  ] }), e[7] = b, e[8] = y) : y = e[8];
+  e[5] !== p ? (m = p > 0 ? /* @__PURE__ */ o(Pe, { variant: "solid", children: p }) : null, e[5] = p, e[6] = m) : m = e[6];
   let v;
-  e[9] !== p || e[10] !== y ? (v = /* @__PURE__ */ i(ke.Trigger, { asChild: !0, children: /* @__PURE__ */ i(Se, { "aria-label": "Filter tickets", variant: p, size: "sm", children: y }) }), e[9] = p, e[10] = y, e[11] = v) : v = e[11];
+  e[7] !== m ? (v = /* @__PURE__ */ x(j, { gap: "2xs", children: [
+    S,
+    m
+  ] }), e[7] = m, e[8] = v) : v = e[8];
+  let C;
+  e[9] !== g || e[10] !== v ? (C = /* @__PURE__ */ o(we.Trigger, { asChild: !0, children: /* @__PURE__ */ o(he, { "aria-label": "Filter tickets", variant: g, size: "sm", children: v }) }), e[9] = g, e[10] = v, e[11] = C) : C = e[11];
   let k;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ i(L, { textStyle: "label/XS/medium", color: "fg.muted", children: "Filters" }), e[12] = k) : k = e[12];
-  let _;
-  e[13] !== a ? (_ = /* @__PURE__ */ x(X, { justifyContent: "space-between", children: [
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ o(W, { textStyle: "label/XS/medium", color: "fg.muted", children: "Filters" }), e[12] = k) : k = e[12];
+  let y;
+  e[13] !== a ? (y = /* @__PURE__ */ x(j, { justifyContent: "space-between", children: [
     k,
-    /* @__PURE__ */ i(he, { size: "2xs", variant: "ghost", onClick: a, children: "Clear all" })
-  ] }), e[13] = a, e[14] = _) : _ = e[14];
-  let D;
+    /* @__PURE__ */ o(pe, { size: "2xs", variant: "ghost", onClick: a, children: "Clear all" })
+  ] }), e[13] = a, e[14] = y) : y = e[14];
+  let I;
   if (e[15] !== c || e[16] !== n || e[17] !== t) {
-    let I;
-    e[19] !== c || e[20] !== t ? (I = (z) => {
-      const $ = t[z.id] ?? [];
-      return /* @__PURE__ */ x(he, { variant: c === z.id ? "subtle" : "ghost", size: "sm", justifyContent: "space-between", onClick: () => d(z.id), children: [
-        /* @__PURE__ */ i(L, { children: z.label }),
-        $.length > 0 ? /* @__PURE__ */ i(Pe, { variant: "subtle", children: $.length }) : null
-      ] }, z.id);
-    }, e[19] = c, e[20] = t, e[21] = I) : I = e[21], D = n.map(I), e[15] = c, e[16] = n, e[17] = t, e[18] = D;
+    let _;
+    e[19] !== c || e[20] !== t ? (_ = (L) => {
+      const $ = t[L.id] ?? [];
+      return /* @__PURE__ */ x(pe, { variant: c === L.id ? "subtle" : "ghost", size: "sm", justifyContent: "space-between", onClick: () => d(L.id), children: [
+        /* @__PURE__ */ o(W, { children: L.label }),
+        $.length > 0 ? /* @__PURE__ */ o(Pe, { variant: "subtle", children: $.length }) : null
+      ] }, L.id);
+    }, e[19] = c, e[20] = t, e[21] = _) : _ = e[21], I = n.map(_), e[15] = c, e[16] = n, e[17] = t, e[18] = I;
   } else
-    D = e[18];
+    I = e[18];
+  let D;
+  e[22] !== y || e[23] !== I ? (D = /* @__PURE__ */ x(B, { width: "220px", borderRightWidth: "1px", borderColor: "border.muted", p: "sm", gap: "2xs", children: [
+    y,
+    I
+  ] }), e[22] = y, e[23] = I, e[24] = D) : D = e[24];
   let T;
-  e[22] !== _ || e[23] !== D ? (T = /* @__PURE__ */ x(H, { width: "220px", borderRightWidth: "1px", borderColor: "border.muted", p: "sm", gap: "2xs", children: [
-    _,
-    D
-  ] }), e[22] = _, e[23] = D, e[24] = T) : T = e[24];
-  let P;
-  e[25] !== f || e[26] !== o || e[27] !== t || e[28] !== r || e[29] !== s ? (P = f ? /* @__PURE__ */ x(Qe, { children: [
-    /* @__PURE__ */ x(X, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ i(L, { textStyle: "label/S/medium", children: f.label }),
-      /* @__PURE__ */ i(he, { size: "2xs", variant: "ghost", onClick: () => r(f.id), children: "Clear" })
+  e[25] !== f || e[26] !== i || e[27] !== t || e[28] !== r || e[29] !== s ? (T = f ? /* @__PURE__ */ x(Lt, { children: [
+    /* @__PURE__ */ x(j, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ o(W, { textStyle: "label/S/medium", children: f.label }),
+      /* @__PURE__ */ o(pe, { size: "2xs", variant: "ghost", onClick: () => r(f.id), children: "Clear" })
     ] }),
-    /* @__PURE__ */ i(H, { gap: "2xs", children: f.options.map((I) => {
-      const z = (t[f.id] ?? []).includes(I.value), $ = o[f.id]?.[I.value] ?? 0;
-      return /* @__PURE__ */ i(j, { px: "xs", py: "2xs", borderRadius: "sm", _hover: {
-        bg: "bg.subtle"
-      }, children: /* @__PURE__ */ i(Pn, { checked: z, onCheckedChange: () => s(f.id, I.value), children: /* @__PURE__ */ x(X, { gap: "2xs", justifyContent: "space-between", width: "full", children: [
-        /* @__PURE__ */ i(L, { textStyle: "label/S/regular", children: I.label }),
-        /* @__PURE__ */ i(L, { textStyle: "label/XS/regular", color: "fg.muted", children: $ })
-      ] }) }) }, I.value);
+    /* @__PURE__ */ o(B, { gap: "2xs", children: f.options.map((_) => {
+      const L = (t[f.id] ?? []).includes(_.value), $ = i[f.id]?.[_.value] ?? 0;
+      return /* @__PURE__ */ o(V, { px: "xs", py: "2xs", borderRadius: "sm", _hover: {
+        bg: "bg.hover"
+      }, children: /* @__PURE__ */ o(Zn, { checked: L, onCheckedChange: () => s(f.id, _.value), children: /* @__PURE__ */ x(j, { gap: "2xs", justifyContent: "space-between", width: "full", children: [
+        /* @__PURE__ */ o(W, { textStyle: "label/S/regular", children: _.label }),
+        /* @__PURE__ */ o(W, { textStyle: "label/XS/regular", color: "fg.muted", children: $ })
+      ] }) }) }, _.value);
     }) })
-  ] }) : null, e[25] = f, e[26] = o, e[27] = t, e[28] = r, e[29] = s, e[30] = P) : P = e[30];
-  let S;
-  e[31] !== P ? (S = /* @__PURE__ */ i(H, { flex: "1", p: "sm", gap: "sm", children: P }), e[31] = P, e[32] = S) : S = e[32];
+  ] }) : null, e[25] = f, e[26] = i, e[27] = t, e[28] = r, e[29] = s, e[30] = T) : T = e[30];
+  let b;
+  e[31] !== T ? (b = /* @__PURE__ */ o(B, { flex: "1", p: "sm", gap: "sm", children: T }), e[31] = T, e[32] = b) : b = e[32];
+  let P;
+  e[33] !== D || e[34] !== b ? (P = /* @__PURE__ */ o(He, { children: /* @__PURE__ */ o(we.Positioner, { children: /* @__PURE__ */ o(we.Content, { width: "560px", p: "0", bg: "bg", overflow: "hidden", children: /* @__PURE__ */ x(j, { align: "stretch", gap: "0", minH: "320px", children: [
+    D,
+    b
+  ] }) }) }) }), e[33] = D, e[34] = b, e[35] = P) : P = e[35];
   let w;
-  e[33] !== T || e[34] !== S ? (w = /* @__PURE__ */ i(He, { children: /* @__PURE__ */ i(ke.Positioner, { children: /* @__PURE__ */ i(ke.Content, { width: "560px", p: "0", bg: "bg", overflow: "hidden", children: /* @__PURE__ */ x(X, { align: "stretch", gap: "0", minH: "320px", children: [
-    T,
-    S
-  ] }) }) }) }), e[33] = T, e[34] = S, e[35] = w) : w = e[35];
-  let C;
-  return e[36] !== w || e[37] !== v ? (C = /* @__PURE__ */ x(ke.Root, { positioning: h, children: [
-    v,
-    w
-  ] }), e[36] = w, e[37] = v, e[38] = C) : C = e[38], C;
-}, Tt = (l) => {
-  const e = A(43), {
-    ticketId: n,
-    parentPath: t,
-    sessionIndicatorLabel: o,
-    sessionIndicatorStatus: s,
-    title: r,
-    badges: a,
+  return e[36] !== P || e[37] !== C ? (w = /* @__PURE__ */ x(we.Root, { positioning: h, children: [
+    C,
+    P
+  ] }), e[36] = P, e[37] = C, e[38] = w) : w = e[38], w;
+}, eo = {
+  amber: "yellow"
+}, to = /* @__PURE__ */ new Set(["gray", "red", "orange", "yellow", "green", "teal", "blue", "cyan", "purple", "pink"]), no = (l) => l === "current_branch" ? On : Mn, lo = (l) => {
+  if (l.startsWith("#") || l.startsWith("rgb") || l.startsWith("hsl") || l.startsWith("var("))
+    return l;
+  const e = eo[l] ?? l;
+  return to.has(e) ? `var(--chakra-colors-${e}-500)` : e;
+}, oo = (l) => l ? l.description ? `${l.name}: ${l.description}` : l.name : null, Ht = (l, e) => {
+  l.stopPropagation(), e?.();
+}, io = (l, e) => {
+  l.stopPropagation(), e?.();
+}, ro = (l) => {
+  const e = R(9), {
+    sessionStatus: n,
+    onSessionIndicatorClick: t
+  } = l;
+  if (!n)
+    return null;
+  const i = t ? "Open latest session" : "Latest session status";
+  let s;
+  e[0] !== t ? (s = t ? (c) => Ht(c, t) : void 0, e[0] = t, e[1] = s) : s = e[1];
+  let r;
+  e[2] !== n || e[3] !== i || e[4] !== s ? (r = /* @__PURE__ */ o(Tl, { status: n, boxSize: "12px", ariaLabel: i, cursor: "pointer", onClick: s }), e[2] = n, e[3] = i, e[4] = s, e[5] = r) : r = e[5];
+  let a;
+  return e[6] !== i || e[7] !== r ? (a = /* @__PURE__ */ o(xe, { content: i, children: r }), e[6] = i, e[7] = r, e[8] = a) : a = e[8], a;
+}, so = (l) => {
+  const e = R(13), {
+    workspaceType: n,
+    initializing: t,
+    shorthand: i
+  } = l;
+  let s;
+  e[0] !== n ? (s = no(n), e[0] = n, e[1] = s) : s = e[1];
+  const r = s, a = n === "worktree" ? "Worktree" : "Current branch";
+  let c;
+  e[2] !== r || e[3] !== a ? (c = /* @__PURE__ */ o(ae, { as: r, boxSize: "12px", "aria-label": a }), e[2] = r, e[3] = a, e[4] = c) : c = e[4];
+  let d;
+  e[5] !== t ? (d = t ? /* @__PURE__ */ o(Tt, { size: "xs", color: "fg.muted" }) : null, e[5] = t, e[6] = d) : d = e[6];
+  let u;
+  e[7] !== i ? (u = i ? /* @__PURE__ */ o(W, { as: "span", textStyle: "label/XS/regular", color: "fg.muted", flexShrink: 0, children: i }) : null, e[7] = i, e[8] = u) : u = e[8];
+  let f;
+  return e[9] !== c || e[10] !== d || e[11] !== u ? (f = /* @__PURE__ */ x(j, { as: "span", gap: "0", alignItems: "center", color: "fg.muted", flexShrink: 0, children: [
+    c,
+    d,
+    u
+  ] }), e[9] = c, e[10] = d, e[11] = u, e[12] = f) : f = e[12], f;
+}, ao = (l) => {
+  const e = R(10), {
+    attemptStatus: n
+  } = l;
+  if (!n)
+    return null;
+  let t;
+  e[0] !== n ? (t = oo(n), e[0] = n, e[1] = t) : t = e[1];
+  let i;
+  e[2] !== n.color ? (i = lo(n.color), e[2] = n.color, e[3] = i) : i = e[3];
+  const s = `Attempt status ${n.name}`;
+  let r;
+  e[4] !== i || e[5] !== s ? (r = /* @__PURE__ */ o(V, { as: "span", boxSize: "8px", borderRadius: "full", backgroundColor: i, flexShrink: 0, "aria-label": s, "data-testid": "workspace-attempt-status" }), e[4] = i, e[5] = s, e[6] = r) : r = e[6];
+  let a;
+  return e[7] !== t || e[8] !== r ? (a = /* @__PURE__ */ o(xe, { content: t, children: r }), e[7] = t, e[8] = r, e[9] = a) : a = e[9], a;
+}, co = (l) => {
+  const e = R(3), {
+    diffAdditions: n,
+    diffDeletions: t
+  } = l;
+  if (typeof n != "number" || typeof t != "number")
+    return null;
+  let i;
+  return e[0] !== n || e[1] !== t ? (i = /* @__PURE__ */ o(_t, { additions: n, deletions: t, variant: "ghost", size: "small", fileName: void 0 }), e[0] = n, e[1] = t, e[2] = i) : i = e[2], i;
+}, uo = (l) => {
+  const e = R(5), {
+    hasMultipleWorkspaces: n,
+    onDropdownClick: t
+  } = l;
+  if (!n)
+    return null;
+  const i = t ? "pointer" : "default";
+  let s;
+  e[0] !== t ? (s = t ? (a) => Ht(a, t) : void 0, e[0] = t, e[1] = s) : s = e[1];
+  let r;
+  return e[2] !== i || e[3] !== s ? (r = /* @__PURE__ */ o(ae, { as: Fe, boxSize: "12px", color: "fg.muted", cursor: i, "aria-label": "Workspace selector", onClick: s }), e[2] = i, e[3] = s, e[4] = r) : r = e[4], r;
+}, fo = (l) => {
+  const e = R(26), {
+    workspaceType: n,
+    initializing: t,
+    shorthand: i,
+    attemptStatus: s,
+    sessionStatus: r,
+    showLeadingSessionIndicator: a,
     diffAdditions: c,
     diffDeletions: d,
-    isSelected: u,
-    draggable: f,
-    onDragStart: g,
-    onDragEnd: h,
-    onClick: p,
-    onDiffBadgeClick: m,
-    onSessionIndicatorClick: b
-  } = l;
-  let y;
-  e[0] !== t ? (y = t === void 0 ? [] : t, e[0] = t, e[1] = y) : y = e[1];
-  const v = y;
+    hasMultipleWorkspaces: u,
+    onClick: f,
+    onDropdownClick: p,
+    onSessionIndicatorClick: h
+  } = l, g = t === void 0 ? !1 : t, S = a === void 0 ? !0 : a, m = u === void 0 ? !1 : u;
+  let v;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = {
+    backgroundColor: "bg.hover"
+  }, e[0] = v) : v = e[0];
+  let C;
+  e[1] !== f ? (C = f ? (P) => io(P, f) : void 0, e[1] = f, e[2] = C) : C = e[2];
   let k;
-  e[2] !== a ? (k = a === void 0 ? [] : a, e[2] = a, e[3] = k) : k = e[3];
-  const _ = k, D = u === void 0 ? !1 : u;
+  e[3] !== h || e[4] !== r || e[5] !== S ? (k = S ? /* @__PURE__ */ o(ro, { sessionStatus: r, onSessionIndicatorClick: h }) : null, e[3] = h, e[4] = r, e[5] = S, e[6] = k) : k = e[6];
+  let y;
+  e[7] !== g || e[8] !== i || e[9] !== n ? (y = /* @__PURE__ */ o(so, { workspaceType: n, initializing: g, shorthand: i }), e[7] = g, e[8] = i, e[9] = n, e[10] = y) : y = e[10];
+  let I;
+  e[11] !== s ? (I = /* @__PURE__ */ o(ao, { attemptStatus: s }), e[11] = s, e[12] = I) : I = e[12];
+  let D;
+  e[13] !== c || e[14] !== d ? (D = /* @__PURE__ */ o(co, { diffAdditions: c, diffDeletions: d }), e[13] = c, e[14] = d, e[15] = D) : D = e[15];
   let T;
-  e[4] !== m ? (T = (V) => {
-    V.stopPropagation(), m?.();
-  }, e[4] = m, e[5] = T) : T = e[5];
-  const P = T;
-  let S;
-  e[6] !== b ? (S = (V) => {
-    V.stopPropagation(), b?.();
-  }, e[6] = b, e[7] = S) : S = e[7];
-  const w = S;
-  let C;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
+  e[16] !== m || e[17] !== p ? (T = /* @__PURE__ */ o(uo, { hasMultipleWorkspaces: m, onDropdownClick: p }), e[16] = m, e[17] = p, e[18] = T) : T = e[18];
+  let b;
+  return e[19] !== C || e[20] !== k || e[21] !== y || e[22] !== I || e[23] !== D || e[24] !== T ? (b = /* @__PURE__ */ x(j, { as: "span", display: "inline-flex", gap: "2xs", alignItems: "center", minW: "0", px: "2px", py: "1px", borderRadius: "xs", cursor: "pointer", transition: "background-color 0.2s ease-in-out", _hover: v, onClick: C, "data-testid": "workspace-badge", children: [
+    k,
+    y,
+    I,
+    D,
+    T
+  ] }), e[19] = C, e[20] = k, e[21] = y, e[22] = I, e[23] = D, e[24] = T, e[25] = b) : b = e[25], b;
+}, Ft = (l) => {
+  const e = R(29), {
+    ticketId: n,
+    parentPath: t,
+    title: i,
+    badges: s,
+    workspaceBadge: r,
+    isSelected: a,
+    draggable: c,
+    onDragStart: d,
+    onDragEnd: u,
+    onClick: f
+  } = l;
+  let p;
+  e[0] !== t ? (p = t === void 0 ? [] : t, e[0] = t, e[1] = p) : p = e[1];
+  const h = p;
+  let g;
+  e[2] !== s ? (g = s === void 0 ? [] : s, e[2] = s, e[3] = g) : g = e[3];
+  const S = g, m = a === void 0 ? !1 : a;
+  let v;
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = {
     borderColor: "border.blue",
     boxShadow: "mid"
-  }, e[8] = C) : C = e[8];
-  const I = f ? "grab" : p ? "pointer" : "default", z = D ? "true" : void 0;
-  let $;
-  e[9] !== v ? ($ = v.length > 0 && /* @__PURE__ */ x(L, { as: "span", color: "subtle", children: [
-    v.join(" / "),
+  }, e[4] = v) : v = e[4];
+  const C = c ? "grab" : f ? "pointer" : "default", k = m ? "true" : void 0;
+  let y;
+  e[5] !== h ? (y = h.length > 0 && /* @__PURE__ */ x(W, { as: "span", color: "subtle", children: [
+    h.join(" / "),
     " /",
     " "
-  ] }), e[9] = v, e[10] = $) : $ = e[10];
-  let O;
-  e[11] !== $ || e[12] !== n ? (O = /* @__PURE__ */ x(L, { textStyle: "label/S/regular", flexShrink: 0, children: [
-    $,
+  ] }), e[5] = h, e[6] = y) : y = e[6];
+  let I;
+  e[7] !== y || e[8] !== n ? (I = /* @__PURE__ */ x(W, { textStyle: "label/S/regular", flexShrink: 0, children: [
+    y,
     n
-  ] }), e[11] = $, e[12] = n, e[13] = O) : O = e[13];
-  let M;
-  e[14] !== w || e[15] !== b || e[16] !== o || e[17] !== s ? (M = o ? /* @__PURE__ */ i(Le, { content: `Session ${o}`, children: /* @__PURE__ */ i(sl, { status: s, boxSize: "12px", "aria-label": `Session ${o}`, cursor: b ? "pointer" : "default", onClick: b ? w : void 0 }) }) : null, e[14] = w, e[15] = b, e[16] = o, e[17] = s, e[18] = M) : M = e[18];
-  let N;
-  e[19] !== O || e[20] !== M ? (N = /* @__PURE__ */ x(X, { gap: "2xs", flexShrink: 0, children: [
-    O,
-    M
-  ] }), e[19] = O, e[20] = M, e[21] = N) : N = e[21];
-  let W;
-  e[22] !== c || e[23] !== d || e[24] !== P ? (W = typeof c == "number" && typeof d == "number" ? /* @__PURE__ */ i(bt, { additions: c, deletions: d, variant: "ghost", size: "small", label: /* @__PURE__ */ i(Sn, { size: "12" }), onClick: P, "data-testid": "ticket-diff-badge" }) : null, e[22] = c, e[23] = d, e[24] = P, e[25] = W) : W = e[25];
-  let B;
-  e[26] !== N || e[27] !== W ? (B = /* @__PURE__ */ x(X, { justifyContent: "space-between", gap: "2xs", flexWrap: "wrap", children: [
-    N,
-    W
-  ] }), e[26] = N, e[27] = W, e[28] = B) : B = e[28];
-  let G;
-  e[29] !== r ? (G = /* @__PURE__ */ i(X, { align: "start", gap: "2xs", flexWrap: "wrap", minW: "0", children: /* @__PURE__ */ i(L, { textStyle: "label/S/regular", flex: "1", minW: "0", overflowWrap: "anywhere", children: r }) }), e[29] = r, e[30] = G) : G = e[30];
-  let R;
-  e[31] !== _ ? (R = _.length > 0 && /* @__PURE__ */ i(mt, { gap: "2xs", children: _.map(El) }), e[31] = _, e[32] = R) : R = e[32];
-  let E;
-  return e[33] !== f || e[34] !== p || e[35] !== h || e[36] !== g || e[37] !== B || e[38] !== G || e[39] !== R || e[40] !== I || e[41] !== z ? (E = /* @__PURE__ */ x(H, { 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: C, cursor: I, draggable: f, onDragStart: g, onDragEnd: h, onClick: p, "data-selected": z, children: [
-    B,
-    G,
-    R
-  ] }), e[33] = f, e[34] = p, e[35] = h, e[36] = g, e[37] = B, e[38] = G, e[39] = R, e[40] = I, e[41] = z, e[42] = E) : E = e[42], E;
+  ] }), e[7] = y, e[8] = n, e[9] = I) : I = e[9];
+  let D;
+  e[10] !== r ? (D = r ? /* @__PURE__ */ o(fo, { ...r }) : null, e[10] = r, e[11] = D) : D = e[11];
+  let T;
+  e[12] !== D || e[13] !== I ? (T = /* @__PURE__ */ o(j, { gap: "2xs", flexWrap: "wrap", alignItems: "center", children: /* @__PURE__ */ x(j, { gap: "2xs", flexShrink: 0, children: [
+    I,
+    D
+  ] }) }), e[12] = D, e[13] = I, e[14] = T) : T = e[14];
+  let b;
+  e[15] !== i ? (b = /* @__PURE__ */ o(j, { align: "start", gap: "2xs", flexWrap: "wrap", minW: "0", children: /* @__PURE__ */ o(W, { textStyle: "label/S/regular", flex: "1", minW: "0", overflowWrap: "anywhere", children: i }) }), e[15] = i, e[16] = b) : b = e[16];
+  let P;
+  e[17] !== S ? (P = S.length > 0 && /* @__PURE__ */ o(Dt, { gap: "2xs", children: S.map(po) }), e[17] = S, e[18] = P) : P = e[18];
+  let w;
+  return e[19] !== c || e[20] !== f || e[21] !== u || e[22] !== d || e[23] !== T || e[24] !== b || e[25] !== P || e[26] !== C || e[27] !== k ? (w = /* @__PURE__ */ x(B, { 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: v, cursor: C, draggable: c, onDragStart: d, onDragEnd: u, onClick: f, "data-selected": k, "data-testid": "ticket-card", children: [
+    T,
+    b,
+    P
+  ] }), e[19] = c, e[20] = f, e[21] = u, e[22] = d, e[23] = T, e[24] = b, e[25] = P, e[26] = C, e[27] = k, e[28] = w) : w = e[28], w;
 };
-function El(l) {
-  return /* @__PURE__ */ i(Pe, { variant: "subtle", colorPalette: l.color ?? "gray", textStyle: "label/XS/medium", children: l.label }, l.label);
+function po(l) {
+  return /* @__PURE__ */ o(Pe, { variant: "subtle", colorPalette: l.color ?? "gray", textStyle: "label/XS/medium", children: l.label }, l.label);
 }
-const zl = (l) => {
-  const e = A(27), {
+const ho = (l) => {
+  const e = R(27), {
     columns: n,
     selectedItemId: t,
-    onMoveItem: o,
+    onMoveItem: i,
     onMoveToGroup: s,
     onCreateStart: r,
     onColumnAction: a
-  } = l, c = t === void 0 ? null : t, [d, u] = pe(null), [f, g] = pe(null), h = Ml;
-  let p;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = () => {
-    u(null), g(null);
-  }, e[0] = p) : p = e[0];
-  const m = p;
-  let b;
-  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = (w) => (C) => {
-    C.preventDefault(), C.dataTransfer.dropEffect = "move", u(w);
-  }, e[1] = b) : b = e[1];
-  const y = b;
-  let v;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = (w) => {
-    w.currentTarget.contains(w.relatedTarget) || u(null);
-  }, e[2] = v) : v = e[2];
-  const k = v;
-  let _;
-  e[3] !== o ? (_ = (w) => (C) => {
-    C.preventDefault(), u(null);
-    const I = C.dataTransfer.getData("text/plain");
-    I && o?.(I, w);
-  }, e[3] = o, e[4] = _) : _ = e[4];
-  const D = _;
-  let T;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = {
+  } = l, c = t === void 0 ? null : t, [d, u] = ge(null), [f, p] = ge(null), h = bo;
+  let g;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = () => {
+    u(null), p(null);
+  }, e[0] = g) : g = e[0];
+  const S = g;
+  let m;
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = (P) => (w) => {
+    w.preventDefault(), w.dataTransfer.dropEffect = "move", u(P);
+  }, e[1] = m) : m = e[1];
+  const v = m;
+  let C;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = (P) => {
+    P.currentTarget.contains(P.relatedTarget) || u(null);
+  }, e[2] = C) : C = e[2];
+  const k = C;
+  let y;
+  e[3] !== i ? (y = (P) => (w) => {
+    w.preventDefault(), u(null);
+    const _ = w.dataTransfer.getData("text/plain");
+    _ && i?.(_, P);
+  }, e[3] = i, e[4] = y) : y = e[4];
+  const I = y;
+  let D;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = {
     display: "flex",
     alignItems: "stretch",
     gap: "0",
     pb: "2xs",
     minH: "100%"
-  }, e[5] = T) : T = e[5];
-  let P;
-  if (e[6] !== d || e[7] !== f || e[8] !== n || e[9] !== D || e[10] !== a || e[11] !== r || e[12] !== o || e[13] !== s || e[14] !== c) {
-    let w;
-    e[16] !== d || e[17] !== f || e[18] !== D || e[19] !== a || e[20] !== r || e[21] !== o || e[22] !== s || e[23] !== c ? (w = (C) => /* @__PURE__ */ x(H, { "data-testid": `board-column-${C.id}`, gap: "xs", _notFirst: {
+  }, e[5] = D) : D = e[5];
+  let T;
+  if (e[6] !== d || e[7] !== f || e[8] !== n || e[9] !== I || e[10] !== a || e[11] !== r || e[12] !== i || e[13] !== s || e[14] !== c) {
+    let P;
+    e[16] !== d || e[17] !== f || e[18] !== I || e[19] !== a || e[20] !== r || e[21] !== i || e[22] !== s || e[23] !== c ? (P = (w) => /* @__PURE__ */ x(B, { "data-testid": `board-column-${w.id}`, gap: "xs", _notFirst: {
       borderLeft: "1px solid",
       borderColor: "border.muted"
-    }, background: d === C.id ? "bg.subtle" : "bg", transition: "background 150ms ease", height: "100%", minH: "240px", overflow: "hidden", minW: "260px", flex: "1 0 260px", onDragOver: C.canDragIn ? y(C.id) : void 0, onDragLeave: C.canDragIn ? k : void 0, onDrop: C.canDragIn ? D(C.id) : void 0, children: [
-      /* @__PURE__ */ i(Al, { column: C, onCreateStart: r, onColumnAction: a }),
-      /* @__PURE__ */ i(ye, { flex: "1", minH: "0", verticalScrollbarProps: {
+    }, 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 ? v(w.id) : void 0, onDragLeave: w.canDragIn ? k : void 0, onDrop: w.canDragIn ? I(w.id) : void 0, children: [
+      /* @__PURE__ */ o(mo, { column: w, onCreateStart: r, onColumnAction: a }),
+      /* @__PURE__ */ o(ke, { flex: "1", minH: "0", verticalScrollbarProps: {
         margin: "0"
       }, contentProps: {
         spaceY: "sm",
         ps: "xs",
         pe: "xs"
-      }, children: C.groups && C.groups.length > 0 ? C.groups.map((I) => {
-        const z = `${C.id}::${I.key}`;
-        return /* @__PURE__ */ i(Ol, { group: I, selectedItemId: c, canDragIn: C.canDragIn, canDragOut: C.canDragOut, isDropTarget: f === z, onDragStart: h, onDragEnd: m, onGroupDragOver: ($) => {
-          $.preventDefault(), $.stopPropagation(), $.dataTransfer.dropEffect = "move", g(z), u(null);
+      }, children: w.groups && w.groups.length > 0 ? w.groups.map((_) => {
+        const L = `${w.id}::${_.key}`;
+        return /* @__PURE__ */ o(go, { group: _, selectedItemId: c, canDragIn: w.canDragIn, canDragOut: w.canDragOut, isDropTarget: f === L, onDragStart: h, onDragEnd: S, onGroupDragOver: ($) => {
+          $.preventDefault(), $.stopPropagation(), $.dataTransfer.dropEffect = "move", p(L), u(null);
         }, onGroupDragLeave: ($) => {
-          $.currentTarget.contains($.relatedTarget) || g(null);
+          $.currentTarget.contains($.relatedTarget) || p(null);
         }, onGroupDrop: ($) => {
-          $.preventDefault(), $.stopPropagation(), g(null), u(null);
-          const O = $.dataTransfer.getData("text/plain");
-          O && (o?.(O, C.id), s?.(O, I.key));
-        } }, I.key);
-      }) : C.items.map((I) => /* @__PURE__ */ i(Tt, { ...I.cardProps, isSelected: I.id === c, draggable: C.canDragOut, onDragStart: C.canDragOut ? h(I.id) : void 0, onDragEnd: C.canDragOut ? m : void 0 }, I.id)) })
-    ] }, C.id), e[16] = d, e[17] = f, e[18] = D, e[19] = a, e[20] = r, e[21] = o, e[22] = s, e[23] = c, e[24] = w) : w = e[24], P = n.map(w), e[6] = d, e[7] = f, e[8] = n, e[9] = D, e[10] = a, e[11] = r, e[12] = o, e[13] = s, e[14] = c, e[15] = P;
+          $.preventDefault(), $.stopPropagation(), p(null), u(null);
+          const z = $.dataTransfer.getData("text/plain");
+          z && (i?.(z, w.id), s?.(z, _.key));
+        } }, _.key);
+      }) : w.items.map((_) => /* @__PURE__ */ o(Ft, { ..._.cardProps, isSelected: _.id === c, draggable: w.canDragOut, onDragStart: w.canDragOut ? h(_.id) : void 0, onDragEnd: w.canDragOut ? S : void 0 }, _.id)) })
+    ] }, w.id), e[16] = d, e[17] = f, e[18] = I, e[19] = a, e[20] = r, e[21] = i, e[22] = s, e[23] = c, e[24] = P) : P = e[24], T = n.map(P), e[6] = d, e[7] = f, e[8] = n, e[9] = I, e[10] = a, e[11] = r, e[12] = i, e[13] = s, e[14] = c, e[15] = T;
   } else
-    P = e[15];
-  let S;
-  return e[25] !== P ? (S = /* @__PURE__ */ i(ye, { height: "100%", showHorizontalScrollbar: !0, showVerticalScrollbar: !1, contentProps: T, children: P }), e[25] = P, e[26] = S) : S = e[26], S;
-}, Ol = (l) => {
-  const e = A(26), {
+    T = e[15];
+  let b;
+  return e[25] !== T ? (b = /* @__PURE__ */ o(ke, { height: "100%", showHorizontalScrollbar: !0, showVerticalScrollbar: !1, contentProps: D, children: T }), e[25] = T, e[26] = b) : b = e[26], b;
+}, go = (l) => {
+  const e = R(26), {
     group: n,
     selectedItemId: t,
-    canDragIn: o,
+    canDragIn: i,
     canDragOut: s,
     isDropTarget: r,
     onDragStart: a,
@@ -2040,55 +2166,55 @@ const zl = (l) => {
     onGroupDragOver: d,
     onGroupDragLeave: u,
     onGroupDrop: f
-  } = l, [g, h] = pe(!0), p = r ? "bg.subtle" : "transparent", m = o ? d : void 0, b = o ? u : void 0, y = o ? f : void 0;
-  let v;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = {
-    bg: "bg.muted"
-  }, e[0] = v) : v = e[0];
+  } = l, [p, h] = ge(!0), g = r ? "bg.subtle" : "transparent", S = i ? d : void 0, m = i ? u : void 0, v = i ? f : void 0;
+  let C;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
+    bg: "bg.hover"
+  }, e[0] = C) : C = e[0];
   let k;
-  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = () => h(Gl), e[1] = k) : k = e[1];
-  const _ = g ? "rotate(90deg)" : "rotate(0deg)";
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = () => h(So), e[1] = k) : k = e[1];
+  const y = p ? "rotate(90deg)" : "rotate(0deg)";
+  let I;
+  e[2] !== y ? (I = /* @__PURE__ */ o(V, { display: "flex", alignItems: "center", flexShrink: 0, children: /* @__PURE__ */ o(ae, { as: Te, boxSize: "14px", color: "fg.muted", transform: y, transition: "transform 0.15s ease" }) }), e[2] = y, e[3] = I) : I = e[3];
   let D;
-  e[2] !== _ ? (D = /* @__PURE__ */ i(j, { display: "flex", alignItems: "center", flexShrink: 0, children: /* @__PURE__ */ i(ue, { as: Ce, boxSize: "14px", color: "fg.muted", transform: _, transition: "transform 0.15s ease" }) }), e[2] = _, e[3] = D) : D = e[3];
+  e[4] !== n.label ? (D = /* @__PURE__ */ o(W, { textStyle: "label/S/medium", color: "fg.muted", children: n.label }), e[4] = n.label, e[5] = D) : D = e[5];
   let T;
-  e[4] !== n.label ? (T = /* @__PURE__ */ i(L, { textStyle: "label/S/medium", color: "fg.muted", children: n.label }), e[4] = n.label, e[5] = T) : T = e[5];
-  let P;
-  e[6] !== n.items.length ? (P = /* @__PURE__ */ i(Pe, { variant: "subtle", colorPalette: "gray", size: "sm", children: n.items.length }), e[6] = n.items.length, e[7] = P) : P = e[7];
-  let S;
-  e[8] !== D || e[9] !== T || e[10] !== P ? (S = /* @__PURE__ */ x(X, { px: "xs", py: "2xs", gap: "2xs", cursor: "pointer", _hover: v, borderRadius: "sm", onClick: k, children: [
+  e[6] !== n.items.length ? (T = /* @__PURE__ */ o(Pe, { variant: "subtle", colorPalette: "gray", size: "sm", children: n.items.length }), e[6] = n.items.length, e[7] = T) : T = e[7];
+  let b;
+  e[8] !== I || e[9] !== D || e[10] !== T ? (b = /* @__PURE__ */ x(j, { px: "xs", py: "2xs", gap: "2xs", cursor: "pointer", _hover: C, borderRadius: "sm", onClick: k, children: [
+    I,
     D,
-    T,
-    P
-  ] }), e[8] = D, e[9] = T, e[10] = P, e[11] = S) : S = e[11];
+    T
+  ] }), e[8] = I, e[9] = D, e[10] = T, e[11] = b) : b = e[11];
+  let P;
+  e[12] !== s || e[13] !== p || e[14] !== n.items || e[15] !== c || e[16] !== a || e[17] !== t ? (P = p && /* @__PURE__ */ o(B, { gap: "sm", pt: "xs", children: n.items.map((_) => /* @__PURE__ */ o(Ft, { ..._.cardProps, isSelected: _.id === t, draggable: s, onDragStart: s ? a(_.id) : void 0, onDragEnd: s ? c : void 0 }, _.id)) }), e[12] = s, e[13] = p, e[14] = n.items, e[15] = c, e[16] = a, e[17] = t, e[18] = P) : P = e[18];
   let w;
-  e[12] !== s || e[13] !== g || e[14] !== n.items || e[15] !== c || e[16] !== a || e[17] !== t ? (w = g && /* @__PURE__ */ i(H, { gap: "sm", pt: "xs", children: n.items.map((I) => /* @__PURE__ */ i(Tt, { ...I.cardProps, isSelected: I.id === t, draggable: s, onDragStart: s ? a(I.id) : void 0, onDragEnd: s ? c : void 0 }, I.id)) }), e[12] = s, e[13] = g, e[14] = n.items, e[15] = c, e[16] = a, e[17] = t, e[18] = w) : w = e[18];
-  let C;
-  return e[19] !== p || e[20] !== m || e[21] !== S || e[22] !== w || e[23] !== b || e[24] !== y ? (C = /* @__PURE__ */ x(H, { gap: "0", borderRadius: "sm", background: p, transition: "background 150ms ease", onDragOver: m, onDragLeave: b, onDrop: y, children: [
-    S,
-    w
-  ] }), e[19] = p, e[20] = m, e[21] = S, e[22] = w, e[23] = b, e[24] = y, e[25] = C) : C = e[25], C;
-}, Al = (l) => {
-  const e = A(20), {
+  return e[19] !== g || e[20] !== S || e[21] !== b || e[22] !== P || e[23] !== m || e[24] !== v ? (w = /* @__PURE__ */ x(B, { gap: "0", borderRadius: "sm", background: g, transition: "background 150ms ease", onDragOver: S, onDragLeave: m, onDrop: v, children: [
+    b,
+    P
+  ] }), e[19] = g, e[20] = S, e[21] = b, e[22] = P, e[23] = m, e[24] = v, e[25] = w) : w = e[25], w;
+}, mo = (l) => {
+  const e = R(20), {
     column: n,
     onCreateStart: t,
-    onColumnAction: o
+    onColumnAction: i
   } = l;
   let s;
-  e[0] !== n.label ? (s = /* @__PURE__ */ i(L, { textStyle: "label/L/medium", children: n.label }), e[0] = n.label, e[1] = s) : s = e[1];
+  e[0] !== n.label ? (s = /* @__PURE__ */ o(W, { textStyle: "label/L/medium", children: n.label }), e[0] = n.label, e[1] = s) : s = e[1];
   const r = n.color ?? "gray";
   let a;
-  e[2] !== n.items.length || e[3] !== r ? (a = /* @__PURE__ */ i(Pe, { variant: "subtle", colorPalette: r, children: n.items.length }), e[2] = n.items.length, e[3] = r, e[4] = a) : a = e[4];
+  e[2] !== n.items.length || e[3] !== r ? (a = /* @__PURE__ */ o(Pe, { variant: "subtle", colorPalette: r, children: n.items.length }), e[2] = n.items.length, e[3] = r, e[4] = a) : a = e[4];
   let c;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ i(Ht, {}), e[5] = c) : c = e[5];
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ o(Pt, {}), e[5] = c) : c = e[5];
   let d;
-  e[6] !== n.canCreate || e[7] !== n.id || e[8] !== t ? (d = n.canCreate && t && /* @__PURE__ */ i(Le, { content: "Create new ticket", children: /* @__PURE__ */ i(Se, { size: "2xs", variant: "outline", onClick: () => t(n.id), "aria-label": "Create ticket", children: /* @__PURE__ */ i(ue, { as: yn, boxSize: "12px" }) }) }), e[6] = n.canCreate, e[7] = n.id, e[8] = t, e[9] = d) : d = e[9];
+  e[6] !== n.canCreate || e[7] !== n.id || e[8] !== t ? (d = n.canCreate && t && /* @__PURE__ */ o(xe, { content: "Create new ticket", children: /* @__PURE__ */ o(he, { size: "2xs", variant: "outline", onClick: () => t(n.id), "aria-label": "Create ticket", children: /* @__PURE__ */ o(ae, { as: Gn, 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] !== o ? (u = n.actions.length > 0 && /* @__PURE__ */ x(ie.Root, { children: [
-    /* @__PURE__ */ i(ie.Trigger, { asChild: !0, children: /* @__PURE__ */ i(Se, { size: "2xs", variant: "ghost", "aria-label": `Column actions for ${n.label}`, children: /* @__PURE__ */ i(ue, { as: vn, boxSize: "12px" }) }) }),
-    /* @__PURE__ */ i(ie.Positioner, { children: /* @__PURE__ */ i(ie.Content, { minW: "180px", bg: "bg", children: n.actions.map((g) => /* @__PURE__ */ i(Re, { primaryLabel: g.label, leftIcon: g.icon, onClick: () => o?.(n.id, g.id) }, g.id)) }) })
-  ] }), e[10] = n.actions, e[11] = n.id, e[12] = n.label, e[13] = o, e[14] = u) : u = e[14];
+  e[10] !== n.actions || e[11] !== n.id || e[12] !== n.label || e[13] !== i ? (u = n.actions.length > 0 && /* @__PURE__ */ x(Y.Root, { children: [
+    /* @__PURE__ */ o(Y.Trigger, { asChild: !0, children: /* @__PURE__ */ o(he, { size: "2xs", variant: "ghost", "aria-label": `Column actions for ${n.label}`, children: /* @__PURE__ */ o(ae, { as: Nn, boxSize: "12px" }) }) }),
+    /* @__PURE__ */ o(Y.Positioner, { children: /* @__PURE__ */ o(Y.Content, { minW: "180px", bg: "bg", children: n.actions.map((p) => /* @__PURE__ */ o(De, { primaryLabel: p.label, leftIcon: p.icon, onClick: () => i?.(n.id, p.id) }, p.id)) }) })
+  ] }), e[10] = n.actions, e[11] = n.id, e[12] = n.label, e[13] = i, e[14] = u) : u = e[14];
   let f;
-  return e[15] !== s || e[16] !== a || e[17] !== d || e[18] !== u ? (f = /* @__PURE__ */ x(X, { padding: "xs", gap: "xs", alignItems: "center", children: [
+  return e[15] !== s || e[16] !== a || e[17] !== d || e[18] !== u ? (f = /* @__PURE__ */ x(j, { padding: "xs", gap: "xs", alignItems: "center", children: [
     s,
     a,
     c,
@@ -2096,123 +2222,123 @@ const zl = (l) => {
     u
   ] }), e[15] = s, e[16] = a, e[17] = d, e[18] = u, e[19] = f) : f = e[19], f;
 };
-function Ml(l) {
+function bo(l) {
   return (e) => {
     e.dataTransfer.setData("text/plain", l), e.dataTransfer.effectAllowed = "move";
   };
 }
-function Gl(l) {
+function So(l) {
   return !l;
 }
-const Nl = [{
+const xo = [{
   id: "ticket",
   header: "",
   cell: ({
     row: l
-  }) => /* @__PURE__ */ i(Wl, { row: l })
-}], Hl = (l) => {
+  }) => /* @__PURE__ */ o(vo, { row: l })
+}], yo = (l) => {
   const {
     items: e,
     selectedItemId: n = null,
     onItemClick: t
-  } = l, [o, s] = pe(!0), r = Cn({
+  } = l, [i, s] = ge(!0), r = jn({
     data: e,
-    columns: Nl,
+    columns: xo,
     state: {
-      expanded: o
+      expanded: i
     },
     onExpandedChange: s,
     getSubRows: (a) => a.children,
-    getCoreRowModel: In(),
-    getExpandedRowModel: wn(),
+    getCoreRowModel: Un(),
+    getExpandedRowModel: Xn(),
     getRowId: (a) => a.id
   });
-  return /* @__PURE__ */ i(j, { children: r.getRowModel().rows.map((a) => {
+  return /* @__PURE__ */ o(V, { children: r.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"
+    return /* @__PURE__ */ o(j, { paddingX: "sm", paddingY: "xs", gap: "sm", cursor: "pointer", borderBottomWidth: "1px", borderColor: "border.muted", background: d ? "bg.active" : "transparent", _hover: {
+      background: d ? "bg.active" : "bg.hover"
     }, onClick: () => {
       u ? a.toggleExpanded() : (c.onClick?.(), t?.(c));
-    }, "data-selected": d ? "true" : void 0, children: kn(a.getVisibleCells()[0].column.columnDef.cell, a.getVisibleCells()[0].getContext()) }, a.id);
+    }, "data-selected": d ? "true" : void 0, children: Yn(a.getVisibleCells()[0].column.columnDef.cell, a.getVisibleCells()[0].getContext()) }, a.id);
   }) });
-}, Wl = (l) => {
-  const e = A(25), {
+}, vo = (l) => {
+  const e = R(25), {
     row: n
-  } = l, t = n.original, o = n.depth, s = o > 0 ? `${o * 24}px` : void 0;
+  } = l, t = n.original, i = n.depth, s = i > 0 ? `${i * 24}px` : void 0;
   let r;
-  e[0] !== o || e[1] !== n ? (r = n.getCanExpand() ? /* @__PURE__ */ i(Bl, { row: n }) : o > 0 ? /* @__PURE__ */ i(Fl, {}) : null, e[0] = o, e[1] = n, e[2] = r) : r = e[2];
+  e[0] !== i || e[1] !== n ? (r = n.getCanExpand() ? /* @__PURE__ */ o(Co, { row: n }) : i > 0 ? /* @__PURE__ */ o(wo, {}) : null, e[0] = i, e[1] = n, e[2] = r) : r = e[2];
   let a;
-  e[3] !== t.statusColor || e[4] !== t.statusIcon ? (a = t.statusIcon && /* @__PURE__ */ i(ue, { 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__ */ o(ae, { 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(L, { 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__ */ o(W, { 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(L, { textStyle: "label/S/regular", flex: "1", truncate: !0, children: t.title }), e[8] = t.title, e[9] = d) : d = e[9];
+  e[8] !== t.title ? (d = /* @__PURE__ */ o(W, { 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(mt, { gap: "2xs", flexShrink: 0, children: t.badges.map(Vl) }), e[10] = t.badges, e[11] = u) : u = e[11];
+  e[10] !== t.badges ? (u = t.badges && t.badges.length > 0 && /* @__PURE__ */ o(Dt, { gap: "2xs", flexShrink: 0, children: t.badges.map(ko) }), e[10] = t.badges, e[11] = u) : u = e[11];
   let f;
-  e[12] !== t.assigneeIcon ? (f = t.assigneeIcon && /* @__PURE__ */ i(j, { flexShrink: 0, children: t.assigneeIcon }), e[12] = t.assigneeIcon, e[13] = f) : f = e[13];
-  let g;
-  e[14] !== t.date ? (g = t.date && /* @__PURE__ */ i(L, { textStyle: "label/XS/regular", color: "fg.muted", flexShrink: 0, children: t.date }), e[14] = t.date, e[15] = g) : g = e[15];
+  e[12] !== t.assigneeIcon ? (f = t.assigneeIcon && /* @__PURE__ */ o(V, { flexShrink: 0, children: t.assigneeIcon }), e[12] = t.assigneeIcon, e[13] = f) : f = e[13];
+  let p;
+  e[14] !== t.date ? (p = t.date && /* @__PURE__ */ o(W, { textStyle: "label/XS/regular", color: "fg.muted", flexShrink: 0, children: t.date }), e[14] = t.date, e[15] = p) : p = e[15];
   let h;
-  return e[16] !== s || e[17] !== r || e[18] !== a || e[19] !== c || e[20] !== d || e[21] !== u || e[22] !== f || e[23] !== g ? (h = /* @__PURE__ */ x(X, { gap: "sm", flex: "1", paddingLeft: s, children: [
+  return e[16] !== s || e[17] !== r || e[18] !== a || e[19] !== c || e[20] !== d || e[21] !== u || e[22] !== f || e[23] !== p ? (h = /* @__PURE__ */ x(j, { gap: "sm", flex: "1", paddingLeft: s, children: [
     r,
     a,
     c,
     d,
     u,
     f,
-    g
-  ] }), e[16] = s, e[17] = r, e[18] = a, e[19] = c, e[20] = d, e[21] = u, e[22] = f, e[23] = g, e[24] = h) : h = e[24], h;
-}, Bl = (l) => {
-  const e = A(6), {
+    p
+  ] }), e[16] = s, e[17] = r, e[18] = a, e[19] = c, e[20] = d, e[21] = u, e[22] = f, e[23] = p, e[24] = h) : h = e[24], h;
+}, Co = (l) => {
+  const e = R(6), {
     row: n
-  } = l, t = n.getIsExpanded(), o = t ? "true" : void 0, s = t ? "Collapse group" : "Expand group", r = t ? "rotate(90deg)" : "rotate(0deg)";
+  } = l, t = n.getIsExpanded(), i = t ? "true" : void 0, s = t ? "Collapse group" : "Expand group", r = t ? "rotate(90deg)" : "rotate(0deg)";
   let a;
-  e[0] !== r ? (a = /* @__PURE__ */ i(Ce, { size: 14, style: {
+  e[0] !== r ? (a = /* @__PURE__ */ o(Te, { size: 14, style: {
     color: "var(--chakra-colors-fg-muted)",
     transform: r,
     transition: "transform 0.15s ease"
   } }), e[0] = r, e[1] = a) : a = e[1];
   let c;
-  return e[2] !== o || e[3] !== s || e[4] !== a ? (c = /* @__PURE__ */ i(j, { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0, width: "16px", height: "16px", "data-expanded": o, "aria-label": s, children: a }), e[2] = o, e[3] = s, e[4] = a, e[5] = c) : c = e[5], c;
-}, Fl = () => {
-  const l = A(1);
+  return e[2] !== i || e[3] !== s || e[4] !== a ? (c = /* @__PURE__ */ o(V, { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0, width: "16px", height: "16px", "data-expanded": i, "aria-label": s, children: a }), e[2] = i, e[3] = s, e[4] = a, e[5] = c) : c = e[5], c;
+}, wo = () => {
+  const l = R(1);
   let e;
-  return l[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ x(j, { width: "16px", height: "16px", position: "relative", flexShrink: 0, children: [
-    /* @__PURE__ */ i(j, { position: "absolute", left: "7px", top: "0", bottom: "50%", borderLeftWidth: "1px", borderColor: "border.muted" }),
-    /* @__PURE__ */ i(j, { position: "absolute", left: "7px", top: "50%", width: "8px", borderBottomWidth: "1px", borderColor: "border.muted" })
+  return l[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ x(V, { width: "16px", height: "16px", position: "relative", flexShrink: 0, children: [
+    /* @__PURE__ */ o(V, { position: "absolute", left: "7px", top: "0", bottom: "50%", borderLeftWidth: "1px", borderColor: "border.muted" }),
+    /* @__PURE__ */ o(V, { position: "absolute", left: "7px", top: "50%", width: "8px", borderBottomWidth: "1px", borderColor: "border.muted" })
   ] }), l[0] = e) : e = l[0], e;
 };
-function Vl(l) {
-  return /* @__PURE__ */ i(Pe, { variant: "subtle", colorPalette: l.color ?? "gray", textStyle: "label/XS/medium", children: l.label }, l.label);
+function ko(l) {
+  return /* @__PURE__ */ o(Pe, { variant: "subtle", colorPalette: l.color ?? "gray", textStyle: "label/XS/medium", children: l.label }, l.label);
 }
-const Ge = {
+const qe = {
   status: "No status",
   assignee: "Unassigned"
-}, Ne = (l, e) => !l || l.trim() === "" ? e : l, ut = (l, e) => e === "none" ? "All" : e === "status" ? Ne(l.status, Ge.status) : Ne(l.assignee, Ge.assignee), ft = (l, e) => l.localeCompare(e, void 0, {
+}, Je = (l, e) => !l || l.trim() === "" ? e : l, vt = (l, e) => e === "none" ? "All" : e === "status" ? Je(l.status, qe.status) : Je(l.assignee, qe.assignee), Ct = (l, e) => l.localeCompare(e, void 0, {
   numeric: !0
-}), Ve = (l, e) => e === "asc" ? l : l * -1, Oe = (l, e) => e.field === "manual" ? l : [...l].sort((n, t) => {
+}), nt = (l, e) => e === "asc" ? l : l * -1, Ue = (l, e) => e.field === "manual" ? l : [...l].sort((n, t) => {
   if (e.field === "updated") {
-    const o = new Date(n.updatedAt ?? 0).getTime(), s = new Date(t.updatedAt ?? 0).getTime();
-    return Ve(o - s, e.direction);
+    const i = new Date(n.updatedAt ?? 0).getTime(), s = new Date(t.updatedAt ?? 0).getTime();
+    return nt(i - s, e.direction);
   }
-  return e.field === "title" ? Ve(n.title.localeCompare(t.title), e.direction) : Ve(n.ticketId.localeCompare(t.ticketId, void 0, {
+  return e.field === "title" ? nt(n.title.localeCompare(t.title), e.direction) : nt(n.ticketId.localeCompare(t.ticketId, void 0, {
     numeric: !0
   }), e.direction);
-}), jl = (l, e) => {
+}), Io = (l, e) => {
   const {
     columnGrouping: n,
     rowGrouping: t,
-    knownColumnKeys: o
+    knownColumnKeys: i
   } = e, s = /* @__PURE__ */ new Map();
-  if (o)
-    for (const a of o)
+  if (i)
+    for (const a of i)
       s.set(a, []);
   for (const a of l) {
-    const c = ut(a, n);
+    const c = vt(a, n);
     s.set(c, [...s.get(c) ?? [], a]);
   }
-  return [...s.entries()].sort(([a], [c]) => ft(a, c)).map(([a, c]) => {
+  return [...s.entries()].sort(([a], [c]) => Ct(a, c)).map(([a, c]) => {
     if (t === "none")
       return {
         key: a,
@@ -2222,13 +2348,13 @@ const Ge = {
       };
     const d = /* @__PURE__ */ new Map();
     for (const f of c) {
-      const g = ut(f, t);
-      d.set(g, [...d.get(g) ?? [], f]);
+      const p = vt(f, t);
+      d.set(p, [...d.get(p) ?? [], f]);
     }
-    const u = [...d.entries()].sort(([f], [g]) => ft(f, g)).map(([f, g]) => ({
+    const u = [...d.entries()].sort(([f], [p]) => Ct(f, p)).map(([f, p]) => ({
       key: f,
       label: f,
-      tickets: g
+      tickets: p
     }));
     return {
       key: a,
@@ -2237,16 +2363,16 @@ const Ge = {
       rows: u
     };
   });
-}, Dt = (l, e) => e === "labels" ? l.labels ?? [] : e === "status" ? [Ne(l.status, Ge.status)] : [Ne(l.assignee, Ge.assignee)], Xl = (l, e) => {
+}, Vt = (l, e) => e === "labels" ? l.labels ?? [] : e === "status" ? [Je(l.status, qe.status)] : [Je(l.assignee, qe.assignee)], Po = (l, e) => {
   const n = Object.entries(e).filter(([, t]) => t && t.length > 0);
-  return n.length === 0 ? l : l.filter((t) => n.every(([o, s]) => Dt(t, o).some((a) => s?.includes(a))));
-}, Ul = (l, e) => {
+  return n.length === 0 ? l : l.filter((t) => n.every(([i, s]) => Vt(t, i).some((a) => s?.includes(a))));
+}, To = (l, e) => {
   const n = {};
   for (const t of l)
-    for (const o of Dt(t, e))
-      n[o] = (n[o] ?? 0) + 1;
+    for (const i of Vt(t, e))
+      n[i] = (n[i] ?? 0) + 1;
   return n;
-}, Yl = {
+}, Do = {
   viewMode: "board",
   columnGrouping: "status",
   rowGrouping: "none",
@@ -2255,7 +2381,7 @@ const Ge = {
     direction: "asc"
   },
   displayProperties: ["labels"]
-}, Kl = [{
+}, _o = [{
   value: "status",
   label: "Status"
 }, {
@@ -2264,7 +2390,7 @@ const Ge = {
 }, {
   value: "none",
   label: "No grouping"
-}], ql = [{
+}], Lo = [{
   value: "manual",
   label: "Manual"
 }, {
@@ -2276,7 +2402,7 @@ const Ge = {
 }, {
   value: "ticketId",
   label: "ID"
-}], Jl = [{
+}], $o = [{
   value: "id",
   label: "ID"
 }, {
@@ -2291,57 +2417,57 @@ const Ge = {
 }, {
   value: "updated",
   label: "Updated"
-}], Ql = "pstdio/ui/tickets-workspace", Zl = (l) => `${Ql}/${l}`, je = {
-  settings: Yl,
+}], Ro = "pstdio/ui/tickets-workspace", Wo = (l) => `${Ro}/${l}`, lt = {
+  settings: Do,
   filters: {}
-}, ei = () => ({
+}, Eo = () => ({
   getItem: () => null,
   setItem: () => {
   },
   removeItem: () => {
   }
-}), ti = (l, e) => l.includes(e) ? l.filter((n) => n !== e) : [...l, e], ni = (l) => {
+}), zo = (l, e) => l.includes(e) ? l.filter((n) => n !== e) : [...l, e], Ao = (l) => {
   const {
     storageKey: e,
     initialState: n
   } = l, t = {
     settings: {
-      ...je.settings,
+      ...lt.settings,
       ...n?.settings ?? {}
     },
-    filters: n?.filters ?? je.filters
+    filters: n?.filters ?? lt.filters
   };
-  return vt()(St((o) => ({
+  return zt()(Wt((i) => ({
     ...t,
-    setViewMode: (s) => o((r) => ({
+    setViewMode: (s) => i((r) => ({
       ...r,
       settings: {
         ...r.settings,
         viewMode: s
       }
     })),
-    setColumnGrouping: (s) => o((r) => ({
+    setColumnGrouping: (s) => i((r) => ({
       ...r,
       settings: {
         ...r.settings,
         columnGrouping: s
       }
     })),
-    setRowGrouping: (s) => o((r) => ({
+    setRowGrouping: (s) => i((r) => ({
       ...r,
       settings: {
         ...r.settings,
         rowGrouping: s
       }
     })),
-    setOrdering: (s) => o((r) => ({
+    setOrdering: (s) => i((r) => ({
       ...r,
       settings: {
         ...r.settings,
         ordering: s
       }
     })),
-    setOrderingField: (s) => o((r) => ({
+    setOrderingField: (s) => i((r) => ({
       ...r,
       settings: {
         ...r.settings,
@@ -2351,7 +2477,7 @@ const Ge = {
         }
       }
     })),
-    toggleSortDirection: () => o((s) => ({
+    toggleSortDirection: () => i((s) => ({
       ...s,
       settings: {
         ...s.settings,
@@ -2361,7 +2487,7 @@ const Ge = {
         }
       }
     })),
-    toggleDisplayProperty: (s) => o((r) => {
+    toggleDisplayProperty: (s) => i((r) => {
       const a = r.settings.displayProperties.includes(s) ? r.settings.displayProperties.filter((c) => c !== s) : [...r.settings.displayProperties, s];
       return {
         ...r,
@@ -2371,15 +2497,15 @@ const Ge = {
         }
       };
     }),
-    setFilter: (s, r) => o((a) => ({
+    setFilter: (s, r) => i((a) => ({
       ...a,
       filters: {
         ...a.filters,
         [s]: r
       }
     })),
-    toggleFilterValue: (s, r) => o((a) => {
-      const c = a.filters[s] ?? [], d = ti(c, r), u = {
+    toggleFilterValue: (s, r) => i((a) => {
+      const c = a.filters[s] ?? [], d = zo(c, r), u = {
         ...a.filters,
         [s]: d
       };
@@ -2388,7 +2514,7 @@ const Ge = {
         filters: u
       };
     }),
-    clearFilter: (s) => o((r) => {
+    clearFilter: (s) => i((r) => {
       const a = {
         ...r.filters
       };
@@ -2397,62 +2523,62 @@ const Ge = {
         filters: a
       };
     }),
-    clearAllFilters: () => o((s) => ({
+    clearAllFilters: () => i((s) => ({
       ...s,
       filters: {}
     })),
-    reset: () => o(je)
+    reset: () => i(lt)
   }), {
-    name: Zl(e),
-    storage: yt(() => typeof globalThis.localStorage > "u" ? ei() : globalThis.localStorage),
-    partialize: (o) => ({
-      settings: o.settings,
-      filters: o.filters
+    name: Wo(e),
+    storage: Et(() => typeof globalThis.localStorage > "u" ? Eo() : globalThis.localStorage),
+    partialize: (i) => ({
+      settings: i.settings,
+      filters: i.filters
     })
   }));
-}, gt = /* @__PURE__ */ new Map(), li = (l) => {
-  const e = gt.get(l);
+}, wt = /* @__PURE__ */ new Map(), Oo = (l) => {
+  const e = wt.get(l);
   if (e)
     return e;
-  const n = ni({
+  const n = Ao({
     storageKey: l
   });
-  return gt.set(l, n), n;
-}, be = (l, e) => {
-  const n = A(2);
+  return wt.set(l, n), n;
+}, Se = (l, e) => {
+  const n = R(2);
   let t;
-  return n[0] !== l ? (t = li(l), n[0] = l, n[1] = t) : t = n[1], xt(t, e);
-}, Me = (l) => l.replaceAll("_", " ").split(" ").filter((e) => e.length > 0).map((e) => e[0].toUpperCase() + e.slice(1)).join(" "), ii = {
+  return n[0] !== l ? (t = Oo(l), n[0] = l, n[1] = t) : t = n[1], Rt(t, e);
+}, Ke = (l) => l.replaceAll("_", " ").split(" ").filter((e) => e.length > 0).map((e) => e[0].toUpperCase() + e.slice(1)).join(" "), Mo = {
   status: (l) => l.status ? [l.status] : [],
   assignee: (l) => l.assignee ? [l.assignee] : [],
   labels: (l) => l.labels ?? []
-}, Xe = (l, e) => {
+}, ot = (l, e) => {
   const n = /* @__PURE__ */ new Set();
   for (const t of l) {
-    const o = ii[e](t);
-    for (const s of o)
+    const i = Mo[e](t);
+    for (const s of i)
       n.add(s);
   }
-  return [...n].sort((t, o) => t.localeCompare(o, void 0, {
+  return [...n].sort((t, i) => t.localeCompare(i, void 0, {
     numeric: !0
   })).map((t) => ({
     value: t,
-    label: Me(t)
+    label: Ke(t)
   }));
-}, oi = (l) => [{
+}, Go = (l) => [{
   id: "status",
   label: "Status",
-  options: Xe(l, "status")
+  options: ot(l, "status")
 }, {
   id: "assignee",
   label: "Assignee",
-  options: Xe(l, "assignee")
+  options: ot(l, "assignee")
 }, {
   id: "labels",
   label: "Labels",
-  options: Xe(l, "labels")
-}], ht = (l, e) => {
-  const n = [], t = (o) => e.includes(o);
+  options: ot(l, "labels")
+}], kt = (l, e) => {
+  const n = [], t = (i) => e.includes(i);
   if (t("status") && l.status && n.push({
     label: l.status,
     color: l.statusColor ?? "gray"
@@ -2463,17 +2589,17 @@ const Ge = {
     label: new Date(l.updatedAt).toLocaleDateString(),
     color: "gray"
   }), t("labels"))
-    for (const o of l.labels ?? [])
+    for (const i of l.labels ?? [])
       n.push({
-        label: o,
+        label: i,
         color: "purple"
       });
   return n;
-}, so = (l) => {
-  const e = A(64), {
+}, Hi = (l) => {
+  const e = R(64), {
     tickets: n,
     storageKey: t,
-    selectedTicketId: o,
+    selectedTicketId: i,
     groupingOptions: s,
     orderingOptions: r,
     displayPropertyOptions: a,
@@ -2481,249 +2607,229 @@ const Ge = {
     knownColumnKeys: d,
     emptyTitle: u,
     emptyDescription: f,
-    onTicketClick: g,
+    onTicketClick: p,
     onMoveTicket: h,
-    onMoveToGroup: p,
-    onCreateTicket: m,
-    onColumnAction: b,
-    getBoardColumnConfig: y
-  } = l, v = o === void 0 ? null : o, k = s === void 0 ? Kl : s, _ = r === void 0 ? ql : r, D = a === void 0 ? Jl : a, T = u === void 0 ? "No tickets found" : u, P = f === void 0 ? "Try changing filters or display settings." : f, S = be(t, ri), w = be(t, si), C = be(t, ai), I = be(t, ci), z = be(t, di), $ = be(t, ui), O = be(t, fi), M = be(t, gi), N = be(t, hi), W = be(t, pi), B = be(t, mi);
-  let G, R, E, V;
-  if (e[0] !== c || e[1] !== w || e[2] !== y || e[3] !== d || e[4] !== g || e[5] !== S.columnGrouping || e[6] !== S.displayProperties || e[7] !== S.ordering || e[8] !== S.rowGrouping || e[9] !== n) {
-    const te = Xl(n, w);
-    G = c ?? oi(n);
+    onMoveToGroup: g,
+    onCreateTicket: S,
+    onColumnAction: m,
+    getBoardColumnConfig: v
+  } = l, C = i === void 0 ? null : i, k = s === void 0 ? _o : s, y = r === void 0 ? Lo : r, I = a === void 0 ? $o : a, D = u === void 0 ? "No tickets found" : u, T = f === void 0 ? "Try changing filters or display settings." : f, b = Se(t, No), P = Se(t, Bo), w = Se(t, Ho), _ = Se(t, Fo), L = Se(t, Vo), $ = Se(t, jo), z = Se(t, Xo), O = Se(t, Uo), G = Se(t, Yo), H = Se(t, Ko), X = Se(t, qo);
+  let F, A, E, K;
+  if (e[0] !== c || e[1] !== P || e[2] !== v || e[3] !== d || e[4] !== p || e[5] !== b.columnGrouping || e[6] !== b.displayProperties || e[7] !== b.ordering || e[8] !== b.rowGrouping || e[9] !== n) {
+    const te = Po(n, P);
+    F = c ?? Go(n);
     let ne;
-    e[14] !== n ? (ne = (F) => [F.id, Ul(n, F.id)], e[14] = n, e[15] = ne) : ne = e[15], R = Object.fromEntries(G.map(ne));
-    const U = d ?? (S.columnGrouping !== "none" ? G.find((F) => F.id === S.columnGrouping)?.options.map(bi) : void 0), Q = jl(te, {
-      columnGrouping: S.columnGrouping,
-      rowGrouping: S.rowGrouping,
-      knownColumnKeys: U
+    e[14] !== n ? (ne = (N) => [N.id, To(n, N.id)], e[14] = n, e[15] = ne) : ne = e[15], A = Object.fromEntries(F.map(ne));
+    const le = d ?? (b.columnGrouping !== "none" ? F.find((N) => N.id === b.columnGrouping)?.options.map(Jo) : void 0), re = Io(te, {
+      columnGrouping: b.columnGrouping,
+      rowGrouping: b.rowGrouping,
+      knownColumnKeys: le
     });
     let oe;
-    e[16] !== g || e[17] !== S.displayProperties ? (oe = (F) => ({
-      id: F.id,
-      ticketId: S.displayProperties.includes("id") ? F.ticketId : "",
-      title: F.title,
-      badges: ht(F, S.displayProperties),
-      onClick: () => g?.(F)
-    }), e[16] = g, e[17] = S.displayProperties, e[18] = oe) : oe = e[18];
-    const se = oe;
-    let re;
-    e[19] !== S.ordering || e[20] !== se ? (re = (F) => ({
-      id: `group::${F.key}`,
+    e[16] !== p || e[17] !== b.displayProperties ? (oe = (N) => ({
+      id: N.id,
+      ticketId: b.displayProperties.includes("id") ? N.ticketId : "",
+      title: N.title,
+      badges: kt(N, b.displayProperties),
+      onClick: () => p?.(N)
+    }), e[16] = p, e[17] = b.displayProperties, e[18] = oe) : oe = e[18];
+    const ce = oe;
+    let de;
+    e[19] !== b.ordering || e[20] !== ce ? (de = (N) => ({
+      id: `group::${N.key}`,
       ticketId: "",
-      title: `${Me(F.label)} (${F.tickets.length})`,
-      children: Oe(F.tickets, S.ordering).map((le) => se(le))
-    }), e[19] = S.ordering, e[20] = se, e[21] = re) : re = e[21];
-    const ce = re;
-    E = S.columnGrouping === "none" ? Oe(te, S.ordering).map((F) => se(F)) : Q.map((F) => F.rows.length > 0 ? {
-      id: `group::${F.key}`,
+      title: `${Ke(N.label)} (${N.tickets.length})`,
+      children: Ue(N.tickets, b.ordering).map((Q) => ce(Q))
+    }), e[19] = b.ordering, e[20] = ce, e[21] = de) : de = e[21];
+    const ue = de;
+    E = b.columnGrouping === "none" ? Ue(te, b.ordering).map((N) => ce(N)) : re.map((N) => N.rows.length > 0 ? {
+      id: `group::${N.key}`,
       ticketId: "",
-      title: `${Me(F.label)} (${F.tickets.length})`,
-      children: F.rows.map((le) => ({
-        ...ce(le),
-        id: `group::${F.key}::${le.key}`
+      title: `${Ke(N.label)} (${N.tickets.length})`,
+      children: N.rows.map((Q) => ({
+        ...ue(Q),
+        id: `group::${N.key}::${Q.key}`
       }))
-    } : ce(F));
-    let de;
-    e[22] !== g || e[23] !== S.displayProperties ? (de = (F) => F.map((le) => ({
-      id: le.id,
+    } : ue(N));
+    let me;
+    e[22] !== p || e[23] !== b.displayProperties ? (me = (N) => N.map((Q) => ({
+      id: Q.id,
       cardProps: {
-        ticketId: S.displayProperties.includes("id") ? le.ticketId : "",
-        parentPath: le.parentPath,
-        title: le.title,
-        badges: ht(le, S.displayProperties),
-        onClick: () => g?.(le)
+        ticketId: b.displayProperties.includes("id") ? Q.ticketId : "",
+        parentPath: Q.parentPath,
+        title: Q.title,
+        badges: kt(Q, b.displayProperties),
+        onClick: () => p?.(Q)
       }
-    })), e[22] = g, e[23] = S.displayProperties, e[24] = de) : de = e[24];
-    const ae = de;
-    let ge;
-    e[25] !== y || e[26] !== S.ordering || e[27] !== ae ? (ge = (F) => {
-      const le = y?.(F.key) ?? {}, me = Oe(F.tickets, S.ordering), Lt = F.rows.length > 0 ? F.rows.map((We) => ({
-        key: We.key,
-        label: Me(We.label),
-        items: ae(Oe(We.tickets, S.ordering))
+    })), e[22] = p, e[23] = b.displayProperties, e[24] = me) : me = e[24];
+    const ie = me;
+    let ve;
+    e[25] !== v || e[26] !== b.ordering || e[27] !== ie ? (ve = (N) => {
+      const Q = v?.(N.key) ?? {}, Me = Ue(N.tickets, b.ordering), Qe = N.rows.length > 0 ? N.rows.map((Ge) => ({
+        key: Ge.key,
+        label: Ke(Ge.label),
+        items: ie(Ue(Ge.tickets, b.ordering))
       })) : void 0;
       return {
-        id: F.key,
-        label: F.label,
-        color: le.color,
-        canDragIn: le.canDragIn ?? !1,
-        canDragOut: le.canDragOut ?? !1,
-        canCreate: le.canCreate ?? !1,
-        actions: le.actions ?? [],
-        items: ae(me),
-        groups: Lt
+        id: N.key,
+        label: N.label,
+        color: Q.color,
+        canDragIn: Q.canDragIn ?? !1,
+        canDragOut: Q.canDragOut ?? !1,
+        canCreate: Q.canCreate ?? !1,
+        actions: Q.actions ?? [],
+        items: ie(Me),
+        groups: Qe
       };
-    }, e[25] = y, e[26] = S.ordering, e[27] = ae, e[28] = ge) : ge = e[28], V = Q.map(ge), e[0] = c, e[1] = w, e[2] = y, e[3] = d, e[4] = g, e[5] = S.columnGrouping, e[6] = S.displayProperties, e[7] = S.ordering, e[8] = S.rowGrouping, e[9] = n, e[10] = G, e[11] = R, e[12] = E, e[13] = V;
+    }, e[25] = v, e[26] = b.ordering, e[27] = ie, e[28] = ve) : ve = e[28], K = re.map(ve), e[0] = c, e[1] = P, e[2] = v, e[3] = d, e[4] = p, e[5] = b.columnGrouping, e[6] = b.displayProperties, e[7] = b.ordering, e[8] = b.rowGrouping, e[9] = n, e[10] = F, e[11] = A, e[12] = E, e[13] = K;
   } else
-    G = e[10], R = e[11], E = e[12], V = e[13];
-  const q = V;
-  let Y;
-  e[29] !== G || e[30] !== B || e[31] !== W || e[32] !== R || e[33] !== w || e[34] !== N ? (Y = /* @__PURE__ */ i(Rl, { categories: G, filters: w, countsByCategory: R, onToggleFilterValue: N, onClearFilter: W, onClearAll: B }), e[29] = G, e[30] = B, e[31] = W, e[32] = R, e[33] = w, e[34] = N, e[35] = Y) : Y = e[35];
-  let K;
-  e[36] !== D || e[37] !== k || e[38] !== _ || e[39] !== I || e[40] !== $ || e[41] !== z || e[42] !== C || e[43] !== S || e[44] !== M || e[45] !== O ? (K = /* @__PURE__ */ i($l, { settings: S, groupingOptions: k, orderingOptions: _, displayPropertyOptions: D, onViewModeChange: C, onColumnGroupingChange: I, onRowGroupingChange: z, onOrderingFieldChange: $, onSortDirectionToggle: O, onDisplayPropertyToggle: M }), e[36] = D, e[37] = k, e[38] = _, e[39] = I, e[40] = $, e[41] = z, e[42] = C, e[43] = S, e[44] = M, e[45] = O, e[46] = K) : K = e[46];
+    F = e[10], A = e[11], E = e[12], K = e[13];
+  const M = K;
   let Z;
-  e[47] !== Y || e[48] !== K ? (Z = /* @__PURE__ */ x(X, { justifyContent: "flex-end", gap: "2xs", children: [
-    Y,
-    K
-  ] }), e[47] = Y, e[48] = K, e[49] = Z) : Z = e[49];
+  e[29] !== F || e[30] !== X || e[31] !== H || e[32] !== A || e[33] !== P || e[34] !== G ? (Z = /* @__PURE__ */ o(Zl, { categories: F, filters: P, countsByCategory: A, onToggleFilterValue: G, onClearFilter: H, onClearAll: X }), e[29] = F, e[30] = X, e[31] = H, e[32] = A, e[33] = P, e[34] = G, e[35] = Z) : Z = e[35];
+  let U;
+  e[36] !== I || e[37] !== k || e[38] !== y || e[39] !== _ || e[40] !== $ || e[41] !== L || e[42] !== w || e[43] !== b || e[44] !== O || e[45] !== z ? (U = /* @__PURE__ */ o(Jl, { settings: b, groupingOptions: k, orderingOptions: y, displayPropertyOptions: I, onViewModeChange: w, onColumnGroupingChange: _, onRowGroupingChange: L, onOrderingFieldChange: $, onSortDirectionToggle: z, onDisplayPropertyToggle: O }), e[36] = I, e[37] = k, e[38] = y, e[39] = _, e[40] = $, e[41] = L, e[42] = w, e[43] = b, e[44] = O, e[45] = z, e[46] = U) : U = e[46];
+  let q;
+  e[47] !== Z || e[48] !== U ? (q = /* @__PURE__ */ x(j, { justifyContent: "flex-end", gap: "2xs", children: [
+    Z,
+    U
+  ] }), e[47] = Z, e[48] = U, e[49] = q) : q = e[49];
   let J;
-  e[50] !== q || e[51] !== P || e[52] !== T || e[53] !== E || e[54] !== b || e[55] !== m || e[56] !== h || e[57] !== p || e[58] !== v || e[59] !== S.viewMode ? (J = S.viewMode === "board" ? /* @__PURE__ */ i(j, { flex: "1", minH: "0", children: q.length > 0 ? /* @__PURE__ */ i(zl, { columns: q, selectedItemId: v, onMoveItem: h, onMoveToGroup: p, onCreateStart: m, onColumnAction: b }) : /* @__PURE__ */ i(Ke, { title: T, description: P, height: "100%", borderWidth: "1px", borderRadius: "md" }) }) : E.length > 0 ? /* @__PURE__ */ i(Hl, { items: E, selectedItemId: v }) : /* @__PURE__ */ i(Ke, { title: T, description: P, borderWidth: "1px", borderRadius: "md" }), e[50] = q, e[51] = P, e[52] = T, e[53] = E, e[54] = b, e[55] = m, e[56] = h, e[57] = p, e[58] = v, e[59] = S.viewMode, e[60] = J) : J = e[60];
+  e[50] !== M || e[51] !== T || e[52] !== D || e[53] !== E || e[54] !== m || e[55] !== S || e[56] !== h || e[57] !== g || e[58] !== C || e[59] !== b.viewMode ? (J = b.viewMode === "board" ? /* @__PURE__ */ o(V, { flex: "1", minH: "0", children: M.length > 0 ? /* @__PURE__ */ o(ho, { columns: M, selectedItemId: C, onMoveItem: h, onMoveToGroup: g, onCreateStart: S, onColumnAction: m }) : /* @__PURE__ */ o(rt, { title: D, description: T, height: "100%", borderWidth: "1px", borderRadius: "md" }) }) : E.length > 0 ? /* @__PURE__ */ o(yo, { items: E, selectedItemId: C }) : /* @__PURE__ */ o(rt, { title: D, description: T, borderWidth: "1px", borderRadius: "md" }), e[50] = M, e[51] = T, e[52] = D, e[53] = E, e[54] = m, e[55] = S, e[56] = h, e[57] = g, e[58] = C, e[59] = b.viewMode, e[60] = J) : J = e[60];
   let ee;
-  return e[61] !== J || e[62] !== Z ? (ee = /* @__PURE__ */ x(H, { gap: "sm", height: "100%", minH: "0", children: [
-    Z,
+  return e[61] !== J || e[62] !== q ? (ee = /* @__PURE__ */ x(B, { gap: "sm", height: "100%", minH: "0", children: [
+    q,
     J
-  ] }), e[61] = J, e[62] = Z, e[63] = ee) : ee = e[63], ee;
+  ] }), e[61] = J, e[62] = q, e[63] = ee) : ee = e[63], ee;
 };
-function ri(l) {
+function No(l) {
   return l.settings;
 }
-function si(l) {
+function Bo(l) {
   return l.filters;
 }
-function ai(l) {
+function Ho(l) {
   return l.setViewMode;
 }
-function ci(l) {
+function Fo(l) {
   return l.setColumnGrouping;
 }
-function di(l) {
+function Vo(l) {
   return l.setRowGrouping;
 }
-function ui(l) {
+function jo(l) {
   return l.setOrderingField;
 }
-function fi(l) {
+function Xo(l) {
   return l.toggleSortDirection;
 }
-function gi(l) {
+function Uo(l) {
   return l.toggleDisplayProperty;
 }
-function hi(l) {
+function Yo(l) {
   return l.toggleFilterValue;
 }
-function pi(l) {
+function Ko(l) {
   return l.clearFilter;
 }
-function mi(l) {
+function qo(l) {
   return l.clearAllFilters;
 }
-function bi(l) {
+function Jo(l) {
   return l.value;
 }
-const xi = Wt({
-  placement: "bottom-end",
-  pauseOnPageIdle: !0
-}), ao = () => {
-  const l = A(1);
-  let e;
-  return l[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ i(He, { children: /* @__PURE__ */ i(Bt, { toaster: xi, insetInline: {
-    mdDown: "4"
-  }, children: Si }) }), l[0] = e) : e = l[0], e;
-};
-function Si(l) {
-  return /* @__PURE__ */ x(_e.Root, { width: {
-    md: "sm"
-  }, children: [
-    l.type === "loading" ? /* @__PURE__ */ i(Ft, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ i(_e.Indicator, {}),
-    /* @__PURE__ */ x(H, { gap: "1", flex: "1", maxWidth: "100%", children: [
-      l.title && /* @__PURE__ */ i(_e.Title, { children: l.title }),
-      l.description && /* @__PURE__ */ i(_e.Description, { children: l.description })
-    ] }),
-    l.action && /* @__PURE__ */ i(_e.ActionTrigger, { children: l.action.label }),
-    l.closable && /* @__PURE__ */ i(_e.CloseTrigger, {})
-  ] });
-}
-const yi = (l) => {
+const Qo = (l) => {
   if (typeof document > "u") return;
   const e = document.documentElement, n = document.body, t = l === "dark" ? "light" : "dark";
-  for (const o of [e, n])
-    o && (o.classList.remove(t), o.classList.add(l), o.setAttribute("data-theme", l), o.style.colorScheme = l);
-}, _t = "theme-preference", $t = Jt(null), vi = () => {
+  for (const i of [e, n])
+    i && (i.classList.remove(t), i.classList.add(l), i.setAttribute("data-theme", l), i.style.colorScheme = l);
+}, jt = "theme-preference", Xt = pn(null), Zo = () => {
   if (typeof window > "u") return "light";
-  const l = window.localStorage.getItem(_t);
+  const l = window.localStorage.getItem(jt);
   return l === "dark" || l === "light" ? l : typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}, co = (l) => {
-  const e = A(11), {
+}, Fi = (l) => {
+  const e = R(11), {
     children: n,
     initialPreference: t
   } = l;
-  let o;
-  e[0] !== t ? (o = t === void 0 ? vi() : t, e[0] = t, e[1] = o) : o = e[1];
-  const s = o, [r, a] = pe(s);
+  let i;
+  e[0] !== t ? (i = t === void 0 ? Zo() : t, e[0] = t, e[1] = i) : i = e[1];
+  const s = i, [r, a] = ge(s);
   let c, d;
   e[2] !== r ? (c = () => {
-    yi(r), typeof window < "u" && window.localStorage.setItem(_t, r);
-  }, d = [r], e[2] = r, e[3] = c, e[4] = d) : (c = e[3], d = e[4]), ze(c, d);
+    Qo(r), typeof window < "u" && window.localStorage.setItem(jt, r);
+  }, d = [r], e[2] = r, e[3] = c, e[4] = d) : (c = e[3], d = e[4]), Oe(c, d);
   let u;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = () => a(Ci), e[5] = u) : u = e[5];
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = () => a(ei), e[5] = u) : u = e[5];
   const f = u;
-  let g;
-  e[6] !== r ? (g = {
+  let p;
+  e[6] !== r ? (p = {
     themePreference: r,
     setThemePreference: a,
     toggleThemePreference: f
-  }, e[6] = r, e[7] = g) : g = e[7];
+  }, e[6] = r, e[7] = p) : p = e[7];
   let h;
-  return e[8] !== n || e[9] !== g ? (h = /* @__PURE__ */ i($t, { value: g, children: n }), e[8] = n, e[9] = g, e[10] = h) : h = e[10], h;
-}, uo = () => {
-  const l = Qt($t);
+  return e[8] !== n || e[9] !== p ? (h = /* @__PURE__ */ o(Xt, { value: p, children: n }), e[8] = n, e[9] = p, e[10] = h) : h = e[10], h;
+}, Vi = () => {
+  const l = hn(Xt);
   if (!l)
     throw new Error("useThemePreference must be used within a ThemePreferenceProvider");
   return l;
 };
-function Ci(l) {
+function ei(l) {
   return l === "dark" ? "light" : "dark";
 }
 export {
-  jt as AlertMessage,
-  Vi as Breadcrumb,
-  ho as ChakraProvider,
-  Pn as Checkbox,
-  Xi as CodeDiffEditor,
-  ji as CodeEditor,
-  Ln as ContentPlaceholder,
-  Ui as ContentPlaceholderLabel,
-  Yi as DeleteConfirmationModal,
-  bt as DiffBubble,
-  Ki as DiffDrawer,
-  $l as DisplayMenu,
-  qi as DocsChangelog,
-  Ji as DocsOutline,
-  Qi as DocsPagination,
-  Zi as DocsSidebar,
-  Ke as EmptyState,
-  eo as ErrorBoundary,
-  Rl as FilterMenu,
-  to as FolderPickerDialog,
-  no as HorizontalMenuStack,
-  jn as ItemSection,
-  Re as MenuItem,
-  lo as OpenSourceNoticesScreen,
-  Yn as PanelMenu,
-  io as Properties,
-  ye as ScrollArea,
-  ll as SearchableMenu,
-  sl as SessionIndicator,
-  oo as SidebarNext,
-  gl as SidebarTree,
-  ro as Switch,
-  co as ThemePreferenceProvider,
-  zl as TicketBoard,
-  Tt as TicketCard,
-  Hl as TicketList,
-  so as TicketsWorkspace,
-  ao as Toaster,
-  Le as Tooltip,
-  yi as applyThemePreference,
-  vi as getInitialThemePreference,
-  mo as psTheme,
-  rl as resolveSessionIndicatorColor,
-  ol as resolveSessionIndicatorIcon,
-  xi as toaster,
-  $e as useSidebarNextStore,
-  uo as useThemePreference,
-  be as useTicketsWorkspaceStore
+  sn as AlertMessage,
+  wi as AttachedPanel,
+  ki as Breadcrumb,
+  Ii as BubbleButton,
+  Pi as BubblePanel,
+  Ui as ChakraProvider,
+  Zn as Checkbox,
+  Di as CodeDiffEditor,
+  Ti as CodeEditor,
+  ol as ContentPlaceholder,
+  _i as ContentPlaceholderLabel,
+  Li as DeleteConfirmationModal,
+  _t as DiffBubble,
+  $i as DiffDrawer,
+  Jl as DisplayMenu,
+  rt as EmptyState,
+  Ot as ErrorBoundary,
+  Zl as FilterMenu,
+  Ri as FolderPickerDialog,
+  cl as HorizontalMenuStack,
+  Wi as ItemSection,
+  De as MenuItem,
+  Oi as OpenSourceNoticesScreen,
+  zi as PanelLayout,
+  Ai as PanelSectionLayout,
+  Mi as Properties,
+  ke as ScrollArea,
+  yl as SearchableMenu,
+  Tl as SessionIndicator,
+  Gi as Sidebar,
+  Ni as SidebarProjectMenu,
+  El as SidebarTree,
+  Bi as Switch,
+  Fi as ThemePreferenceProvider,
+  ho as TicketBoard,
+  Ft as TicketCard,
+  yo as TicketList,
+  Hi as TicketsWorkspace,
+  Ei as Toaster,
+  xe as Tooltip,
+  fo as WorkspaceBadge,
+  Qo as applyThemePreference,
+  Ki as getFileTypeIcon,
+  Zo as getInitialThemePreference,
+  Ji as psTheme,
+  Pl as resolveSessionIndicatorColor,
+  Il as resolveSessionIndicatorIcon,
+  ul as toaster,
+  Ae as useSidebarStore,
+  Vi as useThemePreference,
+  Se as useTicketsWorkspaceStore
 };
 //# sourceMappingURL=index.js.map