@pstdio/ui 0.16.0 → 0.18.0

package/dist/kanban-renderer-toolbar-Db1mIWWd.js

@@ -0,0 +1,1318 @@
+import { jsx as a, jsxs as h, Fragment as je } from "react/jsx-runtime";
+import { c as Y } from "react/compiler-runtime";
+import { Popover as le, IconButton as We, Icon as Q, Portal as ft, Text as J, HStack as H, Menu as re, Button as Z, Stack as ze, Input as gt, Badge as Rt, Tabs as $e, Box as Le, chakra as Ot, Dialog as oe } from "@chakra-ui/react";
+import { Settings2 as _t, SortAsc as Gt, SortDesc as Dt, Check as Pt, ChevronDown as Ft, List as Tt, SquareKanban as Et, Filter as $t, Search as Lt, RotateCcw as Nt, X as Bt, Pencil as Mt, Copy as zt, Trash2 as jt, Plus as Wt } from "lucide-react";
+import { createElement as Kt, useRef as Ge, useState as xe, useEffect as Ke, Fragment as Xt, useReducer as Ut } from "react";
+import { T as mt, S as qe } from "./scroll-area-BMbg1WcD.js";
+import { W as Ht } from "./param-editor-field-ZzZwgjZ_.js";
+import { C as qt } from "./checkbox-B2zYVemL.js";
+import { L as Je, R as Jt } from "./list-row-BYWwcbGK.js";
+import { useStore as Yt } from "zustand";
+import { persist as Qt, createJSONStorage as Zt } from "zustand/middleware";
+import { createStore as en } from "zustand/vanilla";
+import { c as tn } from "./browser-storage-BinyFNJX.js";
+const W = "none", se = "manual", Xe = (t) => !Array.isArray(t), Pi = (t) => !Array.isArray(t), nn = {
+  viewMode: "board",
+  columnGrouping: W,
+  rowGrouping: W,
+  ordering: {
+    attributeId: se,
+    direction: "asc"
+  },
+  displayProperties: []
+}, ae = (t, e) => {
+  if (!(!e || e === W || e === se))
+    return t.find((n) => n.id === e);
+}, rn = (t) => {
+  const e = /* @__PURE__ */ new Set();
+  return t.filter((n) => e.has(n.value) ? !1 : (e.add(n.value), !0));
+}, ee = (t) => {
+  if (t.kind !== "enum" && t.kind !== "enum-multi") return [];
+  const e = Xe(t.options) ? t.options.getSnapshot() : t.options;
+  return rn(e);
+}, ke = (t) => t.replaceAll("_", " ").split(" ").filter((e) => e.length > 0).map((e) => e[0].toUpperCase() + e.slice(1)).join(" "), Ue = (t, e) => {
+  if (!(t.kind !== "enum" && t.kind !== "enum-multi"))
+    return ee(t).find((n) => n.value === e);
+}, Oe = (t, e) => Ue(t, e)?.label ?? ke(e), on = (t, e) => t.length === 0 ? null : t.length <= 2 ? t.map((n) => Oe(e, n)).join(", ") : `${Oe(e, t[0])}, ${Oe(e, t[1])} +${t.length - 2}`, ln = (t, e, n) => {
+  if (e.kind !== "enum") return null;
+  const i = typeof n == "string" ? n : null, o = t.editable === !0;
+  if (!i)
+    return o ? {
+      attributeId: t.id,
+      attributeLabel: t.label,
+      label: t.label,
+      value: i ?? void 0,
+      options: ee(e),
+      isEditable: !0
+    } : null;
+  const r = Ue(e, i);
+  return {
+    attributeId: t.id,
+    attributeLabel: t.label,
+    label: r?.label ?? ke(i),
+    color: r?.color,
+    icon: r?.icon,
+    ...o ? {
+      value: i,
+      options: ee(e),
+      isEditable: !0
+    } : {}
+  };
+}, sn = (t, e, n) => {
+  if (e.kind !== "enum-multi") return null;
+  const i = Array.isArray(n) ? n.filter((s) => typeof s == "string") : [], o = on(i, e), r = t.editable === !0;
+  if (!o)
+    return r ? {
+      attributeId: t.id,
+      attributeLabel: t.label,
+      label: t.label,
+      value: i,
+      options: ee(e),
+      isEditable: !0
+    } : null;
+  const l = i[0] ? Ue(e, i[0]) : void 0;
+  return {
+    attributeId: t.id,
+    attributeLabel: t.label,
+    label: o,
+    color: l?.color,
+    icon: l?.icon,
+    ...r ? {
+      value: i,
+      options: ee(e),
+      isEditable: !0
+    } : {}
+  };
+}, ue = (t, e) => {
+  const n = t.attributes[e.id];
+  return e.type.kind === "enum-multi" ? Array.isArray(n) ? n.filter((i) => typeof i == "string") : [] : n;
+}, de = (t, e) => {
+  const n = ue(t, e);
+  return e.type.kind === "enum-multi" ? n : n == null ? [] : typeof n == "string" ? n === "" ? [] : [n] : typeof n == "number" ? [String(n)] : [];
+}, an = (t) => {
+  if (typeof t != "string" || t === "") return null;
+  const e = new Date(t);
+  return Number.isNaN(e.getTime()) ? null : e.toLocaleDateString();
+}, cn = (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), un = (t) => pt(t), dn = (t) => t != null && t !== !1, fn = (t) => typeof t == "object" && t !== null && !Array.isArray(t), Ne = (t) => typeof t == "string" && t.trim() ? t.trim() : void 0, gn = (t) => t === "current_branch" ? "current_branch" : "worktree", mn = (t) => Array.isArray(t) ? t.flatMap((e) => {
+  if (!fn(e)) return [];
+  const n = Ne(e.id);
+  if (!n) return [];
+  const i = Ne(e.shorthand), o = Ne(e.name) ?? i ?? n;
+  return [{
+    id: n,
+    name: o,
+    ...i ? {
+      shorthand: i
+    } : {},
+    type: gn(e.type)
+  }];
+}) : [], pn = (t, e, n) => {
+  if (t.display?.kind !== "workspace-badge") return null;
+  const i = mn(n.attributes[t.display.itemsAttributeId]);
+  if (i.length === 0) return null;
+  const o = typeof e == "string" ? e : void 0, r = i.find((l) => l.id === o) ?? i[0];
+  return r ? Kt(Ht, {
+    workspaceType: r.type,
+    shorthand: r.shorthand ?? r.name,
+    hasMultipleWorkspaces: i.length > 1,
+    showLeadingSessionIndicator: !1
+  }) : null;
+}, bn = (t, e) => {
+  const n = t.type, i = ue(e, t);
+  if (t.render || t.display) return null;
+  if (n.kind === "enum") return ln(t, n, i);
+  if (n.kind === "enum-multi") return sn(t, n, i);
+  if (n.kind === "date") {
+    const r = an(i);
+    return r ? {
+      attributeId: t.id,
+      label: r
+    } : null;
+  }
+  if (n.kind === "number") {
+    const r = cn(i);
+    return r ? {
+      attributeId: t.id,
+      label: r
+    } : null;
+  }
+  if (n.kind === "user") {
+    const r = un(i);
+    return r ? {
+      attributeId: t.id,
+      label: r,
+      color: "blue"
+    } : null;
+  }
+  const o = pt(i);
+  return o ? {
+    attributeId: t.id,
+    label: o
+  } : null;
+}, Fi = (t, e, n) => {
+  const i = [];
+  for (const o of n) {
+    const r = ae(e, o);
+    if (!r || r.displayable === !1) continue;
+    const l = bn(r, t);
+    l && i.push(l);
+  }
+  return i;
+}, Ti = (t, e, n) => {
+  const i = [];
+  for (const o of n) {
+    const r = ae(e, o);
+    if (!r || r.displayable === !1) continue;
+    const l = ue(t, r), s = r.render ? r.render(l, t) : pn(r, l, t);
+    dn(s) && i.push(s);
+  }
+  return i;
+}, Ye = (t, e) => {
+  const n = /* @__PURE__ */ new Set();
+  for (const i of t)
+    for (const o of de(i, e)) n.add(o);
+  return n;
+}, hn = (t, e) => {
+  const n = [];
+  for (const i of t) {
+    if (!i.filterable) continue;
+    if (i.type.kind === "enum" || i.type.kind === "enum-multi") {
+      const r = ee(i.type), l = Ye(e, i), s = new Set(r.map((c) => c.value)), u = [...l].filter((c) => !s.has(c)).sort((c, d) => c.localeCompare(d, void 0, {
+        numeric: !0
+      })).map((c) => ({
+        value: c,
+        label: ke(c)
+      }));
+      n.push({
+        id: i.id,
+        label: i.label,
+        selectionMode: "multiple",
+        options: [...r.map((c) => ({
+          value: c.value,
+          label: c.label,
+          color: c.color
+        })), ...u]
+      });
+      continue;
+    }
+    const o = [...Ye(e, i)].sort((r, l) => r.localeCompare(l, void 0, {
+      numeric: !0
+    })).map((r) => ({
+      value: r,
+      label: ke(r)
+    }));
+    n.push({
+      id: i.id,
+      label: i.label,
+      selectionMode: "multiple",
+      options: o
+    });
+  }
+  return n;
+}, yn = (t) => {
+  const e = [{
+    value: W,
+    label: "None"
+  }];
+  for (const n of t)
+    n.groupable && n.type.kind !== "enum-multi" && e.push({
+      value: n.id,
+      label: n.label
+    });
+  return e;
+}, vn = (t) => {
+  const e = [{
+    value: se,
+    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;
+}, wn = (t) => {
+  const e = [];
+  for (const n of t)
+    n.displayable && e.push({
+      value: n.id,
+      label: n.label
+    });
+  return e;
+}, Sn = (t, e) => e === W ? t.filter((n) => n.value === W) : t.filter((n) => n.value === W || n.value !== e), Ei = (t, e) => t === W ? "all" : e?.columnKey, $i = (t, e, n) => {
+  if (t === W) return;
+  const i = ae(e, t), o = n?.[t];
+  if (i && o && o.length > 0) return He(i, o);
+  if (i && i.type.kind === "enum")
+    return ee(i.type).map((r) => r.value);
+}, He = (t, e) => e, Qe = (t, e) => {
+  const n = {
+    ...t
+  };
+  return delete n[e], n;
+}, Li = (t, e) => {
+  const n = new Set(e.map((c) => c.id)), i = (c) => c === W || n.has(c), o = (c) => c === se || c === "title" || n.has(c), r = i(t.columnGrouping) ? t.columnGrouping : W, l = i(t.rowGrouping) ? t.rowGrouping : W, s = o(t.ordering.attributeId) ? t.ordering.attributeId : se, u = t.displayProperties.filter(i);
+  return {
+    viewMode: t.viewMode,
+    columnGrouping: r,
+    rowGrouping: l,
+    ordering: {
+      attributeId: s,
+      direction: t.ordering.direction
+    },
+    displayProperties: u
+  };
+}, Ni = (t, e) => {
+  const n = new Map(e.map((o) => [o.id, o])), i = {};
+  for (const [o, r] of Object.entries(t)) {
+    const l = n.get(o);
+    l && (!r || r.length === 0 || (i[o] = He(l, r)));
+  }
+  return i;
+}, Ze = (t) => {
+  const e = Y(2);
+  let n;
+  return e[0] !== t.children ? (n = /* @__PURE__ */ a(J, { paddingX: "xs", paddingTop: "xs", paddingBottom: "2xs", textStyle: "label/XS/medium", color: "fg.muted", children: t.children }), e[0] = t.children, e[1] = n) : n = e[1], n;
+}, Be = (t) => {
+  const e = Y(26);
+  let n;
+  e[0] !== t.label || e[1] !== t.options || e[2] !== t.value ? (n = t.options.find((p) => p.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 i = n, o = t.options[0]?.value === "none";
+  let r;
+  e[4] !== t.label ? (r = /* @__PURE__ */ a(J, { textStyle: "label/S/regular", children: t.label }), e[4] = t.label, e[5] = r) : r = e[5];
+  let l;
+  e[6] !== i ? (l = /* @__PURE__ */ a(J, { textStyle: "label/S/regular", truncate: !0, children: i }), e[6] = i, e[7] = l) : l = e[7];
+  let s;
+  e[8] !== t.valueSuffix || e[9] !== l ? (s = /* @__PURE__ */ h(H, { marginLeft: "auto", minW: "0", gap: "2xs", color: "fg.muted", children: [
+    l,
+    t.valueSuffix
+  ] }), e[8] = t.valueSuffix, e[9] = l, e[10] = s) : s = e[10];
+  let u;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ a(Ft, { size: 12 }), e[11] = u) : u = e[11];
+  let c;
+  e[12] !== r || e[13] !== s ? (c = /* @__PURE__ */ a(re.Trigger, { asChild: !0, children: /* @__PURE__ */ h(Z, { size: "xs", variant: "ghost", width: "full", justifyContent: "flex-start", gap: "xs", children: [
+    r,
+    s,
+    u
+  ] }) }), e[12] = r, e[13] = s, e[14] = c) : c = e[14];
+  let d;
+  e[15] !== o || e[16] !== t ? (d = t.options.map((p, y) => /* @__PURE__ */ h(Xt, { children: [
+    o && y === 1 ? /* @__PURE__ */ a(re.Separator, {}) : null,
+    /* @__PURE__ */ a(re.Item, { value: p.value, onClick: () => t.onSelect(p.value), children: /* @__PURE__ */ h(H, { width: "full", gap: "xs", children: [
+      /* @__PURE__ */ a(J, { textStyle: "label/S/regular", children: p.label }),
+      p.value === t.value ? /* @__PURE__ */ a(Q, { as: Pt, marginLeft: "auto", boxSize: "0.875rem" }) : null
+    ] }) })
+  ] }, p.value)), e[15] = o, e[16] = t, e[17] = d) : d = e[17];
+  let f;
+  e[18] !== t.onSuffixAction ? (f = t.onSuffixAction ? /* @__PURE__ */ h(je, { children: [
+    /* @__PURE__ */ a(re.Separator, {}),
+    /* @__PURE__ */ a(re.Item, { value: "toggle-direction", onClick: t.onSuffixAction, children: "Reverse order" })
+  ] }) : null, e[18] = t.onSuffixAction, e[19] = f) : f = e[19];
+  let m;
+  e[20] !== d || e[21] !== f ? (m = /* @__PURE__ */ a(re.Positioner, { children: /* @__PURE__ */ h(re.Content, { children: [
+    d,
+    f
+  ] }) }), e[20] = d, e[21] = f, e[22] = m) : m = e[22];
+  let g;
+  return e[23] !== c || e[24] !== m ? (g = /* @__PURE__ */ h(re.Root, { children: [
+    c,
+    m
+  ] }), e[23] = c, e[24] = m, e[25] = g) : g = e[25], g;
+}, xn = (t) => {
+  const e = Y(65), {
+    settings: n,
+    groupingOptions: i,
+    orderingOptions: o,
+    displayPropertyOptions: r,
+    onViewModeChange: l,
+    onColumnGroupingChange: s,
+    onRowGroupingChange: u,
+    onOrderingAttributeIdChange: c,
+    onSortDirectionToggle: d,
+    onDisplayPropertyToggle: f
+  } = t, m = Ge(null), g = Ge(null), [p, y] = xe(!1);
+  let v, S;
+  e[0] !== p ? (v = () => {
+    if (!p)
+      return;
+    const U = (ne) => {
+      const ce = ne.target;
+      ce instanceof Node && (g.current?.contains(ce) || m.current?.contains(ce) || y(!1));
+    };
+    return document.addEventListener("pointerdown", U), () => document.removeEventListener("pointerdown", U);
+  }, S = [p], e[0] = p, e[1] = v, e[2] = S) : (v = e[1], S = e[2]), Ke(v, S);
+  let A, I;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = {
+    placement: "bottom-end",
+    offset: {
+      mainAxis: 8
+    },
+    getAnchorElement: () => m.current
+  }, I = (U) => y(U.open), e[3] = A, e[4] = I) : (A = e[3], I = e[4]);
+  let _;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ a(mt, { content: "Display", children: /* @__PURE__ */ a(le.Trigger, { asChild: !0, children: /* @__PURE__ */ a(We, { ref: m, "aria-label": "Display settings", variant: "ghost", size: "2xs", children: /* @__PURE__ */ a(Q, { as: _t }) }) }) }), e[5] = _) : _ = e[5];
+  let w;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ a(Ze, { children: "DISPLAY" }), e[6] = w) : w = e[6];
+  const P = n.viewMode === "list";
+  let x;
+  e[7] !== l ? (x = () => l("list"), e[7] = l, e[8] = x) : x = e[8];
+  let z;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ a(Tt, {}), e[9] = z) : z = e[9];
+  let K;
+  e[10] !== P || e[11] !== x ? (K = /* @__PURE__ */ h(Z, { flex: "1", size: "2xs", variant: "ghost", "aria-pressed": P, onClick: x, children: [
+    z,
+    "List"
+  ] }), e[10] = P, e[11] = x, e[12] = K) : K = e[12];
+  const $ = n.viewMode === "board";
+  let O;
+  e[13] !== l ? (O = () => l("board"), e[13] = l, e[14] = O) : O = e[14];
+  let L;
+  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ a(Et, {}), e[15] = L) : L = e[15];
+  let G;
+  e[16] !== $ || e[17] !== O ? (G = /* @__PURE__ */ h(Z, { flex: "1", size: "2xs", variant: "ghost", "aria-pressed": $, onClick: O, children: [
+    L,
+    "Board"
+  ] }), e[16] = $, e[17] = O, e[18] = G) : G = e[18];
+  let R;
+  e[19] !== G || e[20] !== K ? (R = /* @__PURE__ */ h(H, { borderRadius: "sm", bg: "bg.subtle", padding: "2xs", gap: "2xs", children: [
+    K,
+    G
+  ] }), e[19] = G, e[20] = K, e[21] = R) : R = e[21];
+  let F;
+  e[22] !== s || e[23] !== u || e[24] !== n.rowGrouping ? (F = (U) => {
+    s(U), (U === "none" || U === n.rowGrouping) && u("none");
+  }, e[22] = s, e[23] = u, e[24] = n.rowGrouping, e[25] = F) : F = e[25];
+  let T;
+  e[26] !== i || e[27] !== n.columnGrouping || e[28] !== F ? (T = /* @__PURE__ */ a(Be, { label: "Grouping", value: n.columnGrouping, options: i, onSelect: F }), e[26] = i, e[27] = n.columnGrouping, e[28] = F, e[29] = T) : T = e[29];
+  let C;
+  e[30] !== n.ordering.attributeId || e[31] !== n.ordering.direction ? (C = n.ordering.attributeId === "manual" ? void 0 : /* @__PURE__ */ a(Q, { as: n.ordering.direction === "asc" ? Gt : Dt, "aria-label": `${n.ordering.direction === "asc" ? "Ascending" : "Descending"} order`, "aria-hidden": !1, role: "img", boxSize: "0.875rem", flexShrink: 0 }), e[30] = n.ordering.attributeId, e[31] = n.ordering.direction, e[32] = C) : C = e[32];
+  const j = n.ordering.attributeId === "manual" ? void 0 : d;
+  let N;
+  e[33] !== c || e[34] !== o || e[35] !== n.ordering.attributeId || e[36] !== C || e[37] !== j ? (N = /* @__PURE__ */ a(Be, { label: "Ordering", value: n.ordering.attributeId, options: o, valueSuffix: C, onSelect: c, onSuffixAction: j }), e[33] = c, e[34] = o, e[35] = n.ordering.attributeId, e[36] = C, e[37] = j, e[38] = N) : N = e[38];
+  const X = n.rowGrouping;
+  let B;
+  e[39] !== i || e[40] !== n.columnGrouping ? (B = Sn(i, n.columnGrouping), e[39] = i, e[40] = n.columnGrouping, e[41] = B) : B = e[41];
+  let E;
+  e[42] !== u || e[43] !== n.rowGrouping || e[44] !== B ? (E = /* @__PURE__ */ a(Be, { label: "Sub-grouping", value: X, options: B, onSelect: u }), e[42] = u, e[43] = n.rowGrouping, e[44] = B, e[45] = E) : E = e[45];
+  let M;
+  e[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ a(Ze, { children: "PROPERTIES" }), e[46] = M) : M = e[46];
+  let b;
+  if (e[47] !== r || e[48] !== f || e[49] !== n.displayProperties) {
+    let U;
+    e[51] !== f || e[52] !== n.displayProperties ? (U = (ne) => {
+      const ce = n.displayProperties.includes(ne.value);
+      return /* @__PURE__ */ a(Z, { size: "2xs", variant: "ghost", "aria-pressed": ce, onClick: () => f(ne.value), children: ne.label }, ne.value);
+    }, e[51] = f, e[52] = n.displayProperties, e[53] = U) : U = e[53], b = r.map(U), e[47] = r, e[48] = f, e[49] = n.displayProperties, e[50] = b;
+  } else
+    b = e[50];
+  let V;
+  e[54] !== b ? (V = /* @__PURE__ */ a(H, { paddingX: "xs", paddingBottom: "xs", flexWrap: "wrap", gap: "2xs", children: b }), e[54] = b, e[55] = V) : V = e[55];
+  let q;
+  e[56] !== R || e[57] !== T || e[58] !== N || e[59] !== E || e[60] !== V ? (q = /* @__PURE__ */ a(ft, { children: /* @__PURE__ */ a(le.Positioner, { children: /* @__PURE__ */ h(le.Content, { ref: g, width: "18.75rem", padding: "xs", gap: "1px", children: [
+    w,
+    R,
+    T,
+    N,
+    E,
+    M,
+    V
+  ] }) }) }), e[56] = R, e[57] = T, e[58] = N, e[59] = E, e[60] = V, e[61] = q) : q = e[61];
+  let te;
+  return e[62] !== p || e[63] !== q ? (te = /* @__PURE__ */ h(le.Root, { open: p, closeOnInteractOutside: !1, positioning: A, onOpenChange: I, children: [
+    _,
+    q
+  ] }), e[62] = p, e[63] = q, e[64] = te) : te = e[64], te;
+}, et = {
+  p: "2xs",
+  display: "flex",
+  flexDirection: "column",
+  gap: "1px"
+}, tt = (t, e) => t[e]?.filter(Boolean) ?? [], Cn = (t) => Object.values(t).some((e) => e.length > 0), Vn = (t, e) => {
+  const n = e.map((i) => t.options.find((o) => o.value === i)?.label ?? i);
+  return n.length <= 2 ? n.join(", ") : `${n.slice(0, 2).join(", ")} +${(n.length - 2).toString()}`;
+}, kn = (t) => {
+  const e = Y(8), {
+    category: n,
+    values: i
+  } = t;
+  let o;
+  e[0] !== n.label ? (o = /* @__PURE__ */ a(J, { textStyle: "label/S/regular", truncate: !0, children: n.label }), e[0] = n.label, e[1] = o) : o = e[1];
+  let r;
+  e[2] !== n || e[3] !== i ? (r = i.length > 0 ? /* @__PURE__ */ a(J, { textStyle: "label/XS", color: "fg.menu-item.secondary", truncate: !0, children: Vn(n, i) }) : null, e[2] = n, e[3] = i, e[4] = r) : r = e[4];
+  let l;
+  return e[5] !== o || e[6] !== r ? (l = /* @__PURE__ */ h(H, { minW: "0", width: "full", gap: "2xs", children: [
+    o,
+    r
+  ] }), e[5] = o, e[6] = r, e[7] = l) : l = e[7], l;
+}, An = (t) => {
+  const e = Y(8);
+  let n;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
+    tabIndex: -1,
+    "aria-hidden": !0
+  }, e[0] = n) : n = e[0];
+  let i;
+  e[1] !== t.checked ? (i = /* @__PURE__ */ a(qt, { checked: t.checked, readOnly: !0, "aria-readonly": "true", inputProps: n, pointerEvents: "none", size: "sm" }), e[1] = t.checked, e[2] = i) : i = e[2];
+  let o;
+  e[3] !== t.label ? (o = /* @__PURE__ */ a(J, { textStyle: "label/S/regular", truncate: !0, children: t.label }), e[3] = t.label, e[4] = o) : o = e[4];
+  let r;
+  return e[5] !== i || e[6] !== o ? (r = /* @__PURE__ */ h(H, { minW: "0", gap: "xs", children: [
+    i,
+    o
+  ] }), e[5] = i, e[6] = o, e[7] = r) : r = e[7], r;
+}, In = (t) => {
+  const e = Y(63), {
+    categories: n,
+    filters: i,
+    countsByCategory: o,
+    onToggleFilterValue: r,
+    onClearFilter: l,
+    onClearAll: s
+  } = t, u = Ge(null), c = Ge(null), [d, f] = xe(!1), [m, g] = xe(""), [p, y] = xe(n[0]?.id ?? "");
+  let v;
+  e[0] !== p || e[1] !== n ? (v = n.find((k) => k.id === p) ?? n[0], e[0] = p, e[1] = n, e[2] = v) : v = e[2];
+  const S = v;
+  let A;
+  e[3] !== i ? (A = Cn(i), e[3] = i, e[4] = A) : A = e[4];
+  const I = A, _ = m.trim().toLocaleLowerCase(), w = n.filter((k) => k.label.toLocaleLowerCase().includes(_));
+  let P, x;
+  e[5] !== d ? (P = () => {
+    if (!d)
+      return;
+    const k = (ie) => {
+      const Ee = ie.target;
+      Ee instanceof Node && (c.current?.contains(Ee) || u.current?.contains(Ee) || f(!1));
+    };
+    return document.addEventListener("pointerdown", k), () => document.removeEventListener("pointerdown", k);
+  }, x = [d], e[5] = d, e[6] = P, e[7] = x) : (P = e[6], x = e[7]), Ke(P, x);
+  const z = le, K = !1;
+  let $, O;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = {
+    placement: "bottom-end",
+    offset: {
+      mainAxis: 8
+    },
+    getAnchorElement: () => u.current
+  }, O = (k) => {
+    f(k.open), k.open || g("");
+  }, e[8] = $, e[9] = O) : ($ = e[8], O = e[9]);
+  const L = I ? "subtle" : "ghost";
+  let G;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ a(Q, { as: $t }), e[10] = G) : G = e[10];
+  let R;
+  e[11] !== I || e[12] !== L ? (R = /* @__PURE__ */ a(mt, { content: "Filter", children: /* @__PURE__ */ a(le.Trigger, { asChild: !0, children: /* @__PURE__ */ a(We, { ref: u, "aria-label": "Filter rows", "aria-pressed": I, variant: L, size: "2xs", children: G }) }) }), e[11] = I, e[12] = L, e[13] = R) : R = e[13];
+  const F = ft, T = le, C = le, j = "min(440px, calc(100vw - 32px))", N = "min(320px, calc(100vh - 32px))", X = "0", B = "0", E = "hidden";
+  let M;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ a(Q, { as: Lt, boxSize: "0.875rem", color: "fg.muted" }), e[14] = M) : M = e[14];
+  let b;
+  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = (k) => g(k.target.value), e[15] = b) : b = e[15];
+  let V;
+  e[16] !== m ? (V = /* @__PURE__ */ h(H, { height: "2.25rem", gap: "xs", paddingX: "sm", borderBottomWidth: "1px", borderColor: "border.subtle", children: [
+    M,
+    /* @__PURE__ */ a(gt, { "aria-label": "Filter properties", value: m, placeholder: "Filter by…", variant: "flushed", border: "0", height: "full", padding: "0", onChange: b })
+  ] }), e[16] = m, e[17] = V) : V = e[17];
+  const q = H, te = "stretch", U = "0", ne = "1", ce = "0", De = ze, vt = "filter-property-column", wt = "11.75rem", St = 0, xt = "1px", Ct = "border.subtle", Vt = "0", kt = "0";
+  let Ae;
+  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Ae = /* @__PURE__ */ a(J, { textStyle: "label/XS/medium", color: "fg.muted", children: "PROPERTY" }), e[18] = Ae) : Ae = e[18];
+  let fe;
+  e[19] !== s ? (fe = /* @__PURE__ */ h(H, { height: "2rem", paddingX: "sm", children: [
+    Ae,
+    /* @__PURE__ */ a(Z, { marginLeft: "auto", size: "2xs", variant: "ghost", onClick: s, children: "Clear all" })
+  ] }), e[19] = s, e[20] = fe) : fe = e[20];
+  const Pe = qe, At = "1", It = "0";
+  let ge;
+  e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ge = {
+    overscrollBehavior: "contain"
+  }, e[21] = ge) : ge = e[21];
+  const Fe = et;
+  let Ie;
+  e[22] !== S?.id || e[23] !== i ? (Ie = (k) => {
+    const ie = tt(i, k.id);
+    return /* @__PURE__ */ a(Je, { id: k.id, role: "button", variant: "compact", isSelected: S?.id === k.id, label: /* @__PURE__ */ a(kn, { category: k, values: ie }), endContent: ie.length > 0 ? /* @__PURE__ */ a(Rt, { variant: "number", colorPalette: "gray", children: ie.length }) : void 0, onActivate: () => y(k.id) }, k.id);
+  }, e[22] = S?.id, e[23] = i, e[24] = Ie) : Ie = e[24];
+  const Te = w.map(Ie);
+  let me;
+  e[25] !== Pe || e[26] !== ge || e[27] !== Fe || e[28] !== Te ? (me = /* @__PURE__ */ a(Pe, { flex: At, minH: It, viewportProps: ge, contentProps: Fe, children: Te }), e[25] = Pe, e[26] = ge, e[27] = Fe, e[28] = Te, e[29] = me) : me = e[29];
+  let pe;
+  e[30] !== De || e[31] !== fe || e[32] !== me ? (pe = /* @__PURE__ */ h(De, { "data-testid": vt, width: wt, flexShrink: St, borderRightWidth: xt, borderColor: Ct, gap: Vt, minH: kt, children: [
+    fe,
+    me
+  ] }), e[30] = De, e[31] = fe, e[32] = me, e[33] = pe) : pe = e[33];
+  let be;
+  e[34] !== S || e[35] !== o || e[36] !== i || e[37] !== l || e[38] !== r ? (be = S ? /* @__PURE__ */ h(je, { children: [
+    /* @__PURE__ */ h(H, { height: "2rem", paddingX: "sm", children: [
+      /* @__PURE__ */ a(J, { textStyle: "label/S/medium", truncate: !0, children: S.label }),
+      /* @__PURE__ */ a(Z, { marginLeft: "auto", size: "2xs", variant: "ghost", onClick: () => l(S.id), children: "Clear" })
+    ] }),
+    /* @__PURE__ */ a(qe, { flex: "1", minH: "0", viewportProps: {
+      overscrollBehavior: "contain"
+    }, contentProps: et, children: S.options.map((k) => {
+      const ie = tt(i, S.id).includes(k.value);
+      return /* @__PURE__ */ a(Je, { id: k.value, role: "checkbox", "aria-label": k.label, "aria-checked": ie, variant: "compact", label: /* @__PURE__ */ a(An, { checked: ie, label: k.label }), endContent: /* @__PURE__ */ a(J, { textStyle: "label/XS", color: "fg.muted", children: o[S.id]?.[k.value] ?? 0 }), onActivate: () => r(S.id, k.value) }, k.value);
+    }) })
+  ] }) : null, e[34] = S, e[35] = o, e[36] = i, e[37] = l, e[38] = r, e[39] = be) : be = e[39];
+  let he;
+  e[40] !== be ? (he = /* @__PURE__ */ a(ze, { flex: "1", minW: "0", minH: "0", gap: "0", children: be }), e[40] = be, e[41] = he) : he = e[41];
+  let ye;
+  e[42] !== q || e[43] !== pe || e[44] !== he ? (ye = /* @__PURE__ */ h(q, { alignItems: te, gap: U, flex: ne, minH: ce, children: [
+    pe,
+    he
+  ] }), e[42] = q, e[43] = pe, e[44] = he, e[45] = ye) : ye = e[45];
+  let ve;
+  e[46] !== C.Content || e[47] !== V || e[48] !== ye ? (ve = /* @__PURE__ */ h(C.Content, { ref: c, width: j, height: N, padding: X, gap: B, overflow: E, children: [
+    V,
+    ye
+  ] }), e[46] = C.Content, e[47] = V, e[48] = ye, e[49] = ve) : ve = e[49];
+  let we;
+  e[50] !== T.Positioner || e[51] !== ve ? (we = /* @__PURE__ */ a(T.Positioner, { children: ve }), e[50] = T.Positioner, e[51] = ve, e[52] = we) : we = e[52];
+  let Se;
+  e[53] !== F || e[54] !== we ? (Se = /* @__PURE__ */ a(F, { children: we }), e[53] = F, e[54] = we, e[55] = Se) : Se = e[55];
+  let Re;
+  return e[56] !== d || e[57] !== R || e[58] !== z.Root || e[59] !== Se || e[60] !== $ || e[61] !== O ? (Re = /* @__PURE__ */ h(z.Root, { open: d, closeOnInteractOutside: K, positioning: $, onOpenChange: O, children: [
+    R,
+    Se
+  ] }), e[56] = d, e[57] = R, e[58] = z.Root, e[59] = Se, e[60] = $, e[61] = O, e[62] = Re) : Re = e[62], Re;
+}, Rn = "Unassigned", nt = (t) => `No ${t.label.toLowerCase()}`, it = (t, e) => e ? e.type.kind === "enum" || e.type.kind === "enum-multi" ? Oe(e.type, t) : t : t === W ? "All" : t, rt = (t, e) => {
+  if (t !== void 0)
+    return e.type.kind !== "enum" && e.type.kind !== "enum-multi" || ee(e.type).some((n) => n.value === t) ? t : void 0;
+}, ot = (t, e, n) => {
+  if (n === W || !e) return "all";
+  if (e.type.kind === "enum-multi") {
+    const [o] = de(t, e);
+    return rt(o, e) ?? nt(e);
+  }
+  const [i] = de(t, e);
+  return rt(i, e) ?? nt(e);
+}, On = (t, e) => t.localeCompare(e, void 0, {
+  numeric: !0
+}), lt = (t, e, n) => {
+  if (n && (n.type.kind === "enum" || n.type.kind === "enum-multi")) {
+    const i = bt(t, e, n.type);
+    if (i !== 0) return i;
+  }
+  return On(t, e);
+}, st = (t, e) => e === "asc" ? t : t * -1, bt = (t, e, n) => {
+  if (n.kind !== "enum" && n.kind !== "enum-multi") return 0;
+  const i = ee(n), o = (r) => {
+    if (r === void 0) return i.length;
+    const l = i.findIndex((s) => s.value === r);
+    return l === -1 ? i.length + 1 : l;
+  };
+  return o(t) - o(e);
+}, _n = (t, e, n) => {
+  if (n.compare) return n.compare(ue(t, n), ue(e, n));
+  const i = ue(t, n), o = ue(e, n);
+  if (n.type.kind === "date") {
+    const s = typeof i == "string" ? new Date(i).getTime() : 0, u = typeof o == "string" ? new Date(o).getTime() : 0;
+    return s - u;
+  }
+  if (n.type.kind === "number") {
+    const s = typeof i == "number" ? i : Number(i ?? 0), u = typeof o == "number" ? o : Number(o ?? 0);
+    return s - u;
+  }
+  if (n.type.kind === "enum" || n.type.kind === "enum-multi") {
+    const [s] = de(t, n), [u] = de(e, n);
+    return bt(s, u, n.type);
+  }
+  const r = typeof i == "string" ? i : String(i ?? ""), l = typeof o == "string" ? o : String(o ?? "");
+  return r.localeCompare(l, void 0, {
+    numeric: !0
+  });
+}, Bi = (t, e, n) => {
+  if (e.attributeId === se) return t;
+  if (e.attributeId === "title")
+    return [...t].sort((o, r) => st(o.title.localeCompare(r.title), e.direction));
+  const i = ae(n, e.attributeId);
+  return i ? [...t].sort((o, r) => st(_n(o, r, i), e.direction)) : t;
+}, Mi = (t, e) => {
+  const {
+    attributes: n,
+    columnGrouping: i,
+    rowGrouping: o,
+    knownColumnKeys: r
+  } = e, l = ae(n, i), s = ae(n, o), u = /* @__PURE__ */ new Map();
+  if (r)
+    for (const d of r) u.set(d, []);
+  for (const d of t) {
+    const f = ot(d, l, i);
+    u.set(f, [...u.get(f) ?? [], d]);
+  }
+  return [...u.entries()].sort(([d], [f]) => lt(d, f, l)).map(([d, f]) => {
+    const m = it(d, l);
+    if (o === W)
+      return {
+        key: d,
+        label: m,
+        rows: f,
+        subgroups: []
+      };
+    const g = /* @__PURE__ */ new Map();
+    for (const y of f) {
+      const v = ot(y, s, o);
+      g.set(v, [...g.get(v) ?? [], y]);
+    }
+    const p = [...g.entries()].sort(([y], [v]) => lt(y, v, s)).map(([y, v]) => ({
+      key: y,
+      label: it(y, s) || ke(y || Rn),
+      rows: v
+    }));
+    return {
+      key: d,
+      label: m,
+      rows: f,
+      subgroups: p
+    };
+  });
+}, Gn = (t, e, n) => {
+  const i = de(t, e), o = He(e, n);
+  return i.some((r) => o.includes(r));
+}, zi = (t, e, n) => {
+  const i = Object.entries(e).filter((o) => Array.isArray(o[1]) && o[1].length > 0);
+  return i.length === 0 ? t : t.filter((o) => i.every(([r, l]) => {
+    const s = ae(n, r);
+    return s ? Gn(o, s, l) : !0;
+  }));
+}, Dn = (t, e, n) => {
+  const i = {}, o = ae(n, e);
+  if (!o) return i;
+  for (const r of t)
+    for (const l of de(r, o))
+      i[l] = (i[l] ?? 0) + 1;
+  return i;
+}, ht = (t) => ({
+  ...t,
+  ordering: {
+    ...t.ordering
+  },
+  displayProperties: [...t.displayProperties]
+}), yt = (t) => Object.fromEntries(Object.entries(t).map(([e, n]) => [e, [...n]])), _e = (t, e, n, i = !1) => ({
+  id: t,
+  title: e,
+  settings: ht(n.settings),
+  filters: yt(n.filters),
+  ...i ? {
+    isDefault: !0
+  } : {}
+}), Ce = (t) => ({
+  settings: ht(t.settings),
+  filters: yt(t.filters)
+}), at = (t) => ({
+  viewMode: t.viewMode,
+  columnGrouping: t.columnGrouping,
+  rowGrouping: t.rowGrouping,
+  ordering: t.ordering,
+  displayProperties: [...t.displayProperties].sort()
+}), ct = (t) => Object.fromEntries(Object.entries(t).filter(([, e]) => e.length > 0).sort(([e], [n]) => e.localeCompare(n)).map(([e, n]) => [e, [...n].sort()])), Pn = (t, e) => t ? JSON.stringify(at(t.settings)) !== JSON.stringify(at(e.settings)) || JSON.stringify(ct(t.filters)) !== JSON.stringify(ct(e.filters)) : !1, Fn = "pstdio/ui/kanban-renderer", Tn = (t) => `${Fn}/${t}`, Me = {
+  settings: nn,
+  filters: {},
+  expandedGroups: {}
+}, ut = (t) => {
+  const e = {
+    ...Me.settings,
+    ...t?.settings ?? {}
+  }, n = t?.filters ?? Me.filters, i = t?.views ?? [], o = i.length > 0 ? i : [_e("default", "All", {
+    settings: e,
+    filters: n
+  }, !0)], l = o.find((s) => s.id === t?.activeViewId) ?? o.find((s) => s.isDefault) ?? o[0];
+  return {
+    ...Ce(l),
+    expandedGroups: t?.expandedGroups ?? Me.expandedGroups,
+    views: o,
+    activeViewId: l.id
+  };
+}, En = (t, e) => t.includes(e) ? t.filter((n) => n !== e) : [...t, e], Ve = (t) => t.startsWith("tag:") ? t.slice(4) : t, $n = (t) => {
+  const e = t.ordering, n = typeof e?.attributeId == "string" ? e.attributeId : typeof e?.field == "string" ? Ve(e.field) : se, i = e?.direction === "desc" ? "desc" : "asc", o = typeof t.columnGrouping == "string" ? Ve(t.columnGrouping) : W, r = typeof t.rowGrouping == "string" ? Ve(t.rowGrouping) : W, l = Array.isArray(t.displayProperties) ? t.displayProperties.filter((s) => typeof s == "string").map(Ve) : [];
+  return {
+    viewMode: t.viewMode === "list" ? "list" : "board",
+    columnGrouping: o,
+    rowGrouping: r,
+    ordering: {
+      attributeId: n === "manual" ? se : n,
+      direction: i
+    },
+    displayProperties: l
+  };
+}, Ln = (t) => {
+  const e = {};
+  for (const [n, i] of Object.entries(t)) {
+    if (!Array.isArray(i)) continue;
+    const o = i.filter((r) => typeof r == "string");
+    o.length !== 0 && (e[Ve(n)] = o);
+  }
+  return e;
+}, Nn = (t) => {
+  const {
+    storageKey: e,
+    initialState: n
+  } = t, i = ut(n);
+  return en()(Qt((o) => ({
+    ...i,
+    setViewMode: (r) => o((l) => ({
+      ...l,
+      settings: {
+        ...l.settings,
+        viewMode: r
+      }
+    })),
+    setColumnGrouping: (r) => o((l) => ({
+      ...l,
+      settings: {
+        ...l.settings,
+        columnGrouping: r
+      }
+    })),
+    setRowGrouping: (r) => o((l) => ({
+      ...l,
+      settings: {
+        ...l.settings,
+        rowGrouping: r
+      }
+    })),
+    setOrdering: (r) => o((l) => ({
+      ...l,
+      settings: {
+        ...l.settings,
+        ordering: r
+      }
+    })),
+    setOrderingAttributeId: (r) => o((l) => ({
+      ...l,
+      settings: {
+        ...l.settings,
+        ordering: {
+          ...l.settings.ordering,
+          attributeId: r
+        }
+      }
+    })),
+    setDisplayProperties: (r) => o((l) => ({
+      ...l,
+      settings: {
+        ...l.settings,
+        displayProperties: r
+      }
+    })),
+    toggleSortDirection: () => o((r) => ({
+      ...r,
+      settings: {
+        ...r.settings,
+        ordering: {
+          ...r.settings.ordering,
+          direction: r.settings.ordering.direction === "asc" ? "desc" : "asc"
+        }
+      }
+    })),
+    toggleDisplayProperty: (r) => o((l) => {
+      const s = l.settings.displayProperties.includes(r) ? l.settings.displayProperties.filter((u) => u !== r) : [...l.settings.displayProperties, r];
+      return {
+        ...l,
+        settings: {
+          ...l.settings,
+          displayProperties: s
+        }
+      };
+    }),
+    setFilter: (r, l) => o((s) => ({
+      ...s,
+      filters: {
+        ...s.filters,
+        [r]: l
+      }
+    })),
+    toggleFilterValue: (r, l) => o((s) => {
+      const u = s.filters[r] ?? [], c = En(u, l), d = c.length === 0 ? Qe(s.filters, r) : {
+        ...s.filters,
+        [r]: c
+      };
+      return {
+        ...s,
+        filters: d
+      };
+    }),
+    clearFilter: (r) => o((l) => ({
+      ...l,
+      filters: Qe(l.filters, r)
+    })),
+    clearAllFilters: () => o((r) => ({
+      ...r,
+      filters: {}
+    })),
+    setExpandedGroup: (r, l) => o((s) => ({
+      ...s,
+      expandedGroups: {
+        ...s.expandedGroups,
+        [r]: l
+      }
+    })),
+    activateView: (r) => o((l) => {
+      const s = l.views.find((u) => u.id === r);
+      return s ? {
+        ...l,
+        ...Ce(s),
+        activeViewId: s.id,
+        expandedGroups: {}
+      } : l;
+    }),
+    createView: (r) => o((l) => {
+      const s = _e(r.id, r.title, l);
+      return {
+        ...l,
+        views: [...l.views, s],
+        activeViewId: s.id
+      };
+    }),
+    saveActiveView: () => o((r) => ({
+      ...r,
+      views: r.views.map((l) => l.id === r.activeViewId ? _e(l.id, l.title, r, l.isDefault) : l)
+    })),
+    resetActiveView: () => o((r) => {
+      const l = r.views.find((s) => s.id === r.activeViewId);
+      return l ? {
+        ...r,
+        ...Ce(l)
+      } : r;
+    }),
+    renameView: (r, l) => o((s) => ({
+      ...s,
+      views: s.views.map((u) => u.id === r ? {
+        ...u,
+        title: l
+      } : u)
+    })),
+    duplicateView: (r, l) => o((s) => {
+      const u = s.views.find((d) => d.id === r);
+      if (!u) return s;
+      const c = _e(l.id, l.title, u);
+      return {
+        ...s,
+        ...Ce(c),
+        views: [...s.views, c],
+        activeViewId: c.id,
+        expandedGroups: {}
+      };
+    }),
+    deleteView: (r) => o((l) => {
+      if (l.views.length === 1) return l;
+      const s = l.views.filter((c) => c.id !== r);
+      if (s.length === l.views.length || l.activeViewId !== r) return {
+        ...l,
+        views: s
+      };
+      const u = s.find((c) => c.isDefault) ?? s[0];
+      return {
+        ...l,
+        ...Ce(u),
+        views: s,
+        activeViewId: u.id,
+        expandedGroups: {}
+      };
+    }),
+    setDefaultView: (r) => o((l) => ({
+      ...l,
+      views: l.views.map((s) => ({
+        ...s,
+        isDefault: s.id === r || void 0
+      }))
+    })),
+    reset: () => o(i)
+  }), {
+    name: Tn(e),
+    version: 3,
+    migrate: (o, r) => {
+      if (!o || typeof o != "object") return o;
+      const l = o;
+      if (r >= 3)
+        return {
+          ...l,
+          expandedGroups: {}
+        };
+      const s = $n(l.settings ?? {}), u = Ln(l.filters ?? {});
+      return ut({
+        settings: s,
+        filters: u
+      });
+    },
+    storage: Zt(tn),
+    partialize: (o) => ({
+      settings: o.settings,
+      filters: o.filters,
+      views: o.views,
+      activeViewId: o.activeViewId
+    })
+  }));
+}, dt = /* @__PURE__ */ new Map(), Bn = (t, e) => {
+  const n = dt.get(t);
+  if (n) return n;
+  const i = Nn({
+    storageKey: t,
+    initialState: e
+  });
+  return dt.set(t, i), i;
+}, D = (t, e, n) => {
+  const i = Y(3);
+  let o;
+  return i[0] !== n || i[1] !== t ? (o = Bn(t, n), i[0] = n, i[1] = t, i[2] = o) : o = i[2], Yt(o, e);
+}, Mn = (t) => Pn(t.views.find((e) => e.id === t.activeViewId), t), zn = (t) => {
+  let e = t.length + 1;
+  for (; t.some((n) => n.id === `view-${e.toString()}`); ) e += 1;
+  return {
+    id: `view-${e.toString()}`,
+    title: `View ${e.toString()}`
+  };
+}, jn = (t, e) => {
+  const n = `${t.id}-copy`;
+  let i = 1, o = n;
+  for (; e.some((r) => r.id === o); )
+    i += 1, o = `${n}-${i.toString()}`;
+  return {
+    id: o,
+    title: `${t.title} copy`
+  };
+}, Wn = (t, e) => e.map((n) => t?.options.find((i) => i.value === n)?.label ?? n).join(", "), Kn = (t) => {
+  const e = Y(17), {
+    category: n,
+    values: i,
+    onRemove: o
+  } = t, r = n?.label ?? "Filter", l = i.length > 1 ? "is any of" : "is";
+  let s;
+  e[0] !== r || e[1] !== l ? (s = /* @__PURE__ */ h(J, { textStyle: "label/XS", color: "fg.muted", children: [
+    r,
+    " ",
+    l
+  ] }), e[0] = r, e[1] = l, e[2] = s) : s = e[2];
+  let u;
+  e[3] !== n || e[4] !== i ? (u = Wn(n, i), e[3] = n, e[4] = i, e[5] = u) : u = e[5];
+  let c;
+  e[6] !== u ? (c = /* @__PURE__ */ a(J, { textStyle: "label/XS/medium", maxW: "12rem", truncate: !0, children: u }), e[6] = u, e[7] = c) : c = e[7];
+  const d = `Remove ${r} filter`;
+  let f;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
+    color: "fg",
+    bg: "bg.hover"
+  }, e[8] = f) : f = e[8];
+  let m;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ a(Q, { as: Bt, boxSize: "0.75rem" }), e[9] = m) : m = e[9];
+  let g;
+  e[10] !== o || e[11] !== d ? (g = /* @__PURE__ */ a(Ot.button, { type: "button", "aria-label": d, display: "flex", alignItems: "center", justifyContent: "center", width: "1rem", height: "1rem", color: "fg.muted", borderRadius: "xs", _hover: f, onClick: o, children: m }), e[10] = o, e[11] = d, e[12] = g) : g = e[12];
+  let p;
+  return e[13] !== s || e[14] !== c || e[15] !== g ? (p = /* @__PURE__ */ h(H, { height: "filter-pill", gap: "2xs", paddingLeft: "xs", paddingRight: "2xs", borderWidth: "1px", borderColor: "border.subtle", borderRadius: "xs", bg: "bg.muted", flexShrink: 0, children: [
+    s,
+    c,
+    g
+  ] }), e[13] = s, e[14] = c, e[15] = g, e[16] = p) : p = e[16], p;
+}, Xn = (t) => {
+  const e = Y(28), {
+    open: n,
+    title: i,
+    onOpenChange: o,
+    onRename: r
+  } = t, [l, s] = xe(i);
+  let u;
+  e[0] !== o || e[1] !== r || e[2] !== l ? (u = (P) => {
+    P.preventDefault();
+    const x = l.trim();
+    x && (r(x), o(!1));
+  }, e[0] = o, e[1] = r, e[2] = l, e[3] = u) : u = e[3];
+  const c = u;
+  let d;
+  e[4] !== o ? (d = (P) => o(P.open), e[4] = o, e[5] = d) : d = e[5];
+  let f;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ a(oe.Backdrop, {}), e[6] = f) : f = e[6];
+  let m;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ a(oe.Header, { children: /* @__PURE__ */ a(oe.Title, { children: "Rename view" }) }), e[7] = m) : m = e[7];
+  let g;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = (P) => s(P.target.value), e[8] = g) : g = e[8];
+  let p;
+  e[9] !== l ? (p = /* @__PURE__ */ a(oe.Body, { children: /* @__PURE__ */ a(gt, { autoFocus: !0, "aria-label": "View name", value: l, onChange: g }) }), e[9] = l, e[10] = p) : p = e[10];
+  let y;
+  e[11] !== o ? (y = /* @__PURE__ */ a(Z, { variant: "ghost", onClick: () => o(!1), children: "Cancel" }), e[11] = o, e[12] = y) : y = e[12];
+  let v;
+  e[13] !== l ? (v = l.trim(), e[13] = l, e[14] = v) : v = e[14];
+  const S = !v;
+  let A;
+  e[15] !== S ? (A = /* @__PURE__ */ a(Z, { type: "submit", variant: "primary", disabled: S, children: "Rename" }), e[15] = S, e[16] = A) : A = e[16];
+  let I;
+  e[17] !== y || e[18] !== A ? (I = /* @__PURE__ */ h(oe.Footer, { children: [
+    y,
+    A
+  ] }), e[17] = y, e[18] = A, e[19] = I) : I = e[19];
+  let _;
+  e[20] !== c || e[21] !== I || e[22] !== p ? (_ = /* @__PURE__ */ a(oe.Positioner, { children: /* @__PURE__ */ a(oe.Content, { asChild: !0, children: /* @__PURE__ */ h("form", { onSubmit: c, children: [
+    m,
+    p,
+    I
+  ] }) }) }), e[20] = c, e[21] = I, e[22] = p, e[23] = _) : _ = e[23];
+  let w;
+  return e[24] !== n || e[25] !== d || e[26] !== _ ? (w = /* @__PURE__ */ h(oe.Root, { open: n, onOpenChange: d, children: [
+    f,
+    _
+  ] }), e[24] = n, e[25] = d, e[26] = _, e[27] = w) : w = e[27], w;
+}, Un = (t) => {
+  const e = Y(53), {
+    storageKey: n,
+    categories: i,
+    filters: o,
+    leading: r,
+    filterControl: l,
+    displayControl: s,
+    align: u
+  } = t, c = u === void 0 ? "split" : u, d = D(n, Hn), f = D(n, qn), m = D(n, Mn), g = D(n, Jn), p = D(n, Yn), y = D(n, Qn), v = D(n, Zn), S = D(n, ei), A = D(n, ti), I = D(n, ni), _ = D(n, ii), [w, P] = xe();
+  let x;
+  e[0] !== o ? (x = Object.entries(o).filter(ri), e[0] = o, e[1] = x) : x = e[1];
+  const z = x, K = m || z.length > 0;
+  let $;
+  e[2] !== _ || e[3] !== I || e[4] !== d ? ($ = (b) => [{
+    key: "rename",
+    label: "Rename",
+    icon: /* @__PURE__ */ a(Q, { as: Mt, boxSize: "0.875rem" }),
+    onClick: () => P(b)
+  }, {
+    key: "duplicate",
+    label: "Duplicate",
+    icon: /* @__PURE__ */ a(Q, { as: zt, boxSize: "0.875rem" }),
+    onClick: () => I(b.id, jn(b, d))
+  }, {
+    key: "delete",
+    label: "Delete view",
+    icon: /* @__PURE__ */ a(Q, { as: jt, boxSize: "0.875rem" }),
+    isDisabled: d.length === 1,
+    separatorBefore: !0,
+    onClick: () => _(b.id)
+  }], e[2] = _, e[3] = I, e[4] = d, e[5] = $) : $ = e[5];
+  const O = $;
+  let L;
+  e[6] !== g ? (L = (b) => g(b.value), e[6] = g, e[7] = L) : L = e[7];
+  let G;
+  if (e[8] !== O || e[9] !== f || e[10] !== m || e[11] !== d) {
+    let b;
+    e[13] !== O || e[14] !== f || e[15] !== m ? (b = (V) => /* @__PURE__ */ a(Jt, { actions: O(V), positioning: {
+      placement: "bottom-start"
+    }, children: /* @__PURE__ */ h($e.Trigger, { value: V.id, children: [
+      V.title,
+      m && V.id === f ? /* @__PURE__ */ a(Le, { "aria-label": "Unsaved view changes", width: "0.375rem", height: "0.375rem", borderRadius: "full", bg: "fg.warning" }) : null
+    ] }) }, V.id), e[13] = O, e[14] = f, e[15] = m, e[16] = b) : b = e[16], G = d.map(b), e[8] = O, e[9] = f, e[10] = m, e[11] = d, e[12] = G;
+  } else
+    G = e[12];
+  let R;
+  e[17] !== G ? (R = /* @__PURE__ */ a($e.List, { overflowX: "auto", overflowY: "hidden", children: G }), e[17] = G, e[18] = R) : R = e[18];
+  let F;
+  e[19] !== f || e[20] !== L || e[21] !== R ? (F = /* @__PURE__ */ a($e.Root, { value: f, size: "sm", variant: "subtle", minW: "0", overflow: "hidden", onValueChange: L, children: R }), e[19] = f, e[20] = L, e[21] = R, e[22] = F) : F = e[22];
+  let T;
+  e[23] !== p || e[24] !== d ? (T = () => p(zn(d)), e[23] = p, e[24] = d, e[25] = T) : T = e[25];
+  let C;
+  e[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ a(Q, { as: Wt }), e[26] = C) : C = e[26];
+  let j;
+  e[27] !== T ? (j = /* @__PURE__ */ a(We, { "aria-label": "New view", size: "2xs", variant: "ghost", onClick: T, children: C }), e[27] = T, e[28] = j) : j = e[28];
+  let N;
+  e[29] !== c ? (N = c === "split" ? /* @__PURE__ */ a(Le, { flex: "1" }) : null, e[29] = c, e[30] = N) : N = e[30];
+  let X;
+  e[31] !== s || e[32] !== l || e[33] !== r || e[34] !== N || e[35] !== F || e[36] !== j ? (X = /* @__PURE__ */ h(H, { height: "view-bar", minW: "0", gap: "2xs", paddingX: "xs", children: [
+    r,
+    F,
+    j,
+    N,
+    l,
+    s
+  ] }), e[31] = s, e[32] = l, e[33] = r, e[34] = N, e[35] = F, e[36] = j, e[37] = X) : X = e[37];
+  let B;
+  e[38] !== z || e[39] !== i || e[40] !== S || e[41] !== m || e[42] !== v || e[43] !== y || e[44] !== K ? (B = K ? /* @__PURE__ */ h(H, { height: "view-subheader", minW: "0", gap: "2xs", paddingX: "xs", borderTopWidth: "1px", borderColor: "border.subtle", children: [
+    /* @__PURE__ */ a(H, { minW: "0", gap: "2xs", overflowX: "auto", children: z.map((b) => {
+      const [V, q] = b;
+      return /* @__PURE__ */ a(Kn, { category: i.find((te) => te.id === V), values: q, onRemove: () => S(V) }, V);
+    }) }),
+    /* @__PURE__ */ a(Le, { flex: "1" }),
+    m ? /* @__PURE__ */ h(je, { children: [
+      /* @__PURE__ */ h(Z, { size: "2xs", variant: "outline", onClick: v, children: [
+        /* @__PURE__ */ a(Nt, {}),
+        "Reset"
+      ] }),
+      /* @__PURE__ */ a(Z, { size: "2xs", variant: "primary", onClick: y, children: "Save view" })
+    ] }) : null
+  ] }) : null, e[38] = z, e[39] = i, e[40] = S, e[41] = m, e[42] = v, e[43] = y, e[44] = K, e[45] = B) : B = e[45];
+  let E;
+  e[46] !== w || e[47] !== A ? (E = w ? /* @__PURE__ */ a(Xn, { open: !0, title: w.title, onOpenChange: (b) => !b && P(void 0), onRename: (b) => A(w.id, b) }, w.id) : null, e[46] = w, e[47] = A, e[48] = E) : E = e[48];
+  let M;
+  return e[49] !== X || e[50] !== B || e[51] !== E ? (M = /* @__PURE__ */ h(ze, { "data-testid": "kanban-renderer-header", gap: "0", flexShrink: 0, borderBottomWidth: "1px", borderColor: "border.subtle", children: [
+    X,
+    B,
+    E
+  ] }), e[49] = X, e[50] = B, e[51] = E, e[52] = M) : M = e[52], M;
+};
+function Hn(t) {
+  return t.views;
+}
+function qn(t) {
+  return t.activeViewId;
+}
+function Jn(t) {
+  return t.activateView;
+}
+function Yn(t) {
+  return t.createView;
+}
+function Qn(t) {
+  return t.saveActiveView;
+}
+function Zn(t) {
+  return t.resetActiveView;
+}
+function ei(t) {
+  return t.clearFilter;
+}
+function ti(t) {
+  return t.renameView;
+}
+function ni(t) {
+  return t.duplicateView;
+}
+function ii(t) {
+  return t.deleteView;
+}
+function ri(t) {
+  const [, e] = t;
+  return e.length > 0;
+}
+const oi = (t) => {
+  const e = [];
+  for (const n of t)
+    n.type.kind !== "enum" && n.type.kind !== "enum-multi" || Xe(n.type.options) && e.push(n.type.options);
+  return e;
+}, li = (t) => t.map((e) => e.type.kind !== "enum" && e.type.kind !== "enum-multi" || !Xe(e.type.options) ? e : {
+  ...e,
+  type: {
+    ...e.type,
+    options: e.type.options.getSnapshot()
+  }
+}), si = (t) => {
+  const e = Y(7), [, n] = Ut(ai, 0);
+  let i;
+  e[0] !== t || e[1] !== n ? (i = () => {
+    const l = oi(t);
+    if (l.length === 0)
+      return;
+    const s = () => n(), u = l.map((c) => c.subscribe(s));
+    return () => {
+      for (const c of u)
+        c();
+    };
+  }, e[0] = t, e[1] = n, e[2] = i) : i = e[2];
+  let o;
+  e[3] !== t ? (o = [t], e[3] = t, e[4] = o) : o = e[4], Ke(i, o);
+  let r;
+  return e[5] !== t ? (r = li(t), e[5] = t, e[6] = r) : r = e[6], r;
+};
+function ai(t) {
+  return t + 1;
+}
+const ji = (t) => {
+  const e = Y(42), {
+    rows: n,
+    storageKey: i,
+    attributes: o,
+    defaultSettings: r,
+    defaultFilters: l,
+    defaultViews: s,
+    defaultActiveViewId: u,
+    leading: c,
+    displayControl: d,
+    align: f
+  } = t, m = f === void 0 ? "split" : f, g = si(o);
+  let p;
+  e[0] !== g ? (p = yn(g), e[0] = g, e[1] = p) : p = e[1];
+  const y = p;
+  let v;
+  e[2] !== g ? (v = vn(g), e[2] = g, e[3] = v) : v = e[3];
+  const S = v;
+  let A;
+  e[4] !== g ? (A = wn(g), e[4] = g, e[5] = A) : A = e[5];
+  const I = A;
+  let _;
+  e[6] !== u || e[7] !== l || e[8] !== r || e[9] !== s ? (_ = {
+    settings: r,
+    filters: l,
+    views: s,
+    activeViewId: u
+  }, e[6] = u, e[7] = l, e[8] = r, e[9] = s, e[10] = _) : _ = e[10];
+  const w = _, P = D(i, ci, w), x = D(i, ui, w), z = D(i, di, w), K = D(i, fi, w), $ = D(i, gi, w), O = D(i, mi, w), L = D(i, pi, w), G = D(i, bi, w), R = D(i, hi, w), F = D(i, yi, w), T = D(i, vi, w);
+  let C, j;
+  e[11] !== g || e[12] !== n ? (C = hn(g, n), j = Object.fromEntries(C.map((V) => [V.id, Dn(n, V.id, g)])), e[11] = g, e[12] = n, e[13] = C, e[14] = j) : (C = e[13], j = e[14]);
+  const N = j;
+  let X;
+  e[15] !== C || e[16] !== T || e[17] !== F || e[18] !== N || e[19] !== x || e[20] !== R ? (X = /* @__PURE__ */ a(In, { categories: C, filters: x, countsByCategory: N, onToggleFilterValue: R, onClearFilter: F, onClearAll: T }), e[15] = C, e[16] = T, e[17] = F, e[18] = N, e[19] = x, e[20] = R, e[21] = X) : X = e[21];
+  const B = X;
+  let E;
+  e[22] !== d || e[23] !== I || e[24] !== y || e[25] !== S || e[26] !== K || e[27] !== O || e[28] !== $ || e[29] !== z || e[30] !== P || e[31] !== G || e[32] !== L ? (E = d === void 0 ? /* @__PURE__ */ a(xn, { settings: P, groupingOptions: y, orderingOptions: S, displayPropertyOptions: I, onViewModeChange: z, onColumnGroupingChange: K, onRowGroupingChange: $, onOrderingAttributeIdChange: O, onSortDirectionToggle: L, onDisplayPropertyToggle: G }) : d, e[22] = d, e[23] = I, e[24] = y, e[25] = S, e[26] = K, e[27] = O, e[28] = $, e[29] = z, e[30] = P, e[31] = G, e[32] = L, e[33] = E) : E = e[33];
+  const M = E;
+  let b;
+  return e[34] !== m || e[35] !== C || e[36] !== B || e[37] !== x || e[38] !== c || e[39] !== M || e[40] !== i ? (b = /* @__PURE__ */ a(Un, { storageKey: i, categories: C, filters: x, leading: c, filterControl: B, displayControl: M, align: m }), e[34] = m, e[35] = C, e[36] = B, e[37] = x, e[38] = c, e[39] = M, e[40] = i, e[41] = b) : b = e[41], b;
+};
+function ci(t) {
+  return t.settings;
+}
+function ui(t) {
+  return t.filters;
+}
+function di(t) {
+  return t.setViewMode;
+}
+function fi(t) {
+  return t.setColumnGrouping;
+}
+function gi(t) {
+  return t.setRowGrouping;
+}
+function mi(t) {
+  return t.setOrderingAttributeId;
+}
+function pi(t) {
+  return t.toggleSortDirection;
+}
+function bi(t) {
+  return t.toggleDisplayProperty;
+}
+function hi(t) {
+  return t.toggleFilterValue;
+}
+function yi(t) {
+  return t.clearFilter;
+}
+function vi(t) {
+  return t.clearAllFilters;
+}
+export {
+  xn as D,
+  In as F,
+  ji as K,
+  se as M,
+  W as N,
+  Fi as a,
+  Ue as b,
+  Ti as c,
+  D as d,
+  zi as e,
+  ae as f,
+  ee as g,
+  $i as h,
+  Mi as i,
+  wn as j,
+  hn as k,
+  yn as l,
+  vn as m,
+  de as n,
+  Bi as o,
+  ue as p,
+  Mn as q,
+  Ei as r,
+  Pi as s,
+  Xe as t,
+  si as u,
+  bn as v,
+  li as w,
+  Ni as x,
+  Li as y
+};
+//# sourceMappingURL=kanban-renderer-toolbar-Db1mIWWd.js.map