@pstdio/ui 0.15.0 → 0.16.0

package/dist/data-renderer.js

@@ -0,0 +1,1669 @@
+import { jsx as a, jsxs as _, Fragment as Te } from "react/jsx-runtime";
+import { c as H } from "react/compiler-runtime";
+import { Text as Q, Badge as ue, IconButton as be, Icon as Y, Menu as j, Spacer as vt, HStack as Z, Portal as Oe, Wrap as nt, Stack as te, Box as se, Popover as le, Button as he, Separator as $e } from "@chakra-ui/react";
+import { E as xt } from "./empty-state-Bo4HVrgr.js";
+import { useState as oe, createElement as Ct, useRef as Se, useEffect as Me, Fragment as St, useReducer as wt } from "react";
+import { L as pe, R as rt, H as ze } from "./list-row-mi3Hn-Um.js";
+import { T as Dt, S as we } from "./scroll-area-BMbg1WcD.js";
+import { Plus as It, MoreHorizontal as kt, X as Gt, SquareCheck as At, Square as Rt, Check as ot, ChevronDown as it, ChevronRight as Pt, ArrowDownAZ as Tt, ArrowDownZA as Et, Settings2 as Ot, List as Mt, KanbanSquare as _t, Filter as Bt } from "lucide-react";
+import { g as Ve, W as lt } from "./workspace-badge-Fuo-1zPj.js";
+import { C as Lt } from "./checkbox-D5AzFRlb.js";
+import { useStore as Ft } from "zustand";
+import { persist as $t, createJSONStorage as zt } from "zustand/middleware";
+import { createStore as Vt } from "zustand/vanilla";
+import { c as Nt } from "./browser-storage-BinyFNJX.js";
+const N = "none", ee = "manual", _e = (t) => !Array.isArray(t), Lr = (t) => !Array.isArray(t), Wt = {
+  viewMode: "board",
+  columnGrouping: N,
+  rowGrouping: N,
+  ordering: {
+    attributeId: ee,
+    direction: "asc"
+  },
+  displayProperties: []
+}, ne = (t, e) => {
+  if (!(!e || e === N || e === ee))
+    return t.find((n) => n.id === e);
+}, Kt = async (t) => {
+  const {
+    settings: e,
+    rowId: n,
+    targetColumnId: r,
+    targetGroupKey: i,
+    beforeItemId: o,
+    onAttributeChange: l,
+    onReorder: s
+  } = t;
+  e.columnGrouping !== N && l && await l(n, e.columnGrouping, r), e.rowGrouping !== N && i && l && await l(n, e.rowGrouping, i), e.ordering.attributeId === ee && await s?.(n, o);
+}, Ht = async (t) => {
+  const {
+    settings: e,
+    rowId: n,
+    targetGroupKey: r,
+    beforeItemId: i,
+    onAttributeChange: o,
+    onReorder: l
+  } = t;
+  e.rowGrouping === N || !o || (await o(n, e.rowGrouping, r), e.ordering.attributeId === ee && await l?.(n, i));
+}, jt = (t) => {
+  const e = H(21), {
+    column: n,
+    onCreateStart: r,
+    onColumnAction: i
+  } = t;
+  let o;
+  e[0] !== n.label ? (o = /* @__PURE__ */ a(Q, { textStyle: "label/S/medium", children: n.label }), e[0] = n.label, e[1] = o) : o = e[1];
+  const l = n.color ?? "gray";
+  let s;
+  e[2] !== n.items.length || e[3] !== l ? (s = /* @__PURE__ */ a(ue, { variant: "number", colorPalette: l, children: n.items.length }), e[2] = n.items.length, e[3] = l, e[4] = s) : s = e[4];
+  let d;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ a(vt, {}), e[5] = d) : d = e[5];
+  let g;
+  e[6] !== n.canCreate || e[7] !== n.createLabel || e[8] !== n.id || e[9] !== r ? (g = n.canCreate && r && /* @__PURE__ */ a(Dt, { content: n.createLabel ?? "Create new row", children: /* @__PURE__ */ a(be, { size: "2xs", variant: "outline", onClick: () => r(n.id), "aria-label": n.createLabel ?? "Create row", children: /* @__PURE__ */ a(Y, { as: It, boxSize: "12px" }) }) }), e[6] = n.canCreate, e[7] = n.createLabel, e[8] = n.id, e[9] = r, e[10] = g) : g = e[10];
+  let p;
+  e[11] !== n.actions || e[12] !== n.id || e[13] !== n.label || e[14] !== i ? (p = n.actions.length > 0 && /* @__PURE__ */ _(j.Root, { children: [
+    /* @__PURE__ */ a(j.Trigger, { asChild: !0, children: /* @__PURE__ */ a(be, { size: "2xs", variant: "ghost", "aria-label": `Column actions for ${n.label}`, children: /* @__PURE__ */ a(Y, { as: kt, boxSize: "12px" }) }) }),
+    /* @__PURE__ */ a(j.Positioner, { children: /* @__PURE__ */ a(j.Content, { minW: "180px", bg: "bg", children: n.actions.map((f) => /* @__PURE__ */ a(j.Item, { value: f.id, asChild: !0, children: /* @__PURE__ */ a(pe, { asChild: !0, variant: "full-width", label: f.label, icon: /* @__PURE__ */ a(Y, { as: f.icon, boxSize: "16px" }), onActivate: () => i?.(n.id, f.id) }) }, f.id)) }) })
+  ] }), e[11] = n.actions, e[12] = n.id, e[13] = n.label, e[14] = i, e[15] = p) : p = e[15];
+  let c;
+  return e[16] !== o || e[17] !== s || e[18] !== g || e[19] !== p ? (c = /* @__PURE__ */ _(Z, { minH: "2.5rem", padding: "xs", gap: "xs", alignItems: "center", children: [
+    o,
+    s,
+    d,
+    g,
+    p
+  ] }), e[16] = o, e[17] = s, e[18] = g, e[19] = p, e[20] = c) : c = e[20], c;
+}, st = "__pstdioDataRendererCardClickSuppressionUntil", at = () => globalThis, Ut = () => {
+  at()[st] = Date.now() + 1500;
+}, Xt = () => Date.now() <= (at()[st] ?? 0), fe = (t) => t.stopPropagation(), ce = () => Ut(), Ne = (t) => {
+  ce(), t.stopPropagation();
+}, qt = (t) => Array.isArray(t.value) ? t.value : t.value ? [t.value] : [], Zt = (t, e) => t.includes(e) ? t.filter((n) => n !== e) : [...t, e], We = {
+  bg: {
+    _light: "bg.muted",
+    _dark: "bg.subtle"
+  },
+  color: "fg.muted",
+  _hover: {
+    bg: {
+      _light: "bg.subtle",
+      _dark: "bg.hover"
+    }
+  }
+}, Jt = (t) => t.color ? `${t.color}.fg` : "fg.muted", Ke = (t) => t.isMultiValue ? t.isSelected ? /* @__PURE__ */ a(At, { size: 14 }) : /* @__PURE__ */ a(Rt, { size: 14 }) : t.isSelected ? /* @__PURE__ */ a(ot, { size: 14 }) : null, ct = (t) => {
+  const e = H(61), {
+    badge: n,
+    onChange: r
+  } = t;
+  let i, o, l, s, d, g, p, c, f, u, m, h, v, C, k, T, R, P;
+  if (e[0] !== n || e[1] !== r) {
+    u = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    e: {
+      const y = n.options ?? [], b = !!(r && n.isEditable && y.length > 0), w = Array.isArray(n.value), D = qt(n), M = n.attributeLabel ?? n.label;
+      let E;
+      e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = {
+        onClickCapture: ce,
+        onPointerDownCapture: ce,
+        onKeyDown: fe
+      }, e[20] = E) : E = e[20];
+      const W = E, K = (F) => {
+        const $ = w ? Zt(D, F) : F;
+        r?.(n.attributeId, $);
+      };
+      let z;
+      e[21] !== n.attributeId || e[22] !== w || e[23] !== r ? (z = () => r?.(n.attributeId, w ? [] : ""), e[21] = n.attributeId, e[22] = w, e[23] = r, e[24] = z) : z = e[24];
+      const V = z;
+      let A;
+      e[25] !== n ? (A = n.icon ? /* @__PURE__ */ a(Y, { as: Ve(n.icon), boxSize: "3.5", color: Jt(n) }) : null, e[25] = n, e[26] = A) : A = e[26];
+      let O;
+      e[27] !== b ? (O = b ? /* @__PURE__ */ a(Y, { as: it, boxSize: "3", color: "fg.muted" }) : null, e[27] = b, e[28] = O) : O = e[28];
+      let B;
+      e[29] !== n.label || e[30] !== A || e[31] !== O ? (B = /* @__PURE__ */ _(Te, { children: [
+        A,
+        n.label,
+        O
+      ] }), e[29] = n.label, e[30] = A, e[31] = O, e[32] = B) : B = e[32];
+      const L = B;
+      if (!b) {
+        let F;
+        e[33] !== L ? (F = /* @__PURE__ */ a(ue, { variant: "subtle", gap: "2xs", textStyle: "label/XS/medium", ...We, children: L }), e[33] = L, e[34] = F) : F = e[34], u = F;
+        break e;
+      }
+      s = j.Root, c = !w, e[35] !== L ? (f = /* @__PURE__ */ a(j.Trigger, { asChild: !0, children: /* @__PURE__ */ a(ue, { as: "span", role: "button", tabIndex: 0, variant: "subtle", gap: "2xs", textStyle: "label/XS/medium", cursor: "pointer", ...We, onClickCapture: ce, onClick: fe, onPointerDownCapture: ce, onPointerDown: Ne, onKeyDown: fe, children: L }) }), e[35] = L, e[36] = f) : f = e[36], l = Oe, o = j.Positioner, i = j.Content, d = "180px", g = "bg", m = "0", h = "0", v = ce, C = fe, k = ce, T = Ne, R = fe, P = w ? null : /* @__PURE__ */ _(Te, { children: [
+        /* @__PURE__ */ a(j.Item, { value: "__clear", asChild: !0, children: /* @__PURE__ */ a(pe, { asChild: !0, role: "menuitemradio", "aria-checked": D.length === 0, variant: "full-width", id: "__clear", label: `No ${M}`, icon: /* @__PURE__ */ a(Gt, { size: 16 }), iconColor: "gray.500", isSelected: D.length === 0, endContent: Ke({
+          isMultiValue: !1,
+          isSelected: D.length === 0
+        }), onActivate: V, ...W }) }),
+        /* @__PURE__ */ a(j.Separator, { margin: "0" })
+      ] }), p = y.map((F) => {
+        const $ = D.includes(F.value);
+        return /* @__PURE__ */ a(j.Item, { value: F.value, asChild: !0, children: /* @__PURE__ */ a(pe, { asChild: !0, role: w ? "menuitemcheckbox" : "menuitemradio", "aria-checked": $, variant: "full-width", id: F.value, label: F.label, icon: /* @__PURE__ */ a(Y, { as: Ve(F.icon), boxSize: "16px" }), iconColor: `${F.color ?? "gray"}.500`, isSelected: $, endContent: Ke({
+          isMultiValue: w,
+          isSelected: $
+        }), onActivate: () => K(F.value), ...W }) }, F.value);
+      });
+    }
+    e[0] = n, e[1] = r, e[2] = i, e[3] = o, e[4] = l, e[5] = s, e[6] = d, e[7] = g, e[8] = p, e[9] = c, e[10] = f, e[11] = u, e[12] = m, e[13] = h, e[14] = v, e[15] = C, e[16] = k, e[17] = T, e[18] = R, e[19] = P;
+  } else
+    i = e[2], o = e[3], l = e[4], s = e[5], d = e[6], g = e[7], p = e[8], c = e[9], f = e[10], u = e[11], m = e[12], h = e[13], v = e[14], C = e[15], k = e[16], T = e[17], R = e[18], P = e[19];
+  if (u !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
+    return u;
+  let G;
+  e[37] !== i || e[38] !== d || e[39] !== g || e[40] !== p || e[41] !== m || e[42] !== h || e[43] !== v || e[44] !== C || e[45] !== k || e[46] !== T || e[47] !== R || e[48] !== P ? (G = /* @__PURE__ */ _(i, { minW: d, bg: g, p: m, gap: h, onClickCapture: v, onClick: C, onPointerDownCapture: k, onPointerDown: T, onKeyDown: R, children: [
+    P,
+    p
+  ] }), e[37] = i, e[38] = d, e[39] = g, e[40] = p, e[41] = m, e[42] = h, e[43] = v, e[44] = C, e[45] = k, e[46] = T, e[47] = R, e[48] = P, e[49] = G) : G = e[49];
+  let S;
+  e[50] !== o || e[51] !== G ? (S = /* @__PURE__ */ a(o, { children: G }), e[50] = o, e[51] = G, e[52] = S) : S = e[52];
+  let x;
+  e[53] !== l || e[54] !== S ? (x = /* @__PURE__ */ a(l, { children: S }), e[53] = l, e[54] = S, e[55] = x) : x = e[55];
+  let I;
+  return e[56] !== s || e[57] !== c || e[58] !== f || e[59] !== x ? (I = /* @__PURE__ */ _(s, { closeOnSelect: c, children: [
+    f,
+    x
+  ] }), e[56] = s, e[57] = c, e[58] = f, e[59] = x, e[60] = I) : I = e[60], I;
+}, dt = (t) => {
+  const e = H(31), {
+    title: n,
+    badges: r,
+    customSlots: i,
+    workspaceBadge: o,
+    isSelected: l,
+    draggable: s,
+    onBadgeChange: d,
+    onDragStart: g,
+    onDragEnd: p,
+    onClick: c
+  } = t;
+  let f;
+  e[0] !== r ? (f = r === void 0 ? [] : r, e[0] = r, e[1] = f) : f = e[1];
+  const u = f;
+  let m;
+  e[2] !== i ? (m = i === void 0 ? [] : i, e[2] = i, e[3] = m) : m = e[3];
+  const h = m, v = l === void 0 ? !1 : l, C = u.length > 0 || h.length > 0, k = s ? "grab" : c ? "pointer" : "default";
+  let T;
+  e[4] !== c ? (T = (E) => {
+    Xt() || E.defaultPrevented || !(E.target instanceof Node) || !E.currentTarget.contains(E.target) || c?.();
+  }, e[4] = c, e[5] = T) : T = e[5];
+  const R = T, P = v ? "border.accent" : "border.subtle", G = v ? "border.accent" : "border.accent-light";
+  let S;
+  e[6] !== G ? (S = {
+    borderColor: G
+  }, e[6] = G, e[7] = S) : S = e[7];
+  const x = c ? R : void 0, I = v ? "true" : void 0;
+  let y;
+  e[8] !== n ? (y = /* @__PURE__ */ a(Q, { textStyle: "label/S/regular", flex: "1", minW: "0", overflowWrap: "anywhere", children: n }), e[8] = n, e[9] = y) : y = e[9];
+  let b;
+  e[10] !== o ? (b = o ? /* @__PURE__ */ a(lt, { ...o }) : null, e[10] = o, e[11] = b) : b = e[11];
+  let w;
+  e[12] !== y || e[13] !== b ? (w = /* @__PURE__ */ _(Z, { align: "start", gap: "2xs", flexWrap: "wrap", minW: "0", children: [
+    y,
+    b
+  ] }), e[12] = y, e[13] = b, e[14] = w) : w = e[14];
+  let D;
+  e[15] !== u || e[16] !== h || e[17] !== C || e[18] !== d ? (D = C && /* @__PURE__ */ _(nt, { gap: "2xs", children: [
+    u.map((E) => /* @__PURE__ */ a(ct, { badge: E, onChange: d }, E.attributeId)),
+    h
+  ] }), e[15] = u, e[16] = h, e[17] = C, e[18] = d, e[19] = D) : D = e[19];
+  let M;
+  return e[20] !== k || e[21] !== s || e[22] !== p || e[23] !== g || e[24] !== I || e[25] !== w || e[26] !== D || e[27] !== P || e[28] !== S || e[29] !== x ? (M = /* @__PURE__ */ _(te, { gap: "xs", padding: "sm", borderRadius: "xs", borderWidth: "1px", borderColor: P, width: "100%", background: "bg", transition: "border-color 0.2s ease-in-out, background 0.2s ease-in-out", _hover: S, cursor: k, draggable: s, onDragStart: g, onDragEnd: p, onClick: x, "data-selected": I, "data-testid": "renderer-card", children: [
+    w,
+    D
+  ] }), e[20] = k, e[21] = s, e[22] = p, e[23] = g, e[24] = I, e[25] = w, e[26] = D, e[27] = P, e[28] = S, e[29] = x, e[30] = M) : M = e[30], M;
+}, Yt = (t) => {
+  const e = H(30), {
+    columnId: n,
+    group: r,
+    selectedItemId: i,
+    canDragIn: o,
+    canDragOut: l,
+    isDropTarget: s,
+    onDragStart: d,
+    onDragEnd: g,
+    onGroupDragOver: p,
+    onGroupDragLeave: c,
+    onGroupDrop: f
+  } = t, [u, m] = oe(!0), h = s ? "bg.subtle" : "transparent", v = o ? p : void 0, C = o ? c : void 0, k = o ? f : void 0;
+  let T;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = {
+    bg: "bg.hover"
+  }, e[0] = T) : T = e[0];
+  let R;
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = () => m(Qt), e[1] = R) : R = e[1];
+  const P = u ? "rotate(90deg)" : "rotate(0deg)";
+  let G;
+  e[2] !== P ? (G = /* @__PURE__ */ a(se, { display: "flex", alignItems: "center", flexShrink: 0, children: /* @__PURE__ */ a(Y, { as: Pt, boxSize: "14px", color: "fg.muted", transform: P, transition: "transform 0.15s ease" }) }), e[2] = P, e[3] = G) : G = e[3];
+  let S;
+  e[4] !== r.label ? (S = /* @__PURE__ */ a(Q, { textStyle: "label/S/medium", color: "fg.muted", children: r.label }), e[4] = r.label, e[5] = S) : S = e[5];
+  let x;
+  e[6] !== r.items.length ? (x = /* @__PURE__ */ a(ue, { variant: "number", colorPalette: "gray", size: "sm", children: r.items.length }), e[6] = r.items.length, e[7] = x) : x = e[7];
+  let I;
+  e[8] !== G || e[9] !== S || e[10] !== x ? (I = /* @__PURE__ */ _(Z, { px: "xs", py: "2xs", gap: "2xs", cursor: "pointer", _hover: T, borderRadius: "sm", onClick: R, children: [
+    G,
+    S,
+    x
+  ] }), e[8] = G, e[9] = S, e[10] = x, e[11] = I) : I = e[11];
+  let y;
+  e[12] !== o || e[13] !== l || e[14] !== u || e[15] !== r.items || e[16] !== g || e[17] !== d || e[18] !== f || e[19] !== i ? (y = u && /* @__PURE__ */ a(te, { gap: "sm", pt: "xs", children: r.items.map((w) => /* @__PURE__ */ a(rt, { actions: w.contextMenuActions ?? [], children: /* @__PURE__ */ a(se, { onDragOver: o ? en : void 0, onDrop: o ? (D) => {
+    D.preventDefault(), D.stopPropagation();
+    const M = D.dataTransfer.getData("text/plain");
+    !M || M === w.id || f(D, w.id);
+  } : void 0, children: /* @__PURE__ */ a(dt, { ...w.cardProps, isSelected: w.id === i, draggable: l, onDragStart: l ? d(w.id) : void 0, onDragEnd: l ? g : void 0 }) }) }, w.id)) }), e[12] = o, e[13] = l, e[14] = u, e[15] = r.items, e[16] = g, e[17] = d, e[18] = f, e[19] = i, e[20] = y) : y = e[20];
+  let b;
+  return e[21] !== n || e[22] !== r.key || e[23] !== h || e[24] !== v || e[25] !== I || e[26] !== y || e[27] !== C || e[28] !== k ? (b = /* @__PURE__ */ _(te, { "data-column-id": n, "data-group-key": r.key, gap: "0", borderRadius: "sm", background: h, transition: "background 150ms ease", onDragOver: v, onDragLeave: C, onDrop: k, children: [
+    I,
+    y
+  ] }), e[21] = n, e[22] = r.key, e[23] = h, e[24] = v, e[25] = I, e[26] = y, e[27] = C, e[28] = k, e[29] = b) : b = e[29], b;
+};
+function Qt(t) {
+  return !t;
+}
+function en(t) {
+  t.preventDefault(), t.stopPropagation(), t.dataTransfer.dropEffect = "move";
+}
+const tn = (t) => {
+  const e = H(27), {
+    columns: n,
+    selectedItemId: r,
+    onMoveItem: i,
+    onMoveToGroup: o,
+    onCreateStart: l,
+    onColumnAction: s
+  } = t, d = r === void 0 ? null : r, [g, p] = oe(null), [c, f] = oe(null), u = nn;
+  let m;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = () => {
+    p(null), f(null);
+  }, e[0] = m) : m = e[0];
+  const h = m;
+  let v;
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = (I) => (y) => {
+    y.preventDefault(), y.dataTransfer.dropEffect = "move", p(I);
+  }, e[1] = v) : v = e[1];
+  const C = v;
+  let k;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = (I) => {
+    I.currentTarget.contains(I.relatedTarget) || p(null);
+  }, e[2] = k) : k = e[2];
+  const T = k;
+  let R;
+  e[3] !== i ? (R = (I) => (y) => {
+    y.preventDefault(), p(null);
+    const b = y.dataTransfer.getData("text/plain");
+    b && i?.(b, I);
+  }, e[3] = i, e[4] = R) : R = e[4];
+  const P = R;
+  let G;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = {
+    display: "flex",
+    alignItems: "stretch",
+    gap: "0",
+    pb: "2xs",
+    minH: "100%"
+  }, e[5] = G) : G = e[5];
+  let S;
+  if (e[6] !== g || e[7] !== c || e[8] !== n || e[9] !== P || e[10] !== s || e[11] !== l || e[12] !== i || e[13] !== o || e[14] !== d) {
+    let I;
+    e[16] !== g || e[17] !== c || e[18] !== P || e[19] !== s || e[20] !== l || e[21] !== i || e[22] !== o || e[23] !== d ? (I = (y) => /* @__PURE__ */ _(te, { "data-testid": `board-column-${y.id}`, gap: "0", _notFirst: {
+      borderLeft: "1px solid",
+      borderColor: "border.subtle"
+    }, background: g === y.id ? "bg.subtle" : "bg", transition: "background 150ms ease", height: "100%", minH: "240px", overflow: "hidden", minW: "260px", flex: "1 0 260px", onDragOver: y.canDragIn ? C(y.id) : void 0, onDragLeave: y.canDragIn ? T : void 0, onDrop: y.canDragIn ? P(y.id) : void 0, children: [
+      /* @__PURE__ */ a(jt, { column: y, onCreateStart: l, onColumnAction: s }),
+      /* @__PURE__ */ a(we, { flex: "1", minH: "0", size: "xs", verticalScrollbarProps: {
+        margin: "0"
+      }, contentProps: {
+        spaceY: "sm",
+        ps: "xs",
+        pe: "xs"
+      }, children: y.groups && y.groups.length > 0 ? y.groups.map((b) => {
+        const w = `${y.id}::${b.key}`;
+        return /* @__PURE__ */ a(Yt, { columnId: y.id, group: b, selectedItemId: d, canDragIn: y.canDragIn, canDragOut: y.canDragOut, isDropTarget: c === w, onDragStart: u, onDragEnd: h, onGroupDragOver: (D) => {
+          D.preventDefault(), D.stopPropagation(), D.dataTransfer.dropEffect = "move", f(w), p(null);
+        }, onGroupDragLeave: (D) => {
+          D.currentTarget.contains(D.relatedTarget) || f(null);
+        }, onGroupDrop: (D, M) => {
+          D.preventDefault(), D.stopPropagation(), f(null), p(null);
+          const E = D.dataTransfer.getData("text/plain");
+          if (E) {
+            if (i) {
+              i(E, y.id, {
+                beforeItemId: M,
+                targetGroupKey: b.key
+              });
+              return;
+            }
+            o?.(E, b.key, {
+              beforeItemId: M
+            });
+          }
+        } }, b.key);
+      }) : y.items.map((b) => /* @__PURE__ */ a(rt, { actions: b.contextMenuActions ?? [], children: /* @__PURE__ */ a(se, { onDragOver: y.canDragIn ? (w) => {
+        w.preventDefault(), w.stopPropagation(), w.dataTransfer.dropEffect = "move", p(y.id);
+      } : void 0, onDrop: y.canDragIn ? (w) => {
+        w.preventDefault(), w.stopPropagation(), p(null);
+        const D = w.dataTransfer.getData("text/plain");
+        !D || D === b.id || i?.(D, y.id, {
+          beforeItemId: b.id
+        });
+      } : void 0, children: /* @__PURE__ */ a(dt, { ...b.cardProps, isSelected: b.id === d, draggable: y.canDragOut, onDragStart: y.canDragOut ? u(b.id) : void 0, onDragEnd: y.canDragOut ? h : void 0 }) }) }, b.id)) })
+    ] }, y.id), e[16] = g, e[17] = c, e[18] = P, e[19] = s, e[20] = l, e[21] = i, e[22] = o, e[23] = d, e[24] = I) : I = e[24], S = n.map(I), e[6] = g, e[7] = c, e[8] = n, e[9] = P, e[10] = s, e[11] = l, e[12] = i, e[13] = o, e[14] = d, e[15] = S;
+  } else
+    S = e[15];
+  let x;
+  return e[25] !== S ? (x = /* @__PURE__ */ a(we, { height: "100%", size: "xs", showHorizontalScrollbar: !0, showVerticalScrollbar: !1, contentProps: G, children: S }), e[25] = S, e[26] = x) : x = e[26], x;
+};
+function nn(t) {
+  return (e) => {
+    e.dataTransfer.setData("text/plain", t), e.dataTransfer.effectAllowed = "move";
+  };
+}
+const ut = (t, e, n = 0) => {
+  const r = [];
+  for (const i of t) {
+    const o = (i.children?.length ?? 0) > 0;
+    r.push({
+      id: i.id,
+      item: i,
+      depth: n,
+      canExpand: o
+    }), o && gt(e, i.id) && r.push(...ut(i.children ?? [], e, n + 1));
+  }
+  return r;
+}, rn = (t, e) => {
+  if (t)
+    return {
+      _before: {
+        content: '""',
+        position: "absolute",
+        bg: "border.accent",
+        left: "0",
+        top: "0",
+        width: e ? "3px" : "100%",
+        height: e ? "100%" : "2px"
+      }
+    };
+}, gt = (t, e) => t[e] !== !1, on = (t, e, n) => ({
+  ...t,
+  [e]: n
+}), ln = (t) => /* @__PURE__ */ _(Z, { gap: "xs", minW: "0", maxW: "full", flex: "1", children: [
+  /* @__PURE__ */ a(Q, { textStyle: "label/S/regular", minW: "0", truncate: !0, children: t.title }),
+  typeof t.countBadge == "number" ? /* @__PURE__ */ a(ue, { variant: "number", size: "sm", flexShrink: 0, colorPalette: t.countColorPalette ?? "gray", children: t.countBadge }) : null
+] }), sn = (t) => (t.badges?.length ?? 0) > 0 || (t.customSlots?.length ?? 0) > 0 ? /* @__PURE__ */ a(Z, { gap: "xs", flexShrink: 0, children: /* @__PURE__ */ _(nt, { gap: "2xs", flexShrink: 0, children: [
+  t.badges?.map((n) => /* @__PURE__ */ a(ct, { badge: n, onChange: t.onBadgeChange }, n.attributeId)),
+  t.customSlots
+] }) }) : null, an = (t, e) => ({
+  id: t.id,
+  label: ln(t),
+  icon: t.statusIcon ? /* @__PURE__ */ a(Y, { as: t.statusIcon, boxSize: "16px" }) : void 0,
+  iconColor: t.statusColor ?? "fg.muted",
+  endContent: sn(t),
+  isContainer: e,
+  contextMenuItems: t.contextMenuActions?.map((n) => ({
+    id: n.key,
+    label: n.label,
+    icon: n.icon ?? void 0,
+    disabled: n.isDisabled,
+    separatorBefore: n.separatorBefore,
+    endContent: n.endContent,
+    onAction: n.onClick
+  }))
+}), cn = (t) => {
+  const e = H(24), {
+    items: n,
+    selectedItemId: r,
+    expandedGroups: i,
+    onItemClick: o,
+    onExpandedGroupChange: l
+  } = t, s = r === void 0 ? null : r;
+  let d;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {}, e[0] = d) : d = e[0];
+  const [g, p] = oe(d), [c, f] = oe(null), [u, m] = oe(null), h = i ?? g;
+  let v, C;
+  if (e[1] !== c || e[2] !== u || e[3] !== h || e[4] !== i || e[5] !== n || e[6] !== l || e[7] !== o || e[8] !== s) {
+    const T = ut(n, h);
+    let R;
+    e[11] !== i || e[12] !== l ? (R = (S, x) => {
+      l?.(S, x), i === void 0 && p((I) => on(I, S, x));
+    }, e[11] = i, e[12] = l, e[13] = R) : R = e[13];
+    const P = R;
+    v = se;
+    let G;
+    e[14] !== c || e[15] !== u || e[16] !== h || e[17] !== P || e[18] !== o || e[19] !== s ? (G = (S) => /* @__PURE__ */ a(dn, { row: S, isExpanded: gt(h, S.id), selectedItemId: s, activeDropTargetId: c, draggedItemId: u, onDraggedItemChange: m, onDropTargetChange: f, onItemClick: o, onExpandedChange: P }, S.id), e[14] = c, e[15] = u, e[16] = h, e[17] = P, e[18] = o, e[19] = s, e[20] = G) : G = e[20], C = T.map(G), e[1] = c, e[2] = u, e[3] = h, e[4] = i, e[5] = n, e[6] = l, e[7] = o, e[8] = s, e[9] = v, e[10] = C;
+  } else
+    v = e[9], C = e[10];
+  let k;
+  return e[21] !== v || e[22] !== C ? (k = /* @__PURE__ */ a(v, { children: C }), e[21] = v, e[22] = C, e[23] = k) : k = e[23], k;
+}, dn = (t) => {
+  const e = H(53), {
+    row: n,
+    isExpanded: r,
+    selectedItemId: i,
+    activeDropTargetId: o,
+    draggedItemId: l,
+    onDraggedItemChange: s,
+    onDropTargetChange: d,
+    onItemClick: g,
+    onExpandedChange: p
+  } = t, {
+    item: c,
+    canExpand: f
+  } = n, u = c.id === i, m = !!c.onDropRow && c.id !== l, h = m && c.id === o;
+  let v;
+  e[0] !== f || e[1] !== c ? (v = an(c, f), e[0] = f, e[1] = c, e[2] = v) : v = e[2];
+  const C = v;
+  let k;
+  e[3] !== r || e[4] !== p || e[5] !== n.id ? (k = () => p(n.id, !r), e[3] = r, e[4] = p, e[5] = n.id, e[6] = k) : k = e[6];
+  const T = k;
+  let R;
+  e[7] !== f || e[8] !== c || e[9] !== g || e[10] !== T ? (R = () => {
+    if (f) {
+      T();
+      return;
+    }
+    c.onClick?.(), g?.(c);
+  }, e[7] = f, e[8] = c, e[9] = g, e[10] = T, e[11] = R) : R = e[11];
+  const P = R;
+  let G;
+  e[12] !== c.draggable || e[13] !== c.id || e[14] !== s || e[15] !== d ? (G = (L) => {
+    c.draggable && (L.stopPropagation(), L.dataTransfer.setData("text/plain", c.id), L.dataTransfer.effectAllowed = "move", s(c.id), d(null));
+  }, e[12] = c.draggable, e[13] = c.id, e[14] = s, e[15] = d, e[16] = G) : G = e[16];
+  const S = G;
+  let x;
+  e[17] !== m || e[18] !== c.id || e[19] !== d ? (x = (L) => {
+    m && (L.preventDefault(), L.stopPropagation(), L.dataTransfer.dropEffect = "move", d(c.id));
+  }, e[17] = m, e[18] = c.id, e[19] = d, e[20] = x) : x = e[20];
+  const I = x;
+  let y;
+  e[21] !== d ? (y = (L) => {
+    L.currentTarget.contains(L.relatedTarget) || d(null);
+  }, e[21] = d, e[22] = y) : y = e[22];
+  const b = y;
+  let w;
+  e[23] !== m || e[24] !== c || e[25] !== s || e[26] !== d ? (w = (L) => {
+    if (!m || !c.onDropRow)
+      return;
+    L.preventDefault(), L.stopPropagation(), d(null), s(null);
+    const F = L.dataTransfer.getData("text/plain");
+    !F || F === c.id || c.onDropRow(F);
+  }, e[23] = m, e[24] = c, e[25] = s, e[26] = d, e[27] = w) : w = e[27];
+  const D = w;
+  let M;
+  e[28] !== s || e[29] !== d ? (M = () => {
+    d(null), s(null);
+  }, e[28] = s, e[29] = d, e[30] = M) : M = e[30];
+  const E = M, W = h ? "true" : void 0, K = h ? "bg.subtle" : "transparent", z = c.draggable;
+  let V;
+  e[31] !== f || e[32] !== h ? (V = rn(h, f), e[31] = f, e[32] = h, e[33] = V) : V = e[33];
+  const A = c.onDropRow ? b : void 0;
+  let O;
+  e[34] !== f || e[35] !== P || e[36] !== r || e[37] !== u || e[38] !== n.depth || e[39] !== C || e[40] !== T ? (O = /* @__PURE__ */ a(pe, { ...C, variant: "tree", depth: n.depth, isSelected: u, isExpanded: r, showExpandToggle: f, onActivate: P, onToggleExpand: T }), e[34] = f, e[35] = P, e[36] = r, e[37] = u, e[38] = n.depth, e[39] = C, e[40] = T, e[41] = O) : O = e[41];
+  let B;
+  return e[42] !== E || e[43] !== I || e[44] !== S || e[45] !== D || e[46] !== c.draggable || e[47] !== V || e[48] !== A || e[49] !== O || e[50] !== W || e[51] !== K ? (B = /* @__PURE__ */ a(se, { "data-drop-target": W, position: "relative", borderBottomWidth: "1px", borderBottomColor: "border.subtle", bg: K, draggable: z, transition: "background 120ms ease", ...V, onDragStart: S, onDragOver: I, onDragLeave: A, onDragEnd: E, onDrop: D, children: O }), e[42] = E, e[43] = I, e[44] = S, e[45] = D, e[46] = c.draggable, e[47] = V, e[48] = A, e[49] = O, e[50] = W, e[51] = K, e[52] = B) : B = e[52], B;
+}, He = (t) => {
+  const e = H(7), {
+    emptyState: n,
+    title: r,
+    description: i,
+    height: o
+  } = t;
+  if (n !== void 0) {
+    let s;
+    return e[0] !== n || e[1] !== o ? (s = o ? /* @__PURE__ */ a(se, { height: o, children: n }) : n, e[0] = n, e[1] = o, e[2] = s) : s = e[2], s;
+  }
+  let l;
+  return e[3] !== i || e[4] !== o || e[5] !== r ? (l = /* @__PURE__ */ a(xt, { title: r, description: i, height: o }), e[3] = i, e[4] = o, e[5] = r, e[6] = l) : l = e[6], l;
+}, un = (t) => {
+  const e = H(20), {
+    viewMode: n,
+    boardColumns: r,
+    listItems: i,
+    listExpandedGroups: o,
+    selectedRowId: l,
+    emptyState: s,
+    emptyTitle: d,
+    emptyDescription: g,
+    onBoardMoveItem: p,
+    onBoardMoveToGroup: c,
+    onCreateRow: f,
+    onColumnAction: u,
+    onListExpandedGroupChange: m,
+    listKey: h
+  } = t;
+  if (n === "board") {
+    let C;
+    return e[0] !== r || e[1] !== g || e[2] !== s || e[3] !== d || e[4] !== p || e[5] !== c || e[6] !== u || e[7] !== f || e[8] !== l ? (C = /* @__PURE__ */ a(se, { flex: "1", minH: "0", children: r.length > 0 ? /* @__PURE__ */ a(tn, { columns: r, selectedItemId: l, onMoveItem: p, onMoveToGroup: c, onCreateStart: f, onColumnAction: u }) : /* @__PURE__ */ a(He, { emptyState: s, title: d, description: g, height: "100%" }) }), e[0] = r, e[1] = g, e[2] = s, e[3] = d, e[4] = p, e[5] = c, e[6] = u, e[7] = f, e[8] = l, e[9] = C) : C = e[9], C;
+  }
+  if (i.length > 0) {
+    let C;
+    return e[10] !== o || e[11] !== i || e[12] !== h || e[13] !== m || e[14] !== l ? (C = /* @__PURE__ */ a(cn, { items: i, selectedItemId: l, expandedGroups: o, onExpandedGroupChange: m }, h), e[10] = o, e[11] = i, e[12] = h, e[13] = m, e[14] = l, e[15] = C) : C = e[15], C;
+  }
+  let v;
+  return e[16] !== g || e[17] !== s || e[18] !== d ? (v = /* @__PURE__ */ a(He, { emptyState: s, title: d, description: g }), e[16] = g, e[17] = s, e[18] = d, e[19] = v) : v = e[19], v;
+}, gn = (t) => {
+  const e = /* @__PURE__ */ new Set();
+  return t.filter((n) => e.has(n.value) ? !1 : (e.add(n.value), !0));
+}, ie = (t) => {
+  if (t.kind !== "enum" && t.kind !== "enum-multi") return [];
+  const e = _e(t.options) ? t.options.getSnapshot() : t.options;
+  return gn(e);
+}, ye = (t) => t.replaceAll("_", " ").split(" ").filter((e) => e.length > 0).map((e) => e[0].toUpperCase() + e.slice(1)).join(" "), ve = (t, e) => {
+  if (!(t.kind !== "enum" && t.kind !== "enum-multi"))
+    return ie(t).find((n) => n.value === e);
+}, Ce = (t, e) => ve(t, e)?.label ?? ye(e), pn = (t, e) => t.length === 0 ? null : t.length <= 2 ? t.map((n) => Ce(e, n)).join(", ") : `${Ce(e, t[0])}, ${Ce(e, t[1])} +${t.length - 2}`, fn = (t, e, n) => {
+  if (e.kind !== "enum") return null;
+  const r = typeof n == "string" ? n : null, i = t.editable === !0;
+  if (!r)
+    return i ? {
+      attributeId: t.id,
+      attributeLabel: t.label,
+      label: t.label,
+      value: r ?? void 0,
+      options: ie(e),
+      isEditable: !0
+    } : null;
+  const o = ve(e, r);
+  return {
+    attributeId: t.id,
+    attributeLabel: t.label,
+    label: o?.label ?? ye(r),
+    color: o?.color,
+    icon: o?.icon,
+    ...i ? {
+      value: r,
+      options: ie(e),
+      isEditable: !0
+    } : {}
+  };
+}, mn = (t, e, n) => {
+  if (e.kind !== "enum-multi") return null;
+  const r = Array.isArray(n) ? n.filter((s) => typeof s == "string") : [], i = pn(r, e), o = t.editable === !0;
+  if (!i)
+    return o ? {
+      attributeId: t.id,
+      attributeLabel: t.label,
+      label: t.label,
+      value: r,
+      options: ie(e),
+      isEditable: !0
+    } : null;
+  const l = r[0] ? ve(e, r[0]) : void 0;
+  return {
+    attributeId: t.id,
+    attributeLabel: t.label,
+    label: i,
+    color: l?.color,
+    icon: l?.icon,
+    ...o ? {
+      value: r,
+      options: ie(e),
+      isEditable: !0
+    } : {}
+  };
+}, de = (t, e) => {
+  const n = t.attributes[e.id];
+  return e.type.kind === "enum-multi" ? Array.isArray(n) ? n.filter((r) => typeof r == "string") : [] : n;
+}, ge = (t, e) => {
+  const n = de(t, e);
+  return e.type.kind === "enum-multi" ? n : n == null ? [] : typeof n == "string" ? n === "" ? [] : [n] : typeof n == "number" ? [String(n)] : [];
+}, bn = (t) => {
+  if (typeof t != "string" || t === "") return null;
+  const e = new Date(t);
+  return Number.isNaN(e.getTime()) ? null : e.toLocaleDateString();
+}, hn = (t) => typeof t == "number" && Number.isFinite(t) ? String(t) : typeof t == "string" && t !== "" && !Number.isNaN(Number(t)) ? t : null, pt = (t) => t == null ? null : typeof t == "string" ? t === "" ? null : t : String(t), yn = (t) => pt(t), vn = (t) => t != null && t !== !1, xn = (t) => typeof t == "object" && t !== null && !Array.isArray(t), Ae = (t) => typeof t == "string" && t.trim() ? t.trim() : void 0, Cn = (t) => t === "current_branch" ? "current_branch" : "worktree", Sn = (t) => Array.isArray(t) ? t.flatMap((e) => {
+  if (!xn(e)) return [];
+  const n = Ae(e.id);
+  if (!n) return [];
+  const r = Ae(e.shorthand), i = Ae(e.name) ?? r ?? n;
+  return [{
+    id: n,
+    name: i,
+    ...r ? {
+      shorthand: r
+    } : {},
+    type: Cn(e.type)
+  }];
+}) : [], wn = (t, e, n) => {
+  if (t.display?.kind !== "workspace-badge") return null;
+  const r = Sn(n.attributes[t.display.itemsAttributeId]);
+  if (r.length === 0) return null;
+  const i = typeof e == "string" ? e : void 0, o = r.find((l) => l.id === i) ?? r[0];
+  return o ? Ct(lt, {
+    workspaceType: o.type,
+    shorthand: o.shorthand ?? o.name,
+    hasMultipleWorkspaces: r.length > 1,
+    showLeadingSessionIndicator: !1
+  }) : null;
+}, Dn = (t, e) => {
+  const n = t.type, r = de(e, t);
+  if (t.render || t.display) return null;
+  if (n.kind === "enum") return fn(t, n, r);
+  if (n.kind === "enum-multi") return mn(t, n, r);
+  if (n.kind === "date") {
+    const o = bn(r);
+    return o ? {
+      attributeId: t.id,
+      label: o
+    } : null;
+  }
+  if (n.kind === "number") {
+    const o = hn(r);
+    return o ? {
+      attributeId: t.id,
+      label: o
+    } : null;
+  }
+  if (n.kind === "user") {
+    const o = yn(r);
+    return o ? {
+      attributeId: t.id,
+      label: o,
+      color: "blue"
+    } : null;
+  }
+  const i = pt(r);
+  return i ? {
+    attributeId: t.id,
+    label: i
+  } : null;
+}, ft = (t, e, n) => {
+  const r = [];
+  for (const i of n) {
+    const o = ne(e, i);
+    if (!o || o.displayable === !1) continue;
+    const l = Dn(o, t);
+    l && r.push(l);
+  }
+  return r;
+}, mt = (t, e, n) => {
+  const r = [];
+  for (const i of n) {
+    const o = ne(e, i);
+    if (!o || o.displayable === !1) continue;
+    const l = de(t, o), s = o.render ? o.render(l, t) : wn(o, l, t);
+    vn(s) && r.push(s);
+  }
+  return r;
+}, je = (t, e) => {
+  const n = /* @__PURE__ */ new Set();
+  for (const r of t)
+    for (const i of ge(r, e)) n.add(i);
+  return n;
+}, In = (t, e) => {
+  const n = [];
+  for (const r of t) {
+    if (!r.filterable) continue;
+    if (r.type.kind === "enum" || r.type.kind === "enum-multi") {
+      const o = ie(r.type), l = je(e, r), s = new Set(o.map((g) => g.value)), d = [...l].filter((g) => !s.has(g)).sort((g, p) => g.localeCompare(p, void 0, {
+        numeric: !0
+      })).map((g) => ({
+        value: g,
+        label: ye(g)
+      }));
+      n.push({
+        id: r.id,
+        label: r.label,
+        selectionMode: "multiple",
+        options: [...o.map((g) => ({
+          value: g.value,
+          label: g.label,
+          color: g.color
+        })), ...d]
+      });
+      continue;
+    }
+    const i = [...je(e, r)].sort((o, l) => o.localeCompare(l, void 0, {
+      numeric: !0
+    })).map((o) => ({
+      value: o,
+      label: ye(o)
+    }));
+    n.push({
+      id: r.id,
+      label: r.label,
+      selectionMode: "multiple",
+      options: i
+    });
+  }
+  return n;
+}, kn = (t) => {
+  const e = [{
+    value: N,
+    label: "None"
+  }];
+  for (const n of t)
+    n.groupable && n.type.kind !== "enum-multi" && e.push({
+      value: n.id,
+      label: n.label
+    });
+  return e;
+}, Gn = (t) => {
+  const e = [{
+    value: ee,
+    label: "Manual"
+  }];
+  e.push({
+    value: "title",
+    label: "Title"
+  });
+  for (const n of t)
+    n.sortable && e.push({
+      value: n.id,
+      label: n.label
+    });
+  return e;
+}, An = (t) => {
+  const e = [];
+  for (const n of t)
+    n.displayable && e.push({
+      value: n.id,
+      label: n.label
+    });
+  return e;
+}, Rn = (t, e) => e === N ? t.filter((n) => n.value === N) : t.filter((n) => n.value === N || n.value !== e), Pn = (t, e) => t === N ? "all" : e?.columnKey, Tn = (t, e, n) => {
+  if (t === N) return;
+  const r = ne(e, t), i = n?.[t];
+  if (r && i && i.length > 0) return Be(r, i);
+  if (r && r.type.kind === "enum")
+    return ie(r.type).map((o) => o.value);
+}, Be = (t, e) => e, Ue = (t, e) => {
+  const n = {
+    ...t
+  };
+  return delete n[e], n;
+}, Fr = (t, e) => {
+  const n = new Set(e.map((g) => g.id)), r = (g) => g === N || n.has(g), i = (g) => g === ee || g === "title" || n.has(g), o = r(t.columnGrouping) ? t.columnGrouping : N, l = r(t.rowGrouping) ? t.rowGrouping : N, s = i(t.ordering.attributeId) ? t.ordering.attributeId : ee, d = t.displayProperties.filter(r);
+  return {
+    viewMode: t.viewMode,
+    columnGrouping: o,
+    rowGrouping: l,
+    ordering: {
+      attributeId: s,
+      direction: t.ordering.direction
+    },
+    displayProperties: d
+  };
+}, $r = (t, e) => {
+  const n = new Map(e.map((i) => [i.id, i])), r = {};
+  for (const [i, o] of Object.entries(t)) {
+    const l = n.get(i);
+    l && (!o || o.length === 0 || (r[i] = Be(l, o)));
+  }
+  return r;
+}, En = "Unassigned", Xe = (t) => `No ${t.label.toLowerCase()}`, qe = (t, e) => e ? e.type.kind === "enum" || e.type.kind === "enum-multi" ? Ce(e.type, t) : t : t === N ? "All" : t, Ze = (t, e) => {
+  if (t !== void 0)
+    return e.type.kind !== "enum" && e.type.kind !== "enum-multi" || ie(e.type).some((n) => n.value === t) ? t : void 0;
+}, Je = (t, e, n) => {
+  if (n === N || !e) return "all";
+  if (e.type.kind === "enum-multi") {
+    const [i] = ge(t, e);
+    return Ze(i, e) ?? Xe(e);
+  }
+  const [r] = ge(t, e);
+  return Ze(r, e) ?? Xe(e);
+}, On = (t, e) => t.localeCompare(e, void 0, {
+  numeric: !0
+}), Ye = (t, e, n) => {
+  if (n && (n.type.kind === "enum" || n.type.kind === "enum-multi")) {
+    const r = bt(t, e, n.type);
+    if (r !== 0) return r;
+  }
+  return On(t, e);
+}, Qe = (t, e) => e === "asc" ? t : t * -1, bt = (t, e, n) => {
+  if (n.kind !== "enum" && n.kind !== "enum-multi") return 0;
+  const r = ie(n), i = (o) => {
+    if (o === void 0) return r.length;
+    const l = r.findIndex((s) => s.value === o);
+    return l === -1 ? r.length + 1 : l;
+  };
+  return i(t) - i(e);
+}, Mn = (t, e, n) => {
+  if (n.compare) return n.compare(de(t, n), de(e, n));
+  const r = de(t, n), i = de(e, n);
+  if (n.type.kind === "date") {
+    const s = typeof r == "string" ? new Date(r).getTime() : 0, d = typeof i == "string" ? new Date(i).getTime() : 0;
+    return s - d;
+  }
+  if (n.type.kind === "number") {
+    const s = typeof r == "number" ? r : Number(r ?? 0), d = typeof i == "number" ? i : Number(i ?? 0);
+    return s - d;
+  }
+  if (n.type.kind === "enum" || n.type.kind === "enum-multi") {
+    const [s] = ge(t, n), [d] = ge(e, n);
+    return bt(s, d, n.type);
+  }
+  const o = typeof r == "string" ? r : String(r ?? ""), l = typeof i == "string" ? i : String(i ?? "");
+  return o.localeCompare(l, void 0, {
+    numeric: !0
+  });
+}, De = (t, e, n) => {
+  if (e.attributeId === ee) return t;
+  if (e.attributeId === "title")
+    return [...t].sort((i, o) => Qe(i.title.localeCompare(o.title), e.direction));
+  const r = ne(n, e.attributeId);
+  return r ? [...t].sort((i, o) => Qe(Mn(i, o, r), e.direction)) : t;
+}, _n = (t, e) => {
+  const {
+    attributes: n,
+    columnGrouping: r,
+    rowGrouping: i,
+    knownColumnKeys: o
+  } = e, l = ne(n, r), s = ne(n, i), d = /* @__PURE__ */ new Map();
+  if (o)
+    for (const p of o) d.set(p, []);
+  for (const p of t) {
+    const c = Je(p, l, r);
+    d.set(c, [...d.get(c) ?? [], p]);
+  }
+  return [...d.entries()].sort(([p], [c]) => Ye(p, c, l)).map(([p, c]) => {
+    const f = qe(p, l);
+    if (i === N)
+      return {
+        key: p,
+        label: f,
+        rows: c,
+        subgroups: []
+      };
+    const u = /* @__PURE__ */ new Map();
+    for (const h of c) {
+      const v = Je(h, s, i);
+      u.set(v, [...u.get(v) ?? [], h]);
+    }
+    const m = [...u.entries()].sort(([h], [v]) => Ye(h, v, s)).map(([h, v]) => ({
+      key: h,
+      label: qe(h, s) || ye(h || En),
+      rows: v
+    }));
+    return {
+      key: p,
+      label: f,
+      rows: c,
+      subgroups: m
+    };
+  });
+}, Bn = (t, e, n) => {
+  const r = ge(t, e), i = Be(e, n);
+  return r.some((o) => i.includes(o));
+}, Ln = (t, e, n) => {
+  const r = Object.entries(e).filter((i) => Array.isArray(i[1]) && i[1].length > 0);
+  return r.length === 0 ? t : t.filter((i) => r.every(([o, l]) => {
+    const s = ne(n, o);
+    return s ? Bn(i, s, l) : !0;
+  }));
+}, Fn = (t, e, n) => {
+  const r = {}, i = ne(n, e);
+  if (!i) return r;
+  for (const o of t)
+    for (const l of ge(o, i))
+      r[l] = (r[l] ?? 0) + 1;
+  return r;
+}, Ee = (t) => {
+  const e = H(2);
+  let n;
+  return e[0] !== t.children ? (n = /* @__PURE__ */ a(Q, { textStyle: "label/XS/medium", color: "fg.muted", children: t.children }), e[0] = t.children, e[1] = n) : n = e[1], n;
+}, $n = [{
+  value: "list",
+  label: "List",
+  icon: Mt
+}, {
+  value: "board",
+  label: "Board",
+  icon: _t
+}], Re = (t) => {
+  const e = H(21);
+  let n;
+  e[0] !== t.label || e[1] !== t.options || e[2] !== t.value ? (n = t.options.find((u) => u.value === t.value)?.label ?? t.label, e[0] = t.label, e[1] = t.options, e[2] = t.value, e[3] = n) : n = e[3];
+  const r = n, i = t.options[0]?.value === "none", o = t.flex;
+  let l;
+  e[4] !== t.label ? (l = /* @__PURE__ */ a(Ee, { children: t.label }), e[4] = t.label, e[5] = l) : l = e[5];
+  let s;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ a(Y, { as: it, color: "fg.muted" }), e[6] = s) : s = e[6];
+  let d;
+  e[7] !== r ? (d = /* @__PURE__ */ a(j.Trigger, { asChild: !0, children: /* @__PURE__ */ _(he, { size: "sm", variant: "outline", width: "full", justifyContent: "space-between", children: [
+    r,
+    s
+  ] }) }), e[7] = r, e[8] = d) : d = e[8];
+  let g;
+  e[9] !== i || e[10] !== t ? (g = t.options.map((u, m) => /* @__PURE__ */ _(St, { children: [
+    i && m === 1 ? /* @__PURE__ */ a(j.Separator, {}) : null,
+    /* @__PURE__ */ a(j.Item, { value: u.value, onClick: () => t.onSelect(u.value), children: /* @__PURE__ */ _(Z, { gap: "2", justifyContent: "space-between", width: "full", children: [
+      /* @__PURE__ */ a(Q, { textStyle: "label/S/regular", children: u.label }),
+      u.value === t.value ? /* @__PURE__ */ a(Y, { as: ot, boxSize: "14px", color: "fg.muted" }) : null
+    ] }) })
+  ] }, u.value)), e[9] = i, e[10] = t, e[11] = g) : g = e[11];
+  let p;
+  e[12] !== g ? (p = /* @__PURE__ */ a(j.Positioner, { children: /* @__PURE__ */ a(j.Content, { minW: "260px", bg: "bg", children: g }) }), e[12] = g, e[13] = p) : p = e[13];
+  let c;
+  e[14] !== d || e[15] !== p ? (c = /* @__PURE__ */ _(j.Root, { children: [
+    d,
+    p
+  ] }), e[14] = d, e[15] = p, e[16] = c) : c = e[16];
+  let f;
+  return e[17] !== t.flex || e[18] !== l || e[19] !== c ? (f = /* @__PURE__ */ _(te, { gap: "2xs", flex: o, children: [
+    l,
+    c
+  ] }), e[17] = t.flex, e[18] = l, e[19] = c, e[20] = f) : f = e[20], f;
+}, zn = (t) => {
+  const e = H(61), {
+    settings: n,
+    groupingOptions: r,
+    orderingOptions: i,
+    displayPropertyOptions: o,
+    onViewModeChange: l,
+    onColumnGroupingChange: s,
+    onRowGroupingChange: d,
+    onOrderingAttributeIdChange: g,
+    onSortDirectionToggle: p,
+    onDisplayPropertyToggle: c
+  } = t, f = Se(null), u = Se(null), [m, h] = oe(!1), v = n.ordering.direction === "asc" ? Tt : Et;
+  let C, k;
+  e[0] !== m ? (C = () => {
+    if (!m)
+      return;
+    const $ = (U) => {
+      const q = U.target;
+      q instanceof Node && (u.current?.contains(q) || f.current?.contains(q) || h(!1));
+    };
+    return document.addEventListener("pointerdown", $), () => document.removeEventListener("pointerdown", $);
+  }, k = [m], e[0] = m, e[1] = C, e[2] = k) : (C = e[1], k = e[2]), Me(C, k);
+  let T, R;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = {
+    placement: "bottom-end",
+    offset: {
+      mainAxis: 8
+    }
+  }, R = ($) => h($.open), e[3] = T, e[4] = R) : (T = e[3], R = e[4]);
+  let P;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ a(le.Trigger, { asChild: !0, children: /* @__PURE__ */ a(be, { ref: f, "aria-label": "Display settings", variant: "ghost", size: "sm", children: /* @__PURE__ */ a(Y, { as: Ot, boxSize: "14px" }) }) }), e[5] = P) : P = e[5];
+  let G;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ a(Ee, { children: "View" }), e[6] = G) : G = e[6];
+  let S;
+  e[7] !== l || e[8] !== n.viewMode ? (S = $n.map(($) => {
+    const U = $.icon, q = n.viewMode === $.value;
+    return /* @__PURE__ */ _(he, { flex: "1", size: "sm", variant: q ? "primary" : "outline", "aria-pressed": q, onClick: () => l($.value), children: [
+      /* @__PURE__ */ a(U, { size: 14 }),
+      $.label
+    ] }, $.value);
+  }), e[7] = l, e[8] = n.viewMode, e[9] = S) : S = e[9];
+  let x;
+  e[10] !== S ? (x = /* @__PURE__ */ a(Z, { gap: "2xs", children: S }), e[10] = S, e[11] = x) : x = e[11];
+  let I;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ a($e, {}), e[12] = I) : I = e[12];
+  let y;
+  e[13] !== s || e[14] !== d || e[15] !== n.rowGrouping ? (y = ($) => {
+    s($), ($ === "none" || $ === n.rowGrouping) && d("none");
+  }, e[13] = s, e[14] = d, e[15] = n.rowGrouping, e[16] = y) : y = e[16];
+  let b;
+  e[17] !== r || e[18] !== n.columnGrouping || e[19] !== y ? (b = /* @__PURE__ */ a(Re, { label: "Grouping", value: n.columnGrouping, options: r, onSelect: y }), e[17] = r, e[18] = n.columnGrouping, e[19] = y, e[20] = b) : b = e[20];
+  const w = n.rowGrouping;
+  let D;
+  e[21] !== r || e[22] !== n.columnGrouping ? (D = Rn(r, n.columnGrouping), e[21] = r, e[22] = n.columnGrouping, e[23] = D) : D = e[23];
+  let M;
+  e[24] !== d || e[25] !== n.rowGrouping || e[26] !== D ? (M = /* @__PURE__ */ a(Re, { label: "Sub-grouping", value: w, options: D, onSelect: d }), e[24] = d, e[25] = n.rowGrouping, e[26] = D, e[27] = M) : M = e[27];
+  let E;
+  e[28] !== g || e[29] !== i || e[30] !== n.ordering.attributeId ? (E = /* @__PURE__ */ a(Re, { label: "Sort by", value: n.ordering.attributeId, options: i, onSelect: g, flex: "1" }), e[28] = g, e[29] = i, e[30] = n.ordering.attributeId, e[31] = E) : E = e[31];
+  let W;
+  e[32] !== v ? (W = /* @__PURE__ */ a(Y, { as: v }), e[32] = v, e[33] = W) : W = e[33];
+  let K;
+  e[34] !== p || e[35] !== n.ordering.direction || e[36] !== W ? (K = /* @__PURE__ */ a(be, { "aria-label": "Toggle sort direction", size: "sm", variant: "outline", onClick: p, "data-direction": n.ordering.direction, children: W }), e[34] = p, e[35] = n.ordering.direction, e[36] = W, e[37] = K) : K = e[37];
+  let z;
+  e[38] !== E || e[39] !== K ? (z = /* @__PURE__ */ _(Z, { gap: "2xs", alignItems: "end", children: [
+    E,
+    K
+  ] }), e[38] = E, e[39] = K, e[40] = z) : z = e[40];
+  let V;
+  e[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ a($e, {}), e[41] = V) : V = e[41];
+  let A;
+  e[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ a(Ee, { children: "Display properties" }), e[42] = A) : A = e[42];
+  let O;
+  if (e[43] !== o || e[44] !== c || e[45] !== n.displayProperties) {
+    let $;
+    e[47] !== c || e[48] !== n.displayProperties ? ($ = (U) => {
+      const q = n.displayProperties.includes(U.value);
+      return /* @__PURE__ */ a(he, { size: "2xs", variant: q ? "primary" : "outline", onClick: () => c(U.value), children: U.label }, U.value);
+    }, e[47] = c, e[48] = n.displayProperties, e[49] = $) : $ = e[49], O = o.map($), e[43] = o, e[44] = c, e[45] = n.displayProperties, e[46] = O;
+  } else
+    O = e[46];
+  let B;
+  e[50] !== O ? (B = /* @__PURE__ */ _(te, { gap: "2xs", children: [
+    A,
+    /* @__PURE__ */ a(Z, { flexWrap: "wrap", gap: "2xs", children: O })
+  ] }), e[50] = O, e[51] = B) : B = e[51];
+  let L;
+  e[52] !== b || e[53] !== M || e[54] !== z || e[55] !== B || e[56] !== x ? (L = /* @__PURE__ */ a(Oe, { children: /* @__PURE__ */ a(le.Positioner, { children: /* @__PURE__ */ a(le.Content, { ref: u, width: "320px", p: "sm", bg: "bg", children: /* @__PURE__ */ _(te, { gap: "sm", children: [
+    G,
+    x,
+    I,
+    b,
+    M,
+    z,
+    V,
+    B
+  ] }) }) }) }), e[52] = b, e[53] = M, e[54] = z, e[55] = B, e[56] = x, e[57] = L) : L = e[57];
+  let F;
+  return e[58] !== m || e[59] !== L ? (F = /* @__PURE__ */ _(le.Root, { open: m, closeOnInteractOutside: !1, positioning: T, onOpenChange: R, children: [
+    P,
+    L
+  ] }), e[58] = m, e[59] = L, e[60] = F) : F = e[60], F;
+}, et = {
+  p: "xs",
+  display: "flex",
+  flexDirection: "column",
+  gap: "1px"
+}, Vn = (t) => !t || t.length === 0 ? [] : t, Nn = (t, e) => {
+  const n = {};
+  for (const r of t) {
+    const i = Vn(e[r.id]);
+    i.length > 0 && (n[r.id] = i);
+  }
+  return n;
+}, Wn = (t) => Object.values(t).reduce((e, n) => e + (n?.length ?? 0), 0), Kn = (t, e) => {
+  if (e.length === 0) return;
+  const n = e.map((r) => t.options.find((i) => i.value === r)?.label ?? r);
+  return n.length <= 2 ? n.join(", ") : `${n.slice(0, 2).join(", ")} +${n.length - 2}`;
+}, Hn = (t) => {
+  const e = H(7), {
+    label: n,
+    selectedDescription: r
+  } = t;
+  let i;
+  e[0] !== n ? (i = /* @__PURE__ */ a(Q, { as: "span", textStyle: "label/S/regular", color: "inherit", flexShrink: 0, truncate: !0, children: n }), e[0] = n, e[1] = i) : i = e[1];
+  let o;
+  e[2] !== r ? (o = r ? /* @__PURE__ */ a(Q, { as: "span", textStyle: "label/XS", color: "fg.menu-item.secondary", minW: "0", truncate: !0, children: r }) : null, e[2] = r, e[3] = o) : o = e[3];
+  let l;
+  return e[4] !== i || e[5] !== o ? (l = /* @__PURE__ */ _(Z, { gap: "2xs", minW: "0", width: "full", children: [
+    i,
+    o
+  ] }), e[4] = i, e[5] = o, e[6] = l) : l = e[6], l;
+}, jn = (t) => {
+  const e = H(8), {
+    label: n,
+    checked: r
+  } = t;
+  let i;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
+    tabIndex: -1,
+    "aria-hidden": !0
+  }, e[0] = i) : i = e[0];
+  let o;
+  e[1] !== r ? (o = /* @__PURE__ */ a(Lt, { checked: r, readOnly: !0, "aria-readonly": "true", inputProps: i, pointerEvents: "none", size: "sm" }), e[1] = r, e[2] = o) : o = e[2];
+  let l;
+  e[3] !== n ? (l = /* @__PURE__ */ a(Q, { textStyle: "label/S/regular", color: "inherit", truncate: !0, children: n }), e[3] = n, e[4] = l) : l = e[4];
+  let s;
+  return e[5] !== o || e[6] !== l ? (s = /* @__PURE__ */ _(Z, { gap: "2", minW: "0", children: [
+    o,
+    l
+  ] }), e[5] = o, e[6] = l, e[7] = s) : s = e[7], s;
+}, Un = (t) => {
+  const e = H(12), {
+    option: n,
+    checked: r,
+    count: i,
+    onSelect: o
+  } = t;
+  let l;
+  e[0] !== r || e[1] !== n.label ? (l = /* @__PURE__ */ a(jn, { label: n.label, checked: r }), e[0] = r, e[1] = n.label, e[2] = l) : l = e[2];
+  let s;
+  e[3] !== i ? (s = /* @__PURE__ */ a(Q, { textStyle: "label/XS/regular", color: "fg.muted", children: i }), e[3] = i, e[4] = s) : s = e[4];
+  let d;
+  return e[5] !== r || e[6] !== o || e[7] !== n.label || e[8] !== n.value || e[9] !== l || e[10] !== s ? (d = /* @__PURE__ */ a(pe, { id: n.value, role: "checkbox", "aria-label": n.label, "aria-checked": r, variant: "compact", label: l, endContent: s, onActivate: o }), e[5] = r, e[6] = o, e[7] = n.label, e[8] = n.value, e[9] = l, e[10] = s, e[11] = d) : d = e[11], d;
+}, Xn = (t) => {
+  const e = H(17), {
+    categories: n,
+    filters: r,
+    countsByCategory: i,
+    onToggleFilterValue: o,
+    onClearFilter: l,
+    onClearAll: s
+  } = t, d = Se(null), g = Se(null), [p, c] = oe(!1), [f, u] = oe(n[0]?.id ?? ""), m = n.find((A) => A.id === f) ?? n[0], h = Nn(n, r), v = Wn(h);
+  let C;
+  e[0] !== o ? (C = (A, O) => {
+    o(A.id, O);
+  }, e[0] = o, e[1] = C) : C = e[1];
+  const k = C;
+  let T, R;
+  e[2] !== p ? (T = () => {
+    if (!p)
+      return;
+    const A = (O) => {
+      const B = O.target;
+      B instanceof Node && (g.current?.contains(B) || d.current?.contains(B) || c(!1));
+    };
+    return document.addEventListener("pointerdown", A), () => document.removeEventListener("pointerdown", A);
+  }, R = [p], e[2] = p, e[3] = T, e[4] = R) : (T = e[3], R = e[4]), Me(T, R);
+  let P, G;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P = {
+    placement: "bottom-end",
+    offset: {
+      mainAxis: 8
+    }
+  }, G = (A) => c(A.open), e[5] = P, e[6] = G) : (P = e[5], G = e[6]);
+  let S;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ a(Y, { as: Bt, boxSize: "14px" }), e[7] = S) : S = e[7];
+  const x = v > 0 ? /* @__PURE__ */ a(ue, { variant: "number", colorPalette: "blue", children: v }) : null;
+  let I;
+  e[8] !== x ? (I = /* @__PURE__ */ a(le.Trigger, { asChild: !0, children: /* @__PURE__ */ a(be, { ref: d, "aria-label": "Filter rows", variant: "ghost", size: "sm", children: /* @__PURE__ */ _(Z, { gap: "2xs", children: [
+    S,
+    x
+  ] }) }) }), e[8] = x, e[9] = I) : I = e[9];
+  let y;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ a(Q, { textStyle: "label/XS/medium", color: "fg.muted", children: "Filters" }), e[10] = y) : y = e[10];
+  let b;
+  e[11] !== s ? (b = /* @__PURE__ */ _(ze, { variant: "narrow", justifyContent: "space-between", borderBottomWidth: "1px", borderColor: "border.subtle", children: [
+    y,
+    /* @__PURE__ */ a(he, { size: "2xs", variant: "ghost", onClick: s, children: "Clear all" })
+  ] }), e[11] = s, e[12] = b) : b = e[12];
+  let w;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = {
+    overscrollBehavior: "contain"
+  }, e[13] = w) : w = e[13];
+  const D = te, M = "1", E = "0", W = "0", K = "0", z = m ? /* @__PURE__ */ _(Te, { children: [
+    /* @__PURE__ */ _(ze, { variant: "narrow", justifyContent: "space-between", borderBottomWidth: "1px", borderColor: "border.subtle", children: [
+      /* @__PURE__ */ a(Q, { textStyle: "label/S/medium", children: m.label }),
+      /* @__PURE__ */ a(he, { size: "2xs", variant: "ghost", onClick: () => l(m.id), children: "Clear" })
+    ] }),
+    /* @__PURE__ */ a(we, { flex: "1", minH: "0", viewportProps: {
+      overscrollBehavior: "contain"
+    }, contentProps: et, children: m.options.map((A) => {
+      const O = (h[m.id] ?? []).includes(A.value), B = i[m.id]?.[A.value] ?? 0;
+      return /* @__PURE__ */ a(Un, { option: A, checked: O, count: B, onSelect: () => k(m, A.value) }, A.value);
+    }) })
+  ] }) : null;
+  let V;
+  return e[14] !== D || e[15] !== z ? (V = /* @__PURE__ */ a(D, { flex: M, gap: E, minW: W, minH: K, children: z }), e[14] = D, e[15] = z, e[16] = V) : V = e[16], /* @__PURE__ */ _(le.Root, { open: p, closeOnInteractOutside: !1, positioning: P, onOpenChange: G, children: [
+    I,
+    /* @__PURE__ */ a(Oe, { children: /* @__PURE__ */ a(le.Positioner, { children: /* @__PURE__ */ a(le.Content, { ref: g, width: "min(440px, calc(100vw - 32px))", height: "min(320px, calc(100vh - 32px))", p: "0", bg: "bg", gap: "0", overflow: "hidden", children: /* @__PURE__ */ _(Z, { align: "stretch", gap: "0", minH: "0", height: "full", children: [
+      /* @__PURE__ */ _(te, { minWidth: "188px", borderRightWidth: "1px", borderColor: "border.subtle", gap: "0", minH: "0", children: [
+        b,
+        /* @__PURE__ */ a(we, { flex: "1", minH: "0", viewportProps: w, contentProps: et, children: n.map((A) => {
+          const O = h[A.id] ?? [], B = Kn(A, O);
+          return /* @__PURE__ */ a(pe, { id: A.id, label: /* @__PURE__ */ a(Hn, { label: A.label, selectedDescription: B }), role: "button", variant: "compact", isSelected: m?.id === A.id, endContent: O.length > 0 ? /* @__PURE__ */ a(ue, { variant: "number", colorPalette: "gray", children: O.length }) : void 0, onActivate: () => u(A.id) }, A.id);
+        }) })
+      ] }),
+      V
+    ] }) }) }) })
+  ] });
+}, qn = "pstdio/ui/data-renderer", Zn = (t) => `${qn}/${t}`, Pe = {
+  settings: Wt,
+  filters: {},
+  expandedGroups: {}
+}, Jn = (t) => ({
+  settings: {
+    ...Pe.settings,
+    ...t?.settings ?? {}
+  },
+  filters: t?.filters ?? Pe.filters,
+  expandedGroups: t?.expandedGroups ?? Pe.expandedGroups
+}), Yn = (t, e) => t.includes(e) ? t.filter((n) => n !== e) : [...t, e], me = (t) => t.startsWith("tag:") ? t.slice(4) : t, Qn = (t) => {
+  const e = t.ordering, n = typeof e?.attributeId == "string" ? e.attributeId : typeof e?.field == "string" ? me(e.field) : ee, r = e?.direction === "desc" ? "desc" : "asc", i = typeof t.columnGrouping == "string" ? me(t.columnGrouping) : N, o = typeof t.rowGrouping == "string" ? me(t.rowGrouping) : N, l = Array.isArray(t.displayProperties) ? t.displayProperties.filter((s) => typeof s == "string").map(me) : [];
+  return {
+    viewMode: t.viewMode === "list" ? "list" : "board",
+    columnGrouping: i,
+    rowGrouping: o,
+    ordering: {
+      attributeId: n === "manual" ? ee : n,
+      direction: r
+    },
+    displayProperties: l
+  };
+}, er = (t) => {
+  const e = {};
+  for (const [n, r] of Object.entries(t)) {
+    if (!Array.isArray(r)) continue;
+    const i = r.filter((o) => typeof o == "string");
+    i.length !== 0 && (e[me(n)] = i);
+  }
+  return e;
+}, tr = (t) => {
+  const {
+    storageKey: e,
+    initialState: n
+  } = t, r = Jn(n);
+  return Vt()($t((i) => ({
+    ...r,
+    setViewMode: (o) => i((l) => ({
+      ...l,
+      settings: {
+        ...l.settings,
+        viewMode: o
+      }
+    })),
+    setColumnGrouping: (o) => i((l) => ({
+      ...l,
+      settings: {
+        ...l.settings,
+        columnGrouping: o
+      }
+    })),
+    setRowGrouping: (o) => i((l) => ({
+      ...l,
+      settings: {
+        ...l.settings,
+        rowGrouping: o
+      }
+    })),
+    setOrdering: (o) => i((l) => ({
+      ...l,
+      settings: {
+        ...l.settings,
+        ordering: o
+      }
+    })),
+    setOrderingAttributeId: (o) => i((l) => ({
+      ...l,
+      settings: {
+        ...l.settings,
+        ordering: {
+          ...l.settings.ordering,
+          attributeId: o
+        }
+      }
+    })),
+    setDisplayProperties: (o) => i((l) => ({
+      ...l,
+      settings: {
+        ...l.settings,
+        displayProperties: o
+      }
+    })),
+    toggleSortDirection: () => i((o) => ({
+      ...o,
+      settings: {
+        ...o.settings,
+        ordering: {
+          ...o.settings.ordering,
+          direction: o.settings.ordering.direction === "asc" ? "desc" : "asc"
+        }
+      }
+    })),
+    toggleDisplayProperty: (o) => i((l) => {
+      const s = l.settings.displayProperties.includes(o) ? l.settings.displayProperties.filter((d) => d !== o) : [...l.settings.displayProperties, o];
+      return {
+        ...l,
+        settings: {
+          ...l.settings,
+          displayProperties: s
+        }
+      };
+    }),
+    setFilter: (o, l) => i((s) => ({
+      ...s,
+      filters: {
+        ...s.filters,
+        [o]: l
+      }
+    })),
+    toggleFilterValue: (o, l) => i((s) => {
+      const d = s.filters[o] ?? [], g = Yn(d, l), p = g.length === 0 ? Ue(s.filters, o) : {
+        ...s.filters,
+        [o]: g
+      };
+      return {
+        ...s,
+        filters: p
+      };
+    }),
+    clearFilter: (o) => i((l) => ({
+      ...l,
+      filters: Ue(l.filters, o)
+    })),
+    clearAllFilters: () => i((o) => ({
+      ...o,
+      filters: {}
+    })),
+    setExpandedGroup: (o, l) => i((s) => ({
+      ...s,
+      expandedGroups: {
+        ...s.expandedGroups,
+        [o]: l
+      }
+    })),
+    reset: () => i(r)
+  }), {
+    name: Zn(e),
+    version: 2,
+    migrate: (i, o) => {
+      if (!i || typeof i != "object") return i;
+      const l = i;
+      if (o >= 2) {
+        const s = l;
+        return {
+          ...s,
+          expandedGroups: s.expandedGroups ?? {}
+        };
+      }
+      return {
+        settings: Qn(l.settings ?? {}),
+        filters: er(l.filters ?? {}),
+        expandedGroups: {}
+      };
+    },
+    storage: zt(Nt),
+    partialize: (i) => ({
+      settings: i.settings,
+      filters: i.filters,
+      expandedGroups: i.expandedGroups
+    })
+  }));
+}, tt = /* @__PURE__ */ new Map(), nr = (t, e) => {
+  const n = tt.get(t);
+  if (n) return n;
+  const r = tr({
+    storageKey: t,
+    initialState: e
+  });
+  return tt.set(t, r), r;
+}, X = (t, e, n) => {
+  const r = H(3);
+  let i;
+  return r[0] !== n || r[1] !== t ? (i = nr(t, n), r[0] = n, r[1] = t, r[2] = i) : i = r[2], Ft(i, e);
+}, rr = (t) => {
+  const e = [];
+  for (const n of t)
+    n.type.kind !== "enum" && n.type.kind !== "enum-multi" || _e(n.type.options) && e.push(n.type.options);
+  return e;
+}, or = (t) => t.map((e) => e.type.kind !== "enum" && e.type.kind !== "enum-multi" || !_e(e.type.options) ? e : {
+  ...e,
+  type: {
+    ...e.type,
+    options: e.type.options.getSnapshot()
+  }
+}), ht = (t) => {
+  const e = H(7), [, n] = wt(ir, 0);
+  let r;
+  e[0] !== t || e[1] !== n ? (r = () => {
+    const l = rr(t);
+    if (l.length === 0)
+      return;
+    const s = () => n(), d = l.map((g) => g.subscribe(s));
+    return () => {
+      for (const g of d)
+        g();
+    };
+  }, e[0] = t, e[1] = n, e[2] = r) : r = e[2];
+  let i;
+  e[3] !== t ? (i = [t], e[3] = t, e[4] = i) : i = e[4], Me(r, i);
+  let o;
+  return e[5] !== t ? (o = or(t), e[5] = t, e[6] = o) : o = e[6], o;
+};
+function ir(t) {
+  return t + 1;
+}
+const lr = (t) => {
+  const e = H(39), {
+    rows: n,
+    storageKey: r,
+    attributes: i,
+    defaultSettings: o,
+    defaultFilters: l,
+    leading: s,
+    align: d
+  } = t, g = d === void 0 ? "split" : d, p = ht(i);
+  let c;
+  e[0] !== p ? (c = kn(p), e[0] = p, e[1] = c) : c = e[1];
+  const f = c;
+  let u;
+  e[2] !== p ? (u = Gn(p), e[2] = p, e[3] = u) : u = e[3];
+  const m = u;
+  let h;
+  e[4] !== p ? (h = An(p), e[4] = p, e[5] = h) : h = e[5];
+  const v = h;
+  let C;
+  e[6] !== l || e[7] !== o ? (C = {
+    settings: o,
+    filters: l
+  }, e[6] = l, e[7] = o, e[8] = C) : C = e[8];
+  const k = C, T = X(r, sr, k), R = X(r, ar, k), P = X(r, cr, k), G = X(r, dr, k), S = X(r, ur, k), x = X(r, gr, k), I = X(r, pr, k), y = X(r, fr, k), b = X(r, mr, k), w = X(r, br, k), D = X(r, hr, k);
+  let M, E;
+  e[9] !== p || e[10] !== n ? (M = In(p, n), E = Object.fromEntries(M.map((B) => [B.id, Fn(n, B.id, p)])), e[9] = p, e[10] = n, e[11] = M, e[12] = E) : (M = e[11], E = e[12]);
+  const W = E, K = g === "split" ? "full" : void 0;
+  let z;
+  e[13] !== g ? (z = g === "split" ? /* @__PURE__ */ a(se, { flex: "1" }) : null, e[13] = g, e[14] = z) : z = e[14];
+  let V;
+  e[15] !== M || e[16] !== D || e[17] !== w || e[18] !== W || e[19] !== R || e[20] !== b ? (V = /* @__PURE__ */ a(Xn, { categories: M, filters: R, countsByCategory: W, onToggleFilterValue: b, onClearFilter: w, onClearAll: D }), e[15] = M, e[16] = D, e[17] = w, e[18] = W, e[19] = R, e[20] = b, e[21] = V) : V = e[21];
+  let A;
+  e[22] !== v || e[23] !== f || e[24] !== m || e[25] !== G || e[26] !== x || e[27] !== S || e[28] !== P || e[29] !== T || e[30] !== y || e[31] !== I ? (A = /* @__PURE__ */ a(zn, { settings: T, groupingOptions: f, orderingOptions: m, displayPropertyOptions: v, onViewModeChange: P, onColumnGroupingChange: G, onRowGroupingChange: S, onOrderingAttributeIdChange: x, onSortDirectionToggle: I, onDisplayPropertyToggle: y }), e[22] = v, e[23] = f, e[24] = m, e[25] = G, e[26] = x, e[27] = S, e[28] = P, e[29] = T, e[30] = y, e[31] = I, e[32] = A) : A = e[32];
+  let O;
+  return e[33] !== s || e[34] !== K || e[35] !== z || e[36] !== V || e[37] !== A ? (O = /* @__PURE__ */ _(Z, { gap: "2xs", minW: "0", w: K, flexShrink: 0, borderBottomWidth: "1px", borderColor: "border.subtle", padding: "2xs", children: [
+    s,
+    z,
+    V,
+    A
+  ] }), e[33] = s, e[34] = K, e[35] = z, e[36] = V, e[37] = A, e[38] = O) : O = e[38], O;
+};
+function sr(t) {
+  return t.settings;
+}
+function ar(t) {
+  return t.filters;
+}
+function cr(t) {
+  return t.setViewMode;
+}
+function dr(t) {
+  return t.setColumnGrouping;
+}
+function ur(t) {
+  return t.setRowGrouping;
+}
+function gr(t) {
+  return t.setOrderingAttributeId;
+}
+function pr(t) {
+  return t.toggleSortDirection;
+}
+function fr(t) {
+  return t.toggleDisplayProperty;
+}
+function mr(t) {
+  return t.toggleFilterValue;
+}
+function br(t) {
+  return t.clearFilter;
+}
+function hr(t) {
+  return t.clearAllFilters;
+}
+const yr = (t) => {
+  const {
+    settings: e,
+    visibleRows: n,
+    grouped: r,
+    attributes: i,
+    onRowClick: o,
+    onAttributeChange: l,
+    onReorder: s,
+    getRowContextMenuActions: d
+  } = t, g = e.ordering.attributeId === ee, p = (u, m) => {
+    const h = ne(i, u);
+    return h ? ve(h.type, m)?.color : void 0;
+  }, c = (u, m) => ({
+    id: u.id,
+    title: u.title,
+    badges: ft(u, i, e.displayProperties),
+    customSlots: mt(u, i, e.displayProperties),
+    contextMenuActions: d?.(u),
+    onClick: () => o?.(u),
+    onBadgeChange: l ? (h, v) => l(u.id, h, v) : void 0,
+    draggable: !!(l || s),
+    onDropRow: g && (l || s) ? (h) => {
+      const v = Pn(e.columnGrouping, m);
+      v && e.columnGrouping !== N && l && l(h, e.columnGrouping, v), e.rowGrouping !== N && m?.rowKey && l && l(h, e.rowGrouping, m.rowKey), s?.(h, u.id);
+    } : void 0
+  }), f = (u, m) => ({
+    id: m ? `group::${m.columnKey}::${u.key}` : `group::${u.key}`,
+    title: u.label,
+    countBadge: u.rows.length,
+    countColorPalette: p(m ? e.rowGrouping : e.columnGrouping, u.key),
+    onDropRow: l && e.columnGrouping !== N ? (h) => {
+      const v = m?.columnKey ?? u.key;
+      l(h, e.columnGrouping, v), e.rowGrouping !== N && m && l(h, e.rowGrouping, u.key);
+    } : void 0,
+    children: De(u.rows, e.ordering, i).map((h) => c(h, {
+      columnKey: m?.columnKey ?? u.key,
+      rowKey: m ? u.key : void 0
+    }))
+  });
+  return e.columnGrouping === N ? De(n, e.ordering, i).map((u) => c(u)) : r.map((u) => u.subgroups.length > 0 ? {
+    id: `group::${u.key}`,
+    title: u.label,
+    countBadge: u.rows.length,
+    countColorPalette: p(e.columnGrouping, u.key),
+    onDropRow: l ? (m) => l(m, e.columnGrouping, u.key) : void 0,
+    children: u.subgroups.map((m) => f(m, {
+      columnKey: u.key
+    }))
+  } : f(u));
+}, zr = (t) => {
+  const e = H(54), {
+    rows: n,
+    storageKey: r,
+    attributes: i,
+    selectedRowId: o,
+    emptyState: l,
+    emptyTitle: s,
+    emptyDescription: d,
+    defaultSettings: g,
+    defaultFilters: p,
+    onRowClick: c,
+    onAttributeChange: f,
+    onReorder: u,
+    onCreateRow: m,
+    onColumnAction: h,
+    getBoardColumnConfig: v,
+    getRowContextMenuActions: C,
+    hideToolbar: k,
+    toolbarLeading: T
+  } = t, R = o === void 0 ? null : o, P = s === void 0 ? "No rows found" : s, G = d === void 0 ? "Try changing filters or display settings." : d, S = k === void 0 ? !1 : k, x = ht(i);
+  let I;
+  e[0] !== p || e[1] !== g ? (I = {
+    settings: g,
+    filters: p
+  }, e[0] = p, e[1] = g, e[2] = I) : I = e[2];
+  const y = I, b = X(r, vr, y), w = X(r, xr, y), D = X(r, Cr, y), M = X(r, Sr, y);
+  let E, W;
+  if (e[3] !== x || e[4] !== w || e[5] !== v || e[6] !== C || e[7] !== f || e[8] !== u || e[9] !== c || e[10] !== n || e[11] !== b) {
+    const U = Ln(n, w, x), q = Tn(b.columnGrouping, x, w), ae = _n(U, {
+      attributes: x,
+      columnGrouping: b.columnGrouping,
+      rowGrouping: b.rowGrouping,
+      knownColumnKeys: q
+    });
+    E = yr({
+      settings: b,
+      visibleRows: U,
+      grouped: ae,
+      attributes: x,
+      onRowClick: c,
+      onAttributeChange: f,
+      onReorder: u,
+      getRowContextMenuActions: C
+    });
+    let xe;
+    e[14] !== x || e[15] !== C || e[16] !== f || e[17] !== c || e[18] !== b.displayProperties ? (xe = (re) => re.map((J) => ({
+      id: J.id,
+      contextMenuActions: C?.(J),
+      cardProps: {
+        title: J.title,
+        badges: ft(J, x, b.displayProperties),
+        customSlots: mt(J, x, b.displayProperties),
+        onBadgeChange: f ? (Ie, ke) => f(J.id, Ie, ke) : void 0,
+        onClick: () => c?.(J)
+      }
+    })), e[14] = x, e[15] = C, e[16] = f, e[17] = c, e[18] = b.displayProperties, e[19] = xe) : xe = e[19];
+    const Le = xe, Fe = ne(x, b.columnGrouping);
+    W = ae.map((re) => {
+      const J = v?.(re.key) ?? {}, Ie = De(re.rows, b.ordering, x), ke = Fe ? ve(Fe.type, re.key)?.color : void 0, yt = re.subgroups.length > 0 ? re.subgroups.map((Ge) => ({
+        key: Ge.key,
+        label: Ge.label,
+        items: Le(De(Ge.rows, b.ordering, x))
+      })) : void 0;
+      return {
+        id: re.key,
+        label: re.label,
+        color: J.color ?? ke,
+        canDragIn: J.canDragIn ?? !1,
+        canDragOut: J.canDragOut ?? !1,
+        canCreate: J.canCreate ?? !1,
+        actions: J.actions ?? [],
+        items: Le(Ie),
+        groups: yt
+      };
+    }), e[3] = x, e[4] = w, e[5] = v, e[6] = C, e[7] = f, e[8] = u, e[9] = c, e[10] = n, e[11] = b, e[12] = E, e[13] = W;
+  } else
+    E = e[12], W = e[13];
+  const K = W;
+  let z;
+  e[20] !== f || e[21] !== u || e[22] !== b ? (z = async (U, q, ae) => {
+    await Kt({
+      settings: b,
+      rowId: U,
+      targetColumnId: q,
+      targetGroupKey: ae?.targetGroupKey,
+      beforeItemId: ae?.beforeItemId,
+      onAttributeChange: f,
+      onReorder: u
+    });
+  }, e[20] = f, e[21] = u, e[22] = b, e[23] = z) : z = e[23];
+  const V = z;
+  let A;
+  e[24] !== f || e[25] !== u || e[26] !== b ? (A = async (U, q, ae) => {
+    await Ht({
+      settings: b,
+      rowId: U,
+      targetGroupKey: q,
+      beforeItemId: ae?.beforeItemId,
+      onAttributeChange: f,
+      onReorder: u
+    });
+  }, e[24] = f, e[25] = u, e[26] = b, e[27] = A) : A = e[27];
+  const O = A;
+  let B;
+  e[28] !== x || e[29] !== p || e[30] !== g || e[31] !== S || e[32] !== n || e[33] !== r || e[34] !== T ? (B = S ? null : /* @__PURE__ */ a(lr, { rows: n, storageKey: r, attributes: x, defaultSettings: g, defaultFilters: p, leading: T }), e[28] = x, e[29] = p, e[30] = g, e[31] = S, e[32] = n, e[33] = r, e[34] = T, e[35] = B) : B = e[35];
+  const L = `${b.columnGrouping}:${b.rowGrouping}`;
+  let F;
+  e[36] !== K || e[37] !== G || e[38] !== l || e[39] !== P || e[40] !== D || e[41] !== V || e[42] !== O || e[43] !== E || e[44] !== h || e[45] !== m || e[46] !== R || e[47] !== M || e[48] !== b.viewMode || e[49] !== L ? (F = /* @__PURE__ */ a(un, { viewMode: b.viewMode, boardColumns: K, listItems: E, listExpandedGroups: D, selectedRowId: R, emptyState: l, emptyTitle: P, emptyDescription: G, onBoardMoveItem: V, onBoardMoveToGroup: O, onCreateRow: m, onColumnAction: h, onListExpandedGroupChange: M, listKey: L }), e[36] = K, e[37] = G, e[38] = l, e[39] = P, e[40] = D, e[41] = V, e[42] = O, e[43] = E, e[44] = h, e[45] = m, e[46] = R, e[47] = M, e[48] = b.viewMode, e[49] = L, e[50] = F) : F = e[50];
+  let $;
+  return e[51] !== F || e[52] !== B ? ($ = /* @__PURE__ */ _(te, { height: "100%", minH: "0", gap: "0", children: [
+    B,
+    F
+  ] }), e[51] = F, e[52] = B, e[53] = $) : $ = e[53], $;
+};
+function vr(t) {
+  return t.settings;
+}
+function xr(t) {
+  return t.filters;
+}
+function Cr(t) {
+  return t.expandedGroups;
+}
+function Sr(t) {
+  return t.setExpandedGroup;
+}
+export {
+  zr as DataRenderer,
+  tn as DataRendererBoard,
+  dt as DataRendererCard,
+  cn as DataRendererList,
+  lr as DataRendererToolbar,
+  zn as DisplayMenu,
+  Xn as FilterMenu,
+  ee as MANUAL_ORDERING,
+  N as NO_GROUPING,
+  An as buildDisplayPropertyOptions,
+  In as buildFilterCategories,
+  kn as buildGroupingOptions,
+  Gn as buildOrderingOptions,
+  ft as collectDisplayBadges,
+  ne as findAttribute,
+  ge as getAttributeStringValues,
+  de as getAttributeValue,
+  ie as getEnumOptions,
+  Lr as isAttributesSource,
+  _e as isEnumOptionsSource,
+  Dn as renderAttributeBadge,
+  or as resolveAttributeOptions,
+  $r as sanitizeFilters,
+  Fr as sanitizeSettings,
+  X as useDataRendererStore,
+  ht as useResolvedAttributes
+};
+//# sourceMappingURL=data-renderer.js.map