@pstdio/ui 0.4.0 → 0.5.1

package/dist/index.js

@@ -1,20 +1,21 @@
-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 { Flex as ue, Box as B, Breadcrumb as ye, IconButton as ge, chakra as Dt, Portal as Me, HStack as N, Spacer as _t, Text as z, Dialog as de, CloseButton as an, Stack as H, Button as pe, Grid as cn, AbsoluteCenter as dn, MenuItem as ut, Icon as te, Badge as Se, Menu as j, Collapsible as je, createToaster as un, Toaster as fn, Toast as ze, Spinner as Lt, Link as ft, Separator as it, InputGroup as pn, Input as gn, Avatar as pt, Switch as Pe, Popover as Ce, SegmentGroup as ve, Wrap as $t } from "@chakra-ui/react";
+import { ChakraProvider as $r } from "@chakra-ui/react";
+import { D as hn, b as Rt, E as rt, A as mn, C as bn } from "./radio-C42qncrD.js";
+import { R as Wr, a as Er } from "./radio-C42qncrD.js";
+import { jsxs as y, jsx as o, Fragment as at } 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 * as Wt from "react";
+import { useRef as He, useState as he, useEffect as Ae, forwardRef as Et, Component as xn, Children as Sn, isValidElement as ct, cloneElement as yn, Fragment as zt, createContext as vn, useContext as Cn } from "react";
+import { T as xe, S as we } from "./get-file-type-icon-Bwqf1WXA.js";
+import { g as Or } from "./get-file-type-icon-Bwqf1WXA.js";
+import { SquareArrowOutUpRight as wn, Minus as In, ChevronRight as De, ChevronDown as Fe, FileText as kn, FolderOpen as Tn, Folder as Pn, Home as Dn, ChevronUp as _n, Info as Ln, Search as $n, CircleCheck as Rn, CircleAlert as Wn, CircleStop as En, CirclePause as zn, CircleDashed as On, PanelLeftClose as An, Sun as Mn, Moon as Gn, FolderIcon as Bn, Settings2 as Nn, List as Hn, KanbanSquare as Fn, ArrowDownUp as Vn, Filter as jn, GitCommitIcon as Xn, GitBranchIcon as Un, CheckCircle as Kn, Clock as Yn, Eye as qn, Shield as Jn, Lightbulb as Qn, Flame as Zn, Flag as el, Star as tl, AlertTriangle as nl, Gauge as ll, Wrench as ol, BookOpen as il, Sparkles as rl, Bug as sl, Circle as al, Check as cl, Plus as dl, MoreHorizontal as ul } from "lucide-react";
+import { Editor as fl, DiffEditor as pl } from "@monaco-editor/react";
+import { useVirtualizer as gl } from "@tanstack/react-virtual";
+import { Outlet as hl } from "@tanstack/react-router";
+import { useStore as Ot } from "zustand";
+import { persist as At, createJSONStorage as Mt } from "zustand/middleware";
+import { createStore as Gt } from "zustand/vanilla";
+import { useReactTable as ml, getExpandedRowModel as bl, getCoreRowModel as xl, flexRender as Sl } from "@tanstack/react-table";
 import "@fontsource/inter/400.css";
 import "@fontsource/inter/500.css";
 import "@fontsource/playfair-display/400.css";
@@ -23,14 +24,14 @@ import "@fontsource/playfair-display/700.css";
 import "@fontsource/onest/400.css";
 import "@fontsource/onest/500.css";
 import "@fontsource/onest/700.css";
-import { t as Ji } from "./theme-D0VvFB1Y.js";
-const Kn = (l, e) => {
+import { t as Mr } from "./theme-BLGUwVOD.js";
+const yl = (l, e) => {
   const {
     min: n,
     max: t
   } = e;
   return Math.min(Math.max(l, n), t);
-}, qn = "20rem", pt = 320, wi = (l) => {
+}, vl = "20rem", gt = 320, sr = (l) => {
   const e = R(23);
   let n, t, i, s, r, a;
   e[0] !== l ? ({
@@ -41,44 +42,44 @@ const Kn = (l, e) => {
     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)
+  const c = r === void 0 ? "28rem" : r, u = a === void 0 ? !1 : a, d = He(null), f = He(Cl), [p, g] = he(null), h = i ?? (u ? vl : c), b = p === null ? c : `${p}px`;
+  let m, S;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = () => () => f.current(), S = [], e[7] = m, e[8] = S) : (m = e[7], S = e[8]), Ae(m, S);
+  let w;
+  e[9] !== u ? (w = (P) => {
+    if (!u || !d.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
+    P.preventDefault();
+    const L = d.current, _ = P.clientX, k = L.getBoundingClientRect().width, D = window.getComputedStyle(L), C = Number.parseFloat(D.minWidth) || gt, $ = L.parentElement?.getBoundingClientRect().width ?? window.innerWidth, W = Math.max(C, $ - gt), E = document.body.style.cursor, O = document.body.style.userSelect, M = (X) => {
+      const V = X.clientX - _, A = yl(k - V, {
+        min: C,
+        max: W
       });
-      h(E);
-    }, X = () => {
-      window.removeEventListener("pointermove", H), window.removeEventListener("pointerup", X), document.body.style.cursor = O, document.body.style.userSelect = G, f.current = Qn;
+      g(A);
+    }, F = () => {
+      window.removeEventListener("pointermove", M), window.removeEventListener("pointerup", F), document.body.style.cursor = E, document.body.style.userSelect = O, f.current = wl;
     };
-    f.current = X, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", window.addEventListener("pointermove", H), window.addEventListener("pointerup", X, {
+    f.current = F, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", window.addEventListener("pointermove", M), window.addEventListener("pointerup", F, {
       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,
+  }, e[9] = u, e[10] = w) : w = e[10];
+  const I = w;
+  let x;
+  e[11] !== I || e[12] !== u ? (x = u ? /* @__PURE__ */ o(B, { 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: I }) : null, e[11] = I, e[12] = u, e[13] = x) : x = e[13];
+  let v;
+  e[14] !== n ? (v = /* @__PURE__ */ o(ue, { flex: "1", minH: 0, direction: "column", children: n }), e[14] = n, e[15] = v) : v = e[15];
+  let T;
+  return e[16] !== t || e[17] !== h || e[18] !== b || e[19] !== s || e[20] !== x || e[21] !== v ? (T = /* @__PURE__ */ y(ue, { ref: d, direction: "column", position: "relative", flexShrink: 0, w: b, minW: h, h: "100%", borderLeftWidth: "1px", bg: "bg", overflow: "hidden", ...s, children: [
+    x,
     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;
+    v
+  ] }), e[16] = t, e[17] = h, e[18] = b, e[19] = s, e[20] = x, e[21] = v, e[22] = T) : T = e[22], T;
 };
-function Jn() {
+function Cl() {
 }
-function Qn() {
+function wl() {
 }
-const ki = at.forwardRef(function(e, n) {
+const ar = Wt.forwardRef(function(e, n) {
   const t = R(21);
   let i, s, r, a, c;
   t[0] !== e ? ({
@@ -88,24 +89,24 @@ const ki = at.forwardRef(function(e, n) {
     linkComponent: i,
     ...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]);
-  let d;
+  let u;
   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;
+    t[10] !== i || t[11] !== s.length || t[12] !== a ? (p = (g, h) => {
+      const b = h === s.length - 1, m = !!(g.url || g.onClick);
+      let S;
+      return b && !m ? S = /* @__PURE__ */ o(ye.CurrentLink, { children: g.title }) : g.url ? S = i ? /* @__PURE__ */ o(ye.Link, { asChild: !0, children: /* @__PURE__ */ o(i, { to: g.url, children: g.title }) }) : /* @__PURE__ */ o(ye.Link, { href: g.url, children: g.title }) : g.onClick ? S = /* @__PURE__ */ o(ye.Link, { as: "button", type: "button", onClick: g.onClick, children: g.title }) : S = /* @__PURE__ */ o(ye.Link, { children: g.title }), /* @__PURE__ */ y(ye.Item, { children: [
+        S,
+        b ? null : /* @__PURE__ */ o(ye.Separator, { as: "span", "aria-hidden": !0, ml: "xs", children: a })
+      ] }, h);
+    }, t[10] = i, t[11] = s.length, t[12] = a, t[13] = p) : p = t[13], u = s.map(p), t[6] = i, t[7] = s, t[8] = a, t[9] = u;
   } else
-    d = t[9];
-  let u;
-  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];
+    u = t[9];
+  let d;
+  t[14] !== c || t[15] !== u ? (d = /* @__PURE__ */ o(ye.List, { gap: c, children: u }), t[14] = c, t[15] = u, t[16] = d) : d = 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) {
+  return t[17] !== n || t[18] !== r || t[19] !== d ? (f = /* @__PURE__ */ o(ye.Root, { ref: n, ...r, children: d }), t[17] = n, t[18] = r, t[19] = d, t[20] = f) : f = t[20], f;
+}), cr = Et(function(e, n) {
   const t = R(21);
   let i, s, r, a, c;
   t[0] !== e ? ({
@@ -115,98 +116,72 @@ const ki = at.forwardRef(function(e, n) {
     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";
+  const u = a === void 0 ? !1 : a, d = u ? "none" : "mid";
   let f;
   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];
+  const p = u ? "none" : "mid";
   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;
+  t[7] !== p ? (g = {
+    boxShadow: p
+  }, t[7] = p, t[8] = g) : g = t[8];
+  let h;
+  t[9] !== i || t[10] !== n || t[11] !== r || t[12] !== d || t[13] !== g ? (h = /* @__PURE__ */ o(ge, { ref: n, rounded: "full", size: "lg", borderWidth: "1px", boxShadow: d, transition: "box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out", _hover: f, _active: g, ...r, children: i }), t[9] = i, t[10] = n, t[11] = r, t[12] = d, t[13] = g, t[14] = h) : h = t[14];
+  const b = h;
   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) {
+  t[15] !== b || t[16] !== c ? (m = c ? /* @__PURE__ */ o(xe, { content: c, children: b }) : b, t[15] = b, t[16] = c, t[17] = m) : m = t[17];
+  let S;
+  return t[18] !== s || t[19] !== m ? (S = /* @__PURE__ */ o(Dt.div, { position: "fixed", bottom: "6", right: "6", zIndex: "docked", ...s, children: m }), t[18] = s, t[19] = m, t[20] = S) : S = t[20], S;
+}), dr = Et(function(e, n) {
   const t = R(28), {
     isOpen: i,
     title: s,
     menu: r,
     onClose: a,
     closeLabel: c,
-    onPopOut: d,
-    popOutLabel: u,
+    onPopOut: u,
+    popOutLabel: d,
     width: f,
     height: p,
-    containerProps: h,
-    testId: g,
-    "aria-label": S,
+    containerProps: g,
+    testId: h,
+    "aria-label": b,
     children: m
-  } = e, v = i === void 0 ? !1 : i, C = f === void 0 ? "28rem" : f, k = p === void 0 ? "38rem" : p;
-  if (!v)
+  } = e, S = i === void 0 ? !1 : i, w = f === void 0 ? "28rem" : f, I = p === void 0 ? "38rem" : p;
+  if (!S)
     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];
+  const x = b ?? s;
+  let v;
+  t[0] !== r ? (v = /* @__PURE__ */ o(N, { gap: "1", minW: "0", children: r }), t[0] = r, t[1] = v) : v = t[1];
   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];
+  t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ o(_t, {}), t[2] = T) : T = t[2];
   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];
+  t[3] !== u || t[4] !== d ? (P = u ? /* @__PURE__ */ o(xe, { content: d, children: /* @__PURE__ */ o(ge, { size: "xs", variant: "ghost", "aria-label": d, onClick: u, children: /* @__PURE__ */ o(wn, { size: 16 }) }) }) : null, t[3] = u, t[4] = d, t[5] = P) : P = t[5];
   let L;
-  t[17] !== _ || t[18] !== w ? (L = /* @__PURE__ */ x(fe, { direction: "column", h: "full", children: [
-    w,
+  t[6] !== c || t[7] !== a ? (L = a ? /* @__PURE__ */ o(xe, { content: c, children: /* @__PURE__ */ o(ge, { size: "xs", variant: "ghost", "aria-label": c, onClick: a, children: /* @__PURE__ */ o(In, { size: 16 }) }) }) : null, t[6] = c, t[7] = a, t[8] = L) : L = t[8];
+  let _;
+  t[9] !== P || t[10] !== L ? (_ = /* @__PURE__ */ y(N, { gap: "1", children: [
+    P,
+    L
+  ] }), t[9] = P, t[10] = L, t[11] = _) : _ = t[11];
+  let k;
+  t[12] !== v || t[13] !== _ ? (k = /* @__PURE__ */ y(N, { alignItems: "center", gap: "sm", px: "xs", pt: "md", pb: "xs", children: [
+    v,
+    T,
     _
-  ] }), t[17] = _, t[18] = w, t[19] = L) : L = t[19];
+  ] }), t[12] = v, t[13] = _, t[14] = k) : k = t[14];
+  let D;
+  t[15] !== m ? (D = /* @__PURE__ */ o(B, { flex: "1", minH: 0, display: "flex", flexDirection: "column", gap: "sm", children: m }), t[15] = m, t[16] = D) : D = t[16];
+  let C;
+  t[17] !== D || t[18] !== k ? (C = /* @__PURE__ */ y(ue, { direction: "column", h: "full", children: [
+    k,
+    D
+  ] }), t[17] = D, t[18] = k, t[19] = C) : C = 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: i,
-    inputProps: r,
-    rootRef: c,
-    disabled: d,
-    ...a
-  } = 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 p;
-  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;
-  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,
-    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 = {
+  return t[20] !== g || t[21] !== I || t[22] !== n || t[23] !== C || t[24] !== x || t[25] !== h || t[26] !== w ? ($ = /* @__PURE__ */ o(Me, { children: /* @__PURE__ */ o(Dt.section, { ref: n, role: "dialog", "data-testid": h, "aria-label": x, position: "fixed", bottom: "3", right: "3", w, maxW: "calc(100vw - 2rem)", h: I, maxH: "calc(100vh - 2rem)", borderRadius: "3xl", boxShadow: "2xl", bg: "bg", zIndex: "dropdown", ...g, children: C }) }), t[20] = g, t[21] = I, t[22] = n, t[23] = C, t[24] = x, t[25] = h, t[26] = w, t[27] = $) : $ = t[27], $;
+}), Bt = {
   base: "vs-dark",
   inherit: !0,
   rules: [],
@@ -219,7 +194,7 @@ const ki = at.forwardRef(function(e, n) {
     "editorIndentGuide.background": "#404040",
     "editorIndentGuide.activeBackground": "#707070"
   }
-}, Ti = (l) => {
+}, ur = (l) => {
   const e = R(15), {
     defaultCode: n,
     code: t,
@@ -228,14 +203,14 @@ const ki = at.forwardRef(function(e, n) {
     language: r,
     onChange: a,
     disableScroll: c
-  } = l, d = r === void 0 ? "javascript" : r;
-  let u;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = {
+  } = l, u = r === void 0 ? "javascript" : r;
+  let d;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
     enabled: !1
-  }, e[0] = u) : u = e[0];
+  }, e[0] = d) : d = e[0];
   const f = !s, p = i ? "on" : "off";
-  let h;
-  e[1] !== c ? (h = c ? {
+  let g;
+  e[1] !== c ? (g = c ? {
     scrollbar: {
       vertical: "hidden",
       horizontal: "hidden",
@@ -245,24 +220,24 @@ const ki = at.forwardRef(function(e, n) {
     scrollBeyondLastLine: !1,
     mouseWheelScrollSensitivity: 0,
     overviewRulerLanes: 0
-  } : {}, e[1] = c, e[2] = h) : h = e[2];
-  let g;
-  e[3] !== f || e[4] !== p || e[5] !== h ? (g = {
+  } : {}, e[1] = c, e[2] = g) : g = e[2];
+  let h;
+  e[3] !== f || e[4] !== p || e[5] !== g ? (h = {
     tabSize: 2,
-    minimap: u,
+    minimap: d,
     fontSize: 12,
     readOnly: f,
     lineNumbers: p,
-    ...h
-  }, e[3] = f, e[4] = p, e[5] = h, e[6] = g) : g = e[6];
-  const S = g;
+    ...g
+  }, e[3] = f, e[4] = p, e[5] = g, e[6] = h) : h = e[6];
+  const b = h;
   let m;
-  e[7] !== a ? (m = (C) => {
-    a?.(C || "");
+  e[7] !== a ? (m = (w) => {
+    a?.(w || "");
   }, 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) => {
+  let S;
+  return e[9] !== t || e[10] !== n || e[11] !== u || e[12] !== b || e[13] !== m ? (S = /* @__PURE__ */ o(fl, { width: "100%", height: "100%", language: u, defaultValue: n, value: t, theme: "ps-theme", options: b, onChange: m, beforeMount: Il, onMount: kl }), e[9] = t, e[10] = n, e[11] = u, e[12] = b, e[13] = m, e[14] = S) : S = e[14], S;
+}, fr = (l) => {
   const e = R(11), {
     original: n,
     modified: t,
@@ -274,9 +249,9 @@ const ki = at.forwardRef(function(e, n) {
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = {
     enabled: !1
   }, e[0] = c) : c = e[0];
-  const d = i ? "on" : "off";
-  let u;
-  e[1] !== r ? (u = r ? {
+  const u = i ? "on" : "off";
+  let d;
+  e[1] !== r ? (d = r ? {
     scrollbar: {
       vertical: "hidden",
       horizontal: "hidden",
@@ -286,9 +261,9 @@ const ki = at.forwardRef(function(e, n) {
     scrollBeyondLastLine: !1,
     mouseWheelScrollSensitivity: 0,
     overviewRulerLanes: 0
-  } : {}, e[1] = r, e[2] = u) : u = e[2];
+  } : {}, e[1] = r, e[2] = d) : d = e[2];
   let f;
-  e[3] !== d || e[4] !== u ? (f = {
+  e[3] !== u || e[4] !== d ? (f = {
     tabSize: 2,
     minimap: c,
     fontSize: 12,
@@ -296,32 +271,32 @@ const ki = at.forwardRef(function(e, n) {
     originalEditable: !1,
     renderSideBySide: !0,
     useInlineViewWhenSpaceIsTooSmall: !0,
-    lineNumbers: d,
-    ...u
-  }, e[3] = d, e[4] = u, e[5] = f) : f = e[5];
+    lineNumbers: u,
+    ...d
+  }, e[3] = u, e[4] = d, e[5] = f) : f = e[5];
   const p = f;
-  let 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;
+  let g;
+  return e[6] !== a || e[7] !== t || e[8] !== p || e[9] !== n ? (g = /* @__PURE__ */ o(pl, { width: "100%", height: "100%", language: a, original: n, modified: t, theme: "ps-theme", options: p, beforeMount: Tl, onMount: Pl }), e[6] = a, e[7] = t, e[8] = p, e[9] = n, e[10] = g) : g = e[10], g;
 };
-function el(l) {
-  l.editor.defineTheme("ps-theme", At);
+function Il(l) {
+  l.editor.defineTheme("ps-theme", Bt);
 }
-async function tl(l, e) {
+async function kl(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 nl(l) {
-  l.editor.defineTheme("ps-theme", At);
+function Tl(l) {
+  l.editor.defineTheme("ps-theme", Bt);
 }
-function ll(l, e) {
+function Pl(l, e) {
   e.editor.setTheme("ps-theme"), e.languages.typescript.typescriptDefaults.setCompilerOptions({
     jsx: e.languages.typescript.JsxEmit.React
   });
 }
-const ol = (l) => {
+const Dl = (l) => {
   const e = R(3);
   let n;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
@@ -331,20 +306,20 @@ const ol = (l) => {
     width: "100%"
   }, e[0] = n) : n = e[0];
   let t;
-  return e[1] !== l ? (t = /* @__PURE__ */ o(V, { ...l, css: n }), e[1] = l, e[2] = t) : t = e[2], t;
-}, _i = (l) => {
+  return e[1] !== l ? (t = /* @__PURE__ */ o(B, { ...l, css: n }), e[1] = l, e[2] = t) : t = e[2], t;
+}, pr = (l) => {
   const e = R(2);
   let n;
-  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), {
+  return e[0] !== l ? (n = /* @__PURE__ */ o(B, { p: "2", children: /* @__PURE__ */ o(z, { color: "fg.muted", fontWeight: "medium", textStyle: "sm", whiteSpace: "nowrap", ...l }) }), e[0] = l, e[1] = n) : n = e[1], n;
+}, gr = (l) => {
+  const [e, n] = he(!1), {
     headline: t,
     buttonText: i,
     notificationText: s,
     onDelete: r,
     open: a,
     onClose: c
-  } = l, d = async () => {
+  } = l, u = async () => {
     n(!0);
     try {
       await r(), c();
@@ -353,110 +328,110 @@ const ol = (l) => {
       n(!1);
     }
   };
-  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" }) })
+  return /* @__PURE__ */ y(de.Root, { open: a, onOpenChange: c, children: [
+    /* @__PURE__ */ o(de.Backdrop, {}),
+    /* @__PURE__ */ o(de.Positioner, { children: /* @__PURE__ */ y(de.Content, { children: [
+      /* @__PURE__ */ y(de.Header, { children: [
+        /* @__PURE__ */ o(z, { textStyle: "heading/M", children: t }),
+        /* @__PURE__ */ o(de.CloseTrigger, { asChild: !0, children: /* @__PURE__ */ o(an, { size: "sm" }) })
       ] }),
-      /* @__PURE__ */ o(se.Body, { children: s }),
-      /* @__PURE__ */ o(se.Footer, { children: /* @__PURE__ */ x(B, { direction: "row", gap: "1", children: [
+      /* @__PURE__ */ o(de.Body, { children: s }),
+      /* @__PURE__ */ o(de.Footer, { children: /* @__PURE__ */ y(H, { 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 })
+        /* @__PURE__ */ o(pe, { loading: e, variant: "solid", colorPalette: "red", onClick: u, children: i })
       ] }) })
     ] }) })
   ] });
-}, il = (l) => {
+}, _l = (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[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = {
+  } = l, r = t === void 0 ? !1 : t, a = i === void 0 ? !0 : i, c = n.newPath || n.oldPath || "unknown", u = n.additions ?? 0, d = n.deletions ?? 0, f = r ? "border.accent" : "border.muted", p = r ? "bg.active" : "bg";
+  let g;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = {
     borderColor: "border.accent"
-  }, e[0] = h) : h = e[0];
-  const g = a ? "1px solid" : "none", S = r ? "bg.active" : "bg.subtle";
+  }, e[0] = g) : g = e[0];
+  const h = a ? "1px solid" : "none", b = r ? "bg.active" : "bg.subtle";
   let m;
-  e[1] !== S ? (m = {
-    bg: S
-  }, e[1] = S, e[2] = m) : m = e[2];
-  let v;
-  e[3] !== s ? (v = () => s?.(), e[3] = s, e[4] = v) : v = e[4];
-  const C = a ? "Collapse" : "Expand";
-  let k;
-  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];
+  e[1] !== b ? (m = {
+    bg: b
+  }, e[1] = b, e[2] = m) : m = e[2];
+  let S;
+  e[3] !== s ? (S = () => s?.(), e[3] = s, e[4] = S) : S = e[4];
+  const w = a ? "Collapse" : "Expand";
   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];
+  e[5] !== s ? (I = (C) => {
+    C.stopPropagation(), s?.();
+  }, e[5] = s, e[6] = I) : I = e[6];
+  let x;
+  e[7] !== a ? (x = a ? /* @__PURE__ */ o(Fe, { size: 16 }) : /* @__PURE__ */ o(De, { size: 16 }), e[7] = a, e[8] = x) : x = e[8];
+  let v;
+  e[9] !== I || e[10] !== x || e[11] !== w ? (v = /* @__PURE__ */ o(ge, { "aria-label": w, variant: "ghost", size: "2xs", onClick: I, flexShrink: 0, children: x }), e[9] = I, e[10] = x, e[11] = w, e[12] = v) : v = e[12];
   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];
+  e[13] !== n.change || e[14] !== n.newPath || e[15] !== n.oldPath || e[16] !== c ? (T = n.change === "renamed" ? /* @__PURE__ */ y(z, { as: "span", textStyle: "sm", children: [
+    /* @__PURE__ */ o(z, { as: "span", color: "fg.muted", textDecoration: "line-through", mr: "xs", children: n.oldPath }),
+    /* @__PURE__ */ o(B, { as: "span", display: "inline-flex", alignItems: "center", verticalAlign: "middle", mr: "xs", children: /* @__PURE__ */ o(De, { size: 12 }) }),
+    n.newPath
+  ] }) : n.change === "deleted" ? /* @__PURE__ */ o(z, { as: "span", color: "fg.muted", textDecoration: "line-through", textStyle: "sm", children: c }) : /* @__PURE__ */ o(z, { as: "span", textStyle: "sm", children: c }), e[13] = n.change, e[14] = n.newPath, e[15] = n.oldPath, e[16] = c, e[17] = T) : T = e[17];
   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];
+  e[18] !== c || e[19] !== T ? (P = /* @__PURE__ */ o(B, { minW: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", title: c, children: T }), e[18] = c, e[19] = T, e[20] = P) : P = e[20];
+  let L;
+  e[21] !== u || e[22] !== d ? (L = /* @__PURE__ */ o(B, { flexShrink: 0, children: /* @__PURE__ */ o(Rt, { variant: "ghost", additions: u, deletions: d }) }), e[21] = u, e[22] = d, e[23] = L) : L = e[23];
   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: [
+  e[24] !== v || e[25] !== P || e[26] !== L || e[27] !== h || e[28] !== m || e[29] !== S ? (_ = /* @__PURE__ */ y(cn, { templateColumns: "auto minmax(0, 1fr) auto", px: "xs", py: "2xs", alignItems: "center", justifyContent: "space-between", borderBottom: h, borderColor: "border.muted", cursor: "pointer", transition: "background 0.14s ease", _hover: m, onClick: S, gap: "sm", children: [
+    v,
     P,
-    w
-  ] }), e[37] = P, e[38] = w, e[39] = f, e[40] = p, e[41] = _) : _ = e[41], _;
+    L
+  ] }), e[24] = v, e[25] = P, e[26] = L, e[27] = h, e[28] = m, e[29] = S, e[30] = _) : _ = e[30];
+  let k;
+  e[31] !== n.newContent || e[32] !== n.newPath || e[33] !== n.oldContent || e[34] !== n.oldPath || e[35] !== a ? (k = a && /* @__PURE__ */ o(B, { bg: "bg", children: /* @__PURE__ */ o(hn, { 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] = k) : k = e[36];
+  let D;
+  return e[37] !== _ || e[38] !== k || e[39] !== f || e[40] !== p ? (D = /* @__PURE__ */ y(B, { border: "1px solid", borderColor: f, borderRadius: "xs", overflow: "hidden", bg: p, width: "100%", maxW: "100%", transition: "border-color 0.14s ease", _hover: g, children: [
+    _,
+    k
+  ] }), e[37] = _, e[38] = k, e[39] = f, e[40] = p, e[41] = D) : D = e[41], D;
 }, ht = (l) => l.newPath ?? l.oldPath ?? "unknown";
-function $i(l) {
+function hr(l) {
   const {
     diffs: e,
     selectedDiffPath: n = null
-  } = l, t = Be(null), [i, s] = ge(() => /* @__PURE__ */ new Set()), r = Fn({
+  } = l, t = He(null), [i, s] = he(() => /* @__PURE__ */ new Set()), r = gl({
     count: e.length,
     getScrollElement: () => t.current,
     estimateSize: () => 42,
     overscan: 5
   });
-  if (Oe(() => {
+  if (Ae(() => {
     if (!n) return;
-    const c = e.findIndex((d) => ht(d) === n);
+    const c = e.findIndex((u) => ht(u) === 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: {
+    return /* @__PURE__ */ o(H, { h: "full", minH: "0", gap: "0", children: /* @__PURE__ */ o(we, { 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;
+    s((u) => {
+      const d = new Set(u);
+      return d.has(c) ? d.delete(c) : d.add(c), d;
     });
   };
-  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: {
+  return /* @__PURE__ */ o(H, { h: "full", minH: "0", gap: "0", children: /* @__PURE__ */ o(B, { position: "relative", flex: "1", minH: "0", children: /* @__PURE__ */ o(we, { position: "absolute", inset: "0", viewportRef: t, contentProps: {
     p: "xs"
-  }, children: /* @__PURE__ */ o(V, { position: "relative", width: "100%", style: {
+  }, children: /* @__PURE__ */ o(B, { 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: {
+    const u = e[c.index], d = ht(u);
+    return /* @__PURE__ */ o(B, { "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);
+    }, children: /* @__PURE__ */ o(_l, { diff: u, isSelected: n === d, isExpanded: !i.has(d), onToggleExpanded: () => a(d) }) }, c.key);
   }) }) }) }) });
 }
-class Ot extends an {
+class Nt extends xn {
   state = {
     error: null
   };
@@ -481,30 +456,30 @@ class Ot extends an {
     } = this.props, {
       error: i
     } = this.state;
-    return i ? n || /* @__PURE__ */ o(rl, { error: i, label: t, onReset: this.handleReset }) : e;
+    return i ? n || /* @__PURE__ */ o(Ll, { error: i, label: t, onReset: this.handleReset }) : e;
   }
 }
-const rl = (l) => {
+const Ll = (l) => {
   const e = R(12), {
     error: n,
     label: t,
     onReset: i
   } = l, s = t ?? "Something went wrong";
   let r;
-  e[0] !== s ? (r = /* @__PURE__ */ o(W, { textStyle: "paragraph/M/medium", children: s }), e[0] = s, e[1] = r) : r = e[1];
+  e[0] !== s ? (r = /* @__PURE__ */ o(z, { 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__ */ o(W, { textStyle: "paragraph/S/regular", children: a }), e[2] = a, e[3] = c) : c = e[3];
-  let d;
-  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];
+  e[2] !== a ? (c = /* @__PURE__ */ o(z, { textStyle: "paragraph/S/regular", children: a }), e[2] = a, e[3] = c) : c = e[3];
   let u;
-  e[6] !== c || e[7] !== d ? (u = /* @__PURE__ */ x(B, { gap: "sm", children: [
+  e[4] !== i ? (u = i ? /* @__PURE__ */ o(pe, { size: "sm", variant: "solid", colorScheme: "black", onClick: i, children: "Try again" }) : null, e[4] = i, e[5] = u) : u = e[5];
+  let d;
+  e[6] !== c || e[7] !== u ? (d = /* @__PURE__ */ y(H, { gap: "sm", children: [
     c,
-    d
-  ] }), e[6] = c, e[7] = d, e[8] = u) : u = e[8];
+    u
+  ] }), e[6] = c, e[7] = u, e[8] = d) : d = e[8];
   let f;
-  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 = {
+  return e[9] !== r || e[10] !== d ? (f = /* @__PURE__ */ o(Dl, { height: "100%", width: "100%", children: /* @__PURE__ */ o(dn, { children: /* @__PURE__ */ o(mn, { status: "error", title: r, children: d }) }) }), e[9] = r, e[10] = d, e[11] = f) : f = e[11], f;
+}, Ht = {
   default: {
     paddingX: "sm",
     paddingY: "xs",
@@ -523,182 +498,194 @@ const rl = (l) => {
     secondaryMarginLeft: "0",
     secondaryTextStyle: "label/XS/regular"
   }
-}, gt = (l) => {
-  const e = R(48), {
+}, mt = (l) => {
+  const e = R(51), {
     primaryLabel: n,
     tooltipLabel: t,
     secondaryLabel: i,
-    leftIcon: s,
-    rightIcon: r,
-    leftIconColor: a,
-    rightIconColor: c,
+    shortcutLabel: s,
+    leftIcon: r,
+    rightIcon: a,
+    leftIconColor: c,
+    rightIconColor: u,
     leftIconSize: d,
-    rightIconSize: u,
-    rightIconAriaLabel: f,
-    rightTooltipLabel: p,
+    rightIconSize: f,
+    rightIconAriaLabel: p,
+    rightTooltipLabel: g,
     onRightIconClick: h,
-    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] = 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] = D) : D = e[4];
-  const T = D;
-  let b;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = {
+    tagLabel: b,
+    tagColorPalette: m,
+    tagVariant: S,
+    variant: w
+  } = l, I = Ht[w], x = !!(h && a);
+  let v;
+  e[0] !== x ? (v = (J) => {
+    x && (J.preventDefault(), J.stopPropagation());
+  }, e[0] = x, e[1] = v) : v = e[1];
+  const T = v;
+  let P;
+  e[2] !== x || e[3] !== h ? (P = (J) => {
+    !x || !h || (J.preventDefault(), J.stopPropagation(), h());
+  }, e[2] = x, e[3] = h, e[4] = P) : P = e[4];
+  const L = P, _ = $l;
+  let k;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = {
     placement: "right"
-  }, 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];
+  }, e[5] = k) : k = e[5];
+  const D = !t;
+  let C;
+  e[6] !== r || e[7] !== c || e[8] !== d ? (C = _(r, d, c), e[6] = r, e[7] = c, e[8] = d, e[9] = C) : C = e[9];
   let $;
-  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[10] !== n || e[11] !== I.primaryTextStyle ? ($ = /* @__PURE__ */ o(z, { lineClamp: 1, textOverflow: "ellipsis", textStyle: I.primaryTextStyle, children: n }), e[10] = n, e[11] = I.primaryTextStyle, e[12] = $) : $ = e[12];
+  let W;
+  e[13] !== C || e[14] !== $ ? (W = /* @__PURE__ */ y(ue, { alignItems: "flex-start", gap: "xs", flex: "1", children: [
+    C,
     $
-  ] }), e[20] = L, e[21] = $, e[22] = z) : z = e[22];
+  ] }), e[13] = C, e[14] = $, e[15] = W) : W = e[15];
+  let E;
+  e[16] !== i || e[17] !== I.secondaryMarginLeft || e[18] !== I.secondaryTextStyle ? (E = i && /* @__PURE__ */ o(z, { ml: I.secondaryMarginLeft, lineClamp: 1, textOverflow: "ellipsis", textStyle: I.secondaryTextStyle, color: "fg.menu-item.secondary", children: i }), e[16] = i, e[17] = I.secondaryMarginLeft, e[18] = I.secondaryTextStyle, e[19] = E) : E = e[19];
   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[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];
+  e[20] !== W || e[21] !== E ? (O = /* @__PURE__ */ y(H, { gap: "2xs", children: [
+    W,
+    E
+  ] }), e[20] = W, e[21] = E, e[22] = O) : O = e[22];
+  let M;
+  e[23] !== D || e[24] !== O || e[25] !== t ? (M = /* @__PURE__ */ o(xe, { positioning: k, content: t, disabled: D, children: O }), e[23] = D, e[24] = O, e[25] = t, e[26] = M) : M = e[26];
   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];
+  e[27] !== s ? (F = s ? /* @__PURE__ */ o(ue, { alignItems: "center", children: s }) : null, e[27] = s, e[28] = F) : F = e[28];
+  let X;
+  e[29] !== L || e[30] !== T || e[31] !== x || e[32] !== a || e[33] !== p || e[34] !== u || e[35] !== f || e[36] !== g ? (X = a ? /* @__PURE__ */ o(xe, { positioning: {
+    placement: "right"
+  }, content: g, disabled: !g, children: /* @__PURE__ */ o(ue, { as: x ? "button" : "div", alignItems: "center", "aria-label": p, cursor: x ? "pointer" : "default", bg: "transparent", borderWidth: "0", padding: "0", onMouseDown: T, onClick: L, children: _(a, f, u) }) }) : null, e[29] = L, e[30] = T, e[31] = x, e[32] = a, e[33] = p, e[34] = u, e[35] = f, e[36] = g, e[37] = X) : X = e[37];
+  let V;
+  e[38] !== F || e[39] !== X ? (V = /* @__PURE__ */ y(ue, { justifyContent: "flex-end", alignItems: "center", gap: "xs", color: "fg.menu-item.default", children: [
+    F,
+    X
+  ] }), e[38] = F, e[39] = X, e[40] = V) : V = e[40];
   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), {
+  e[41] !== V || e[42] !== M ? (A = /* @__PURE__ */ y(ue, { justifyContent: "space-between", alignItems: "center", gap: "xs", flex: "1", children: [
+    M,
+    V
+  ] }), e[41] = V, e[42] = M, e[43] = A) : A = e[43];
+  let K;
+  e[44] !== m || e[45] !== b || e[46] !== S ? (K = b ? /* @__PURE__ */ o(Se, { position: "absolute", top: "xs", right: "sm", textStyle: "label/XS/medium", px: "xs", py: "2px", borderRadius: "md", colorPalette: m, variant: S, pointerEvents: "none", children: b }) : null, e[44] = m, e[45] = b, e[46] = S, e[47] = K) : K = e[47];
+  let G;
+  return e[48] !== A || e[49] !== K ? (G = /* @__PURE__ */ y(at, { children: [
+    A,
+    K
+  ] }), e[48] = A, e[49] = K, e[50] = G) : G = e[50], G;
+}, Ie = (l) => {
+  const e = R(49), {
     id: n,
     children: t,
     asChild: i,
     primaryLabel: s,
     tooltipLabel: r,
     secondaryLabel: a,
-    leftIcon: c,
+    shortcutLabel: c,
+    leftIcon: u,
     rightIcon: d,
-    leftIconColor: u,
-    rightIconColor: f,
-    leftIconSize: p,
+    leftIconColor: f,
+    rightIconColor: p,
+    leftIconSize: g,
     rightIconSize: h,
-    rightIconAriaLabel: g,
-    rightTooltipLabel: S,
-    onRightIconClick: m,
-    isDisabled: v,
-    isSelected: C,
-    tagLabel: k,
-    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,
+    rightIconAriaLabel: b,
+    rightTooltipLabel: m,
+    onRightIconClick: S,
+    isDisabled: w,
+    isSelected: I,
+    tagLabel: x,
+    tagColorPalette: v,
+    tagVariant: T,
+    variant: P,
+    tabIndex: L,
+    width: _,
+    maxWidth: k,
+    setRefElement: D
+  } = l, C = u === void 0 ? null : u, $ = f === void 0 ? "fg.menu-item.default" : f, W = p === void 0 ? "fg.menu-item.default" : p, E = v === void 0 ? "yellow" : v, O = T === void 0 ? "subtle" : T, M = P === void 0 ? "default" : P, {
+    onClick: F,
     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 = {
+    onMouseEnter: V
+  } = l, A = Ht[M], K = I ? "bg.menu-item.selected" : "bg.menu-item.default", G = g ?? A.iconSize, J = h ?? A.iconSize;
+  let Q;
+  e[0] !== C || e[1] !== $ || e[2] !== S || e[3] !== s || e[4] !== G || e[5] !== J || e[6] !== d || e[7] !== b || e[8] !== W || e[9] !== m || e[10] !== a || e[11] !== c || e[12] !== E || e[13] !== x || e[14] !== O || e[15] !== r || e[16] !== M ? (Q = {
     primaryLabel: s,
     secondaryLabel: a,
+    shortcutLabel: c,
     tooltipLabel: r,
-    leftIcon: _,
+    leftIcon: C,
     rightIcon: d,
-    leftIconColor: L,
-    rightIconColor: $,
-    leftIconSize: K,
-    rightIconSize: M,
-    rightIconAriaLabel: g,
-    rightTooltipLabel: S,
-    onRightIconClick: m,
-    tagLabel: k,
-    tagColorPalette: z,
+    leftIconColor: $,
+    rightIconColor: W,
+    leftIconSize: G,
+    rightIconSize: J,
+    rightIconAriaLabel: b,
+    rightTooltipLabel: m,
+    onRightIconClick: S,
+    tagLabel: x,
+    tagColorPalette: E,
     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 = {
+    variant: M
+  }, e[0] = C, e[1] = $, e[2] = S, e[3] = s, e[4] = G, e[5] = J, e[6] = d, e[7] = b, e[8] = W, e[9] = m, e[10] = a, e[11] = c, e[12] = E, e[13] = x, e[14] = O, e[15] = r, e[16] = M, e[17] = Q) : Q = e[17];
+  const q = Q, le = k ?? "20rem", oe = w ? "default" : "pointer", Z = n ?? s;
+  let se, ee;
+  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (se = {
     bg: "bg.menu-item.hover"
-  }, ne = {
+  }, ee = {
     bg: "bg.menu-item.focus"
-  }, e[17] = te, e[18] = ne) : (te = e[17], ne = e[18]);
-  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 = {
+  }, e[18] = se, e[19] = ee) : (se = e[18], ee = e[19]);
+  let ie;
+  e[20] !== K || e[21] !== n || e[22] !== w || e[23] !== I || e[24] !== D || e[25] !== le || e[26] !== oe || e[27] !== Z || e[28] !== L || e[29] !== A.minHeight || e[30] !== A.paddingX || e[31] !== A.paddingY || e[32] !== _ ? (ie = {
     id: n,
-    ref: w,
-    tabIndex: T,
-    disabled: v,
-    "aria-selected": C,
+    ref: D,
+    tabIndex: L,
+    disabled: w,
+    "aria-selected": I,
     paddingX: A.paddingX,
     paddingY: A.paddingY,
     height: "auto",
     minHeight: A.minHeight,
     role: "option",
-    width: b,
-    maxWidth: q,
+    width: _,
+    maxWidth: le,
     overflow: "hidden",
     position: "relative",
-    cursor: J,
-    value: ee,
-    bg: E,
-    _hover: te,
-    _focus: ne,
+    cursor: oe,
+    value: Z,
+    bg: K,
+    _hover: se,
+    _focus: ee,
     textDecoration: "none",
     color: "inherit"
-  }, 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;
+  }, e[20] = K, e[21] = n, e[22] = w, e[23] = I, e[24] = D, e[25] = le, e[26] = oe, e[27] = Z, e[28] = L, e[29] = A.minHeight, e[30] = A.paddingX, e[31] = A.paddingY, e[32] = _, e[33] = ie) : ie = e[33];
+  const ne = ie;
   if (i && t) {
-    let de, ue;
-    if (e[33] !== t || e[34] !== re || e[35] !== U) {
-      ue = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    let fe, Y;
+    if (e[34] !== t || e[35] !== ne || e[36] !== q) {
+      Y = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       e: {
-        const me = cn.only(t);
-        if (!dn(me)) {
-          ue = null;
+        const U = Sn.only(t);
+        if (!ct(U)) {
+          Y = null;
           break e;
         }
-        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) });
+        let ae;
+        e[39] !== q ? (ae = /* @__PURE__ */ o(mt, { ...q }), e[39] = q, e[40] = ae) : ae = e[40], fe = /* @__PURE__ */ o(ut, { asChild: !0, ...ne, children: yn(U, void 0, ae) });
       }
-      e[33] = t, e[34] = re, e[35] = U, e[36] = de, e[37] = ue;
+      e[34] = t, e[35] = ne, e[36] = q, e[37] = fe, e[38] = Y;
     } else
-      de = e[36], ue = e[37];
-    return ue !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? ue : de;
+      fe = e[37], Y = e[38];
+    return Y !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? Y : fe;
   }
-  let oe;
-  e[40] !== U ? (oe = /* @__PURE__ */ o(gt, { ...U }), e[40] = U, e[41] = oe) : oe = e[41];
+  let re;
+  e[41] !== q ? (re = /* @__PURE__ */ o(mt, { ...q }), e[41] = q, e[42] = re) : re = e[42];
   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) => {
+  return e[43] !== ne || e[44] !== F || e[45] !== X || e[46] !== V || e[47] !== re ? (ce = /* @__PURE__ */ o(ut, { ...ne, onClick: F, onMouseDown: X, onMouseEnter: V, children: re }), e[43] = ne, e[44] = F, e[45] = X, e[46] = V, e[47] = re, e[48] = ce) : ce = e[48], ce;
+};
+function $l(l, e, n) {
+  return l ? ct(l) ? /* @__PURE__ */ o(ue, { alignItems: "center", justifyContent: "center", boxSize: e, color: n, children: l }) : typeof l != "function" && (typeof l != "object" || l === null) ? l : /* @__PURE__ */ o(te, { as: l, boxSize: e, color: n }) : null;
+}
+const Rl = (l) => l.isDirectory ? l.isGitRepo ? Tn : Pn : kn, Wl = (l) => {
   const e = R(18), {
     entry: n,
     selectedPath: t,
@@ -708,17 +695,17 @@ const rl = (l) => {
   let r;
   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 = () => {
+  let u;
+  e[4] !== n || e[5] !== a || e[6] !== s ? (u = () => {
     a || s(n);
-  }, e[4] = n, e[5] = a, e[6] = s, e[7] = d) : d = e[7];
-  const u = d, f = n.name;
+  }, e[4] = n, e[5] = a, e[6] = s, e[7] = u) : u = e[7];
+  const d = u, f = n.name;
   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;
+  e[8] !== n ? (p = Rl(n), e[8] = n, e[9] = p) : p = e[9];
+  const g = n.isGitRepo ? "Git repo" : void 0, h = n.isGitRepo ? "green" : void 0, b = 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) => {
+  return e[10] !== n.name || e[11] !== d || e[12] !== c || e[13] !== p || e[14] !== g || e[15] !== h || e[16] !== b ? (m = /* @__PURE__ */ o(j.Root, { children: /* @__PURE__ */ o(Ie, { primaryLabel: f, leftIcon: p, tagLabel: g, tagColorPalette: h, isDisabled: c, isSelected: b, width: "100%", maxWidth: "100%", onClick: d }) }), e[10] = n.name, e[11] = d, e[12] = c, e[13] = p, e[14] = g, e[15] = h, e[16] = b, e[17] = m) : m = e[17], m;
+}, mr = (l) => {
   const e = R(54), {
     open: n,
     title: t,
@@ -727,85 +714,85 @@ const rl = (l) => {
     entries: r,
     selectedPath: a,
     selectedPaths: c,
-    isLoading: d,
-    error: u,
+    isLoading: u,
+    error: d,
     isSelectDisabled: f,
     onClose: p,
-    onSelect: h,
-    onSelectHomeDirectory: g,
-    onSelectParentDirectory: S,
+    onSelect: g,
+    onSelectHomeDirectory: h,
+    onSelectParentDirectory: b,
     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;
+  } = l, S = t === void 0 ? "Select folder" : t, w = s === void 0 ? "" : s, I = a === void 0 ? null : a;
+  let x;
+  e[0] !== c ? (x = c === void 0 ? [] : c, e[0] = c, e[1] = x) : x = e[1];
+  const v = x, T = u === void 0 ? !1 : u, P = d === void 0 ? "" : d, L = f === void 0 ? !1 : f;
   let _;
-  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];
+  e[2] !== v ? (_ = new Set(v), e[2] = v, e[3] = _) : _ = e[3];
+  const k = _;
+  let D;
+  e[4] !== p ? (D = (ie) => !ie.open && p(), e[4] = p, e[5] = D) : D = e[5];
+  let C;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ o(de.Backdrop, {}), e[6] = C) : C = e[6];
   let $;
-  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[11] !== $ || e[12] !== z ? (O = /* @__PURE__ */ o(se.Header, { children: /* @__PURE__ */ x(B, { gap: "xs", children: [
+  e[7] !== S ? ($ = /* @__PURE__ */ o(z, { textStyle: "heading/M", children: S }), e[7] = S, e[8] = $) : $ = e[8];
+  let W;
+  e[9] !== i ? (W = i ? /* @__PURE__ */ o(z, { textStyle: "paragraph/S/regular", color: "fg.muted", children: i }) : null, e[9] = i, e[10] = W) : W = e[10];
+  let E;
+  e[11] !== $ || e[12] !== W ? (E = /* @__PURE__ */ o(de.Header, { children: /* @__PURE__ */ y(H, { gap: "xs", children: [
     $,
-    z
-  ] }) }), e[11] = $, e[12] = z, e[13] = O) : O = e[13];
-  let G;
-  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[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];
+    W
+  ] }) }), e[11] = $, e[12] = W, e[13] = E) : E = e[13];
+  let O;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ o(Dn, { size: 16 }), e[14] = O) : O = e[14];
   let M;
-  e[23] !== H || e[24] !== A || e[25] !== K ? (M = /* @__PURE__ */ x(B, { direction: "row", gap: "sm", align: "center", children: [
-    H,
-    A,
+  e[15] !== h ? (M = /* @__PURE__ */ o(pe, { "aria-label": "Go to home directory", variant: "outline", size: "sm", onClick: h, children: O }), e[15] = h, e[16] = M) : M = e[16];
+  const F = !w || w === "/";
+  let X;
+  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = /* @__PURE__ */ o(_n, { size: 16 }), e[17] = X) : X = e[17];
+  let V;
+  e[18] !== b || e[19] !== F ? (V = /* @__PURE__ */ o(pe, { "aria-label": "Go to parent directory", variant: "outline", size: "sm", onClick: b, disabled: F, children: X }), e[18] = b, e[19] = F, e[20] = V) : V = e[20];
+  const A = w || "Home";
+  let K;
+  e[21] !== A ? (K = /* @__PURE__ */ o(z, { "data-testid": "folder-picker-path", textStyle: "paragraph/S/regular", color: "fg.muted", flex: "1", lineClamp: 1, children: A }), e[21] = A, e[22] = K) : K = e[22];
+  let G;
+  e[23] !== M || e[24] !== V || e[25] !== K ? (G = /* @__PURE__ */ y(H, { direction: "row", gap: "sm", align: "center", children: [
+    M,
+    V,
     K
-  ] }), 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 = {
+  ] }), e[23] = M, e[24] = V, e[25] = K, e[26] = G) : G = e[26];
+  let J;
+  e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J = {
     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];
+  }, e[27] = J) : J = e[27];
+  let Q;
+  e[28] !== r || e[29] !== P || e[30] !== T || e[31] !== m || e[32] !== I || e[33] !== k ? (Q = /* @__PURE__ */ o(we, { borderWidth: "1px", borderRadius: "md", borderColor: "border.muted", maxHeight: "320px", contentProps: J, children: T ? /* @__PURE__ */ o(z, { textStyle: "paragraph/S/regular", color: "fg.muted", children: "Loading..." }) : P ? /* @__PURE__ */ o(z, { textStyle: "paragraph/S/regular", color: "red.500", children: P }) : r.length === 0 ? /* @__PURE__ */ o(z, { textStyle: "paragraph/S/regular", color: "fg.muted", children: "No entries found." }) : /* @__PURE__ */ o(H, { gap: "xs", children: r.map((ie) => /* @__PURE__ */ o(Wl, { entry: ie, selectedPath: I, selectedPathSet: k, onEntryClick: m }, ie.path)) }) }), e[28] = r, e[29] = P, e[30] = T, e[31] = m, e[32] = I, e[33] = k, e[34] = Q) : Q = 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] !== p ? (J = /* @__PURE__ */ o(pe, { variant: "outline", onClick: p, children: "Cancel" }), e[38] = p, e[39] = J) : J = e[39];
-  let ee;
-  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__ */ 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] !== O || e[47] !== q || e[48] !== te ? (ne = /* @__PURE__ */ o(se.Positioner, { children: /* @__PURE__ */ x(se.Content, { children: [
-    O,
-    q,
-    te
-  ] }) }), e[46] = O, e[47] = q, e[48] = te, e[49] = ne) : ne = e[49];
+  e[35] !== G || e[36] !== Q ? (q = /* @__PURE__ */ o(de.Body, { children: /* @__PURE__ */ y(H, { gap: "md", children: [
+    G,
+    Q
+  ] }) }), e[35] = G, e[36] = Q, e[37] = q) : q = e[37];
   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] = _, e[53] = le) : le = e[53], le;
+  e[38] !== p ? (le = /* @__PURE__ */ o(pe, { variant: "outline", onClick: p, children: "Cancel" }), e[38] = p, e[39] = le) : le = e[39];
+  let oe;
+  e[40] !== L || e[41] !== g ? (oe = /* @__PURE__ */ o(pe, { onClick: g, disabled: L, children: "Select repository" }), e[40] = L, e[41] = g, e[42] = oe) : oe = e[42];
+  let Z;
+  e[43] !== le || e[44] !== oe ? (Z = /* @__PURE__ */ o(de.Footer, { children: /* @__PURE__ */ y(H, { direction: "row", gap: "sm", children: [
+    le,
+    oe
+  ] }) }), e[43] = le, e[44] = oe, e[45] = Z) : Z = e[45];
+  let se;
+  e[46] !== E || e[47] !== q || e[48] !== Z ? (se = /* @__PURE__ */ o(de.Positioner, { children: /* @__PURE__ */ y(de.Content, { children: [
+    E,
+    q,
+    Z
+  ] }) }), e[46] = E, e[47] = q, e[48] = Z, e[49] = se) : se = e[49];
+  let ee;
+  return e[50] !== n || e[51] !== se || e[52] !== D ? (ee = /* @__PURE__ */ y(de.Root, { lazyMount: !0, unmountOnExit: !0, closeOnInteractOutside: !1, open: n, onOpenChange: D, children: [
+    C,
+    se
+  ] }), e[50] = n, e[51] = se, e[52] = D, e[53] = ee) : ee = e[53], ee;
 };
-function cl(l) {
+function El(l) {
   const e = R(14);
   let n, t, i, s, r, a;
   e[0] !== l ? ({
@@ -816,11 +803,11 @@ function cl(l) {
     borderBottomWidth: a,
     ...t
   } = 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;
+  const c = i === void 0 ? "41px" : i, u = s === void 0 ? "xs" : s, d = 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;
+  return e[7] !== f || e[8] !== n || e[9] !== c || e[10] !== u || e[11] !== d || e[12] !== t ? (p = /* @__PURE__ */ o(N, { ...t, h: c, justify: "space-between", align: "center", borderBottomWidth: f, borderColor: "border.muted", px: u, py: d, children: n }), e[7] = f, e[8] = n, e[9] = c, e[10] = u, e[11] = d, e[12] = t, e[13] = p) : p = e[13], p;
 }
-const Wi = (l) => {
+const br = (l) => {
   const e = R(17), {
     children: n,
     title: t,
@@ -832,51 +819,51 @@ const Wi = (l) => {
     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];
+  e[1] !== t ? (c = t && /* @__PURE__ */ o(z, { fontWeight: "600", textStyle: "label/S/medium", children: t }), e[1] = t, e[2] = c) : c = e[2];
   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: [
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ o(je.Indicator, { transition: "transform 0.2s", _open: {
+    transform: "rotate(90deg)"
+  }, children: /* @__PURE__ */ o(De, { size: 16 }) }), e[3] = u) : u = e[3];
+  let d;
+  e[4] !== c ? (d = /* @__PURE__ */ y(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];
+    u
+  ] }), e[4] = c, e[5] = d) : d = 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];
+  e[6] !== s ? (f = s && /* @__PURE__ */ o(B, { marginLeft: "auto", onClick: zl, 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,
+  e[8] !== d || e[9] !== f ? (p = /* @__PURE__ */ y(ue, { children: [
+    d,
     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];
+  ] }), e[8] = d, e[9] = f, e[10] = p) : p = e[10];
   let g;
-  return e[13] !== r || e[14] !== p || e[15] !== h ? (g = /* @__PURE__ */ x(je.Root, { defaultOpen: r, width: "full", children: [
+  e[11] !== n ? (g = /* @__PURE__ */ o(je.Content, { children: n }), e[11] = n, e[12] = g) : g = e[12];
+  let h;
+  return e[13] !== r || e[14] !== p || e[15] !== g ? (h = /* @__PURE__ */ y(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;
+    g
+  ] }), e[13] = r, e[14] = p, e[15] = g, e[16] = h) : h = e[16], h;
 };
-function dl(l) {
+function zl(l) {
   return l.stopPropagation();
 }
-const Gt = "2.5625rem", ul = tn({
+const Ft = "2.5625rem", Ol = un({
   placement: "bottom-end",
   pauseOnPageIdle: !0,
   duration: 1e4
-}), Ei = () => {
+}), xr = () => {
   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: {
+  return l[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ o(Me, { children: /* @__PURE__ */ o(fn, { toaster: Ol, insetInline: {
     mdDown: "4"
-  }, children: fl }) }), l[0] = e) : e = l[0], e;
+  }, children: Al }) }), l[0] = e) : e = l[0], e;
 };
-function fl(l) {
-  return /* @__PURE__ */ x(ze.Root, { width: {
+function Al(l) {
+  return /* @__PURE__ */ y(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.type === "loading" ? /* @__PURE__ */ o(Lt, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ o(ze.Indicator, {}),
+    /* @__PURE__ */ y(H, { 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 })
     ] }),
@@ -884,45 +871,45 @@ function fl(l) {
     l.closable && /* @__PURE__ */ o(ze.CloseTrigger, {})
   ] });
 }
-const zi = (l) => {
+const Sr = (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];
+  e[0] !== n ? (s = n ? /* @__PURE__ */ o(ue, { 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];
+  e[2] !== i ? (a = i ?? /* @__PURE__ */ o(hl, {}), 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];
+  e[4] !== a ? (c = /* @__PURE__ */ o(ue, { flex: "1", overflow: "hidden", minH: "0", minW: "0", children: a }), e[4] = a, e[5] = c) : c = e[5];
   let u;
-  return e[9] !== s || e[10] !== d ? (u = /* @__PURE__ */ x(fe, { height: "100%", width: "100%", minH: "0", minW: "0", children: [
+  e[6] !== r || e[7] !== c ? (u = /* @__PURE__ */ o(Nt, { label: r, children: c }), e[6] = r, e[7] = c, e[8] = u) : u = e[8];
+  let d;
+  return e[9] !== s || e[10] !== u ? (d = /* @__PURE__ */ y(ue, { 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) => {
+    u
+  ] }), e[9] = s, e[10] = u, e[11] = d) : d = e[11], d;
+}, yr = (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];
+  e[0] !== n ? (i = /* @__PURE__ */ o(El, { "data-testid": "panel-section-actions", align: "flex-start", minH: Ft, 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];
+  e[3] !== t ? (r = /* @__PURE__ */ o(we, { flex: "1", bg: "bg", contentProps: s, children: /* @__PURE__ */ o(Nt, { label: "Unable to render the panel.", children: /* @__PURE__ */ o(ue, { 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: [
+  return e[5] !== i || e[6] !== r ? (a = /* @__PURE__ */ y(H, { 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) => {
+}, Ml = (l, e) => `${l.name}-${l.version ?? "unknown"}-${e}`, Gl = (l) => l.version ? `${l.name} v${l.version}` : l.name, vr = (l) => {
   const e = R(30), {
     notices: n,
     title: t,
@@ -931,103 +918,135 @@ const zi = (l) => {
     productVersion: r,
     generatedAt: a,
     emptyTitle: c,
-    emptyDescription: d
-  } = 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 = {
+    emptyDescription: u
+  } = l, d = 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, g = u === void 0 ? "No third-party packages were included in this build." : u;
+  let h;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = {
     base: "md",
     md: "xl"
-  }, 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];
+  }, e[0] = h) : h = e[0];
+  let b;
+  e[1] !== d ? (b = /* @__PURE__ */ o(z, { textStyle: "heading/L", children: d }), e[1] = d, e[2] = b) : b = e[2];
   let m;
-  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: [
+  e[3] !== f ? (m = /* @__PURE__ */ o(z, { textStyle: "paragraph/S/regular", color: "fg.muted", children: f }), e[3] = f, e[4] = m) : m = e[4];
+  let S;
+  e[5] !== s ? (S = s ? /* @__PURE__ */ y(z, { textStyle: "label/XS", color: "fg.muted", children: [
     "Product: ",
     s
-  ] }) : 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: [
+  ] }) : null, e[5] = s, e[6] = S) : S = e[6];
+  let w;
+  e[7] !== r ? (w = r ? /* @__PURE__ */ y(z, { textStyle: "label/XS", color: "fg.muted", children: [
     "Version: ",
     r
-  ] }) : null, e[7] = r, e[8] = C) : C = e[8];
-  let k;
-  e[9] !== n.length ? (k = /* @__PURE__ */ x(W, { textStyle: "label/XS", color: "fg.muted", children: [
+  ] }) : null, e[7] = r, e[8] = w) : w = e[8];
+  let I;
+  e[9] !== n.length ? (I = /* @__PURE__ */ y(z, { textStyle: "label/XS", color: "fg.muted", children: [
     "Packages: ",
     n.length
-  ] }), e[9] = n.length, e[10] = k) : k = e[10];
-  let y;
-  e[11] !== a ? (y = a ? /* @__PURE__ */ x(W, { textStyle: "label/XS", color: "fg.muted", children: [
+  ] }), e[9] = n.length, e[10] = I) : I = e[10];
+  let x;
+  e[11] !== a ? (x = a ? /* @__PURE__ */ y(z, { textStyle: "label/XS", color: "fg.muted", children: [
     "Generated: ",
     a
-  ] }) : 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,
-    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: [
+  ] }) : null, e[11] = a, e[12] = x) : x = e[12];
+  let v;
+  e[13] !== x || e[14] !== S || e[15] !== w || e[16] !== I ? (v = /* @__PURE__ */ y(N, { gap: "md", flexWrap: "wrap", children: [
     S,
-    m,
-    I
-  ] }), e[18] = I, e[19] = S, e[20] = m, e[21] = D) : D = e[21];
+    w,
+    I,
+    x
+  ] }), e[13] = x, e[14] = S, e[15] = w, e[16] = I, e[17] = v) : v = e[17];
   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];
+  e[18] !== v || e[19] !== b || e[20] !== m ? (T = /* @__PURE__ */ y(H, { gap: "xs", children: [
+    b,
+    m,
+    v
+  ] }), e[18] = v, e[19] = b, e[20] = m, e[21] = T) : T = e[21];
   let P;
-  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,
+  e[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ o(it, { borderColor: "border.muted" }), e[22] = P) : P = e[22];
+  let L;
+  e[23] !== g || e[24] !== p || e[25] !== n ? (L = n.length === 0 ? /* @__PURE__ */ y(H, { borderWidth: "1px", borderColor: "border.muted", borderRadius: "md", padding: "lg", gap: "xs", children: [
+    /* @__PURE__ */ o(z, { textStyle: "label/L/medium", children: p }),
+    /* @__PURE__ */ o(z, { textStyle: "paragraph/S/regular", color: "fg.muted", children: g })
+  ] }) : /* @__PURE__ */ o(H, { gap: "md", children: n.map(Bl) }), e[23] = g, e[24] = p, e[25] = n, e[26] = L) : L = e[26];
+  let _;
+  return e[27] !== T || e[28] !== L ? (_ = /* @__PURE__ */ y(H, { width: "full", minHeight: "100%", background: "bg", color: "fg", padding: h, gap: "lg", children: [
     T,
-    b
-  ] }), e[27] = D, e[28] = b, e[29] = P) : P = e[29], P;
+    P,
+    L
+  ] }), e[27] = T, e[28] = L, e[29] = _) : _ = e[29], _;
 };
-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: [
+function Bl(l, e) {
+  return /* @__PURE__ */ o(B, { borderWidth: "1px", borderColor: "border.muted", borderRadius: "md", padding: "md", children: /* @__PURE__ */ y(H, { gap: "sm", children: [
+    /* @__PURE__ */ y(H, { gap: "2xs", children: [
+      /* @__PURE__ */ o(z, { textStyle: "label/L/medium", children: Gl(l) }),
+      /* @__PURE__ */ y(z, { textStyle: "label/S/regular", color: "fg.muted", children: [
         "License: ",
         l.license ?? "Unknown"
       ] })
     ] }),
-    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.copyright ? /* @__PURE__ */ o(z, { textStyle: "label/S/regular", color: "fg.muted", children: l.copyright }) : null,
+    (l.homepageUrl || l.sourceUrl) && /* @__PURE__ */ y(H, { gap: "2xs", children: [
+      l.homepageUrl ? /* @__PURE__ */ o(ft, { href: l.homepageUrl, target: "_blank", rel: "noreferrer", textStyle: "label/S/medium", width: "fit-content", children: "Homepage" }) : null,
+      l.sourceUrl ? /* @__PURE__ */ o(ft, { href: l.sourceUrl, target: "_blank", rel: "noreferrer", textStyle: "label/S/medium", width: "fit-content", children: "Source code" }) : null
     ] }),
-    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));
+    l.attribution ? /* @__PURE__ */ o(B, { background: "bg.muted", borderRadius: "sm", padding: "sm", children: /* @__PURE__ */ o(z, { textStyle: "label/S/regular", whiteSpace: "pre-wrap", children: l.attribution }) }) : null
+  ] }) }, Ml(l, e));
 }
-const Mi = (l) => {
+const Cr = (l) => {
   const e = R(4), {
     items: n
   } = l;
   let t;
-  e[0] !== n ? (t = n.map(ml), e[0] = n, e[1] = t) : t = e[1];
+  e[0] !== n ? (t = n.map(Nl), 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;
+  return e[2] !== t ? (i = /* @__PURE__ */ o(H, { gap: "sm", paddingLeft: "sm", paddingY: "xs", children: t }), e[2] = t, e[3] = i) : i = e[3], i;
 };
-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" }) })
+function Nl(l, e) {
+  return /* @__PURE__ */ y(N, { gap: "xs", alignItems: "center", children: [
+    /* @__PURE__ */ o(B, { width: "110px", flexShrink: 0, children: /* @__PURE__ */ y(N, { gap: "1", alignItems: "center", children: [
+      /* @__PURE__ */ o(z, { textStyle: "label/S/medium", color: "fg.muted", children: l.label }),
+      l.description && /* @__PURE__ */ o(xe, { content: l.description, showArrow: !0, children: /* @__PURE__ */ o(te, { as: Ln, boxSize: "12px", color: "fg.muted", opacity: 0.6, cursor: "help" }) })
     ] }) }),
-    /* @__PURE__ */ o(V, { flex: "1", children: l.value })
+    /* @__PURE__ */ o(B, { flex: "1", children: l.value })
   ] }, `${l.label}-${e}`);
 }
-const bl = (l, e) => {
+const Je = (l) => {
+  const e = R(16), {
+    actions: n,
+    children: t,
+    contentMinWidth: i,
+    contentBackground: s,
+    positioning: r
+  } = l, a = i === void 0 ? "220px" : i, c = s === void 0 ? "bg" : s;
+  let u;
+  e[0] !== r ? (u = r === void 0 ? {
+    placement: "bottom-start"
+  } : r, e[0] = r, e[1] = u) : u = e[1];
+  const d = u;
+  if (n.length === 0) {
+    let b;
+    return e[2] !== t ? (b = /* @__PURE__ */ o(at, { children: t }), e[2] = t, e[3] = b) : b = e[3], b;
+  }
+  let f;
+  e[4] !== t ? (f = /* @__PURE__ */ o(j.ContextTrigger, { asChild: !0, children: t }), e[4] = t, e[5] = f) : f = e[5];
+  let p;
+  e[6] !== n ? (p = n.map(Hl), e[6] = n, e[7] = p) : p = e[7];
+  let g;
+  e[8] !== c || e[9] !== a || e[10] !== p ? (g = /* @__PURE__ */ o(Me, { children: /* @__PURE__ */ o(j.Positioner, { children: /* @__PURE__ */ o(j.Content, { minW: a, bg: c, children: p }) }) }), e[8] = c, e[9] = a, e[10] = p, e[11] = g) : g = e[11];
+  let h;
+  return e[12] !== d || e[13] !== f || e[14] !== g ? (h = /* @__PURE__ */ y(j.Root, { positioning: d, children: [
+    f,
+    g
+  ] }), e[12] = d, e[13] = f, e[14] = g, e[15] = h) : h = e[15], h;
+};
+function Hl(l) {
+  return /* @__PURE__ */ o(Ie, { primaryLabel: l.label, leftIcon: l.icon ?? null, isDisabled: l.isDisabled, onClick: l.onClick }, l.key);
+}
+const Fl = (l, e) => {
   const n = e.trim().toLowerCase();
   return n ? l.filter((t) => [t.label, t.searchText].filter(Boolean).join(" ").toLowerCase().includes(n)) : l;
-}, Sl = (l, e) => !l || !e ? !1 : l !== e, xl = (l, e, n) => !l || !e ? n : {
+}, Vl = (l, e) => !l || !e ? !1 : l !== e, jl = (l, e, n) => !l || !e ? n : {
   items: e.items,
   filterItems: e.filterItems ?? n.filterItems,
   showSearch: e.showSearch ?? n.showSearch,
@@ -1040,7 +1059,7 @@ const bl = (l, e) => {
   borderColor: "border.muted",
   boxShadow: "none",
   outline: "none"
-}, yl = (l) => {
+}, Xl = (l) => {
   const e = R(48), {
     trigger: n,
     items: t,
@@ -1049,103 +1068,103 @@ const bl = (l, e) => {
     filterItems: r,
     listId: a,
     header: c,
-    width: d,
-    maxListHeight: u,
+    width: u,
+    maxListHeight: d,
     showSearch: f,
     closeOnSelect: p,
-    lazyMount: h,
-    open: g,
-    positioning: S,
+    lazyMount: g,
+    open: h,
+    positioning: b,
     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, {
+    onFocusOutside: S,
+    contentTestId: w,
+    portalled: I,
+    parentList: x
+  } = l, v = r === void 0 ? Fl : r, T = u === void 0 ? "260px" : u, P = d === void 0 ? "18rem" : d, L = f === void 0 ? !0 : f, _ = p === void 0 ? !0 : p, k = g === void 0 ? !1 : g, D = I === void 0 ? !0 : I, C = !!x, [$, W] = he(!1), [E, O] = he(""), [M, F] = he("child"), X = He(null), V = h ?? $, A = C && M === "parent", G = jl(A, x, {
     items: t,
-    filterItems: I,
-    showSearch: b,
+    filterItems: v,
+    showSearch: L,
     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;
+    contentTestId: w,
+    closeOnSelect: _,
+    listId: C ? "child" : a ?? ""
+  }), J = G.filterItems(G.items, E), Q = He(G.listId);
+  Ae(() => {
+    if (!V) {
+      Q.current = G.listId;
       return;
     }
-    Sl(U.current, M.listId) && G(""), U.current = M.listId;
-  }, [A, M.listId]);
+    Vl(Q.current, G.listId) && O(""), Q.current = G.listId;
+  }, [V, G.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)
+  e[0] !== G || e[1] !== V ? (q = [V, G.showSearch], e[0] = G, e[1] = V, e[2] = q) : q = e[2], Ae(() => {
+    if (!V || !G.showSearch)
       return;
-    const be = setTimeout(() => F.current?.focus(), 0);
-    return () => clearTimeout(be);
+    const me = setTimeout(() => X.current?.focus(), 0);
+    return () => clearTimeout(me);
   }, 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";
+  e[3] !== C || e[4] !== m || e[5] !== h ? (le = (me) => {
+    h === void 0 && W(me.open), O(""), me.open && C && F("child"), m?.(me);
+  }, e[3] = C, e[4] = m, e[5] = h, e[6] = le) : le = e[6];
+  const oe = le;
+  let Z;
+  e[7] !== A || e[8] !== x ? (Z = (me) => {
+    if (!A || !x)
+      return;
+    const dt = x.items.find((sn) => sn.id === me.value);
+    dt && (x.onSelect?.(dt), F("child"));
+  }, e[7] = A, e[8] = x, e[9] = Z) : Z = e[9];
+  const se = Z;
+  let ee;
+  e[10] !== x ? (ee = x ? /* @__PURE__ */ o("div", { onPointerDownCapture: Ul, onClickCapture: (me) => {
+    me.stopPropagation(), !x.disabled && F(Kl);
+  }, children: /* @__PURE__ */ o(Ie, { primaryLabel: x.selectedLabel, leftIcon: x.selectedIcon, rightIcon: x.disabled ? void 0 : Fe, isDisabled: x.disabled }) }) : null, e[10] = x, e[11] = ee) : ee = e[11];
+  const ne = x ? ee : c, re = !!ne && !G.showSearch, ce = G.showSearch ? /* @__PURE__ */ o(pn, { startElement: /* @__PURE__ */ o($n, { size: 14 }), children: /* @__PURE__ */ o(gn, { ref: X, borderRight: 0, borderLeft: 0, borderRadius: "0", borderColor: "border.muted", value: E, placeholder: G.searchPlaceholder, "aria-label": G.searchPlaceholder, autoComplete: "off", _hover: Xe, _active: Xe, _focus: Xe, _focusVisible: Xe, onChange: (me) => O(me.target.value), onKeyDown: Yl }) }) : null, fe = j, Y = C ? se : void 0;
+  let U;
+  e[12] !== n ? (U = /* @__PURE__ */ o(j.Trigger, { asChild: !0, children: n }), e[12] = n, e[13] = U) : U = e[13];
+  const ae = Me, ke = !D, Te = j, et = j, en = "bg", tn = "0", nn = "0", ln = "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;
+  e[14] !== re ? (_e = re ? /* @__PURE__ */ o(j.Separator, { margin: "0" }) : null, e[14] = re, e[15] = _e) : _e = e[15];
+  const tt = we;
   let Le;
   e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Le = {
     overscrollBehavior: "contain"
   }, e[16] = Le) : Le = e[16];
-  const Kt = "2xs", qt = "2xs", et = Z.length > 0 ? Z.map(kl) : M.emptyState;
+  const on = "2xs", rn = "2xs", nt = J.length > 0 ? J.map(ql) : G.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];
+  e[17] !== tt || e[18] !== G || e[19] !== P || e[20] !== Le || e[21] !== nt ? ($e = /* @__PURE__ */ o(tt, { maxH: P, "data-testid": G.contentTestId, viewportProps: Le, p: on, gap: rn, children: nt }), e[17] = tt, e[18] = G, e[19] = P, e[20] = Le, e[21] = nt, 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[23] !== ne || e[24] !== ce || e[25] !== et.Content || e[26] !== _e || e[27] !== $e || e[28] !== T ? (Re = /* @__PURE__ */ y(et.Content, { w: T, bg: en, gap: tn, p: nn, zIndex: ln, children: [
+    ne,
+    ce,
     _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];
+  ] }), e[23] = ne, e[24] = ce, e[25] = et.Content, e[26] = _e, e[27] = $e, e[28] = T, 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];
+  e[30] !== Te.Positioner || e[31] !== Re ? (We = /* @__PURE__ */ o(Te.Positioner, { children: Re }), e[30] = Te.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];
+  e[33] !== ae || e[34] !== ke || e[35] !== We ? (Ee = /* @__PURE__ */ o(ae, { disabled: ke, children: We }), e[33] = ae, e[34] = ke, 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,
+  return e[37] !== G || e[38] !== oe || e[39] !== k || e[40] !== S || e[41] !== h || e[42] !== b || e[43] !== fe.Root || e[44] !== Y || e[45] !== U || e[46] !== Ee ? (Ve = /* @__PURE__ */ y(fe.Root, { lazyMount: k, closeOnSelect: G.closeOnSelect, open: h, positioning: b, onOpenChange: oe, onFocusOutside: S, onSelect: Y, children: [
+    U,
     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;
+  ] }), e[37] = G, e[38] = oe, e[39] = k, e[40] = S, e[41] = h, e[42] = b, e[43] = fe.Root, e[44] = Y, e[45] = U, e[46] = Ee, e[47] = Ve) : Ve = e[47], Ve;
 };
-function vl(l) {
+function Ul(l) {
   return l.stopPropagation();
 }
-function Cl(l) {
+function Kl(l) {
   return l === "child" ? "parent" : "child";
 }
-function wl(l) {
+function Yl(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);
+function ql(l) {
+  return /* @__PURE__ */ o(zt, { children: /* @__PURE__ */ o(Ie, { 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 Jl = (l) => l === "completed" ? Rn : l === "failed" ? Wn : l === "cancelled" ? En : l === "disconnected" ? zn : On, Ql = (l) => l === "completed" ? "fg.success" : l === "failed" ? "fg.error" : l === "cancelled" || l === "disconnected" ? "fg.warning" : "fg.muted", Zl = (l) => {
   const e = R(11), {
     status: n,
     boxSize: t,
@@ -1153,30 +1172,30 @@ const Il = (l) => l === "completed" ? kn : l === "failed" ? In : l === "disconne
     cursor: s,
     onClick: r
   } = l, a = t === void 0 ? "14px" : t, c = i === void 0 ? "Session status" : i;
-  let d;
-  e[0] !== n ? (d = Il(n), e[0] = n, e[1] = d) : d = e[1];
   let u;
-  e[2] !== n ? (u = Pl(n), e[2] = n, e[3] = u) : u = e[3];
+  e[0] !== n ? (u = Jl(n), e[0] = n, e[1] = u) : u = e[1];
+  let d;
+  e[2] !== n ? (d = Ql(n), e[2] = n, e[3] = d) : d = 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__ */ 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) => {
+  return e[4] !== c || e[5] !== a || e[6] !== s || e[7] !== r || e[8] !== u || e[9] !== d ? (f = /* @__PURE__ */ o(te, { as: u, boxSize: a, color: d, "aria-label": c, cursor: s, onClick: r }), e[4] = c, e[5] = a, e[6] = s, e[7] = r, e[8] = u, e[9] = d, e[10] = f) : f = e[10], f;
+}, eo = (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 i;
-  e[2] !== t ? (i = t.map(_l), e[2] = t, e[3] = i) : i = e[3];
+  e[2] !== t ? (i = t.map(to), e[2] = t, e[3] = i) : i = e[3];
   const s = i;
   let r;
-  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];
+  e[4] !== n.icon || e[5] !== n.label ? (r = /* @__PURE__ */ o(ge, { 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__ */ 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__ */ 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;
+  e[7] !== c ? (u = /* @__PURE__ */ o(Ie, { primaryLabel: c, isDisabled: !0, variant: "compact" }), e[7] = c, e[8] = u) : u = e[8];
+  let d;
+  return e[9] !== s || e[10] !== r || e[11] !== a || e[12] !== u ? (d = /* @__PURE__ */ o(Xl, { trigger: r, items: s, searchPlaceholder: a, emptyState: u, onFocusOutside: no }), e[9] = s, e[10] = r, e[11] = a, e[12] = u, e[13] = d) : d = e[13], d;
 };
-function _l(l) {
+function to(l) {
   return {
     id: l.id,
     label: l.label,
@@ -1186,10 +1205,10 @@ function _l(l) {
     onSelect: () => l.onAction?.()
   };
 }
-function Ll(l) {
+function no(l) {
   return l.preventDefault();
 }
-const mt = (l) => {
+const bt = (l) => {
   const e = R(23), {
     node: n,
     expanded: t,
@@ -1197,35 +1216,35 @@ const mt = (l) => {
     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];
+  e[0] !== n.icon || e[1] !== n.iconColor ? (r = n.icon ? /* @__PURE__ */ o(B, { 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];
+  e[3] !== n.indicator ? (a = n.indicator ? /* @__PURE__ */ o(xe, { content: n.indicator.tooltip, disabled: !n.indicator.tooltip, openDelay: 300, children: /* @__PURE__ */ o(B, { color: n.indicator.color ?? "fg.muted", flexShrink: 0, children: n.indicator.icon }) }) : null, e[3] = n.indicator, e[4] = a) : a = e[4];
   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: {
+  e[5] !== s || e[6] !== n.label ? (c = typeof n.label == "string" ? /* @__PURE__ */ o(z, { textStyle: "paragraph/S/regular", color: s ? "fg.muted" : "fg", truncate: !0, children: n.label }) : /* @__PURE__ */ o(B, { minW: "0", maxW: "full", overflow: "hidden", children: n.label }), e[5] = s, e[6] = n.label, e[7] = c) : c = e[7];
+  let u;
+  e[8] !== t || e[9] !== i ? (u = i ? /* @__PURE__ */ o(B, { color: "fg.muted", flexShrink: 0, children: /* @__PURE__ */ o(De, { 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,
+  } }) }) : null, e[8] = t, e[9] = i, e[10] = u) : u = e[10];
+  let d;
+  e[11] !== c || e[12] !== u ? (d = /* @__PURE__ */ y(N, { gap: "1", minW: "0", children: [
     c,
-    d
-  ] }), e[11] = a, e[12] = c, e[13] = d, e[14] = u) : u = e[14];
+    u
+  ] }), e[11] = c, e[12] = u, e[13] = d) : d = e[13];
   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];
+  e[14] !== n.description ? (f = n.description ? typeof n.description == "string" ? /* @__PURE__ */ o(z, { textStyle: "paragraph/XS/regular", color: "fg.muted", truncate: !0, children: n.description }) : /* @__PURE__ */ o(B, { minW: "0", maxW: "full", overflow: "hidden", children: n.description }) : null, e[14] = n.description, e[15] = f) : f = e[15];
   let p;
-  e[17] !== u || e[18] !== f ? (p = /* @__PURE__ */ x(B, { gap: "0", minW: "0", flex: "1", children: [
-    u,
+  e[16] !== d || e[17] !== f ? (p = /* @__PURE__ */ y(H, { gap: "0", minW: "0", flex: "1", children: [
+    d,
     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: [
+  ] }), e[16] = d, e[17] = f, e[18] = p) : p = e[18];
+  let g;
+  return e[19] !== r || e[20] !== a || e[21] !== p ? (g = /* @__PURE__ */ y(N, { gap: "2", minW: "0", flex: "1", overflow: "hidden", children: [
     r,
+    a,
     p
-  ] }), e[20] = r, e[21] = p, e[22] = h) : h = e[22], h;
-}, Nt = (l, e) => e.includes(l), $l = ({
+  ] }), e[19] = r, e[20] = a, e[21] = p, e[22] = g) : g = e[22], g;
+}, Vt = (l, e) => e.includes(l), lo = (l) => l ? ct(l) ? /* @__PURE__ */ o(B, { mr: "2", children: l }) : /* @__PURE__ */ o(te, { as: l, boxSize: "14px", mr: "2" }) : null, oo = ({
   sectionId: l,
   node: e,
   hasChildren: n,
@@ -1246,7 +1265,7 @@ const mt = (l) => {
       intent: e.navigationIntent
     });
   }
-}, Rl = (l) => {
+}, io = (l) => {
   const e = R(20), {
     action: n,
     sectionId: t,
@@ -1255,19 +1274,19 @@ const mt = (l) => {
   if (n.menuItems && n.menuItems.length > 0) {
     if (n.menuItems.length >= 8) {
       let f;
-      return e[0] !== n ? (f = /* @__PURE__ */ o(Dl, { action: n }), e[0] = n, e[1] = f) : f = e[1], f;
+      return e[0] !== n ? (f = /* @__PURE__ */ o(eo, { action: n }), e[0] = n, e[1] = f) : f = e[1], f;
     }
     let a;
-    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];
+    e[2] !== n.icon || e[3] !== n.label ? (a = /* @__PURE__ */ o(j.Trigger, { asChild: !0, children: /* @__PURE__ */ o(ge, { 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(zl), e[5] = n.menuItems, e[6] = c) : c = e[6];
-    let d;
-    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];
+    e[5] !== n.menuItems ? (c = n.menuItems.map(ao), e[5] = n.menuItems, e[6] = c) : c = e[6];
     let u;
-    return e[9] !== a || e[10] !== d ? (u = /* @__PURE__ */ x(Y.Root, { children: [
+    e[7] !== c ? (u = /* @__PURE__ */ o(j.Positioner, { children: /* @__PURE__ */ o(j.Content, { minW: "160px", bg: "bg", children: c }) }), e[7] = c, e[8] = u) : u = e[8];
+    let d;
+    return e[9] !== a || e[10] !== u ? (d = /* @__PURE__ */ y(j.Root, { children: [
       a,
-      d
-    ] }), e[9] = a, e[10] = d, e[11] = u) : u = e[11], u;
+      u
+    ] }), e[9] = a, e[10] = u, e[11] = d) : d = e[11], d;
   }
   let s;
   e[12] !== n || e[13] !== i || e[14] !== t ? (s = (a) => {
@@ -1277,7 +1296,7 @@ const mt = (l) => {
     });
   }, 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__ */ 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;
+  return e[16] !== n.icon || e[17] !== n.label || e[18] !== s ? (r = /* @__PURE__ */ o(ge, { 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,
@@ -1296,14 +1315,14 @@ const mt = (l) => {
   }, e[0] = s, e[1] = r) : (s = e[0], r = e[1]);
   let a;
   if (e[2] !== i || e[3] !== t || e[4] !== n) {
-    let d;
-    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;
+    let u;
+    e[6] !== t || e[7] !== n ? (u = (d) => /* @__PURE__ */ o(io, { action: d, sectionId: n, nodeId: t }, d.id), e[6] = t, e[7] = n, e[8] = u) : u = e[8], a = i.map(u), e[2] = i, e[3] = t, e[4] = n, e[5] = a;
   } else
     a = e[5];
   let c;
-  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), {
+  return e[9] !== a ? (c = /* @__PURE__ */ o(N, { gap: "0", opacity: "0", pointerEvents: "none", _groupHover: s, _groupFocusWithin: r, transition: "opacity 120ms ease", onClick: co, children: a }), e[9] = a, e[10] = c) : c = e[10], c;
+}, jt = (l) => {
+  const e = R(53), {
     sectionId: n,
     node: t,
     level: i,
@@ -1311,35 +1330,35 @@ const mt = (l) => {
     activeNodeId: r,
     linkComponent: a,
     onNavigate: c,
-    onToggleNode: d
-  } = l, u = (t.children?.length ?? 0) > 0;
+    onToggleNode: u
+  } = l, d = (t.children?.length ?? 0) > 0;
   let f;
-  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({
+  e[0] !== s || e[1] !== d || e[2] !== t.id ? (f = d && Vt(t.id, s), e[0] = s, e[1] = d, e[2] = t.id, e[3] = f) : f = e[3];
+  const p = f, g = t.isNavigable || t.navigationIntent !== void 0;
+  let h;
+  e[4] !== r || e[5] !== t.id ? (h = Array.isArray(r) ? r.includes(t.id) : r === t.id, e[4] = r, e[5] = t.id, e[6] = h) : h = e[6];
+  const b = h, m = t.disabled === !0, S = i > 0 ? `calc(var(--chakra-spacing-1) + ${i} * var(--chakra-spacing-3))` : void 0, w = !!(a && t.href && g && !d && !m);
+  let I;
+  e[7] !== d || e[8] !== m || e[9] !== g || e[10] !== t || e[11] !== c || e[12] !== u || e[13] !== n ? (I = () => oo({
     sectionId: n,
     node: t,
-    hasChildren: u,
+    hasChildren: d,
     isDisabled: m,
-    isNavigable: h,
+    isNavigable: g,
     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[15] !== D ? (T = {
-    bg: D
-  }, e[15] = D, e[16] = T) : T = e[16];
-  const b = m ? "default" : "pointer";
+    onToggleNode: u
+  }), e[7] = d, e[8] = m, e[9] = g, e[10] = t, e[11] = c, e[12] = u, e[13] = n, e[14] = I) : I = e[14];
+  const x = I, v = b ? "bg.active" : "transparent", T = b ? "bg.active" : "bg.hover";
   let P;
-  e[17] !== S || e[18] !== v || e[19] !== I || e[20] !== T || e[21] !== b ? (P = {
+  e[15] !== T ? (P = {
+    bg: T
+  }, e[15] = T, e[16] = P) : P = e[16];
+  const L = m ? "default" : "pointer";
+  let _;
+  e[17] !== b || e[18] !== S || e[19] !== v || e[20] !== P || e[21] !== L ? (_ = {
     className: "group",
     role: "option",
-    "aria-selected": S,
+    "aria-selected": b,
     justify: "space-between",
     align: "center",
     w: "full",
@@ -1348,29 +1367,36 @@ const mt = (l) => {
     borderRadius: "xs",
     px: "1",
     py: "2xs",
-    pl: v,
-    bg: I,
-    _hover: T,
-    cursor: b,
+    pl: S,
+    bg: v,
+    _hover: P,
+    cursor: L,
     overflow: "hidden"
-  }, 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 }),
+  }, e[17] = b, e[18] = S, e[19] = v, e[20] = P, e[21] = L, e[22] = _) : _ = e[22];
+  const k = _;
+  let D;
+  e[23] !== t.contextMenuItems ? (D = t.contextMenuItems ?? [], e[23] = t.contextMenuItems, e[24] = D) : D = e[24];
+  let C;
+  e[25] !== D ? (C = D.map(uo), e[25] = D, e[26] = C) : C = e[26];
+  const $ = C;
+  let W;
+  e[27] !== a || e[28] !== w || e[29] !== p || e[30] !== x || e[31] !== d || e[32] !== m || e[33] !== t || e[34] !== k || e[35] !== n ? (W = w && a && t.href ? /* @__PURE__ */ o(a, { to: t.href, children: /* @__PURE__ */ y(N, { ...k, onClick: x, children: [
+    /* @__PURE__ */ o(bt, { node: t, expanded: p, hasChildren: d, 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__ */ y(N, { ...k, onClick: x, children: [
+    /* @__PURE__ */ o(bt, { node: t, expanded: p, hasChildren: d, 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) => {
+  ] }), e[27] = a, e[28] = w, e[29] = p, e[30] = x, e[31] = d, e[32] = m, e[33] = t, e[34] = k, e[35] = n, e[36] = W) : W = e[36];
+  let E;
+  e[37] !== $ || e[38] !== W ? (E = /* @__PURE__ */ o(Je, { actions: $, contentMinWidth: "180px", children: W }), e[37] = $, e[38] = W, e[39] = E) : E = e[39];
+  let O;
+  e[40] !== a || e[41] !== r || e[42] !== p || e[43] !== s || e[44] !== i || e[45] !== t.children || e[46] !== c || e[47] !== u || e[48] !== n ? (O = p ? t.children?.map((F) => /* @__PURE__ */ o(jt, { sectionId: n, node: F, level: i + 1, expandedNodes: s, activeNodeId: r, linkComponent: a, onNavigate: c, onToggleNode: u }, F.id)) : null, e[40] = a, e[41] = r, e[42] = p, e[43] = s, e[44] = i, e[45] = t.children, e[46] = c, e[47] = u, e[48] = n, e[49] = O) : O = e[49];
+  let M;
+  return e[50] !== E || e[51] !== O ? (M = /* @__PURE__ */ y(H, { gap: "1px", w: "full", minW: "0", maxW: "full", children: [
+    E,
+    O
+  ] }), e[50] = E, e[51] = O, e[52] = M) : M = e[52], M;
+}, ro = (l) => {
   const e = R(21), {
     section: n,
     collapsible: t,
@@ -1382,28 +1408,28 @@ const mt = (l) => {
     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: {
+  e[2] !== n.label ? (u = /* @__PURE__ */ o(z, { textStyle: "label/XS", textTransform: "uppercase", color: "fg.muted", letterSpacing: "0.08em", truncate: !0, children: n.label }), e[2] = n.label, e[3] = u) : u = e[3];
+  let d;
+  e[4] !== t || e[5] !== i ? (d = t ? /* @__PURE__ */ o(B, { color: "fg.muted", flexShrink: 0, children: /* @__PURE__ */ o(De, { size: 14, style: {
     transform: i ? "rotate(90deg)" : "rotate(0deg)",
     transition: "120ms"
-  } }) }) : null, e[4] = t, e[5] = i, e[6] = u) : u = e[6];
+  } }) }) : null, e[4] = t, e[5] = i, e[6] = d) : d = 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];
+  e[7] !== u || e[8] !== d ? (f = /* @__PURE__ */ y(N, { gap: "1", flex: "1", minW: "0", children: [
+    u,
+    d
+  ] }), e[7] = u, e[8] = d, 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: [
+  e[12] !== n.id || e[13] !== p ? (g = /* @__PURE__ */ o(st, { sectionId: n.id, actions: p }), e[12] = n.id, e[13] = p, e[14] = g) : g = e[14];
+  let h;
+  return e[15] !== r || e[16] !== a || e[17] !== c || e[18] !== f || e[19] !== g ? (h = /* @__PURE__ */ y(N, { 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) => {
+    g
+  ] }), e[15] = r, e[16] = a, e[17] = c, e[18] = f, e[19] = g, e[20] = h) : h = e[20], h;
+}, so = (l) => {
   const e = R(19), {
     sections: n,
     expandedSections: t,
@@ -1412,55 +1438,64 @@ const mt = (l) => {
     linkComponent: r,
     onNavigate: a,
     onToggleSection: c,
-    onToggleNode: d
+    onToggleNode: u
   } = l;
-  let u;
-  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 d;
+  if (e[0] !== s || e[1] !== i || e[2] !== t || e[3] !== r || e[4] !== a || e[5] !== u || 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] = 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;
+    e[9] !== s || e[10] !== i || e[11] !== t || e[12] !== r || e[13] !== a || e[14] !== u || e[15] !== c ? (p = (g) => {
+      const h = g.collapsible !== !1 && g.label !== void 0, b = h ? Vt(g.id, t) : !0;
+      return /* @__PURE__ */ y(H, { gap: "0", w: "full", minW: "0", maxW: "full", "data-testid": `sidebar-section-${g.id}`, children: [
+        g.label ? /* @__PURE__ */ o(ro, { section: g, collapsible: h, expanded: b, onToggle: () => c(g.id) }) : null,
+        b ? g.nodes.length > 0 ? /* @__PURE__ */ o(H, { gap: "1px", w: "full", minW: "0", maxW: "full", children: g.nodes.map((m) => /* @__PURE__ */ o(jt, { sectionId: g.id, node: m, level: 0, expandedNodes: i, activeNodeId: s, linkComponent: r, onNavigate: a, onToggleNode: u }, m.id)) }) : g.emptyState ?? null : null
+      ] }, g.id);
+    }, e[9] = s, e[10] = i, e[11] = t, e[12] = r, e[13] = a, e[14] = u, e[15] = c, e[16] = p) : p = e[16], d = n.map(p), e[0] = s, e[1] = i, e[2] = t, e[3] = r, e[4] = a, e[5] = u, e[6] = c, e[7] = n, e[8] = d;
   } else
-    u = e[8];
+    d = e[8];
   let 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;
+  return e[17] !== d ? (f = /* @__PURE__ */ o(H, { role: "listbox", gap: "md", w: "full", minW: "0", maxW: "full", overflowX: "hidden", children: d }), e[17] = d, e[18] = f) : f = e[18], f;
 };
-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,
+function ao(l) {
+  return /* @__PURE__ */ o(xe, { content: l.description, disabled: !l.description, openDelay: 300, children: /* @__PURE__ */ y(j.Item, { value: l.id, disabled: l.disabled, onClick: () => l.onAction?.(), children: [
+    lo(l.icon),
     l.label
   ] }) }, l.id);
 }
-function Al(l) {
+function co(l) {
   return l.stopPropagation();
 }
-const bt = {
+function uo(l) {
+  return {
+    key: l.id,
+    label: l.label,
+    icon: l.icon,
+    isDisabled: l.disabled,
+    onClick: () => l.onAction?.()
+  };
+}
+const xt = {
   open: !0,
   expandedSections: [],
   expandedNodes: []
-}, Ol = "pstdio/ui/sidebar", Ml = (l) => `${Ol}/${l}`, Gl = () => ({
+}, fo = "pstdio/ui/sidebar", po = (l) => `${fo}/${l}`, go = () => ({
   getItem: () => null,
   setItem: () => {
   },
   removeItem: () => {
   }
-}), 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) => ({
+}), St = (l, e) => l.includes(e) ? l.filter((n) => n !== e) : [...l, e], yt = (l, e, n) => n ? l.includes(e) ? l : [...l, e] : l.filter((t) => t !== e), ho = (l) => ({
   open: l.open,
   expandedSections: l.expandedSections,
   expandedNodes: l.expandedNodes
-}), Bl = (l) => {
+}), mo = (l) => {
   const {
     storageKey: e,
     initialState: n
   } = l, t = {
-    ...bt,
+    ...xt,
     ...n
   };
-  return zt()(Wt((i) => ({
+  return Gt()(At((i) => ({
     ...t,
     openSidebar: () => i((s) => ({
       ...s,
@@ -1484,54 +1519,54 @@ const bt = {
     })),
     setSectionExpanded: (s, r) => i((a) => ({
       ...a,
-      expandedSections: xt(a.expandedSections, s, r)
+      expandedSections: yt(a.expandedSections, s, r)
     })),
     setNodeExpanded: (s, r) => i((a) => ({
       ...a,
-      expandedNodes: xt(a.expandedNodes, s, r)
+      expandedNodes: yt(a.expandedNodes, s, r)
     })),
-    reset: () => i(bt)
+    reset: () => i(xt)
   }), {
-    name: Ml(e),
-    storage: Et(() => typeof globalThis.localStorage > "u" ? Gl() : globalThis.localStorage),
-    partialize: Nl
+    name: po(e),
+    storage: Mt(() => typeof globalThis.localStorage > "u" ? go() : globalThis.localStorage),
+    partialize: ho
   }));
-}, yt = /* @__PURE__ */ new Map(), Hl = (l, e) => {
-  const n = yt.get(l);
+}, vt = /* @__PURE__ */ new Map(), bo = (l, e) => {
+  const n = vt.get(l);
   if (n)
     return n;
-  const t = Bl({
+  const t = mo({
     storageKey: l,
     initialState: e
   });
-  return yt.set(l, t), t;
-}, Ae = (l, e, n) => {
+  return vt.set(l, t), t;
+}, Oe = (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) => {
+  return t[0] !== n || t[1] !== l ? (i = bo(l, n), t[0] = n, t[1] = l, t[2] = i) : i = t[2], Ot(i, e);
+}, xo = (l) => {
   const e = R(2), {
     children: n
   } = l;
   if (!n)
     return null;
   let t;
-  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) => {
+  return e[0] !== n ? (t = /* @__PURE__ */ o(B, { px: "2", py: "2", bg: "bg", position: "sticky", bottom: "0", overflow: "hidden", children: n }), e[0] = n, e[1] = t) : t = e[1], t;
+}, So = (l) => {
   const e = R(7), {
     children: n,
     onClose: t
   } = l;
   let i;
-  e[0] !== n ? (i = /* @__PURE__ */ o(j, { minW: "0", flex: "1", children: n }), e[0] = n, e[1] = i) : i = e[1];
+  e[0] !== n ? (i = /* @__PURE__ */ o(N, { minW: "0", flex: "1", children: n }), e[0] = n, e[1] = i) : i = e[1];
   let s;
-  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];
+  e[2] !== t ? (s = t ? /* @__PURE__ */ o(ge, { variant: "ghost", size: "sm", "aria-label": "Hide sidebar", onClick: t, children: /* @__PURE__ */ o(An, { size: 16 }) }) : null, e[2] = t, e[3] = s) : s = e[3];
   let r;
-  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: [
+  return e[4] !== i || e[5] !== s ? (r = /* @__PURE__ */ y(N, { "data-testid": "sidebar-header", justify: "space-between", align: "center", minH: Ft, p: "2xs", bg: "bg", position: "sticky", top: "0", zIndex: "1", children: [
     i,
     s
   ] }), e[4] = i, e[5] = s, e[6] = r) : r = e[6], r;
-}, Gi = (l) => {
+}, wr = (l) => {
   const e = R(28), {
     storageKey: n,
     sections: t,
@@ -1540,67 +1575,67 @@ const bt = {
     footer: r,
     width: a,
     closable: c,
-    emptyLabel: d,
-    defaultExpandedSections: u,
+    emptyLabel: u,
+    defaultExpandedSections: d,
     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)
+    onOpenChange: g
+  } = l, h = a === void 0 ? "240px" : a, b = c === void 0 ? !0 : c, m = u === void 0 ? "No items available." : u;
+  let S;
+  e[0] !== d ? (S = d ? {
+    expandedSections: d
+  } : void 0, e[0] = d, e[1] = S) : S = e[1];
+  const w = S, I = Oe(n, yo, w), x = Oe(n, vo, w), v = Oe(n, Co, w), T = Oe(n, wo, w), P = Oe(n, Io, w), L = Oe(n, ko, w);
+  let _, k;
+  if (e[2] !== g || e[3] !== I ? (_ = () => {
+    g?.(I);
+  }, k = [g, I], e[2] = g, e[3] = I, e[4] = _, e[5] = k) : (_ = e[4], k = e[5]), Ae(_, k), !I && b)
     return null;
-  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;
+  const D = b ? T : void 0;
+  let C;
+  e[6] !== s || e[7] !== D ? (C = /* @__PURE__ */ o(So, { onClose: D, children: s }), e[6] = s, e[7] = D, e[8] = C) : C = e[8];
+  let $, W;
   e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = {
     display: "block",
     style: {
       overflowX: "hidden"
     }
-  }, z = {
+  }, W = {
     style: {
       minWidth: "100%",
       width: "100%"
     }
-  }, e[9] = $, e[10] = z) : ($ = e[9], z = e[10]);
+  }, e[9] = $, e[10] = W) : ($ = e[9], W = e[10]);
+  let E;
+  e[11] !== i || e[12] !== m || e[13] !== v || e[14] !== x || e[15] !== f || e[16] !== p || e[17] !== t || e[18] !== L || e[19] !== P ? (E = /* @__PURE__ */ o(we, { flex: "1", px: "xs", mt: "lg", viewportProps: $, contentProps: W, children: /* @__PURE__ */ o(B, { w: "full", minW: "0", children: t.length === 0 ? /* @__PURE__ */ o(z, { textStyle: "paragraph/S/regular", color: "fg.muted", p: "3", children: m }) : /* @__PURE__ */ o(so, { sections: t, expandedSections: x, expandedNodes: v, activeNodeId: i, linkComponent: f, onNavigate: p, onToggleSection: P, onToggleNode: L }) }) }), e[11] = i, e[12] = m, e[13] = v, e[14] = x, e[15] = f, e[16] = p, e[17] = t, e[18] = L, e[19] = P, e[20] = E) : E = e[20];
   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;
+  e[21] !== r ? (O = /* @__PURE__ */ o(xo, { children: r }), e[21] = r, e[22] = O) : O = e[22];
+  let M;
+  return e[23] !== E || e[24] !== O || e[25] !== C || e[26] !== h ? (M = /* @__PURE__ */ y(ue, { as: "aside", "data-testid": "sidebar", direction: "column", h: "100%", w: h, minW: h, maxW: h, borderRightWidth: "1px", borderRightColor: "border.muted", bg: "bg", children: [
+    C,
+    E,
+    O
+  ] }), e[23] = E, e[24] = O, e[25] = C, e[26] = h, e[27] = M) : M = e[27], M;
 };
-function jl(l) {
+function yo(l) {
   return l.open;
 }
-function Xl(l) {
+function vo(l) {
   return l.expandedSections;
 }
-function Ul(l) {
+function Co(l) {
   return l.expandedNodes;
 }
-function Yl(l) {
+function wo(l) {
   return l.closeSidebar;
 }
-function Kl(l) {
+function Io(l) {
   return l.toggleSection;
 }
-function ql(l) {
+function ko(l) {
   return l.toggleNode;
 }
-const Ni = (l) => {
+const Ir = (l) => {
   const e = R(19), {
     name: n,
     projectsLabel: t,
@@ -1610,103 +1645,238 @@ const Ni = (l) => {
     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 ? (c = /* @__PURE__ */ y(N, { gap: "2", minW: "0", flex: "1", children: [
+    /* @__PURE__ */ o(pt.Root, { size: "2xs", children: /* @__PURE__ */ o(pt.Fallback, { name: n }) }),
+    /* @__PURE__ */ o(z, { 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: [
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ o(Fe, { size: 14 }), e[2] = u) : u = e[2];
+  let d;
+  e[3] !== c ? (d = /* @__PURE__ */ o(j.Trigger, { asChild: !0, children: /* @__PURE__ */ y(pe, { variant: "ghost", size: "sm", width: "full", justifyContent: "flex-start", children: [
     c,
-    d
-  ] }) }), e[3] = c, e[4] = u) : u = e[4];
+    u
+  ] }) }), e[3] = c, e[4] = d) : d = 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];
+  e[5] !== r || e[6] !== t ? (f = /* @__PURE__ */ o(Ie, { onClick: r, primaryLabel: t, leftIcon: Bn }), 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: [
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ o(j.Separator, {}), e[8] = p) : p = e[8];
+  const g = s ? Mn : Gn;
+  let h;
+  e[9] !== a || e[10] !== g || e[11] !== i ? (h = /* @__PURE__ */ o(Ie, { onClick: a, primaryLabel: i, leftIcon: g }), e[9] = a, e[10] = g, e[11] = i, e[12] = h) : h = e[12];
+  let b;
+  e[13] !== f || e[14] !== h ? (b = /* @__PURE__ */ o(j.Positioner, { children: /* @__PURE__ */ y(j.Content, { minW: "240px", bg: "bg", children: [
     f,
     p,
-    g
-  ] }) }), e[13] = f, e[14] = g, e[15] = S) : S = e[15];
+    h
+  ] }) }), e[13] = f, e[14] = h, e[15] = b) : b = 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) {
+  return e[16] !== d || e[17] !== b ? (m = /* @__PURE__ */ y(j.Root, { children: [
+    d,
+    b
+  ] }), e[16] = d, e[17] = b, e[18] = m) : m = e[18], m;
+}, kr = Wt.forwardRef(function(e, n) {
   const t = R(32);
-  let i, s, r, a, c, d, u;
+  let i, s, r, a, c, u, d;
   t[0] !== e ? ({
     inputProps: s,
     children: i,
     rootRef: a,
-    trackLabel: u,
-    thumbLabel: d,
+    trackLabel: d,
+    thumbLabel: u,
     disabled: c,
     ...r
-  } = 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]);
+  } = e, t[0] = e, t[1] = i, t[2] = s, t[3] = r, t[4] = a, t[5] = c, t[6] = u, t[7] = d) : (i = t[1], s = t[2], r = t[3], a = t[4], c = t[5], u = t[6], d = t[7]);
   const f = c === void 0 ? !1 : c, p = f ? "not-allowed" : "pointer";
-  let h;
-  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];
+  t[8] !== s || t[9] !== n ? (g = /* @__PURE__ */ o(Pe.HiddenInput, { ref: n, ...s }), t[8] = s, t[9] = n, t[10] = g) : g = t[10];
+  let h;
+  t[11] !== u ? (h = u && /* @__PURE__ */ o(Pe.ThumbIndicator, { fallback: u?.off, children: u?.on }), t[11] = u, t[12] = h) : h = t[12];
+  let b;
+  t[13] !== h ? (b = /* @__PURE__ */ o(Pe.Thumb, { borderRadius: "full", children: h }), t[13] = h, t[14] = b) : b = t[14];
   let m;
-  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[17] !== p || t[18] !== S || t[19] !== m ? (v = /* @__PURE__ */ x(Ie.Control, { borderRadius: "md", cursor: p, children: [
-    S,
+  t[15] !== d ? (m = d && /* @__PURE__ */ o(Pe.Indicator, { fallback: d.off, children: d.on }), t[15] = d, t[16] = m) : m = t[16];
+  let S;
+  t[17] !== p || t[18] !== b || t[19] !== m ? (S = /* @__PURE__ */ y(Pe.Control, { borderRadius: "md", cursor: p, children: [
+    b,
     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] !== 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,
-    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) => {
+  ] }), t[17] = p, t[18] = b, t[19] = m, t[20] = S) : S = t[20];
+  let w;
+  t[21] !== i || t[22] !== p ? (w = i != null && /* @__PURE__ */ o(Pe.Label, { cursor: p, children: i }), t[21] = i, t[22] = p, t[23] = w) : w = t[23];
+  let I;
+  return t[24] !== f || t[25] !== p || t[26] !== r || t[27] !== a || t[28] !== g || t[29] !== S || t[30] !== w ? (I = /* @__PURE__ */ y(Pe.Root, { ref: a, disabled: f, cursor: p, ...r, children: [
+    g,
+    S,
+    w
+  ] }), t[24] = f, t[25] = p, t[26] = r, t[27] = a, t[28] = g, t[29] = S, t[30] = w, t[31] = I) : I = t[31], I;
+}), To = {
+  viewMode: "board",
+  columnGrouping: "status",
+  rowGrouping: "none",
+  ordering: {
+    field: "manual",
+    direction: "asc"
+  },
+  displayProperties: []
+}, Po = [{
+  value: "status",
+  label: "Status"
+}, {
+  value: "assignee",
+  label: "Assignee"
+}, {
+  value: "none",
+  label: "No grouping"
+}], Do = [{
+  value: "manual",
+  label: "Manual"
+}, {
+  value: "updated",
+  label: "Updated"
+}, {
+  value: "title",
+  label: "Title"
+}, {
+  value: "ticketId",
+  label: "ID"
+}], _o = [{
+  value: "id",
+  label: "ID"
+}, {
+  value: "status",
+  label: "Status"
+}, {
+  value: "updated",
+  label: "Updated"
+}], Qe = (l) => l.startsWith("tag:"), Ze = (l) => l.slice(4), Ke = (l) => l.replaceAll("_", " ").split(" ").filter((e) => e.length > 0).map((e) => e[0].toUpperCase() + e.slice(1)).join(" "), Ct = (l, e) => {
+  const n = /* @__PURE__ */ new Set();
+  for (const t of l)
+    if (e === "status")
+      t.status && n.add(t.status);
+    else if (e === "assignee")
+      t.assignee && n.add(t.assignee);
+    else if (Qe(e)) {
+      const i = Ze(e), s = t.tags?.find((r) => r.name === i);
+      s && n.add(s.value);
+    }
+  return [...n].sort((t, i) => t.localeCompare(i, void 0, {
+    numeric: !0
+  })).map((t) => ({
+    value: t,
+    label: Ke(t)
+  }));
+}, Lo = (l, e) => {
+  const n = [{
+    id: "status",
+    label: "Status",
+    options: Ct(l, "status")
+  }, {
+    id: "assignee",
+    label: "Assignee",
+    options: Ct(l, "assignee")
+  }];
+  for (const t of e) {
+    const i = `tag:${t.name}`;
+    n.push({
+      id: i,
+      label: t.label,
+      options: t.options.map((s) => ({
+        value: s.value,
+        label: s.label
+      }))
+    });
+  }
+  return n;
+}, Xt = (l, e) => {
+  const n = [], t = (i) => e.includes(i);
+  return t("status") && l.status && n.push({
+    label: l.status,
+    color: l.statusColor ?? "gray"
+  }), t("assignee") && l.assignee && n.push({
+    label: l.assignee,
+    color: "blue"
+  }), t("updated") && l.updatedAt && n.push({
+    label: new Date(l.updatedAt).toLocaleDateString(),
+    color: "gray"
+  }), n;
+}, Ut = (l, e, n) => {
+  const t = [];
+  for (const i of n) {
+    const s = `tag:${i.name}`;
+    if (!e.includes(s)) continue;
+    const r = l.tags?.find((c) => c.name === i.name), a = r ? i.options.find((c) => c.value === r.value) : void 0;
+    t.push({
+      tagName: i.name,
+      label: i.label,
+      value: r?.value ?? null,
+      color: a?.color ?? "purple",
+      options: i.options
+    });
+  }
+  return t;
+}, $o = (l) => ({
+  grouping: l.map((e) => ({
+    value: `tag:${e.name}`,
+    label: e.label
+  })),
+  ordering: l.map((e) => ({
+    value: `tag:${e.name}`,
+    label: e.label
+  })),
+  display: l.map((e) => ({
+    value: `tag:${e.name}`,
+    label: e.label
+  }))
+}), Ro = (l) => {
+  const e = l.find((n) => n.value === "none");
+  return e ? [e, ...l.filter((n) => n.value !== "none")] : l;
+}, Wo = (l, e) => e === "none" ? l.filter((n) => n.value === "none") : l.filter((n) => n.value === "none" || n.value !== e), Eo = (l, e) => l === "none" ? "all" : e?.columnKey, zo = (l, e, n, t) => {
+  if (l === "none")
+    return;
+  const i = t?.[l];
+  return i && i.length > 0 ? i : l === "status" && e ? e : n.find((s) => s.id === l)?.options.map((s) => s.value);
+}, wt = (l, e) => {
+  const n = {
+    ...l
+  };
+  return delete n[e], n;
+}, Ue = (l) => {
   const e = R(2);
   let n;
-  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 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__ */ o(ae, { as: Fe, color: "fg.muted" }), e[6] = s) : s = e[6];
-  let r;
-  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__ */ 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__ */ 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(Y.Root, { children: [
-    r,
-    c
-  ] }), e[13] = r, e[14] = c, e[15] = d) : d = e[15];
-  let u;
-  return e[16] !== i || e[17] !== d ? (u = /* @__PURE__ */ x(B, { gap: "2xs", children: [
-    i,
-    d
-  ] }), e[16] = i, e[17] = d, e[18] = u) : u = e[18], u;
-}, Jl = (l) => {
-  const e = R(60), {
+  return e[0] !== l.children ? (n = /* @__PURE__ */ o(z, { textStyle: "label/XS/medium", color: "fg.muted", children: l.children }), e[0] = l.children, e[1] = n) : n = e[1], n;
+}, lt = (l) => {
+  const e = R(34);
+  let n, t, i, s, r, a, c, u, d, f;
+  if (e[0] !== l) {
+    const m = Ro(l.options), S = m.find((v) => v.value === l.value)?.label ?? l.label, w = m[0]?.value === "none";
+    s = H, d = "2xs", e[11] !== l.label ? (f = /* @__PURE__ */ o(Ue, { children: l.label }), e[11] = l.label, e[12] = f) : f = e[12], i = j.Root;
+    let I;
+    e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ o(te, { as: Fe, color: "fg.muted" }), e[13] = I) : I = e[13], u = /* @__PURE__ */ o(j.Trigger, { asChild: !0, children: /* @__PURE__ */ y(pe, { size: "sm", variant: "outline", width: "full", justifyContent: "space-between", children: [
+      S,
+      I
+    ] }) }), t = j.Positioner, n = j.Content, r = "260px", a = "bg";
+    let x;
+    e[14] !== w || e[15] !== l ? (x = (v, T) => /* @__PURE__ */ y(zt, { children: [
+      w && T === 1 ? /* @__PURE__ */ o(j.Separator, {}) : null,
+      /* @__PURE__ */ o(j.Item, { value: v.value, onClick: () => l.onSelect(v.value), children: /* @__PURE__ */ o(z, { textStyle: "label/S/regular", children: v.label }) })
+    ] }, v.value), e[14] = w, e[15] = l, e[16] = x) : x = e[16], c = m.map(x), e[0] = l, e[1] = n, e[2] = t, e[3] = i, e[4] = s, e[5] = r, e[6] = a, e[7] = c, e[8] = u, e[9] = d, e[10] = f;
+  } else
+    n = e[1], t = e[2], i = e[3], s = e[4], r = e[5], a = e[6], c = e[7], u = e[8], d = e[9], f = e[10];
+  let p;
+  e[17] !== n || e[18] !== r || e[19] !== a || e[20] !== c ? (p = /* @__PURE__ */ o(n, { minW: r, bg: a, children: c }), e[17] = n, e[18] = r, e[19] = a, e[20] = c, e[21] = p) : p = e[21];
+  let g;
+  e[22] !== t || e[23] !== p ? (g = /* @__PURE__ */ o(t, { children: p }), e[22] = t, e[23] = p, e[24] = g) : g = e[24];
+  let h;
+  e[25] !== i || e[26] !== u || e[27] !== g ? (h = /* @__PURE__ */ y(i, { children: [
+    u,
+    g
+  ] }), e[25] = i, e[26] = u, e[27] = g, e[28] = h) : h = e[28];
+  let b;
+  return e[29] !== s || e[30] !== d || e[31] !== f || e[32] !== h ? (b = /* @__PURE__ */ y(s, { gap: d, children: [
+    f,
+    h
+  ] }), e[29] = s, e[30] = d, e[31] = f, e[32] = h, e[33] = b) : b = e[33], b;
+}, Oo = (l) => {
+  const e = R(58), {
     settings: n,
     groupingOptions: t,
     orderingOptions: i,
@@ -1714,8 +1884,8 @@ const Ni = (l) => {
     onViewModeChange: r,
     onColumnGroupingChange: a,
     onRowGroupingChange: c,
-    onOrderingFieldChange: d,
-    onSortDirectionToggle: u,
+    onOrderingFieldChange: u,
+    onSortDirectionToggle: d,
     onDisplayPropertyToggle: f
   } = l;
   let p;
@@ -1725,105 +1895,101 @@ const Ni = (l) => {
       mainAxis: 8
     }
   }, e[0] = p) : p = e[0];
-  let h;
-  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] = S) : S = e[4];
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ o(Ce.Trigger, { asChild: !0, children: /* @__PURE__ */ o(ge, { "aria-label": "Display settings", variant: "ghost", size: "sm", children: /* @__PURE__ */ o(te, { as: Nn, boxSize: "14px" }) }) }), e[1] = g) : g = e[1];
+  let h;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ o(Ue, { children: "View" }), e[2] = h) : h = e[2];
+  let b;
+  e[3] !== r ? (b = (A) => {
+    A.value && r(A.value);
+  }, e[3] = r, e[4] = b) : b = 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[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 }),
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ o(ve.Indicator, {}), e[5] = m) : m = e[5];
+  let S;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ y(ve.Item, { value: "list", children: [
+    /* @__PURE__ */ o(ve.ItemText, { children: /* @__PURE__ */ y(N, { as: "span", gap: "2xs", children: [
+      /* @__PURE__ */ o(Hn, { 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(ve.ItemHiddenInput, {})
+  ] }), e[6] = S) : S = e[6];
+  let w;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ y(ve.Item, { value: "board", children: [
+    /* @__PURE__ */ o(ve.ItemText, { children: /* @__PURE__ */ y(N, { as: "span", gap: "2xs", children: [
+      /* @__PURE__ */ o(Fn, { size: 14 }),
       /* @__PURE__ */ o("span", { children: "Board" })
     ] }) }),
-    /* @__PURE__ */ o(Ce.ItemHiddenInput, {})
-  ] }), e[7] = C) : C = e[7];
-  let k;
-  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];
+    /* @__PURE__ */ o(ve.ItemHiddenInput, {})
+  ] }), e[7] = w) : w = e[7];
   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] = 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 = (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
-    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[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ o(Ye, { children: "Ordering" }), e[29] = w) : w = e[29];
+  e[8] !== n.viewMode || e[9] !== b ? (I = /* @__PURE__ */ y(ve.Root, { size: "sm", value: n.viewMode, onValueChange: b, children: [
+    m,
+    S,
+    w
+  ] }), e[8] = n.viewMode, e[9] = b, e[10] = I) : I = e[10];
+  let x;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ o(it, {}), e[11] = x) : x = e[11];
+  let v;
+  e[12] !== a || e[13] !== c || e[14] !== n.rowGrouping ? (v = (A) => {
+    a(A), (A === "none" || A === n.rowGrouping) && c("none");
+  }, e[12] = a, e[13] = c, e[14] = n.rowGrouping, e[15] = v) : v = e[15];
+  let T;
+  e[16] !== t || e[17] !== n.columnGrouping || e[18] !== v ? (T = /* @__PURE__ */ o(lt, { label: "Grouping", value: n.columnGrouping, options: t, onSelect: v }), e[16] = t, e[17] = n.columnGrouping, e[18] = v, e[19] = T) : T = e[19];
+  const P = n.rowGrouping;
+  let L;
+  e[20] !== t || e[21] !== n.columnGrouping ? (L = Wo(t, n.columnGrouping), e[20] = t, e[21] = n.columnGrouping, e[22] = L) : L = e[22];
   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)";
+  e[23] !== c || e[24] !== n.rowGrouping || e[25] !== L ? (_ = /* @__PURE__ */ o(lt, { label: "Sub-grouping", value: P, options: L, onSelect: c }), e[23] = c, e[24] = n.rowGrouping, e[25] = L, e[26] = _) : _ = e[26];
+  let k;
+  e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ o(Ue, { children: "Ordering" }), e[27] = k) : k = e[27];
+  let D;
+  e[28] !== u || e[29] !== i || e[30] !== n.ordering.field ? (D = /* @__PURE__ */ o(lt, { label: "Sort by", value: n.ordering.field, options: i, onSelect: u }), e[28] = u, e[29] = i, e[30] = n.ordering.field, e[31] = D) : D = e[31];
+  const C = n.ordering.direction === "asc" ? "rotate(0deg)" : "rotate(180deg)";
   let $;
-  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[40] !== _ || e[41] !== z ? (O = /* @__PURE__ */ x(B, { gap: "2xs", children: [
-    w,
-    /* @__PURE__ */ x(j, { gap: "2xs", children: [
-      _,
-      z
+  e[32] !== C ? ($ = /* @__PURE__ */ o(te, { as: Vn, transform: C }), e[32] = C, e[33] = $) : $ = e[33];
+  let W;
+  e[34] !== d || e[35] !== n.ordering.direction || e[36] !== $ ? (W = /* @__PURE__ */ o(ge, { mt: "lg", "aria-label": "Toggle sort direction", size: "sm", variant: "outline", onClick: d, "data-direction": n.ordering.direction, children: $ }), e[34] = d, e[35] = n.ordering.direction, e[36] = $, e[37] = W) : W = e[37];
+  let E;
+  e[38] !== D || e[39] !== W ? (E = /* @__PURE__ */ y(H, { gap: "2xs", children: [
+    k,
+    /* @__PURE__ */ y(N, { gap: "2xs", children: [
+      D,
+      W
     ] })
-  ] }), 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 = (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
-    X = e[48];
+  ] }), e[38] = D, e[39] = W, e[40] = E) : E = e[40];
+  let O;
+  e[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ o(it, {}), e[41] = O) : O = e[41];
+  let M;
+  e[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ o(Ue, { children: "Display properties" }), e[42] = M) : M = e[42];
   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__ */ 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,
-      y,
-      D,
-      P,
+  if (e[43] !== s || e[44] !== f || e[45] !== n.displayProperties) {
+    let A;
+    e[47] !== f || e[48] !== n.displayProperties ? (A = (K) => {
+      const G = n.displayProperties.includes(K.value);
+      return /* @__PURE__ */ o(pe, { size: "2xs", variant: G ? "solid" : "outline", onClick: () => f(K.value), children: K.label }, K.value);
+    }, e[47] = f, e[48] = n.displayProperties, e[49] = A) : A = e[49], F = s.map(A), e[43] = s, e[44] = f, e[45] = n.displayProperties, e[46] = F;
+  } else
+    F = e[46];
+  let X;
+  e[50] !== F ? (X = /* @__PURE__ */ y(H, { gap: "2xs", children: [
+    M,
+    /* @__PURE__ */ o(N, { flexWrap: "wrap", gap: "2xs", children: F })
+  ] }), e[50] = F, e[51] = X) : X = e[51];
+  let V;
+  return e[52] !== T || e[53] !== _ || e[54] !== E || e[55] !== X || e[56] !== I ? (V = /* @__PURE__ */ y(Ce.Root, { positioning: p, children: [
+    g,
+    /* @__PURE__ */ o(Me, { children: /* @__PURE__ */ o(Ce.Positioner, { children: /* @__PURE__ */ o(Ce.Content, { width: "320px", p: "sm", bg: "bg", children: /* @__PURE__ */ y(H, { gap: "sm", children: [
+      h,
+      I,
+      x,
+      T,
+      _,
+      E,
       O,
-      G,
-      F
+      X
     ] }) }) }) })
-  ] }), 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) => {
+  ] }), e[52] = T, e[53] = _, e[54] = E, e[55] = X, e[56] = I, e[57] = V) : V = e[57], V;
+}, Ao = (l) => Object.values(l).reduce((e, n) => e + (n?.length ?? 0), 0), Mo = (l) => {
   const e = R(39), {
     categories: n,
     filters: t,
@@ -1831,93 +1997,93 @@ const Ni = (l) => {
     onToggleFilterValue: s,
     onClearFilter: r,
     onClearAll: a
-  } = l, [c, d] = ge(n[0]?.id ?? "status");
-  let u;
-  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 = {
+  } = l, [c, u] = he(n[0]?.id ?? "status");
+  let d;
+  e[0] !== c || e[1] !== n ? (d = n.find((D) => D.id === c) ?? n[0], e[0] = c, e[1] = n, e[2] = d) : d = e[2];
+  const f = d, p = Ao(t);
+  let g;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = {
     placement: "bottom-end",
     offset: {
       mainAxis: 8
     }
-  }, e[3] = h) : h = e[3];
-  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];
+  }, e[3] = g) : g = e[3];
+  const h = p > 0 ? "outline" : "ghost";
+  let b;
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ o(te, { as: jn, boxSize: "14px" }), e[4] = b) : b = e[4];
   let m;
-  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[7] !== m ? (v = /* @__PURE__ */ x(j, { gap: "2xs", children: [
-    S,
+  e[5] !== p ? (m = p > 0 ? /* @__PURE__ */ o(Se, { variant: "solid", children: p }) : null, e[5] = p, e[6] = m) : m = e[6];
+  let S;
+  e[7] !== m ? (S = /* @__PURE__ */ y(N, { gap: "2xs", children: [
+    b,
     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__ */ 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__ */ o(pe, { size: "2xs", variant: "ghost", onClick: a, children: "Clear all" })
-  ] }), e[13] = a, e[14] = y) : y = e[14];
+  ] }), e[7] = m, e[8] = S) : S = e[8];
+  let w;
+  e[9] !== h || e[10] !== S ? (w = /* @__PURE__ */ o(Ce.Trigger, { asChild: !0, children: /* @__PURE__ */ o(ge, { "aria-label": "Filter tickets", variant: h, size: "sm", children: S }) }), e[9] = h, e[10] = S, e[11] = w) : w = e[11];
   let I;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ o(z, { textStyle: "label/XS/medium", color: "fg.muted", children: "Filters" }), e[12] = I) : I = e[12];
+  let x;
+  e[13] !== a ? (x = /* @__PURE__ */ y(N, { justifyContent: "space-between", children: [
+    I,
+    /* @__PURE__ */ o(pe, { size: "2xs", variant: "ghost", onClick: a, children: "Clear all" })
+  ] }), e[13] = a, e[14] = x) : x = e[14];
+  let v;
   if (e[15] !== c || e[16] !== n || e[17] !== t) {
-    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;
+    let D;
+    e[19] !== c || e[20] !== t ? (D = (C) => {
+      const $ = t[C.id] ?? [];
+      return /* @__PURE__ */ y(pe, { variant: c === C.id ? "subtle" : "ghost", size: "sm", justifyContent: "space-between", onClick: () => u(C.id), children: [
+        /* @__PURE__ */ o(z, { children: C.label }),
+        $.length > 0 ? /* @__PURE__ */ o(Se, { variant: "subtle", children: $.length }) : null
+      ] }, C.id);
+    }, e[19] = c, e[20] = t, e[21] = D) : D = e[21], v = n.map(D), e[15] = c, e[16] = n, e[17] = t, e[18] = v;
   } else
-    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];
+    v = e[18];
   let T;
-  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 }),
+  e[22] !== x || e[23] !== v ? (T = /* @__PURE__ */ y(H, { width: "220px", borderRightWidth: "1px", borderColor: "border.muted", p: "sm", gap: "2xs", children: [
+    x,
+    v
+  ] }), e[22] = x, e[23] = v, e[24] = T) : T = e[24];
+  let P;
+  e[25] !== f || e[26] !== i || e[27] !== t || e[28] !== r || e[29] !== s ? (P = f ? /* @__PURE__ */ y(at, { children: [
+    /* @__PURE__ */ y(N, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ o(z, { textStyle: "label/S/medium", children: f.label }),
       /* @__PURE__ */ o(pe, { size: "2xs", variant: "ghost", onClick: () => r(f.id), children: "Clear" })
     ] }),
-    /* @__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: {
+    /* @__PURE__ */ o(H, { gap: "2xs", children: f.options.map((D) => {
+      const C = (t[f.id] ?? []).includes(D.value), $ = i[f.id]?.[D.value] ?? 0;
+      return /* @__PURE__ */ o(B, { 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);
+      }, children: /* @__PURE__ */ o(bn, { checked: C, onCheckedChange: () => s(f.id, D.value), children: /* @__PURE__ */ y(N, { gap: "2xs", justifyContent: "space-between", width: "full", children: [
+        /* @__PURE__ */ o(z, { textStyle: "label/S/regular", children: D.label }),
+        /* @__PURE__ */ o(z, { textStyle: "label/XS/regular", color: "fg.muted", children: $ })
+      ] }) }) }, D.value);
     }) })
-  ] }) : 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;
-  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 = {
+  ] }) : null, e[25] = f, e[26] = i, e[27] = t, e[28] = r, e[29] = s, e[30] = P) : P = e[30];
+  let L;
+  e[31] !== P ? (L = /* @__PURE__ */ o(H, { flex: "1", p: "sm", gap: "sm", children: P }), e[31] = P, e[32] = L) : L = e[32];
+  let _;
+  e[33] !== T || e[34] !== L ? (_ = /* @__PURE__ */ o(Me, { children: /* @__PURE__ */ o(Ce.Positioner, { children: /* @__PURE__ */ o(Ce.Content, { width: "560px", p: "0", bg: "bg", overflow: "hidden", children: /* @__PURE__ */ y(N, { align: "stretch", gap: "0", minH: "320px", children: [
+    T,
+    L
+  ] }) }) }) }), e[33] = T, e[34] = L, e[35] = _) : _ = e[35];
+  let k;
+  return e[36] !== _ || e[37] !== w ? (k = /* @__PURE__ */ y(Ce.Root, { positioning: g, children: [
+    w,
+    _
+  ] }), e[36] = _, e[37] = w, e[38] = k) : k = e[38], k;
+}, Go = {
   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) => {
+}, Bo = /* @__PURE__ */ new Set(["gray", "red", "orange", "yellow", "green", "teal", "blue", "cyan", "purple", "pink"]), No = (l) => l === "current_branch" ? Xn : Un, Ho = (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) => {
+  const e = Go[l] ?? l;
+  return Bo.has(e) ? `var(--chakra-colors-${e}-500)` : e;
+}, Fo = (l) => l ? l.description ? `${l.name}: ${l.description}` : l.name : null, Kt = (l, e) => {
   l.stopPropagation(), e?.();
-}, io = (l, e) => {
+}, Vo = (l, e) => {
   l.stopPropagation(), e?.();
-}, ro = (l) => {
+}, jo = (l) => {
   const e = R(9), {
     sessionStatus: n,
     onSessionIndicatorClick: t
@@ -1926,48 +2092,48 @@ const Ni = (l) => {
     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];
+  e[0] !== t ? (s = t ? (c) => Kt(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];
+  e[2] !== n || e[3] !== i || e[4] !== s ? (r = /* @__PURE__ */ o(Zl, { 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) => {
+}, Xo = (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];
+  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];
+  e[2] !== r || e[3] !== a ? (c = /* @__PURE__ */ o(te, { as: r, boxSize: "12px", "aria-label": a }), e[2] = r, e[3] = a, e[4] = c) : c = e[4];
   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];
+  e[5] !== t ? (u = t ? /* @__PURE__ */ o(Lt, { size: "xs", color: "fg.muted" }) : null, e[5] = t, e[6] = u) : u = e[6];
+  let d;
+  e[7] !== i ? (d = i ? /* @__PURE__ */ o(z, { as: "span", textStyle: "label/XS/regular", color: "fg.muted", flexShrink: 0, children: i }) : null, e[7] = i, e[8] = d) : d = 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: [
+  return e[9] !== c || e[10] !== u || e[11] !== d ? (f = /* @__PURE__ */ y(N, { 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) => {
+    u,
+    d
+  ] }), e[9] = c, e[10] = u, e[11] = d, e[12] = f) : f = e[12], f;
+}, Uo = (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];
+  e[0] !== n ? (t = Fo(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];
+  e[2] !== n.color ? (i = Ho(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];
+  e[4] !== i || e[5] !== s ? (r = /* @__PURE__ */ o(B, { 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) => {
+}, Ko = (l) => {
   const e = R(3), {
     diffAdditions: n,
     diffDeletions: t
@@ -1975,8 +2141,8 @@ const Ni = (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) => {
+  return e[0] !== n || e[1] !== t ? (i = /* @__PURE__ */ o(Rt, { additions: n, deletions: t, variant: "ghost", size: "small", fileName: void 0 }), e[0] = n, e[1] = t, e[2] = i) : i = e[2], i;
+}, Yo = (l) => {
   const e = R(5), {
     hasMultipleWorkspaces: n,
     onDropdownClick: t
@@ -1985,10 +2151,10 @@ const Ni = (l) => {
     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];
+  e[0] !== t ? (s = t ? (a) => Kt(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) => {
+  return e[2] !== i || e[3] !== s ? (r = /* @__PURE__ */ o(te, { 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;
+}, qo = (l) => {
   const e = R(26), {
     workspaceType: n,
     initializing: t,
@@ -1997,94 +2163,184 @@ const Ni = (l) => {
     sessionStatus: r,
     showLeadingSessionIndicator: a,
     diffAdditions: c,
-    diffDeletions: d,
-    hasMultipleWorkspaces: u,
+    diffDeletions: u,
+    hasMultipleWorkspaces: d,
     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 = {
+    onSessionIndicatorClick: g
+  } = l, h = t === void 0 ? !1 : t, b = a === void 0 ? !0 : a, m = d === void 0 ? !1 : d;
+  let S;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = {
     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[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];
+  }, e[0] = S) : S = e[0];
+  let w;
+  e[1] !== f ? (w = f ? (_) => Vo(_, f) : void 0, e[1] = f, e[2] = w) : w = e[2];
   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];
+  e[3] !== g || e[4] !== r || e[5] !== b ? (I = b ? /* @__PURE__ */ o(jo, { sessionStatus: r, onSessionIndicatorClick: g }) : null, e[3] = g, e[4] = r, e[5] = b, e[6] = I) : I = e[6];
+  let x;
+  e[7] !== h || e[8] !== i || e[9] !== n ? (x = /* @__PURE__ */ o(Xo, { workspaceType: n, initializing: h, shorthand: i }), e[7] = h, e[8] = i, e[9] = n, e[10] = x) : x = e[10];
+  let v;
+  e[11] !== s ? (v = /* @__PURE__ */ o(Uo, { attemptStatus: s }), e[11] = s, e[12] = v) : v = e[12];
   let T;
-  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,
+  e[13] !== c || e[14] !== u ? (T = /* @__PURE__ */ o(Ko, { diffAdditions: c, diffDeletions: u }), e[13] = c, e[14] = u, e[15] = T) : T = e[15];
+  let P;
+  e[16] !== m || e[17] !== p ? (P = /* @__PURE__ */ o(Yo, { hasMultipleWorkspaces: m, onDropdownClick: p }), e[16] = m, e[17] = p, e[18] = P) : P = e[18];
+  let L;
+  return e[19] !== w || e[20] !== I || e[21] !== x || e[22] !== v || e[23] !== T || e[24] !== P ? (L = /* @__PURE__ */ y(N, { 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: S, onClick: w, "data-testid": "workspace-badge", children: [
     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), {
+    x,
+    v,
+    T,
+    P
+  ] }), e[19] = w, e[20] = I, e[21] = x, e[22] = v, e[23] = T, e[24] = P, e[25] = L) : L = e[25], L;
+}, Jo = {
+  circle: al,
+  bug: sl,
+  sparkles: rl,
+  "book-open": il,
+  wrench: ol,
+  gauge: ll,
+  "alert-triangle": nl,
+  star: tl,
+  flag: el,
+  flame: Zn,
+  lightbulb: Qn,
+  shield: Jn,
+  eye: qn,
+  clock: Yn,
+  "check-circle": Kn
+}, It = (l) => l ? Jo[l] ?? null : null, Yt = (l) => {
+  const e = R(37), {
+    value: n,
+    label: t,
+    color: i,
+    options: s,
+    onValueChange: r
+  } = l, a = i === void 0 ? "purple" : i;
+  let c, u;
+  e[0] !== s || e[1] !== n ? (c = n ? s.find((x) => x.value === n) : void 0, u = It(c?.icon), e[0] = s, e[1] = n, e[2] = c, e[3] = u) : (c = e[2], u = e[3]);
+  const d = u, f = n ? c?.label ?? n : t ?? "—";
+  if (!r || s.length === 0) {
+    let x;
+    e[4] !== d ? (x = d ? /* @__PURE__ */ o(te, { as: d, boxSize: "12px" }) : null, e[4] = d, e[5] = x) : x = e[5];
+    let v;
+    e[6] !== f ? (v = /* @__PURE__ */ o(z, { as: "span", children: f }), e[6] = f, e[7] = v) : v = e[7];
+    let T;
+    e[8] !== x || e[9] !== v ? (T = /* @__PURE__ */ y(N, { as: "span", gap: "1", alignItems: "center", children: [
+      x,
+      v
+    ] }), e[8] = x, e[9] = v, e[10] = T) : T = e[10];
+    let P;
+    return e[11] !== a || e[12] !== T ? (P = /* @__PURE__ */ o(Se, { variant: "subtle", colorPalette: a, textStyle: "label/XS/medium", children: T }), e[11] = a, e[12] = T, e[13] = P) : P = e[13], P;
+  }
+  let p;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = {
+    opacity: 0.8
+  }, e[14] = p) : p = e[14];
+  let g;
+  e[15] !== d ? (g = d ? /* @__PURE__ */ o(te, { as: d, boxSize: "12px" }) : null, e[15] = d, e[16] = g) : g = e[16];
+  let h;
+  e[17] !== f ? (h = /* @__PURE__ */ o(z, { as: "span", children: f }), e[17] = f, e[18] = h) : h = e[18];
+  let b;
+  e[19] !== g || e[20] !== h ? (b = /* @__PURE__ */ y(N, { as: "span", gap: "1", alignItems: "center", children: [
+    g,
+    h
+  ] }), e[19] = g, e[20] = h, e[21] = b) : b = e[21];
+  let m;
+  e[22] !== a || e[23] !== b ? (m = /* @__PURE__ */ o(j.Trigger, { asChild: !0, children: /* @__PURE__ */ o(Se, { variant: "subtle", colorPalette: a, textStyle: "label/XS/medium", cursor: "pointer", _hover: p, onClick: Qo, children: b }) }), e[22] = a, e[23] = b, e[24] = m) : m = e[24];
+  let S;
+  if (e[25] !== r || e[26] !== s || e[27] !== n) {
+    let x;
+    e[29] !== r || e[30] !== n ? (x = (v) => {
+      const T = It(v.icon);
+      return /* @__PURE__ */ y(j.Item, { value: v.value, onClick: () => r(v.value), children: [
+        T ? /* @__PURE__ */ o(te, { as: T, boxSize: "14px", color: "fg.muted" }) : null,
+        /* @__PURE__ */ o(z, { textStyle: "label/S/regular", flex: "1", children: v.label }),
+        v.value === n && /* @__PURE__ */ o(te, { as: cl, boxSize: "14px", color: "fg.muted" })
+      ] }, v.value);
+    }, e[29] = r, e[30] = n, e[31] = x) : x = e[31], S = s.map(x), e[25] = r, e[26] = s, e[27] = n, e[28] = S;
+  } else
+    S = e[28];
+  let w;
+  e[32] !== S ? (w = /* @__PURE__ */ o(j.Positioner, { children: /* @__PURE__ */ o(j.Content, { minW: "160px", bg: "bg", onClick: Zo, children: S }) }), e[32] = S, e[33] = w) : w = e[33];
+  let I;
+  return e[34] !== m || e[35] !== w ? (I = /* @__PURE__ */ y(j.Root, { children: [
+    m,
+    w
+  ] }), e[34] = m, e[35] = w, e[36] = I) : I = e[36], I;
+};
+function Qo(l) {
+  return l.stopPropagation();
+}
+function Zo(l) {
+  return l.stopPropagation();
+}
+const qt = (l) => {
+  const e = R(34), {
     ticketId: n,
     parentPath: t,
     title: i,
     badges: s,
-    workspaceBadge: r,
-    isSelected: a,
-    draggable: c,
+    tagBadges: r,
+    workspaceBadge: a,
+    isSelected: c,
+    draggable: u,
     onDragStart: d,
-    onDragEnd: u,
-    onClick: f
+    onDragEnd: f,
+    onClick: p,
+    onTagChange: g
   } = 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 = {
+  let h;
+  e[0] !== t ? (h = t === void 0 ? [] : t, e[0] = t, e[1] = h) : h = e[1];
+  const b = h;
+  let m;
+  e[2] !== s ? (m = s === void 0 ? [] : s, e[2] = s, e[3] = m) : m = e[3];
+  const S = m;
+  let w;
+  e[4] !== r ? (w = r === void 0 ? [] : r, e[4] = r, e[5] = w) : w = e[5];
+  const I = w, x = c === void 0 ? !1 : c, v = S.length > 0 || I.length > 0;
+  let T;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = {
     borderColor: "border.blue",
     boxShadow: "mid"
-  }, 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[6] = T) : T = e[6];
+  const P = u ? "grab" : p ? "pointer" : "default", L = x ? "true" : void 0;
+  let _;
+  e[7] !== b ? (_ = b.length > 0 && /* @__PURE__ */ y(z, { as: "span", color: "subtle", children: [
+    b.join(" / "),
     " /",
     " "
-  ] }), 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,
+  ] }), e[7] = b, e[8] = _) : _ = e[8];
+  let k;
+  e[9] !== _ || e[10] !== n ? (k = /* @__PURE__ */ y(z, { textStyle: "label/S/regular", flexShrink: 0, children: [
+    _,
     n
-  ] }), e[7] = y, e[8] = n, e[9] = I) : I = e[9];
+  ] }), e[9] = _, e[10] = n, e[11] = k) : k = e[11];
   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,
+  e[12] !== a ? (D = a ? /* @__PURE__ */ o(qo, { ...a }) : null, e[12] = a, e[13] = D) : D = e[13];
+  let C;
+  e[14] !== k || e[15] !== D ? (C = /* @__PURE__ */ o(N, { gap: "2xs", flexWrap: "wrap", alignItems: "center", children: /* @__PURE__ */ y(N, { gap: "2xs", flexShrink: 0, children: [
+    k,
     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;
+  ] }) }), e[14] = k, e[15] = D, e[16] = C) : C = e[16];
+  let $;
+  e[17] !== i ? ($ = /* @__PURE__ */ o(N, { align: "start", gap: "2xs", flexWrap: "wrap", minW: "0", children: /* @__PURE__ */ o(z, { textStyle: "label/S/regular", flex: "1", minW: "0", overflowWrap: "anywhere", children: i }) }), e[17] = i, e[18] = $) : $ = e[18];
+  let W;
+  e[19] !== S || e[20] !== v || e[21] !== g || e[22] !== I ? (W = v && /* @__PURE__ */ y($t, { gap: "2xs", children: [
+    S.map(ei),
+    I.map((O) => /* @__PURE__ */ o(Yt, { value: O.value, label: O.label, color: O.value ? O.color : "gray", options: O.options, onValueChange: g ? (M) => g(O.tagName, M) : void 0 }, O.tagName))
+  ] }), e[19] = S, e[20] = v, e[21] = g, e[22] = I, e[23] = W) : W = e[23];
+  let E;
+  return e[24] !== u || e[25] !== p || e[26] !== f || e[27] !== d || e[28] !== C || e[29] !== $ || e[30] !== W || e[31] !== P || e[32] !== L ? (E = /* @__PURE__ */ y(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: T, cursor: P, draggable: u, onDragStart: d, onDragEnd: f, onClick: p, "data-selected": L, "data-testid": "ticket-card", children: [
+    C,
+    $,
+    W
+  ] }), e[24] = u, e[25] = p, e[26] = f, e[27] = d, e[28] = C, e[29] = $, e[30] = W, e[31] = P, e[32] = L, e[33] = E) : E = e[33], E;
 };
-function po(l) {
-  return /* @__PURE__ */ o(Pe, { variant: "subtle", colorPalette: l.color ?? "gray", textStyle: "label/XS/medium", children: l.label }, l.label);
+function ei(l) {
+  return /* @__PURE__ */ o(Se, { variant: "subtle", colorPalette: l.color ?? "gray", textStyle: "label/XS/medium", children: l.label }, l.label);
 }
-const ho = (l) => {
+const ti = (l) => {
   const e = R(27), {
     columns: n,
     selectedItemId: t,
@@ -2092,240 +2348,309 @@ const ho = (l) => {
     onMoveToGroup: s,
     onCreateStart: r,
     onColumnAction: a
-  } = 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;
+  } = l, c = t === void 0 ? null : t, [u, d] = he(null), [f, p] = he(null), g = oi;
+  let h;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = () => {
+    d(null), p(null);
+  }, e[0] = h) : h = e[0];
+  const b = h;
   let m;
-  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = (P) => (w) => {
-    w.preventDefault(), w.dataTransfer.dropEffect = "move", u(P);
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = (_) => (k) => {
+    k.preventDefault(), k.dataTransfer.dropEffect = "move", d(_);
   }, 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 = {
+  const S = m;
+  let w;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = (_) => {
+    _.currentTarget.contains(_.relatedTarget) || d(null);
+  }, e[2] = w) : w = e[2];
+  const I = w;
+  let x;
+  e[3] !== i ? (x = (_) => (k) => {
+    k.preventDefault(), d(null);
+    const D = k.dataTransfer.getData("text/plain");
+    D && i?.(D, _);
+  }, e[3] = i, e[4] = x) : x = e[4];
+  const v = x;
+  let T;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = {
     display: "flex",
     alignItems: "stretch",
     gap: "0",
     pb: "2xs",
     minH: "100%"
-  }, 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: {
+  }, e[5] = T) : T = e[5];
+  let P;
+  if (e[6] !== u || e[7] !== f || e[8] !== n || e[9] !== v || e[10] !== a || e[11] !== r || e[12] !== i || e[13] !== s || e[14] !== c) {
+    let _;
+    e[16] !== u || e[17] !== f || e[18] !== v || e[19] !== a || e[20] !== r || e[21] !== i || e[22] !== s || e[23] !== c ? (_ = (k) => /* @__PURE__ */ y(H, { "data-testid": `board-column-${k.id}`, gap: "xs", _notFirst: {
       borderLeft: "1px solid",
       borderColor: "border.muted"
-    }, background: d === w.id ? "bg.subtle" : "bg", transition: "background 150ms ease", height: "100%", minH: "240px", overflow: "hidden", minW: "260px", flex: "1 0 260px", onDragOver: w.canDragIn ? 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: {
+    }, background: u === k.id ? "bg.subtle" : "bg", transition: "background 150ms ease", height: "100%", minH: "240px", overflow: "hidden", minW: "260px", flex: "1 0 260px", onDragOver: k.canDragIn ? S(k.id) : void 0, onDragLeave: k.canDragIn ? I : void 0, onDrop: k.canDragIn ? v(k.id) : void 0, children: [
+      /* @__PURE__ */ o(li, { column: k, onCreateStart: r, onColumnAction: a }),
+      /* @__PURE__ */ o(we, { flex: "1", minH: "0", verticalScrollbarProps: {
         margin: "0"
       }, contentProps: {
         spaceY: "sm",
         ps: "xs",
         pe: "xs"
-      }, 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);
+      }, children: k.groups && k.groups.length > 0 ? k.groups.map((D) => {
+        const C = `${k.id}::${D.key}`;
+        return /* @__PURE__ */ o(ni, { columnId: k.id, group: D, selectedItemId: c, canDragIn: k.canDragIn, canDragOut: k.canDragOut, isDropTarget: f === C, onDragStart: g, onDragEnd: b, onGroupDragOver: ($) => {
+          $.preventDefault(), $.stopPropagation(), $.dataTransfer.dropEffect = "move", p(C), d(null);
         }, onGroupDragLeave: ($) => {
           $.currentTarget.contains($.relatedTarget) || p(null);
-        }, onGroupDrop: ($) => {
-          $.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;
+        }, onGroupDrop: ($, W) => {
+          $.preventDefault(), $.stopPropagation(), p(null), d(null);
+          const E = $.dataTransfer.getData("text/plain");
+          E && (i?.(E, k.id, {
+            beforeItemId: W
+          }), s?.(E, D.key, {
+            beforeItemId: W
+          }));
+        } }, D.key);
+      }) : k.items.map((D) => /* @__PURE__ */ o(Je, { actions: D.contextMenuActions ?? [], children: /* @__PURE__ */ o(B, { onDragOver: k.canDragIn ? (C) => {
+        C.preventDefault(), C.stopPropagation(), C.dataTransfer.dropEffect = "move", d(k.id);
+      } : void 0, onDrop: k.canDragIn ? (C) => {
+        C.preventDefault(), C.stopPropagation(), d(null);
+        const $ = C.dataTransfer.getData("text/plain");
+        !$ || $ === D.id || i?.($, k.id, {
+          beforeItemId: D.id
+        });
+      } : void 0, children: /* @__PURE__ */ o(qt, { ...D.cardProps, isSelected: D.id === c, draggable: k.canDragOut, onDragStart: k.canDragOut ? g(D.id) : void 0, onDragEnd: k.canDragOut ? b : void 0 }) }) }, D.id)) })
+    ] }, k.id), e[16] = u, e[17] = f, e[18] = v, e[19] = a, e[20] = r, e[21] = i, e[22] = s, e[23] = c, e[24] = _) : _ = e[24], P = n.map(_), e[6] = u, e[7] = f, e[8] = n, e[9] = v, e[10] = a, e[11] = r, e[12] = i, e[13] = s, e[14] = c, e[15] = P;
   } else
-    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: i,
-    canDragOut: s,
-    isDropTarget: r,
-    onDragStart: a,
-    onDragEnd: c,
+    P = e[15];
+  let L;
+  return e[25] !== P ? (L = /* @__PURE__ */ o(we, { height: "100%", showHorizontalScrollbar: !0, showVerticalScrollbar: !1, contentProps: T, children: P }), e[25] = P, e[26] = L) : L = e[26], L;
+}, ni = (l) => {
+  const e = R(30), {
+    columnId: n,
+    group: t,
+    selectedItemId: i,
+    canDragIn: s,
+    canDragOut: r,
+    isDropTarget: a,
+    onDragStart: c,
+    onDragEnd: u,
     onGroupDragOver: d,
-    onGroupDragLeave: u,
-    onGroupDrop: f
-  } = 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(So), e[1] = k) : k = e[1];
-  const y = p ? "rotate(90deg)" : "rotate(0deg)";
+    onGroupDragLeave: f,
+    onGroupDrop: p
+  } = l, [g, h] = he(!0), b = a ? "bg.subtle" : "transparent", m = s ? d : void 0, S = s ? f : void 0, w = s ? p : void 0;
   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[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];
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = {
+    bg: "bg.hover"
+  }, e[0] = I) : I = e[0];
+  let x;
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = () => h(ii), e[1] = x) : x = e[1];
+  const v = g ? "rotate(90deg)" : "rotate(0deg)";
   let T;
-  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
-  ] }), e[8] = I, e[9] = D, e[10] = T, e[11] = b) : b = e[11];
+  e[2] !== v ? (T = /* @__PURE__ */ o(B, { display: "flex", alignItems: "center", flexShrink: 0, children: /* @__PURE__ */ o(te, { as: De, boxSize: "14px", color: "fg.muted", transform: v, transition: "transform 0.15s ease" }) }), e[2] = v, e[3] = T) : T = e[3];
   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;
-  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) => {
+  e[4] !== t.label ? (P = /* @__PURE__ */ o(z, { textStyle: "label/S/medium", color: "fg.muted", children: t.label }), e[4] = t.label, e[5] = P) : P = e[5];
+  let L;
+  e[6] !== t.items.length ? (L = /* @__PURE__ */ o(Se, { variant: "subtle", colorPalette: "gray", size: "sm", children: t.items.length }), e[6] = t.items.length, e[7] = L) : L = e[7];
+  let _;
+  e[8] !== T || e[9] !== P || e[10] !== L ? (_ = /* @__PURE__ */ y(N, { px: "xs", py: "2xs", gap: "2xs", cursor: "pointer", _hover: I, borderRadius: "sm", onClick: x, children: [
+    T,
+    P,
+    L
+  ] }), e[8] = T, e[9] = P, e[10] = L, e[11] = _) : _ = e[11];
+  let k;
+  e[12] !== s || e[13] !== r || e[14] !== g || e[15] !== t.items || e[16] !== u || e[17] !== c || e[18] !== p || e[19] !== i ? (k = g && /* @__PURE__ */ o(H, { gap: "sm", pt: "xs", children: t.items.map((C) => /* @__PURE__ */ o(Je, { actions: C.contextMenuActions ?? [], children: /* @__PURE__ */ o(B, { onDragOver: s ? ri : void 0, onDrop: s ? ($) => {
+    $.preventDefault(), $.stopPropagation();
+    const W = $.dataTransfer.getData("text/plain");
+    !W || W === C.id || p($, C.id);
+  } : void 0, children: /* @__PURE__ */ o(qt, { ...C.cardProps, isSelected: C.id === i, draggable: r, onDragStart: r ? c(C.id) : void 0, onDragEnd: r ? u : void 0 }) }) }, C.id)) }), e[12] = s, e[13] = r, e[14] = g, e[15] = t.items, e[16] = u, e[17] = c, e[18] = p, e[19] = i, e[20] = k) : k = e[20];
+  let D;
+  return e[21] !== n || e[22] !== t.key || e[23] !== b || e[24] !== m || e[25] !== _ || e[26] !== k || e[27] !== S || e[28] !== w ? (D = /* @__PURE__ */ y(H, { "data-column-id": n, "data-group-key": t.key, gap: "0", borderRadius: "sm", background: b, transition: "background 150ms ease", onDragOver: m, onDragLeave: S, onDrop: w, children: [
+    _,
+    k
+  ] }), e[21] = n, e[22] = t.key, e[23] = b, e[24] = m, e[25] = _, e[26] = k, e[27] = S, e[28] = w, e[29] = D) : D = e[29], D;
+}, li = (l) => {
   const e = R(20), {
     column: n,
     onCreateStart: t,
     onColumnAction: i
   } = l;
   let s;
-  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];
+  e[0] !== n.label ? (s = /* @__PURE__ */ o(z, { 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__ */ o(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(Se, { 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__ */ 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__ */ 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];
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ o(_t, {}), e[5] = c) : c = e[5];
   let u;
-  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];
+  e[6] !== n.canCreate || e[7] !== n.id || e[8] !== t ? (u = n.canCreate && t && /* @__PURE__ */ o(xe, { content: "Create new ticket", children: /* @__PURE__ */ o(ge, { size: "2xs", variant: "outline", onClick: () => t(n.id), "aria-label": "Create ticket", children: /* @__PURE__ */ o(te, { as: dl, boxSize: "12px" }) }) }), e[6] = n.canCreate, e[7] = n.id, e[8] = t, e[9] = u) : u = e[9];
+  let d;
+  e[10] !== n.actions || e[11] !== n.id || e[12] !== n.label || e[13] !== i ? (d = n.actions.length > 0 && /* @__PURE__ */ y(j.Root, { children: [
+    /* @__PURE__ */ o(j.Trigger, { asChild: !0, children: /* @__PURE__ */ o(ge, { size: "2xs", variant: "ghost", "aria-label": `Column actions for ${n.label}`, children: /* @__PURE__ */ o(te, { as: ul, boxSize: "12px" }) }) }),
+    /* @__PURE__ */ o(j.Positioner, { children: /* @__PURE__ */ o(j.Content, { minW: "180px", bg: "bg", children: n.actions.map((p) => /* @__PURE__ */ o(Ie, { 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] = d) : d = e[14];
   let f;
-  return e[15] !== s || e[16] !== a || e[17] !== d || e[18] !== u ? (f = /* @__PURE__ */ x(j, { padding: "xs", gap: "xs", alignItems: "center", children: [
+  return e[15] !== s || e[16] !== a || e[17] !== u || e[18] !== d ? (f = /* @__PURE__ */ y(N, { padding: "xs", gap: "xs", alignItems: "center", children: [
     s,
     a,
     c,
-    d,
-    u
-  ] }), e[15] = s, e[16] = a, e[17] = d, e[18] = u, e[19] = f) : f = e[19], f;
+    u,
+    d
+  ] }), e[15] = s, e[16] = a, e[17] = u, e[18] = d, e[19] = f) : f = e[19], f;
 };
-function bo(l) {
+function oi(l) {
   return (e) => {
     e.dataTransfer.setData("text/plain", l), e.dataTransfer.effectAllowed = "move";
   };
 }
-function So(l) {
+function ii(l) {
   return !l;
 }
-const xo = [{
+function ri(l) {
+  l.preventDefault(), l.stopPropagation(), l.dataTransfer.dropEffect = "move";
+}
+const si = 12, ai = (l) => {
+  if (!(l <= 0))
+    return `${l * si}px`;
+}, ci = [{
   id: "ticket",
   header: "",
   cell: ({
     row: l
-  }) => /* @__PURE__ */ o(vo, { row: l })
-}], yo = (l) => {
+  }) => /* @__PURE__ */ o(ui, { row: l })
+}], di = (l) => {
   const {
     items: e,
     selectedItemId: n = null,
     onItemClick: t
-  } = l, [i, s] = ge(!0), r = jn({
+  } = l, [i, s] = he(!0), r = ml({
     data: e,
-    columns: xo,
+    columns: ci,
     state: {
       expanded: i
     },
     onExpandedChange: s,
     getSubRows: (a) => a.children,
-    getCoreRowModel: Un(),
-    getExpandedRowModel: Xn(),
+    getCoreRowModel: xl(),
+    getExpandedRowModel: bl(),
     getRowId: (a) => a.id
   });
-  return /* @__PURE__ */ o(V, { children: r.getRowModel().rows.map((a) => {
-    const c = a.original, d = c.id === n, u = a.getCanExpand();
-    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"
+  return /* @__PURE__ */ o(B, { children: r.getRowModel().rows.map((a) => {
+    const c = a.original, u = c.id === n, d = a.getCanExpand();
+    return /* @__PURE__ */ o(Je, { actions: c.contextMenuActions ?? [], children: /* @__PURE__ */ o(N, { paddingX: "sm", paddingY: "xs", gap: "sm", cursor: "pointer", borderBottomWidth: "1px", borderColor: "border.muted", background: u ? "bg.active" : "transparent", _hover: {
+      background: u ? "bg.active" : "bg.hover"
     }, onClick: () => {
-      u ? a.toggleExpanded() : (c.onClick?.(), t?.(c));
-    }, "data-selected": d ? "true" : void 0, children: Yn(a.getVisibleCells()[0].column.columnDef.cell, a.getVisibleCells()[0].getContext()) }, a.id);
+      d ? a.toggleExpanded() : (c.onClick?.(), t?.(c));
+    }, "data-selected": u ? "true" : void 0, draggable: c.draggable, onDragStart: (f) => {
+      c.draggable && (f.dataTransfer.setData("text/plain", c.id), f.dataTransfer.effectAllowed = "move");
+    }, onDragOver: (f) => {
+      c.onDropTicket && (f.preventDefault(), f.dataTransfer.dropEffect = "move");
+    }, onDrop: (f) => {
+      if (!c.onDropTicket)
+        return;
+      f.preventDefault();
+      const p = f.dataTransfer.getData("text/plain");
+      !p || p === c.id || c.onDropTicket(p);
+    }, children: Sl(a.getVisibleCells()[0].column.columnDef.cell, a.getVisibleCells()[0].getContext()) }) }, a.id);
   }) });
-}, vo = (l) => {
-  const e = R(25), {
+}, ui = (l) => {
+  const e = R(35), {
     row: n
-  } = l, t = n.original, i = n.depth, s = i > 0 ? `${i * 24}px` : void 0;
-  let r;
-  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];
+  } = l, t = n.original, i = n.depth;
+  let s;
+  e[0] !== t.ticketId ? (s = t.ticketId.trim(), e[0] = t.ticketId, e[1] = s) : s = e[1];
+  const r = s.length > 0;
   let a;
-  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];
+  e[2] !== i ? (a = ai(i), e[2] = i, e[3] = a) : a = e[3];
   let c;
-  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__ */ o(W, { textStyle: "label/S/regular", flex: "1", truncate: !0, children: t.title }), e[8] = t.title, e[9] = d) : d = e[9];
+  e[4] !== i || e[5] !== n ? (c = n.getCanExpand() ? /* @__PURE__ */ o(fi, { row: n }) : i > 0 ? /* @__PURE__ */ o(pi, {}) : null, e[4] = i, e[5] = n, e[6] = c) : c = e[6];
   let u;
-  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];
+  e[7] !== t.statusColor || e[8] !== t.statusIcon ? (u = t.statusIcon && /* @__PURE__ */ o(te, { as: t.statusIcon, boxSize: "16px", color: t.statusColor ?? "fg.muted", flexShrink: 0 }), e[7] = t.statusColor, e[8] = t.statusIcon, e[9] = u) : u = e[9];
+  let d;
+  e[10] !== r || e[11] !== t.ticketId ? (d = r && /* @__PURE__ */ o(z, { textStyle: "label/S/regular", color: "fg.muted", flexShrink: 0, minW: "70px", children: t.ticketId }), e[10] = r, e[11] = t.ticketId, e[12] = d) : d = e[12];
   let f;
-  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];
+  e[13] !== t.title ? (f = /* @__PURE__ */ o(z, { textStyle: "label/S/regular", flex: "1", truncate: !0, children: t.title }), e[13] = t.title, e[14] = f) : f = e[14];
   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];
+  e[15] !== t.countBadge ? (p = typeof t.countBadge == "number" && /* @__PURE__ */ o(Se, { variant: "subtle", colorPalette: "gray", size: "sm", flexShrink: 0, children: t.countBadge }), e[15] = t.countBadge, e[16] = p) : p = e[16];
+  let g;
+  e[17] !== t.badges || e[18] !== t.onTagChange || e[19] !== t.tagBadges ? (g = (t.badges && t.badges.length > 0 || t.tagBadges && t.tagBadges.length > 0) && /* @__PURE__ */ y($t, { gap: "2xs", flexShrink: 0, children: [
+    t.badges?.map(gi),
+    t.tagBadges?.map((S) => /* @__PURE__ */ o(Yt, { value: S.value, label: S.label, color: S.value ? S.color : "gray", options: S.options, onValueChange: t.onTagChange ? (w) => t.onTagChange(S.tagName, w) : void 0 }, S.tagName))
+  ] }), e[17] = t.badges, e[18] = t.onTagChange, e[19] = t.tagBadges, e[20] = g) : g = e[20];
   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] !== p ? (h = /* @__PURE__ */ x(j, { gap: "sm", flex: "1", paddingLeft: s, children: [
-    r,
-    a,
+  e[21] !== t.assigneeIcon ? (h = t.assigneeIcon && /* @__PURE__ */ o(B, { flexShrink: 0, children: t.assigneeIcon }), e[21] = t.assigneeIcon, e[22] = h) : h = e[22];
+  let b;
+  e[23] !== t.date ? (b = t.date && /* @__PURE__ */ o(z, { textStyle: "label/XS/regular", color: "fg.muted", flexShrink: 0, children: t.date }), e[23] = t.date, e[24] = b) : b = e[24];
+  let m;
+  return e[25] !== a || e[26] !== c || e[27] !== u || e[28] !== d || e[29] !== f || e[30] !== p || e[31] !== g || e[32] !== h || e[33] !== b ? (m = /* @__PURE__ */ y(N, { gap: "xs", flex: "1", paddingLeft: a, children: [
     c,
-    d,
     u,
+    d,
     f,
-    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) => {
+    p,
+    g,
+    h,
+    b
+  ] }), e[25] = a, e[26] = c, e[27] = u, e[28] = d, e[29] = f, e[30] = p, e[31] = g, e[32] = h, e[33] = b, e[34] = m) : m = e[34], m;
+}, fi = (l) => {
   const e = R(6), {
     row: n
   } = 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__ */ 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];
+  e[0] !== r ? (a = /* @__PURE__ */ o(te, { as: De, boxSize: "14px", color: "fg.muted", transform: r, transition: "transform 0.15s ease" }), e[0] = r, e[1] = a) : a = e[1];
   let c;
-  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 = () => {
+  return e[2] !== i || e[3] !== s || e[4] !== a ? (c = /* @__PURE__ */ o(B, { 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;
+}, pi = () => {
   const l = R(1);
   let e;
-  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" })
+  return l[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ y(B, { width: "16px", height: "16px", position: "relative", flexShrink: 0, children: [
+    /* @__PURE__ */ o(B, { position: "absolute", left: "7px", top: "0", bottom: "50%", borderLeftWidth: "1px", borderColor: "border.muted" }),
+    /* @__PURE__ */ o(B, { position: "absolute", left: "7px", top: "50%", width: "8px", borderBottomWidth: "1px", borderColor: "border.muted" })
   ] }), l[0] = e) : e = l[0], e;
 };
-function ko(l) {
-  return /* @__PURE__ */ o(Pe, { variant: "subtle", colorPalette: l.color ?? "gray", textStyle: "label/XS/medium", children: l.label }, l.label);
+function gi(l) {
+  return /* @__PURE__ */ o(Se, { variant: "subtle", colorPalette: l.color ?? "gray", textStyle: "label/XS/medium", children: l.label }, l.label);
 }
-const qe = {
+const Be = {
   status: "No status",
   assignee: "Unassigned"
-}, 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, {
+}, Ne = (l, e) => !l || l.trim() === "" ? e : l, Ye = (l, e) => l.tags?.find((n) => n.name === e)?.value ?? null, kt = (l, e) => {
+  if (e === "none")
+    return "All";
+  if (e === "status")
+    return Ne(l.status, Be.status);
+  if (e === "assignee")
+    return Ne(l.assignee, Be.assignee);
+  if (Qe(e)) {
+    const n = Ze(e), t = Be[e] ?? `No ${n}`;
+    return Ne(Ye(l, n), t);
+  }
+  return "All";
+}, Tt = (l, e) => l.localeCompare(e, void 0, {
   numeric: !0
-}), nt = (l, e) => e === "asc" ? l : l * -1, Ue = (l, e) => e.field === "manual" ? l : [...l].sort((n, t) => {
+}), Ge = (l, e) => e === "asc" ? l : l * -1, qe = (l, e, n = []) => e.field === "manual" ? l : [...l].sort((t, i) => {
   if (e.field === "updated") {
-    const i = new Date(n.updatedAt ?? 0).getTime(), s = new Date(t.updatedAt ?? 0).getTime();
-    return nt(i - s, e.direction);
+    const s = new Date(t.updatedAt ?? 0).getTime(), r = new Date(i.updatedAt ?? 0).getTime();
+    return Ge(s - r, e.direction);
+  }
+  if (e.field === "title")
+    return Ge(t.title.localeCompare(i.title), e.direction);
+  if (Qe(e.field)) {
+    const s = Ze(e.field), r = n.find((u) => u.name === s), a = Ye(t, s), c = Ye(i, s);
+    if (r) {
+      const u = (p) => {
+        if (p === null)
+          return r.options.length;
+        const g = r.options.findIndex((h) => h.value === p);
+        return g === -1 ? r.options.length + 1 : g;
+      }, d = u(a), f = u(c);
+      return Ge(d - f, e.direction);
+    }
+    return Ge((a ?? "").localeCompare(c ?? "", void 0, {
+      numeric: !0
+    }), e.direction);
   }
-  return e.field === "title" ? nt(n.title.localeCompare(t.title), e.direction) : nt(n.ticketId.localeCompare(t.ticketId, void 0, {
+  return Ge(t.ticketId.localeCompare(i.ticketId, void 0, {
     numeric: !0
   }), e.direction);
-}), Io = (l, e) => {
+}), hi = (l, e) => {
   const {
     columnGrouping: n,
     rowGrouping: t,
@@ -2335,10 +2660,10 @@ const qe = {
     for (const a of i)
       s.set(a, []);
   for (const a of l) {
-    const c = vt(a, n);
+    const c = kt(a, n);
     s.set(c, [...s.get(c) ?? [], a]);
   }
-  return [...s.entries()].sort(([a], [c]) => Ct(a, c)).map(([a, c]) => {
+  return [...s.entries()].sort(([a], [c]) => Tt(a, c)).map(([a, c]) => {
     if (t === "none")
       return {
         key: a,
@@ -2346,12 +2671,12 @@ const qe = {
         tickets: c,
         rows: []
       };
-    const d = /* @__PURE__ */ new Map();
+    const u = /* @__PURE__ */ new Map();
     for (const f of c) {
-      const p = vt(f, t);
-      d.set(p, [...d.get(p) ?? [], f]);
+      const p = kt(f, t);
+      u.set(p, [...u.get(p) ?? [], f]);
     }
-    const u = [...d.entries()].sort(([f], [p]) => Ct(f, p)).map(([f, p]) => ({
+    const d = [...u.entries()].sort(([f], [p]) => Tt(f, p)).map(([f, p]) => ({
       key: f,
       label: f,
       tickets: p
@@ -2360,84 +2685,49 @@ const qe = {
       key: a,
       label: a,
       tickets: c,
-      rows: u
+      rows: d
     };
   });
-}, Vt = (l, e) => e === "labels" ? l.labels ?? [] : e === "status" ? [Je(l.status, qe.status)] : [Je(l.assignee, qe.assignee)], Po = (l, e) => {
+}, Jt = (l, e) => {
+  if (e === "status")
+    return [Ne(l.status, Be.status)];
+  if (e === "assignee")
+    return [Ne(l.assignee, Be.assignee)];
+  if (Qe(e)) {
+    const n = Ze(e), t = Ye(l, n);
+    return t ? [t] : [];
+  }
+  return [];
+}, mi = (l, e) => {
   const n = Object.entries(e).filter(([, t]) => t && t.length > 0);
-  return n.length === 0 ? l : l.filter((t) => n.every(([i, s]) => Vt(t, i).some((a) => s?.includes(a))));
-}, To = (l, e) => {
+  return n.length === 0 ? l : l.filter((t) => n.every(([i, s]) => Jt(t, i).some((a) => s?.includes(a))));
+}, bi = (l, e) => {
   const n = {};
   for (const t of l)
-    for (const i of Vt(t, e))
+    for (const i of Jt(t, e))
       n[i] = (n[i] ?? 0) + 1;
   return n;
-}, Do = {
-  viewMode: "board",
-  columnGrouping: "status",
-  rowGrouping: "none",
-  ordering: {
-    field: "manual",
-    direction: "asc"
-  },
-  displayProperties: ["labels"]
-}, _o = [{
-  value: "status",
-  label: "Status"
-}, {
-  value: "assignee",
-  label: "Assignee"
-}, {
-  value: "none",
-  label: "No grouping"
-}], Lo = [{
-  value: "manual",
-  label: "Manual"
-}, {
-  value: "updated",
-  label: "Updated"
-}, {
-  value: "title",
-  label: "Title"
-}, {
-  value: "ticketId",
-  label: "ID"
-}], $o = [{
-  value: "id",
-  label: "ID"
-}, {
-  value: "status",
-  label: "Status"
-}, {
-  value: "assignee",
-  label: "Assignee"
-}, {
-  value: "labels",
-  label: "Labels"
-}, {
-  value: "updated",
-  label: "Updated"
-}], Ro = "pstdio/ui/tickets-workspace", Wo = (l) => `${Ro}/${l}`, lt = {
-  settings: Do,
+}, xi = "pstdio/ui/tickets-workspace", Si = (l) => `${xi}/${l}`, ot = {
+  settings: To,
   filters: {}
-}, Eo = () => ({
+}, yi = () => ({
   getItem: () => null,
   setItem: () => {
   },
   removeItem: () => {
   }
-}), zo = (l, e) => l.includes(e) ? l.filter((n) => n !== e) : [...l, e], Ao = (l) => {
+}), vi = (l, e) => l.includes(e) ? l.filter((n) => n !== e) : [...l, e], Ci = (l) => {
   const {
     storageKey: e,
     initialState: n
   } = l, t = {
     settings: {
-      ...lt.settings,
+      ...ot.settings,
       ...n?.settings ?? {}
     },
-    filters: n?.filters ?? lt.filters
+    filters: n?.filters ?? ot.filters
   };
-  return zt()(Wt((i) => ({
+  return Gt()(At((i) => ({
     ...t,
     setViewMode: (s) => i((r) => ({
       ...r,
@@ -2505,331 +2795,344 @@ const qe = {
       }
     })),
     toggleFilterValue: (s, r) => i((a) => {
-      const c = a.filters[s] ?? [], d = zo(c, r), u = {
+      const c = a.filters[s] ?? [], u = vi(c, r), d = u.length === 0 ? wt(a.filters, s) : {
         ...a.filters,
-        [s]: d
+        [s]: u
       };
-      return d.length === 0 && delete u[s], {
+      return {
         ...a,
-        filters: u
-      };
-    }),
-    clearFilter: (s) => i((r) => {
-      const a = {
-        ...r.filters
-      };
-      return delete a[s], {
-        ...r,
-        filters: a
+        filters: d
       };
     }),
+    clearFilter: (s) => i((r) => ({
+      ...r,
+      filters: wt(r.filters, s)
+    })),
     clearAllFilters: () => i((s) => ({
       ...s,
       filters: {}
     })),
-    reset: () => i(lt)
+    reset: () => i(ot)
   }), {
-    name: Wo(e),
-    storage: Et(() => typeof globalThis.localStorage > "u" ? Eo() : globalThis.localStorage),
+    name: Si(e),
+    version: 1,
+    migrate: (i, s) => {
+      if (s === 0) {
+        const r = i, a = {
+          ...r.filters
+        };
+        delete a.labels;
+        const c = r.settings.displayProperties.filter((u) => u !== "labels");
+        return {
+          ...r,
+          settings: {
+            ...r.settings,
+            displayProperties: c
+          },
+          filters: a
+        };
+      }
+      return i;
+    },
+    storage: Mt(() => typeof globalThis.localStorage > "u" ? yi() : globalThis.localStorage),
     partialize: (i) => ({
       settings: i.settings,
       filters: i.filters
     })
   }));
-}, wt = /* @__PURE__ */ new Map(), Oo = (l) => {
-  const e = wt.get(l);
+}, Pt = /* @__PURE__ */ new Map(), wi = (l) => {
+  const e = Pt.get(l);
   if (e)
     return e;
-  const n = Ao({
+  const n = Ci({
     storageKey: l
   });
-  return wt.set(l, n), n;
-}, Se = (l, e) => {
+  return Pt.set(l, n), n;
+}, be = (l, e) => {
   const n = R(2);
   let t;
-  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 ?? []
-}, ot = (l, e) => {
-  const n = /* @__PURE__ */ new Set();
-  for (const t of l) {
-    const i = Mo[e](t);
-    for (const s of i)
-      n.add(s);
-  }
-  return [...n].sort((t, i) => t.localeCompare(i, void 0, {
-    numeric: !0
-  })).map((t) => ({
-    value: t,
-    label: Ke(t)
-  }));
-}, Go = (l) => [{
-  id: "status",
-  label: "Status",
-  options: ot(l, "status")
-}, {
-  id: "assignee",
-  label: "Assignee",
-  options: ot(l, "assignee")
-}, {
-  id: "labels",
-  label: "Labels",
-  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"
-  }), t("assignee") && l.assignee && n.push({
-    label: l.assignee,
-    color: "blue"
-  }), t("updated") && l.updatedAt && n.push({
-    label: new Date(l.updatedAt).toLocaleDateString(),
-    color: "gray"
-  }), t("labels"))
-    for (const i of l.labels ?? [])
-      n.push({
-        label: i,
-        color: "purple"
+  return n[0] !== l ? (t = wi(l), n[0] = l, n[1] = t) : t = n[1], Ot(t, e);
+}, Ii = (l) => {
+  const {
+    settings: e,
+    visibleTickets: n,
+    grouped: t,
+    tagDefinitions: i,
+    onTicketClick: s,
+    onTagChange: r,
+    onMoveTicket: a,
+    onMoveToGroup: c
+  } = l, u = (f, p) => ({
+    id: f.id,
+    ticketId: e.displayProperties.includes("id") ? f.ticketId : "",
+    title: f.title,
+    badges: Xt(f, e.displayProperties),
+    tagBadges: Ut(f, e.displayProperties, i),
+    onClick: () => s?.(f),
+    onTagChange: r ? (g, h) => r(f.id, g, h) : void 0,
+    draggable: !!a,
+    onDropTicket: e.ordering.field === "manual" && a ? (g) => {
+      const h = Eo(e.columnGrouping, p);
+      if (!h)
+        return;
+      a(g, h, {
+        columnGrouping: e.columnGrouping,
+        beforeTicketId: f.id
       });
-  return n;
-}, Hi = (l) => {
-  const e = R(64), {
+      const b = p?.rowKey;
+      e.rowGrouping !== "none" && c && b && c(g, b, {
+        rowGrouping: e.rowGrouping,
+        beforeTicketId: f.id
+      });
+    } : void 0
+  }), d = (f, p) => ({
+    id: p ? `group::${p.columnKey}::${f.key}` : `group::${f.key}`,
+    ticketId: "",
+    title: Ke(f.label),
+    countBadge: f.tickets.length,
+    onDropTicket: a && e.columnGrouping !== "none" ? (g) => {
+      const h = p?.columnKey ?? f.key;
+      a(g, h, {
+        columnGrouping: e.columnGrouping
+      }), e.rowGrouping !== "none" && c && p && c(g, f.key, {
+        rowGrouping: e.rowGrouping
+      });
+    } : void 0,
+    children: qe(f.tickets, e.ordering, i).map((g) => u(g, {
+      columnKey: p?.columnKey ?? f.key,
+      rowKey: p ? f.key : void 0
+    }))
+  });
+  return e.columnGrouping === "none" ? qe(n, e.ordering, i).map((f) => u(f)) : t.map((f) => f.rows.length > 0 ? {
+    id: `group::${f.key}`,
+    ticketId: "",
+    title: Ke(f.label),
+    countBadge: f.tickets.length,
+    onDropTicket: a ? (p) => {
+      a(p, f.key, {
+        columnGrouping: e.columnGrouping
+      });
+    } : void 0,
+    children: f.rows.map((p) => d(p, {
+      columnKey: f.key
+    }))
+  } : d(f));
+}, Tr = (l) => {
+  const e = R(39), {
     tickets: n,
     storageKey: t,
-    selectedTicketId: i,
-    groupingOptions: s,
-    orderingOptions: r,
-    displayPropertyOptions: a,
-    filterCategories: c,
+    tagDefinitions: i,
+    selectedTicketId: s,
+    groupingOptions: r,
+    orderingOptions: a,
+    displayPropertyOptions: c,
+    filterCategories: u,
     knownColumnKeys: d,
-    emptyTitle: u,
-    emptyDescription: f,
-    onTicketClick: p,
-    onMoveTicket: h,
-    onMoveToGroup: g,
+    emptyTitle: f,
+    emptyDescription: p,
+    onTicketClick: g,
+    onTagChange: h,
+    onMoveTicket: b,
+    onMoveToGroup: m,
     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 = (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] !== 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: `${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: `${Ke(N.label)} (${N.tickets.length})`,
-      children: N.rows.map((Q) => ({
-        ...ue(Q),
-        id: `group::${N.key}::${Q.key}`
-      }))
-    } : ue(N));
-    let me;
-    e[22] !== p || e[23] !== b.displayProperties ? (me = (N) => N.map((Q) => ({
-      id: Q.id,
-      cardProps: {
-        ticketId: b.displayProperties.includes("id") ? Q.ticketId : "",
-        parentPath: Q.parentPath,
-        title: Q.title,
-        badges: kt(Q, b.displayProperties),
-        onClick: () => p?.(Q)
-      }
-    })), 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: 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] = 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
-    F = e[10], A = e[11], E = e[12], K = e[13];
-  const M = K;
-  let Z;
-  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] !== 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] !== q ? (ee = /* @__PURE__ */ x(B, { gap: "sm", height: "100%", minH: "0", children: [
-    q,
-    J
-  ] }), e[61] = J, e[62] = q, e[63] = ee) : ee = e[63], ee;
+    onColumnAction: w,
+    getBoardColumnConfig: I
+  } = l, x = i === void 0 ? [] : i, v = s === void 0 ? null : s, T = f === void 0 ? "No tickets found" : f, P = p === void 0 ? "Try changing filters or display settings." : p, L = $o(x), _ = r ?? [...Po, ...L.grouping], k = a ?? [...Do, ...L.ordering], D = c ?? [..._o, ...L.display], C = be(t, ki), $ = be(t, Ti), W = be(t, Pi), E = be(t, Di), O = be(t, _i), M = be(t, Li), F = be(t, $i), X = be(t, Ri), V = be(t, Wi), A = be(t, Ei), K = be(t, zi), G = mi(n, $), J = u ?? Lo(n, x);
+  let Q;
+  e[0] !== n ? (Q = (Y) => [Y.id, bi(n, Y.id)], e[0] = n, e[1] = Q) : Q = e[1];
+  const q = Object.fromEntries(J.map(Q)), le = zo(C.columnGrouping, d, J, $), oe = hi(G, {
+    columnGrouping: C.columnGrouping,
+    rowGrouping: C.rowGrouping,
+    knownColumnKeys: le
+  }), Z = Ii({
+    settings: C,
+    visibleTickets: G,
+    grouped: oe,
+    tagDefinitions: x,
+    onTicketClick: g,
+    onTagChange: h,
+    onMoveTicket: b,
+    onMoveToGroup: m
+  }), se = (Y) => Y.map((U) => ({
+    id: U.id,
+    cardProps: {
+      ticketId: C.displayProperties.includes("id") ? U.ticketId : "",
+      parentPath: U.parentPath,
+      title: U.title,
+      badges: Xt(U, C.displayProperties),
+      tagBadges: Ut(U, C.displayProperties, x),
+      onClick: () => g?.(U),
+      onTagChange: h ? (ae, ke) => h(U.id, ae, ke) : void 0
+    }
+  })), ee = oe.map((Y) => {
+    const U = I?.(Y.key) ?? {}, ae = qe(Y.tickets, C.ordering, x), ke = Y.rows.length > 0 ? Y.rows.map((Te) => ({
+      key: Te.key,
+      label: Ke(Te.label),
+      items: se(qe(Te.tickets, C.ordering, x))
+    })) : void 0;
+    return {
+      id: Y.key,
+      label: Y.label,
+      color: U.color,
+      canDragIn: U.canDragIn ?? !1,
+      canDragOut: U.canDragOut ?? !1,
+      canCreate: U.canCreate ?? !1,
+      actions: U.actions ?? [],
+      items: se(ae),
+      groups: ke
+    };
+  });
+  let ie;
+  e[2] !== J || e[3] !== K || e[4] !== A || e[5] !== q || e[6] !== $ || e[7] !== V ? (ie = /* @__PURE__ */ o(Mo, { categories: J, filters: $, countsByCategory: q, onToggleFilterValue: V, onClearFilter: A, onClearAll: K }), e[2] = J, e[3] = K, e[4] = A, e[5] = q, e[6] = $, e[7] = V, e[8] = ie) : ie = e[8];
+  let ne;
+  e[9] !== D || e[10] !== _ || e[11] !== k || e[12] !== E || e[13] !== M || e[14] !== O || e[15] !== W || e[16] !== C || e[17] !== X || e[18] !== F ? (ne = /* @__PURE__ */ o(Oo, { settings: C, groupingOptions: _, orderingOptions: k, displayPropertyOptions: D, onViewModeChange: W, onColumnGroupingChange: E, onRowGroupingChange: O, onOrderingFieldChange: M, onSortDirectionToggle: F, onDisplayPropertyToggle: X }), e[9] = D, e[10] = _, e[11] = k, e[12] = E, e[13] = M, e[14] = O, e[15] = W, e[16] = C, e[17] = X, e[18] = F, e[19] = ne) : ne = e[19];
+  let re;
+  e[20] !== ie || e[21] !== ne ? (re = /* @__PURE__ */ y(N, { justifyContent: "flex-end", gap: "2xs", children: [
+    ie,
+    ne
+  ] }), e[20] = ie, e[21] = ne, e[22] = re) : re = e[22];
+  let ce;
+  e[23] !== ee || e[24] !== P || e[25] !== T || e[26] !== Z || e[27] !== w || e[28] !== S || e[29] !== b || e[30] !== m || e[31] !== v || e[32] !== C.columnGrouping || e[33] !== C.rowGrouping || e[34] !== C.viewMode ? (ce = C.viewMode === "board" ? /* @__PURE__ */ o(B, { flex: "1", minH: "0", children: ee.length > 0 ? /* @__PURE__ */ o(ti, { columns: ee, selectedItemId: v, onMoveItem: (Y, U, ae) => b?.(Y, U, {
+    columnGrouping: C.columnGrouping,
+    beforeTicketId: ae?.beforeItemId
+  }), onMoveToGroup: (Y, U, ae) => m?.(Y, U, {
+    rowGrouping: C.rowGrouping,
+    beforeTicketId: ae?.beforeItemId
+  }), onCreateStart: S, onColumnAction: w }) : /* @__PURE__ */ o(rt, { title: T, description: P, height: "100%", borderWidth: "1px", borderRadius: "md" }) }) : Z.length > 0 ? /* @__PURE__ */ o(di, { items: Z, selectedItemId: v }) : /* @__PURE__ */ o(rt, { title: T, description: P, borderWidth: "1px", borderRadius: "md" }), e[23] = ee, e[24] = P, e[25] = T, e[26] = Z, e[27] = w, e[28] = S, e[29] = b, e[30] = m, e[31] = v, e[32] = C.columnGrouping, e[33] = C.rowGrouping, e[34] = C.viewMode, e[35] = ce) : ce = e[35];
+  let fe;
+  return e[36] !== re || e[37] !== ce ? (fe = /* @__PURE__ */ y(H, { gap: "sm", height: "100%", minH: "0", children: [
+    re,
+    ce
+  ] }), e[36] = re, e[37] = ce, e[38] = fe) : fe = e[38], fe;
 };
-function No(l) {
+function ki(l) {
   return l.settings;
 }
-function Bo(l) {
+function Ti(l) {
   return l.filters;
 }
-function Ho(l) {
+function Pi(l) {
   return l.setViewMode;
 }
-function Fo(l) {
+function Di(l) {
   return l.setColumnGrouping;
 }
-function Vo(l) {
+function _i(l) {
   return l.setRowGrouping;
 }
-function jo(l) {
+function Li(l) {
   return l.setOrderingField;
 }
-function Xo(l) {
+function $i(l) {
   return l.toggleSortDirection;
 }
-function Uo(l) {
+function Ri(l) {
   return l.toggleDisplayProperty;
 }
-function Yo(l) {
+function Wi(l) {
   return l.toggleFilterValue;
 }
-function Ko(l) {
+function Ei(l) {
   return l.clearFilter;
 }
-function qo(l) {
+function zi(l) {
   return l.clearAllFilters;
 }
-function Jo(l) {
-  return l.value;
-}
-const Qo = (l) => {
+const Oi = (l) => {
   if (typeof document > "u") return;
   const e = document.documentElement, n = document.body, t = l === "dark" ? "light" : "dark";
   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 = () => {
+}, Qt = "theme-preference", Zt = vn(null), Ai = () => {
   if (typeof window > "u") return "light";
-  const l = window.localStorage.getItem(jt);
+  const l = window.localStorage.getItem(Qt);
   return l === "dark" || l === "light" ? l : typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}, Fi = (l) => {
+}, Pr = (l) => {
   const e = R(11), {
     children: n,
     initialPreference: t
   } = l;
   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[0] !== t ? (i = t === void 0 ? Ai() : t, e[0] = t, e[1] = i) : i = e[1];
+  const s = i, [r, a] = he(s);
+  let c, u;
   e[2] !== r ? (c = () => {
-    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(ei), e[5] = u) : u = e[5];
-  const f = u;
+    Oi(r), typeof window < "u" && window.localStorage.setItem(Qt, r);
+  }, u = [r], e[2] = r, e[3] = c, e[4] = u) : (c = e[3], u = e[4]), Ae(c, u);
+  let d;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = () => a(Mi), e[5] = d) : d = e[5];
+  const f = d;
   let p;
   e[6] !== r ? (p = {
     themePreference: r,
     setThemePreference: a,
     toggleThemePreference: f
   }, e[6] = r, e[7] = p) : p = e[7];
-  let h;
-  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);
+  let g;
+  return e[8] !== n || e[9] !== p ? (g = /* @__PURE__ */ o(Zt, { value: p, children: n }), e[8] = n, e[9] = p, e[10] = g) : g = e[10], g;
+}, Dr = () => {
+  const l = Cn(Zt);
   if (!l)
     throw new Error("useThemePreference must be used within a ThemePreferenceProvider");
   return l;
 };
-function ei(l) {
+function Mi(l) {
   return l === "dark" ? "light" : "dark";
 }
 export {
-  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,
+  mn as AlertMessage,
+  sr as AttachedPanel,
+  ar as Breadcrumb,
+  cr as BubbleButton,
+  dr as BubblePanel,
+  $r as ChakraProvider,
+  bn as Checkbox,
+  fr as CodeDiffEditor,
+  ur as CodeEditor,
+  Dl as ContentPlaceholder,
+  pr as ContentPlaceholderLabel,
+  gr as DeleteConfirmationModal,
+  Rt as DiffBubble,
+  hr as DiffDrawer,
+  Oo 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,
+  Nt as ErrorBoundary,
+  Mo as FilterMenu,
+  mr as FolderPickerDialog,
+  El as HorizontalMenuStack,
+  br as ItemSection,
+  Ie as MenuItem,
+  vr as OpenSourceNoticesScreen,
+  Sr as PanelLayout,
+  yr as PanelSectionLayout,
+  Cr as Properties,
+  Wr as Radio,
+  Er as RadioGroup,
+  Je as ResourceContextMenu,
+  we as ScrollArea,
+  Xl as SearchableMenu,
+  Zl as SessionIndicator,
+  wr as Sidebar,
+  Ir as SidebarProjectMenu,
+  so as SidebarTree,
+  kr as Switch,
+  Pr as ThemePreferenceProvider,
+  ti as TicketBoard,
+  qt as TicketCard,
+  di as TicketList,
+  Tr as TicketsWorkspace,
+  xr 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
+  qo as WorkspaceBadge,
+  Oi as applyThemePreference,
+  Or as getFileTypeIcon,
+  Ai as getInitialThemePreference,
+  Mr as psTheme,
+  Ql as resolveSessionIndicatorColor,
+  Jl as resolveSessionIndicatorIcon,
+  Ol as toaster,
+  Oe as useSidebarStore,
+  Dr as useThemePreference,
+  be as useTicketsWorkspaceStore
 };
 //# sourceMappingURL=index.js.map