@khaos-systems/helm 0.1.13 → 0.2.0

package/dist/experimental.js

@@ -0,0 +1,2561 @@
+import { c as V, j as t, _ as Ye, M as A, U as ve, X as P, G as K, H as B, S as Je, L as Xe, Z as X, V as he, y as Ze, Q as et, K as tt, z as st, N as nt, O as it, J as rt, B as lt, x as Ee, w as $, $ as Ie, a0 as Ve, I as ee, Y as te } from "./MtAvatar-03YpvbOy.js";
+import * as Z from "react";
+import v, { createContext as ot, useContext as at, useState as W, useEffect as be } from "react";
+import { flushSync as ct } from "react-dom";
+const ut = [
+  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
+  ["path", { d: "M19 12H5", key: "x3x0zl" }]
+], dt = V("arrow-left", ut);
+const ht = [
+  [
+    "path",
+    {
+      d: "M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z",
+      key: "oz39mx"
+    }
+  ]
+], me = V("bookmark", ht);
+const mt = [
+  ["path", { d: "M12 20v-9", key: "1qisl0" }],
+  ["path", { d: "M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z", key: "uouzyp" }],
+  ["path", { d: "M14.12 3.88 16 2", key: "qol33r" }],
+  ["path", { d: "M21 21a4 4 0 0 0-3.81-4", key: "1b0z45" }],
+  ["path", { d: "M21 5a4 4 0 0 1-3.55 3.97", key: "5cxbf6" }],
+  ["path", { d: "M22 13h-4", key: "1jl80f" }],
+  ["path", { d: "M3 21a4 4 0 0 1 3.81-4", key: "1fjd4g" }],
+  ["path", { d: "M3 5a4 4 0 0 0 3.55 3.97", key: "1d7oge" }],
+  ["path", { d: "M6 13H2", key: "82j7cp" }],
+  ["path", { d: "m8 2 1.88 1.88", key: "fmnt4t" }],
+  ["path", { d: "M9 7.13V6a3 3 0 1 1 6 0v1.13", key: "1vgav8" }]
+], fe = V("bug", mt);
+const ft = [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }],
+  ["path", { d: "M8 14h.01", key: "6423bh" }],
+  ["path", { d: "M12 14h.01", key: "1etili" }],
+  ["path", { d: "M16 14h.01", key: "1gbofw" }],
+  ["path", { d: "M8 18h.01", key: "lrp35t" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }],
+  ["path", { d: "M16 18h.01", key: "kzsmim" }]
+], gt = V("calendar-days", ft);
+const pt = [
+  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+], xt = V("circle-check-big", pt);
+const yt = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], ue = V("circle", yt);
+const vt = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }],
+  ["path", { d: "M15 3v18", key: "14nvp0" }]
+], se = V("columns-3", vt);
+const bt = [
+  ["path", { d: "M12 8v8", key: "napkw2" }],
+  [
+    "path",
+    {
+      d: "M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41L13.7 2.71a2.41 2.41 0 0 0-3.41 0z",
+      key: "1ey20j"
+    }
+  ],
+  ["path", { d: "M8 12h8", key: "1wcyev" }]
+], jt = V("diamond-plus", bt);
+const St = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+], ge = V("file-text", St);
+const wt = [
+  [
+    "path",
+    {
+      d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
+      key: "zw3jo"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
+      key: "1wduqc"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
+      key: "kqbvx6"
+    }
+  ]
+], ne = V("layers", wt);
+const kt = [
+  ["rect", { width: "7", height: "7", x: "3", y: "3", rx: "1", key: "1g98yp" }],
+  ["rect", { width: "7", height: "7", x: "14", y: "3", rx: "1", key: "6d4xhi" }],
+  ["rect", { width: "7", height: "7", x: "14", y: "14", rx: "1", key: "nxv5o0" }],
+  ["rect", { width: "7", height: "7", x: "3", y: "14", rx: "1", key: "1bb6yr" }]
+], Ct = V("layout-grid", kt);
+const Mt = [
+  ["path", { d: "M13 5h8", key: "a7qcls" }],
+  ["path", { d: "M13 12h8", key: "h98zly" }],
+  ["path", { d: "M13 19h8", key: "c3s6r1" }],
+  ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
+  ["rect", { x: "3", y: "4", width: "6", height: "6", rx: "1", key: "cif1o7" }]
+], pe = V("list-todo", Mt);
+const Nt = [
+  ["path", { d: "M3 5h.01", key: "18ugdj" }],
+  ["path", { d: "M3 12h.01", key: "nlz23k" }],
+  ["path", { d: "M3 19h.01", key: "noohij" }],
+  ["path", { d: "M8 5h13", key: "1pao27" }],
+  ["path", { d: "M8 12h13", key: "1za7za" }],
+  ["path", { d: "M8 19h13", key: "m83p4d" }]
+], Et = V("list", Nt);
+const It = [
+  [
+    "path",
+    {
+      d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",
+      key: "1miecu"
+    }
+  ]
+], Vt = V("paperclip", It);
+const At = [
+  [
+    "path",
+    {
+      d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
+      key: "1i5ecw"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], Dt = V("settings", At);
+const zt = [
+  ["circle", { cx: "18", cy: "5", r: "3", key: "gq8acd" }],
+  ["circle", { cx: "6", cy: "12", r: "3", key: "w7nqdw" }],
+  ["circle", { cx: "18", cy: "19", r: "3", key: "1xt0gg" }],
+  ["line", { x1: "8.59", x2: "15.42", y1: "13.51", y2: "17.49", key: "47mynk" }],
+  ["line", { x1: "15.41", x2: "8.59", y1: "6.51", y2: "10.49", key: "1n3mei" }]
+], _t = V("share-2", zt);
+const Ft = [
+  [
+    "path",
+    {
+      d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
+      key: "1s2grr"
+    }
+  ],
+  ["path", { d: "M20 2v4", key: "1rf3ol" }],
+  ["path", { d: "M22 4h-4", key: "gwowj6" }],
+  ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
+], xe = V("sparkles", Ft);
+const Ot = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M8 7v7", key: "1x2jlm" }],
+  ["path", { d: "M12 7v4", key: "xawao1" }],
+  ["path", { d: "M16 7v9", key: "1hp2iy" }]
+], Tt = V("square-kanban", Ot);
+const Rt = [
+  [
+    "path",
+    {
+      d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
+      key: "r04s7s"
+    }
+  ]
+], Lt = V("star", Rt);
+const Pt = [
+  [
+    "path",
+    {
+      d: "M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18",
+      key: "gugj83"
+    }
+  ]
+], Bt = V("table-2", Pt);
+const qt = [
+  ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
+  ["path", { d: "M16 3.128a4 4 0 0 1 0 7.744", key: "16gr8j" }],
+  ["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87", key: "kshegd" }],
+  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
+], $t = V("users", qt), Ae = ot(null);
+function Q() {
+  const e = at(Ae);
+  if (!e) throw new Error("useMtCollection must be used inside MtCollection");
+  return e;
+}
+function Wt(e) {
+  const i = String(e ?? "").toLowerCase();
+  return i.includes("list") ? "list" : i.includes("table") ? "table" : i.includes("grid") ? "grid" : i.includes("board") || i.includes("kanban") ? "board" : i.includes("gantt") || i.includes("timeline") ? "calendar" : "circle";
+}
+function Gt(e, i, s = 16) {
+  const n = { size: s }, r = e ?? Wt(i);
+  return {
+    circle: /* @__PURE__ */ t.jsx(ue, { ...n }),
+    list: /* @__PURE__ */ t.jsx(Et, { ...n }),
+    table: /* @__PURE__ */ t.jsx(Bt, { ...n }),
+    grid: /* @__PURE__ */ t.jsx(Ct, { ...n }),
+    board: /* @__PURE__ */ t.jsx(Tt, { ...n }),
+    columns: /* @__PURE__ */ t.jsx(se, { ...n }),
+    calendar: /* @__PURE__ */ t.jsx(gt, { ...n }),
+    star: /* @__PURE__ */ t.jsx(Lt, { ...n })
+  }[r] ?? /* @__PURE__ */ t.jsx(ue, { ...n });
+}
+function je({
+  iconId: e,
+  layoutName: i,
+  size: s = 16
+}) {
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: Gt(e, i, s) });
+}
+function Ht() {
+  const {
+    views: e,
+    currentView: i,
+    setCurrentView: s,
+    entries: n,
+    addView: r,
+    deleteView: l,
+    openViewSettings: a,
+    hasCurrentViewUnsavedChanges: o,
+    saveCurrentViewAsDefault: u,
+    revertCurrentViewToDefault: m
+  } = Q(), [f, x] = v.useState(!1), [d, y] = v.useState(!1), [C, b] = v.useState(e[0]?.layout?.name ?? ""), N = v.useRef(null), j = v.useRef(e.length + 1), M = v.useMemo(() => {
+    const g = /* @__PURE__ */ new Set(), h = [];
+    return e.forEach((k) => {
+      const I = k.layout?.name ?? "Layout";
+      g.has(I) || (g.add(I), h.push({
+        id: I,
+        name: I,
+        templateView: k
+      }));
+    }), h;
+  }, [e]), c = i?.layout.ToolbarActions, S = Q(), w = () => {
+    S.setShowViewSettings(!S.showViewSettings);
+  }, E = (i?.settings ?? {}).quickFilters ?? {}, z = (g) => {
+    if (!g || typeof g != "object")
+      return "";
+    const h = g.status;
+    return typeof h == "string" || typeof h == "number" ? String(h) : "";
+  }, q = (g) => {
+    if (!g || typeof g != "object")
+      return "";
+    const h = g.assignee;
+    if (typeof h == "string" || typeof h == "number")
+      return String(h);
+    if (h && typeof h == "object" && "name" in h) {
+      const k = h.name;
+      if (typeof k == "string")
+        return k;
+    }
+    return "";
+  }, F = (g) => {
+    i && s({
+      ...i,
+      settings: {
+        ...i.settings ?? {},
+        quickFilters: {
+          ...E,
+          ...g
+        }
+      }
+    });
+  }, R = Array.from(new Set(n.map((g) => z(g)).filter(Boolean))).sort(), H = Array.from(new Set(n.map((g) => q(g)).filter(Boolean))).sort(), _ = (E.status?.length ?? 0) > 0, J = (E.assignee?.length ?? 0) > 0;
+  v.useEffect(() => {
+    (!C || !M.some((g) => g.id === C)) && b(M[0]?.id ?? "");
+  }, [C, M]);
+  const oe = (g) => {
+    const k = M.find((ce) => ce.id === g)?.templateView ?? i ?? e[0];
+    if (!k)
+      return;
+    const I = k.layout?.name ?? "View", O = e.filter((ce) => ce.name.startsWith(I)).length, Qe = O > 0 ? `${I} ${O + 1}` : I;
+    r({
+      id: `view-${j.current++}`,
+      name: Qe,
+      icon: k.icon,
+      layout: k.layout,
+      groupBy: null,
+      settings: {},
+      renderEntry: k.renderEntry
+    }), y(!1);
+  };
+  v.useEffect(() => {
+    f && N.current?.focus();
+  }, [f]);
+  const ae = (g) => {
+    const h = e.find((O) => O.id === g);
+    if (!h)
+      return;
+    const k = e.filter((O) => O.name.startsWith(h.name)).length, I = k > 0 ? `${h.name} ${k + 1}` : `${h.name} copy`;
+    r({
+      ...h,
+      id: `view-${j.current++}`,
+      name: I
+    });
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center border-b border-[#2A2A2A] h-11 px-4", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1.5", children: [
+      e.length > 1 && e.map((g) => /* @__PURE__ */ t.jsx(
+        Ye,
+        {
+          getContextMenuItems: () => [
+            {
+              label: "Rename",
+              onSelect: () => {
+                s(g), a("root", { focusViewNameEditor: !0 });
+              }
+            },
+            {
+              label: "Edit view",
+              onSelect: () => {
+                s(g), a("root");
+              }
+            },
+            { label: "", separator: !0 },
+            {
+              label: "Delete view",
+              disabled: e.length <= 1,
+              onSelect: () => {
+                l(g.id);
+              }
+            },
+            {
+              label: "Duplicate view",
+              onSelect: () => ae(g.id)
+            },
+            {
+              label: "Copy link to view",
+              disabled: !0
+            }
+          ],
+          children: ({ openMenu: h }) => /* @__PURE__ */ t.jsxs(
+            A,
+            {
+              variant: "ghost",
+              selected: g.id === i?.id,
+              className: "h-auto min-h-0 items-center gap-2 border border-transparent px-2 py-1 text-sm text-text-muted hover:text-text-primary data-[selected]:border-[#8D8D8D] data-[selected]:text-text-primary",
+              onClick: (k) => {
+                if (g.id === i?.id) {
+                  h(k);
+                  return;
+                }
+                s(g);
+              },
+              onContextMenu: (k) => {
+                s(g), h(k);
+              },
+              children: [
+                /* @__PURE__ */ t.jsx(je, { iconId: g.icon, layoutName: g.layout?.name }),
+                /* @__PURE__ */ t.jsx("span", { children: g.name })
+              ]
+            }
+          )
+        },
+        g.id
+      )),
+      /* @__PURE__ */ t.jsx("div", { className: "border-r border-[#2A2A2A] h-6" }),
+      /* @__PURE__ */ t.jsx(
+        ve,
+        {
+          open: d,
+          onOpenChange: y,
+          content: /* @__PURE__ */ t.jsxs("div", { className: "w-80 flex flex-col gap-2", children: [
+            /* @__PURE__ */ t.jsx("div", { className: "text-sm text-text-primary", children: "Add view" }),
+            /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-2", children: M.map((g) => /* @__PURE__ */ t.jsx(
+              A,
+              {
+                variant: "ghost",
+                selected: C === g.id,
+                onClick: () => {
+                  b(g.id), oe(g.id);
+                },
+                className: "h-auto min-h-0 w-full justify-start rounded border border-[#2A2A2A] px-2 py-2 text-left transition-colors data-[selected]:border-[#8D8D8D] data-[selected]:bg-surface-popover hover:bg-surface-popover",
+                children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ t.jsx("div", { className: "w-9 h-9 rounded border border-[#2A2A2A] bg-[#1A1A1A] flex items-center justify-center text-xs text-text-primary", children: g.templateView.icon ? /* @__PURE__ */ t.jsx(
+                    je,
+                    {
+                      iconId: g.templateView.icon,
+                      layoutName: g.templateView.layout?.name
+                    }
+                  ) : /* @__PURE__ */ t.jsx(ue, { size: 16 }) }),
+                  /* @__PURE__ */ t.jsxs("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ t.jsx("div", { className: "text-sm text-text-primary truncate", children: g.name }),
+                    /* @__PURE__ */ t.jsx("div", { className: "text-xs text-text-muted truncate", children: "Create from layout" })
+                  ] })
+                ] })
+              },
+              g.id
+            )) })
+          ] }),
+          children: /* @__PURE__ */ t.jsx(ve.Trigger, { children: /* @__PURE__ */ t.jsx(A, { kind: "icon", variant: "ghost", children: /* @__PURE__ */ t.jsx(jt, { size: 16, stroke: "#8D8D8D" }) }) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: "flex-1" }),
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1.5", children: [
+      o ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ t.jsx(A, { variant: "accent", onClick: u, children: "Save view" }),
+          /* @__PURE__ */ t.jsx(A, { kind: "icon", variant: "ghost", onClick: m, children: /* @__PURE__ */ t.jsx(P, { size: 14, stroke: "#8D8D8D" }) })
+        ] }),
+        /* @__PURE__ */ t.jsx("div", { className: "border-r border-[#2A2A2A] h-6" })
+      ] }) : null,
+      c ? /* @__PURE__ */ t.jsx(c, {}) : null,
+      /* @__PURE__ */ t.jsx("div", { className: "border-r border-[#2A2A2A] h-6" }),
+      /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ t.jsx(
+          K,
+          {
+            title: /* @__PURE__ */ t.jsx(xt, { size: 16, stroke: "#8D8D8D" }),
+            kind: "icon",
+            variant: _ ? "accent" : "ghost",
+            showCaret: !1,
+            children: /* @__PURE__ */ t.jsxs("div", { className: "w-44 p-1", children: [
+              /* @__PURE__ */ t.jsx(B, { onSelect: () => F({ status: [] }), children: "All statuses" }),
+              R.map((g) => /* @__PURE__ */ t.jsx(
+                B,
+                {
+                  onSelect: () => {
+                    const h = E.status ?? [], k = h.includes(g) ? h.filter((I) => I !== g) : [...h, g];
+                    F({ status: k });
+                  },
+                  children: g
+                },
+                g
+              ))
+            ] })
+          }
+        ),
+        _ ? /* @__PURE__ */ t.jsx(A, { kind: "icon", variant: "ghost", onClick: () => F({ status: [] }), children: /* @__PURE__ */ t.jsx(P, { size: 14, stroke: "#8D8D8D" }) }) : null
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ t.jsx(
+          K,
+          {
+            title: /* @__PURE__ */ t.jsx($t, { size: 16, stroke: "#8D8D8D" }),
+            kind: "icon",
+            variant: J ? "accent" : "ghost",
+            showCaret: !1,
+            children: /* @__PURE__ */ t.jsxs("div", { className: "w-44 p-1", children: [
+              /* @__PURE__ */ t.jsx(B, { onSelect: () => F({ assignee: [] }), children: "All assignees" }),
+              H.map((g) => /* @__PURE__ */ t.jsx(
+                B,
+                {
+                  onSelect: () => {
+                    const h = E.assignee ?? [], k = h.includes(g) ? h.filter((I) => I !== g) : [...h, g];
+                    F({ assignee: k });
+                  },
+                  children: g
+                },
+                g
+              ))
+            ] })
+          }
+        ),
+        J ? /* @__PURE__ */ t.jsx(A, { kind: "icon", variant: "ghost", onClick: () => F({ assignee: [] }), children: /* @__PURE__ */ t.jsx(P, { size: 14, stroke: "#8D8D8D" }) }) : null
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ t.jsx(A, { kind: "icon", variant: "ghost", onClick: () => x((g) => !g), children: /* @__PURE__ */ t.jsx(Je, { size: 16, stroke: "#8D8D8D" }) }),
+        f ? /* @__PURE__ */ t.jsx(
+          "input",
+          {
+            ref: N,
+            value: E.search ?? "",
+            onChange: (g) => F({ search: g.target.value }),
+            onKeyDown: (g) => {
+              g.key === "Escape" && x(!1);
+            },
+            placeholder: "Search entries...",
+            className: "w-56 rounded border border-[#2A2A2A] bg-transparent px-2 py-1 text-sm outline-none transition-all"
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ t.jsx("div", { className: "border-r border-[#2A2A2A] h-6" }),
+      /* @__PURE__ */ t.jsx(A, { kind: "icon", variant: "ghost", onClick: w, children: /* @__PURE__ */ t.jsx(Dt, { size: 16, stroke: "#8D8D8D" }) }),
+      /* @__PURE__ */ t.jsx(A, { onClick: () => {
+      }, variant: "accent", children: "+ Add" })
+    ] })
+  ] });
+}
+function Ut({ value: e, cases: i }) {
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: i[e] ?? null });
+}
+const De = v.createContext(null);
+function ze(e) {
+  if (!v.isValidElement(e))
+    return !1;
+  const i = e.props;
+  return typeof i.id == "string" && typeof i.title == "string";
+}
+function L({ children: e }) {
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: e });
+}
+function Kt(e) {
+  const i = {};
+  return v.Children.forEach(e, (s) => {
+    if (!ze(s)) return;
+    const n = s.props;
+    i[n.id] = s;
+  }), i;
+}
+function _e({ children: e, initialPageId: i = "root", onClose: s }) {
+  const n = v.useMemo(() => Kt(e), [e]), [r, l] = v.useState([i]);
+  v.useEffect(() => {
+    l([i]);
+  }, [i]);
+  const a = r[r.length - 1] ?? i, o = n[a], u = o?.props?.title ?? "View Settings", m = v.useCallback(
+    (d) => {
+      n[d] && l((y) => [...y, d]);
+    },
+    [n]
+  ), f = v.useCallback(() => {
+    l((d) => d.length > 1 ? d.slice(0, -1) : d);
+  }, []), x = r.length > 1;
+  return /* @__PURE__ */ t.jsx(De.Provider, { value: { openPage: m, goBack: f }, children: /* @__PURE__ */ t.jsxs(X, { children: [
+    /* @__PURE__ */ t.jsxs(
+      X,
+      {
+        row: !0,
+        justify: "between",
+        className: `p-2 pr-3 gap-2 border-b text-text-primary border-[#2A2A2A] ${x ? "" : "pl-3"}`,
+        children: [
+          /* @__PURE__ */ t.jsxs(X, { row: !0, className: "text-text-primary", gap: 2, children: [
+            x ? /* @__PURE__ */ t.jsx(A, { kind: "icon", variant: "ghost", onClick: f, children: /* @__PURE__ */ t.jsx(dt, { size: 16, stroke: "#8D8D8D" }) }) : null,
+            /* @__PURE__ */ t.jsx("span", { className: "text-sm text-text-primary", children: u })
+          ] }),
+          /* @__PURE__ */ t.jsx(A, { kind: "icon", variant: "ghost", onClick: s, children: /* @__PURE__ */ t.jsx(P, { size: 16, stroke: "#8D8D8D" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t.jsx(Ut, { value: a, cases: { [a]: o } })
+  ] }) });
+}
+function T({ title: e, children: i }) {
+  return /* @__PURE__ */ t.jsxs(X, { gap: 1, className: "py-2 border-b border-border-default", children: [
+    e && /* @__PURE__ */ t.jsx("small", { className: "px-2", children: e }),
+    i
+  ] });
+}
+function D({
+  icon: e,
+  label: i,
+  trailing: s,
+  onClick: n,
+  disabled: r,
+  active: l,
+  submenu: a
+}) {
+  const o = v.useContext(De);
+  return /* @__PURE__ */ t.jsxs(
+    A,
+    {
+      variant: "ghost",
+      className: "flex row items-center justify-between w-full",
+      onClick: () => {
+        n?.(), a && o?.openPage(a);
+      },
+      disabled: r,
+      selected: l,
+      children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "flex flex-row items-center gap-3", children: [
+          e,
+          i
+        ] }),
+        s ? /* @__PURE__ */ t.jsx("div", { className: "flex flex-row items-center gap-3 text-text-muted", children: s }) : null
+      ]
+    }
+  );
+}
+function Qt() {
+  const e = Q(), i = e?.properties ?? [], s = e?.currentView ?? null, n = v.useRef(null), r = i.map((d) => d.id), l = s?.settings?.visiblePropertyIds ?? r, a = s?.layout.SettingsMenu;
+  v.useEffect(() => {
+    e?.focusViewNameEditor && (n.current?.focus(), n.current?.select());
+  }, [e?.focusViewNameEditor]);
+  const o = (d) => {
+    !e || !s || e.setCurrentView({
+      ...s,
+      settings: {
+        ...s.settings ?? {},
+        ...d
+      }
+    });
+  }, u = s && e && a ? a({
+    currentView: s,
+    properties: i,
+    viewSettings: {
+      ...s.settings ?? {},
+      visiblePropertyIds: l
+    },
+    setViewSettings: (d) => o(d),
+    setCurrentView: e.setCurrentView
+  }) : null, m = [], f = [], x = (d) => {
+    v.Children.forEach(d, (y) => {
+      if (ze(y)) {
+        f.push(y);
+        return;
+      }
+      if (v.isValidElement(y)) {
+        if (y.type === v.Fragment) {
+          x(y.props.children);
+          return;
+        }
+        m.push(y);
+      }
+    });
+  };
+  return u && x(u), /* @__PURE__ */ t.jsxs(
+    _e,
+    {
+      initialPageId: e?.viewSettingsPageId ?? "root",
+      onClose: () => {
+        e?.setShowViewSettings(!1), e?.setViewSettingsPageId("root"), e?.setFocusViewNameEditor(!1);
+      },
+      children: [
+        /* @__PURE__ */ t.jsxs(L, { id: "root", title: "View Settings", children: [
+          /* @__PURE__ */ t.jsx(T, { title: "View", children: /* @__PURE__ */ t.jsx("div", { className: "px-2", children: /* @__PURE__ */ t.jsx(
+            Xe,
+            {
+              ref: n,
+              value: s?.name ?? "",
+              onChange: (d) => {
+                !e || !s || e.setCurrentView({
+                  ...s,
+                  name: d.target.value
+                });
+              },
+              placeholder: "View name",
+              className: "w-full px-2!",
+              variant: "ghost"
+            }
+          ) }) }),
+          m,
+          /* @__PURE__ */ t.jsxs(T, { children: [
+            /* @__PURE__ */ t.jsx(D, { icon: /* @__PURE__ */ t.jsx(Vt, { size: 14 }), label: "Copy link to view", disabled: !0 }),
+            /* @__PURE__ */ t.jsx(D, { icon: /* @__PURE__ */ t.jsx(_t, { size: 14 }), label: "Shareing & Permissions", disabled: !0 })
+          ] })
+        ] }),
+        f
+      ]
+    }
+  );
+}
+_e.Page = L;
+function U(e) {
+  return {
+    name: e.name,
+    icon: e.icon,
+    groupBy: e.groupBy ?? null,
+    settings: e.settings
+  };
+}
+function Yt(e, i) {
+  return !e || !i ? !1 : e.name === i.name && e.icon === i.icon && (e.groupBy ?? null) === (i.groupBy ?? null) && JSON.stringify(e.settings ?? {}) === JSON.stringify(i.settings ?? {});
+}
+function Ts({
+  entries: e,
+  views: i,
+  properties: s = [{ id: "id", label: "ID" }],
+  toolbar: n,
+  renderEntry: r,
+  showViewSettings: l = !1,
+  viewSettings: a = /* @__PURE__ */ t.jsx(Qt, {}),
+  className: o
+}) {
+  const [u, m] = W(i), [f, x] = W(s), [d, y] = W(l), [C, b] = W("root"), [N, j] = W(!1), [M, c] = W(i[0]?.id ?? null), [S, w] = W(
+    Object.fromEntries(i.map((h) => [h.id, U(h)]))
+  );
+  be(() => {
+    m(i), w(Object.fromEntries(i.map((h) => [h.id, U(h)]))), c(
+      (h) => i.some((k) => k.id === h) ? h : i[0]?.id ?? null
+    );
+  }, [i]), be(() => {
+    x(s);
+  }, [s]);
+  const p = u.find((h) => h.id === M) ?? null, E = (h) => {
+    if (!h) {
+      c(null);
+      return;
+    }
+    m(
+      (k) => k.map(
+        (I) => I.id === h.id ? {
+          ...I,
+          ...h
+        } : I
+      )
+    ), c(h.id);
+  }, z = (h) => {
+    m((k) => [...k, h]), w((k) => ({
+      ...k,
+      [h.id]: U(h)
+    })), c(h.id);
+  }, q = (h, k) => {
+    m(
+      (I) => I.map(
+        (O) => O.id === h ? {
+          ...O,
+          ...k
+        } : O
+      )
+    );
+  }, F = (h) => {
+    m((k) => {
+      const I = k.filter((O) => O.id !== h);
+      return I.length === 0 ? (c(null), k) : (M === h && c(I[0]?.id ?? null), I);
+    }), w((k) => {
+      const I = { ...k };
+      return delete I[h], I;
+    });
+  }, R = (() => {
+    if (!p)
+      return !1;
+    const h = U(p), k = S[p.id];
+    return k ? !Yt(h, k) : !1;
+  })(), H = () => {
+    p && w((h) => ({
+      ...h,
+      [p.id]: U(p)
+    }));
+  }, _ = () => {
+    if (!p)
+      return;
+    const h = S[p.id];
+    h && q(p.id, {
+      name: h.name,
+      icon: h.icon,
+      groupBy: h.groupBy,
+      settings: h.settings
+    });
+  }, J = (h = "root", k) => {
+    b(h), j(!!k?.focusViewNameEditor), y(!0);
+  }, oe = () => s.map((h) => h.id), ae = {
+    visiblePropertyIds: p?.settings?.visiblePropertyIds ?? oe(),
+    ...p?.settings ?? {}
+  }, g = !!(d && p && a);
+  return /* @__PURE__ */ t.jsx(
+    Ae.Provider,
+    {
+      value: {
+        entries: e,
+        views: u,
+        currentView: p,
+        setCurrentView: E,
+        addView: z,
+        updateView: q,
+        deleteView: F,
+        hasCurrentViewUnsavedChanges: R,
+        saveCurrentViewAsDefault: H,
+        revertCurrentViewToDefault: _,
+        showViewSettings: d,
+        setShowViewSettings: y,
+        viewSettingsPageId: C,
+        setViewSettingsPageId: b,
+        focusViewNameEditor: N,
+        setFocusViewNameEditor: j,
+        openViewSettings: J,
+        properties: f,
+        setProperties: x
+      },
+      children: /* @__PURE__ */ t.jsxs("div", { className: `h-full min-h-0 flex flex-col border border-[#2A2A2A] bg-[#111111] rounded ${o}`, children: [
+        n === void 0 && /* @__PURE__ */ t.jsx(Ht, {}),
+        n != null && v.isValidElement(n) && v.cloneElement(n),
+        /* @__PURE__ */ t.jsxs("div", { className: "flex-1 min-h-0 flex flex-row overflow-hidden", children: [
+          /* @__PURE__ */ t.jsx("div", { className: "flex-1 min-w-0 min-h-0", children: p ? /* @__PURE__ */ t.jsx(
+            p.layout,
+            {
+              entries: e,
+              groupBy: p.groupBy,
+              properties: f,
+              viewSettings: ae,
+              renderEntry: p.renderEntry ?? r
+            }
+          ) : /* @__PURE__ */ t.jsx("div", { children: "No view selected" }) }),
+          /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              className: `shrink-0 overflow-hidden transition-[width,opacity,transform] duration-200 ease-out ${g ? "border-l border-[#2A2A2A] opacity-100 translate-x-0" : "border-l-0 opacity-0 translate-x-1"}`,
+              style: { width: g ? "18.75rem" : "0rem" },
+              children: g ? a : null
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+function G(e, i, s) {
+  let n = s.initialDeps ?? [], r, l = !0;
+  function a() {
+    var o, u, m;
+    let f;
+    s.key && ((o = s.debug) != null && o.call(s)) && (f = Date.now());
+    const x = e();
+    if (!(x.length !== n.length || x.some((C, b) => n[b] !== C)))
+      return r;
+    n = x;
+    let y;
+    if (s.key && ((u = s.debug) != null && u.call(s)) && (y = Date.now()), r = i(...x), s.key && ((m = s.debug) != null && m.call(s))) {
+      const C = Math.round((Date.now() - f) * 100) / 100, b = Math.round((Date.now() - y) * 100) / 100, N = b / 16, j = (M, c) => {
+        for (M = String(M); M.length < c; )
+          M = " " + M;
+        return M;
+      };
+      console.info(
+        `%c⏱ ${j(b, 5)} /${j(C, 5)} ms`,
+        `
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(
+          0,
+          Math.min(120 - 120 * N, 120)
+        )}deg 100% 31%);`,
+        s?.key
+      );
+    }
+    return s?.onChange && !(l && s.skipInitialOnChange) && s.onChange(r), l = !1, r;
+  }
+  return a.updateDeps = (o) => {
+    n = o;
+  }, a;
+}
+function Se(e, i) {
+  if (e === void 0)
+    throw new Error("Unexpected undefined");
+  return e;
+}
+const Jt = (e, i) => Math.abs(e - i) < 1.01, Xt = (e, i, s) => {
+  let n;
+  return function(...r) {
+    e.clearTimeout(n), n = e.setTimeout(() => i.apply(this, r), s);
+  };
+}, we = (e) => {
+  const { offsetWidth: i, offsetHeight: s } = e;
+  return { width: i, height: s };
+}, Zt = (e) => e, es = (e) => {
+  const i = Math.max(e.startIndex - e.overscan, 0), s = Math.min(e.endIndex + e.overscan, e.count - 1), n = [];
+  for (let r = i; r <= s; r++)
+    n.push(r);
+  return n;
+}, ts = (e, i) => {
+  const s = e.scrollElement;
+  if (!s)
+    return;
+  const n = e.targetWindow;
+  if (!n)
+    return;
+  const r = (a) => {
+    const { width: o, height: u } = a;
+    i({ width: Math.round(o), height: Math.round(u) });
+  };
+  if (r(we(s)), !n.ResizeObserver)
+    return () => {
+    };
+  const l = new n.ResizeObserver((a) => {
+    const o = () => {
+      const u = a[0];
+      if (u?.borderBoxSize) {
+        const m = u.borderBoxSize[0];
+        if (m) {
+          r({ width: m.inlineSize, height: m.blockSize });
+          return;
+        }
+      }
+      r(we(s));
+    };
+    e.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(o) : o();
+  });
+  return l.observe(s, { box: "border-box" }), () => {
+    l.unobserve(s);
+  };
+}, ke = {
+  passive: !0
+}, Ce = typeof window > "u" ? !0 : "onscrollend" in window, ss = (e, i) => {
+  const s = e.scrollElement;
+  if (!s)
+    return;
+  const n = e.targetWindow;
+  if (!n)
+    return;
+  let r = 0;
+  const l = e.options.useScrollendEvent && Ce ? () => {
+  } : Xt(
+    n,
+    () => {
+      i(r, !1);
+    },
+    e.options.isScrollingResetDelay
+  ), a = (f) => () => {
+    const { horizontal: x, isRtl: d } = e.options;
+    r = x ? s.scrollLeft * (d && -1 || 1) : s.scrollTop, l(), i(r, f);
+  }, o = a(!0), u = a(!1);
+  s.addEventListener("scroll", o, ke);
+  const m = e.options.useScrollendEvent && Ce;
+  return m && s.addEventListener("scrollend", u, ke), () => {
+    s.removeEventListener("scroll", o), m && s.removeEventListener("scrollend", u);
+  };
+}, ns = (e, i, s) => {
+  if (i?.borderBoxSize) {
+    const n = i.borderBoxSize[0];
+    if (n)
+      return Math.round(
+        n[s.options.horizontal ? "inlineSize" : "blockSize"]
+      );
+  }
+  return e[s.options.horizontal ? "offsetWidth" : "offsetHeight"];
+}, is = (e, {
+  adjustments: i = 0,
+  behavior: s
+}, n) => {
+  var r, l;
+  const a = e + i;
+  (l = (r = n.scrollElement) == null ? void 0 : r.scrollTo) == null || l.call(r, {
+    [n.options.horizontal ? "left" : "top"]: a,
+    behavior: s
+  });
+};
+class rs {
+  constructor(i) {
+    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
+      var s, n, r;
+      return ((r = (n = (s = this.targetWindow) == null ? void 0 : s.performance) == null ? void 0 : n.now) == null ? void 0 : r.call(n)) ?? Date.now();
+    }, this.observer = /* @__PURE__ */ (() => {
+      let s = null;
+      const n = () => s || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : s = new this.targetWindow.ResizeObserver((r) => {
+        r.forEach((l) => {
+          const a = () => {
+            this._measureElement(l.target, l);
+          };
+          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(a) : a();
+        });
+      }));
+      return {
+        disconnect: () => {
+          var r;
+          (r = n()) == null || r.disconnect(), s = null;
+        },
+        observe: (r) => {
+          var l;
+          return (l = n()) == null ? void 0 : l.observe(r, { box: "border-box" });
+        },
+        unobserve: (r) => {
+          var l;
+          return (l = n()) == null ? void 0 : l.unobserve(r);
+        }
+      };
+    })(), this.range = null, this.setOptions = (s) => {
+      Object.entries(s).forEach(([n, r]) => {
+        typeof r > "u" && delete s[n];
+      }), this.options = {
+        debug: !1,
+        initialOffset: 0,
+        overscan: 1,
+        paddingStart: 0,
+        paddingEnd: 0,
+        scrollPaddingStart: 0,
+        scrollPaddingEnd: 0,
+        horizontal: !1,
+        getItemKey: Zt,
+        rangeExtractor: es,
+        onChange: () => {
+        },
+        measureElement: ns,
+        initialRect: { width: 0, height: 0 },
+        scrollMargin: 0,
+        gap: 0,
+        indexAttribute: "data-index",
+        initialMeasurementsCache: [],
+        lanes: 1,
+        isScrollingResetDelay: 150,
+        enabled: !0,
+        isRtl: !1,
+        useScrollendEvent: !1,
+        useAnimationFrameWithResizeObserver: !1,
+        ...s
+      };
+    }, this.notify = (s) => {
+      var n, r;
+      (r = (n = this.options).onChange) == null || r.call(n, this, s);
+    }, this.maybeNotify = G(
+      () => (this.calculateRange(), [
+        this.isScrolling,
+        this.range ? this.range.startIndex : null,
+        this.range ? this.range.endIndex : null
+      ]),
+      (s) => {
+        this.notify(s);
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "maybeNotify",
+        debug: () => this.options.debug,
+        initialDeps: [
+          this.isScrolling,
+          this.range ? this.range.startIndex : null,
+          this.range ? this.range.endIndex : null
+        ]
+      }
+    ), this.cleanup = () => {
+      this.unsubs.filter(Boolean).forEach((s) => s()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this.scrollElement = null, this.targetWindow = null;
+    }, this._didMount = () => () => {
+      this.cleanup();
+    }, this._willUpdate = () => {
+      var s;
+      const n = this.options.enabled ? this.options.getScrollElement() : null;
+      if (this.scrollElement !== n) {
+        if (this.cleanup(), !n) {
+          this.maybeNotify();
+          return;
+        }
+        this.scrollElement = n, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((s = this.scrollElement) == null ? void 0 : s.window) ?? null, this.elementsCache.forEach((r) => {
+          this.observer.observe(r);
+        }), this.unsubs.push(
+          this.options.observeElementRect(this, (r) => {
+            this.scrollRect = r, this.maybeNotify();
+          })
+        ), this.unsubs.push(
+          this.options.observeElementOffset(this, (r, l) => {
+            this.scrollAdjustments = 0, this.scrollDirection = l ? this.getScrollOffset() < r ? "forward" : "backward" : null, this.scrollOffset = r, this.isScrolling = l, this.scrollState && this.scheduleScrollReconcile(), this.maybeNotify();
+          })
+        ), this._scrollToOffset(this.getScrollOffset(), {
+          adjustments: void 0,
+          behavior: void 0
+        });
+      }
+    }, this.rafId = null, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (s, n) => {
+      const r = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
+      for (let a = n - 1; a >= 0; a--) {
+        const o = s[a];
+        if (r.has(o.lane))
+          continue;
+        const u = l.get(
+          o.lane
+        );
+        if (u == null || o.end > u.end ? l.set(o.lane, o) : o.end < u.end && r.set(o.lane, !0), r.size === this.options.lanes)
+          break;
+      }
+      return l.size === this.options.lanes ? Array.from(l.values()).sort((a, o) => a.end === o.end ? a.index - o.index : a.end - o.end)[0] : void 0;
+    }, this.getMeasurementOptions = G(
+      () => [
+        this.options.count,
+        this.options.paddingStart,
+        this.options.scrollMargin,
+        this.options.getItemKey,
+        this.options.enabled,
+        this.options.lanes
+      ],
+      (s, n, r, l, a, o) => (this.prevLanes !== void 0 && this.prevLanes !== o && (this.lanesChangedFlag = !0), this.prevLanes = o, this.pendingMeasuredCacheIndexes = [], {
+        count: s,
+        paddingStart: n,
+        scrollMargin: r,
+        getItemKey: l,
+        enabled: a,
+        lanes: o
+      }),
+      {
+        key: !1
+      }
+    ), this.getMeasurements = G(
+      () => [this.getMeasurementOptions(), this.itemSizeCache],
+      ({ count: s, paddingStart: n, scrollMargin: r, getItemKey: l, enabled: a, lanes: o }, u) => {
+        if (!a)
+          return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
+        if (this.laneAssignments.size > s)
+          for (const d of this.laneAssignments.keys())
+            d >= s && this.laneAssignments.delete(d);
+        this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((d) => {
+          this.itemSizeCache.set(d.key, d.size);
+        }));
+        const m = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === s && (this.lanesSettling = !1);
+        const f = this.measurementsCache.slice(0, m), x = new Array(o).fill(
+          void 0
+        );
+        for (let d = 0; d < m; d++) {
+          const y = f[d];
+          y && (x[y.lane] = d);
+        }
+        for (let d = m; d < s; d++) {
+          const y = l(d), C = this.laneAssignments.get(d);
+          let b, N;
+          if (C !== void 0 && this.options.lanes > 1) {
+            b = C;
+            const S = x[b], w = S !== void 0 ? f[S] : void 0;
+            N = w ? w.end + this.options.gap : n + r;
+          } else {
+            const S = this.options.lanes === 1 ? f[d - 1] : this.getFurthestMeasurement(f, d);
+            N = S ? S.end + this.options.gap : n + r, b = S ? S.lane : d % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(d, b);
+          }
+          const j = u.get(y), M = typeof j == "number" ? j : this.options.estimateSize(d), c = N + M;
+          f[d] = {
+            index: d,
+            start: N,
+            size: M,
+            end: c,
+            key: y,
+            lane: b
+          }, x[b] = d;
+        }
+        return this.measurementsCache = f, f;
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "getMeasurements",
+        debug: () => this.options.debug
+      }
+    ), this.calculateRange = G(
+      () => [
+        this.getMeasurements(),
+        this.getSize(),
+        this.getScrollOffset(),
+        this.options.lanes
+      ],
+      (s, n, r, l) => this.range = s.length > 0 && n > 0 ? ls({
+        measurements: s,
+        outerSize: n,
+        scrollOffset: r,
+        lanes: l
+      }) : null,
+      {
+        key: process.env.NODE_ENV !== "production" && "calculateRange",
+        debug: () => this.options.debug
+      }
+    ), this.getVirtualIndexes = G(
+      () => {
+        let s = null, n = null;
+        const r = this.calculateRange();
+        return r && (s = r.startIndex, n = r.endIndex), this.maybeNotify.updateDeps([this.isScrolling, s, n]), [
+          this.options.rangeExtractor,
+          this.options.overscan,
+          this.options.count,
+          s,
+          n
+        ];
+      },
+      (s, n, r, l, a) => l === null || a === null ? [] : s({
+        startIndex: l,
+        endIndex: a,
+        overscan: n,
+        count: r
+      }),
+      {
+        key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
+        debug: () => this.options.debug
+      }
+    ), this.indexFromElement = (s) => {
+      const n = this.options.indexAttribute, r = s.getAttribute(n);
+      return r ? parseInt(r, 10) : (console.warn(
+        `Missing attribute name '${n}={index}' on measured element.`
+      ), -1);
+    }, this.shouldMeasureDuringScroll = (s) => {
+      var n;
+      if (!this.scrollState || this.scrollState.behavior !== "smooth")
+        return !0;
+      const r = this.scrollState.index ?? ((n = this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)) == null ? void 0 : n.index);
+      if (r !== void 0 && this.range) {
+        const l = Math.max(
+          this.options.overscan,
+          Math.ceil((this.range.endIndex - this.range.startIndex) / 2)
+        ), a = Math.max(0, r - l), o = Math.min(
+          this.options.count - 1,
+          r + l
+        );
+        return s >= a && s <= o;
+      }
+      return !0;
+    }, this._measureElement = (s, n) => {
+      if (!s.isConnected) {
+        this.observer.unobserve(s);
+        return;
+      }
+      const r = this.indexFromElement(s), l = this.measurementsCache[r];
+      if (!l)
+        return;
+      const a = l.key, o = this.elementsCache.get(a);
+      o !== s && (o && this.observer.unobserve(o), this.observer.observe(s), this.elementsCache.set(a, s)), this.shouldMeasureDuringScroll(r) && this.resizeItem(r, this.options.measureElement(s, n, this));
+    }, this.resizeItem = (s, n) => {
+      var r;
+      const l = this.measurementsCache[s];
+      if (!l)
+        return;
+      const a = this.itemSizeCache.get(l.key) ?? l.size, o = n - a;
+      o !== 0 && (((r = this.scrollState) == null ? void 0 : r.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(l, o, this) : l.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", o), this._scrollToOffset(this.getScrollOffset(), {
+        adjustments: this.scrollAdjustments += o,
+        behavior: void 0
+      })), this.pendingMeasuredCacheIndexes.push(l.index), this.itemSizeCache = new Map(this.itemSizeCache.set(l.key, n)), this.notify(!1));
+    }, this.measureElement = (s) => {
+      if (!s) {
+        this.elementsCache.forEach((n, r) => {
+          n.isConnected || (this.observer.unobserve(n), this.elementsCache.delete(r));
+        });
+        return;
+      }
+      this._measureElement(s, void 0);
+    }, this.getVirtualItems = G(
+      () => [this.getVirtualIndexes(), this.getMeasurements()],
+      (s, n) => {
+        const r = [];
+        for (let l = 0, a = s.length; l < a; l++) {
+          const o = s[l], u = n[o];
+          r.push(u);
+        }
+        return r;
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "getVirtualItems",
+        debug: () => this.options.debug
+      }
+    ), this.getVirtualItemForOffset = (s) => {
+      const n = this.getMeasurements();
+      if (n.length !== 0)
+        return Se(
+          n[Fe(
+            0,
+            n.length - 1,
+            (r) => Se(n[r]).start,
+            s
+          )]
+        );
+    }, this.getMaxScrollOffset = () => {
+      if (!this.scrollElement) return 0;
+      if ("scrollHeight" in this.scrollElement)
+        return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
+      {
+        const s = this.scrollElement.document.documentElement;
+        return this.options.horizontal ? s.scrollWidth - this.scrollElement.innerWidth : s.scrollHeight - this.scrollElement.innerHeight;
+      }
+    }, this.getOffsetForAlignment = (s, n, r = 0) => {
+      if (!this.scrollElement) return 0;
+      const l = this.getSize(), a = this.getScrollOffset();
+      n === "auto" && (n = s >= a + l ? "end" : "start"), n === "center" ? s += (r - l) / 2 : n === "end" && (s -= l);
+      const o = this.getMaxScrollOffset();
+      return Math.max(Math.min(o, s), 0);
+    }, this.getOffsetForIndex = (s, n = "auto") => {
+      s = Math.max(0, Math.min(s, this.options.count - 1));
+      const r = this.getSize(), l = this.getScrollOffset(), a = this.measurementsCache[s];
+      if (!a) return;
+      if (n === "auto")
+        if (a.end >= l + r - this.options.scrollPaddingEnd)
+          n = "end";
+        else if (a.start <= l + this.options.scrollPaddingStart)
+          n = "start";
+        else
+          return [l, n];
+      if (n === "end" && s === this.options.count - 1)
+        return [this.getMaxScrollOffset(), n];
+      const o = n === "end" ? a.end + this.options.scrollPaddingEnd : a.start - this.options.scrollPaddingStart;
+      return [
+        this.getOffsetForAlignment(o, n, a.size),
+        n
+      ];
+    }, this.scrollToOffset = (s, { align: n = "start", behavior: r = "auto" } = {}) => {
+      const l = this.getOffsetForAlignment(s, n), a = this.now();
+      this.scrollState = {
+        index: null,
+        align: n,
+        behavior: r,
+        startedAt: a,
+        lastTargetOffset: l,
+        stableFrames: 0
+      }, this._scrollToOffset(l, { adjustments: void 0, behavior: r }), this.scheduleScrollReconcile();
+    }, this.scrollToIndex = (s, {
+      align: n = "auto",
+      behavior: r = "auto"
+    } = {}) => {
+      s = Math.max(0, Math.min(s, this.options.count - 1));
+      const l = this.getOffsetForIndex(s, n);
+      if (!l)
+        return;
+      const [a, o] = l, u = this.now();
+      this.scrollState = {
+        index: s,
+        align: o,
+        behavior: r,
+        startedAt: u,
+        lastTargetOffset: a,
+        stableFrames: 0
+      }, this._scrollToOffset(a, { adjustments: void 0, behavior: r }), this.scheduleScrollReconcile();
+    }, this.scrollBy = (s, { behavior: n = "auto" } = {}) => {
+      const r = this.getScrollOffset() + s, l = this.now();
+      this.scrollState = {
+        index: null,
+        align: "start",
+        behavior: n,
+        startedAt: l,
+        lastTargetOffset: r,
+        stableFrames: 0
+      }, this._scrollToOffset(r, { adjustments: void 0, behavior: n }), this.scheduleScrollReconcile();
+    }, this.getTotalSize = () => {
+      var s;
+      const n = this.getMeasurements();
+      let r;
+      if (n.length === 0)
+        r = this.options.paddingStart;
+      else if (this.options.lanes === 1)
+        r = ((s = n[n.length - 1]) == null ? void 0 : s.end) ?? 0;
+      else {
+        const l = Array(this.options.lanes).fill(null);
+        let a = n.length - 1;
+        for (; a >= 0 && l.some((o) => o === null); ) {
+          const o = n[a];
+          l[o.lane] === null && (l[o.lane] = o.end), a--;
+        }
+        r = Math.max(...l.filter((o) => o !== null));
+      }
+      return Math.max(
+        r - this.options.scrollMargin + this.options.paddingEnd,
+        0
+      );
+    }, this._scrollToOffset = (s, {
+      adjustments: n,
+      behavior: r
+    }) => {
+      this.options.scrollToFn(s, { behavior: r, adjustments: n }, this);
+    }, this.measure = () => {
+      this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.notify(!1);
+    }, this.setOptions(i);
+  }
+  scheduleScrollReconcile() {
+    if (!this.targetWindow) {
+      this.scrollState = null;
+      return;
+    }
+    this.rafId == null && (this.rafId = this.targetWindow.requestAnimationFrame(() => {
+      this.rafId = null, this.reconcileScroll();
+    }));
+  }
+  reconcileScroll() {
+    if (!this.scrollState || !this.scrollElement) return;
+    if (this.now() - this.scrollState.startedAt > 5e3) {
+      this.scrollState = null;
+      return;
+    }
+    const n = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0, r = n ? n[0] : this.scrollState.lastTargetOffset, l = 1, a = r !== this.scrollState.lastTargetOffset;
+    if (!a && Jt(r, this.getScrollOffset())) {
+      if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= l) {
+        this.scrollState = null;
+        return;
+      }
+    } else
+      this.scrollState.stableFrames = 0, a && (this.scrollState.lastTargetOffset = r, this.scrollState.behavior = "auto", this._scrollToOffset(r, {
+        adjustments: void 0,
+        behavior: "auto"
+      }));
+    this.scheduleScrollReconcile();
+  }
+}
+const Fe = (e, i, s, n) => {
+  for (; e <= i; ) {
+    const r = (e + i) / 2 | 0, l = s(r);
+    if (l < n)
+      e = r + 1;
+    else if (l > n)
+      i = r - 1;
+    else
+      return r;
+  }
+  return e > 0 ? e - 1 : 0;
+};
+function ls({
+  measurements: e,
+  outerSize: i,
+  scrollOffset: s,
+  lanes: n
+}) {
+  const r = e.length - 1, l = (u) => e[u].start;
+  if (e.length <= n)
+    return {
+      startIndex: 0,
+      endIndex: r
+    };
+  let a = Fe(
+    0,
+    r,
+    l,
+    s
+  ), o = a;
+  if (n === 1)
+    for (; o < r && e[o].end < s + i; )
+      o++;
+  else if (n > 1) {
+    const u = Array(n).fill(0);
+    for (; o < r && u.some((f) => f < s + i); ) {
+      const f = e[o];
+      u[f.lane] = f.end, o++;
+    }
+    const m = Array(n).fill(s + i);
+    for (; a >= 0 && m.some((f) => f >= s); ) {
+      const f = e[a];
+      m[f.lane] = f.start, a--;
+    }
+    a = Math.max(0, a - a % n), o = Math.min(r, o + (n - 1 - o % n));
+  }
+  return { startIndex: a, endIndex: o };
+}
+const Me = typeof document < "u" ? Z.useLayoutEffect : Z.useEffect;
+function os({
+  useFlushSync: e = !0,
+  ...i
+}) {
+  const s = Z.useReducer(() => ({}), {})[1], n = {
+    ...i,
+    onChange: (l, a) => {
+      var o;
+      e && a ? ct(s) : s(), (o = i.onChange) == null || o.call(i, l, a);
+    }
+  }, [r] = Z.useState(
+    () => new rs(n)
+  );
+  return r.setOptions(n), Me(() => r._didMount(), []), Me(() => r._willUpdate()), r;
+}
+function as(e) {
+  return os({
+    observeElementRect: ts,
+    observeElementOffset: ss,
+    scrollToFn: is,
+    ...e
+  });
+}
+function ye(e) {
+  return "type" in e && e.type === "group";
+}
+function Ne(e) {
+  return e == null ? !1 : typeof e == "string" ? e.trim().length > 0 : typeof e == "number" || typeof e == "boolean";
+}
+function ie(e) {
+  return String(e?.identifier ?? e?.key ?? e?.id ?? "");
+}
+function re(e) {
+  return typeof e?.summary == "string" ? e.summary : typeof e?.title == "string" ? e.title : typeof e?.name == "string" ? e.name : "";
+}
+function cs(e) {
+  return typeof e?.priority == "string" ? e.priority : "";
+}
+function us(e) {
+  return typeof e?.assignee == "string" ? e.assignee : typeof e?.assignee?.name == "string" ? e.assignee.name : "";
+}
+function Oe(e, i) {
+  if (!i)
+    return e;
+  if (ye(i))
+    return e.filter((o) => ms(o, i));
+  const s = i, n = String(s.query ?? "").trim().toLowerCase(), r = s.status ?? [], l = s.priority ?? [], a = s.assignee ?? [];
+  return !n && r.length === 0 && l.length === 0 && a.length === 0 ? e : e.filter((o) => {
+    const u = String(o?.status ?? ""), m = String(o?.priority ?? ""), f = String(o?.assignee ?? "");
+    if (r.length > 0 && !r.includes(u) || l.length > 0 && !l.includes(m) || a.length > 0 && !a.includes(f))
+      return !1;
+    if (!n)
+      return !0;
+    const x = ie(o).toLowerCase(), d = re(o).toLowerCase();
+    return x.includes(n) || d.includes(n);
+  });
+}
+function ds(e, i) {
+  if (i === "id") return ie(e);
+  if (i === "summary") return re(e);
+  const s = e?.[i];
+  if (s != null)
+    return String(s);
+}
+function hs(e, i) {
+  const s = ds(e, i.field), n = String(s ?? "").toLowerCase(), r = String(i.value ?? "").toLowerCase();
+  switch (i.operator) {
+    case "is":
+      return n === r;
+    case "is_not":
+      return n !== r;
+    case "contains":
+      return n.includes(r);
+    case "is_empty":
+      return !s;
+    case "is_not_empty":
+      return !!s;
+    default:
+      return !0;
+  }
+}
+function Te(e, i) {
+  if (i.type === "rule")
+    return hs(e, i);
+  if (i.children.length === 0) return !0;
+  const s = i.children.map((n) => Te(e, n));
+  return i.conjunction === "AND" ? s.every(Boolean) : s.some(Boolean);
+}
+function ms(e, i) {
+  return Te(e, i);
+}
+function le() {
+  return {
+    type: "group",
+    conjunction: "AND",
+    children: [
+      {
+        type: "rule",
+        field: "summary",
+        operator: "contains",
+        value: ""
+      }
+    ]
+  };
+}
+function Re(e) {
+  if (!e) return 0;
+  if (!ye(e))
+    return (e.status?.length ?? 0) + (e.priority?.length ?? 0) + (e.assignee?.length ?? 0) + (e.query ? 1 : 0);
+  const i = (s) => s.type === "rule" ? 1 : s.children.reduce((n, r) => n + i(r), 0);
+  return i(e);
+}
+function Le(e) {
+  if (!e)
+    return !1;
+  if (!ye(e))
+    return Ne(e.query) || (e.status?.length ?? 0) > 0 || (e.priority?.length ?? 0) > 0 || (e.assignee?.length ?? 0) > 0;
+  const i = (s) => s.type === "group" ? s.children.some((n) => i(n)) : s.operator === "is_empty" || s.operator === "is_not_empty" ? !0 : Ne(s.value);
+  return i(e);
+}
+function Pe(e, i, s = "updated") {
+  const n = [...e], r = { high: 3, medium: 2, low: 1 }, l = { backlog: 1, open: 2, "in progress": 3, done: 4 }, a = (o, u, m) => {
+    if (m === "priority") {
+      const C = r[String(o?.priority ?? "").toLowerCase()] ?? 0;
+      return (r[String(u?.priority ?? "").toLowerCase()] ?? 0) - C;
+    }
+    if (m === "status") {
+      const C = l[String(o?.status ?? "").toLowerCase()] ?? 0;
+      return (l[String(u?.status ?? "").toLowerCase()] ?? 0) - C;
+    }
+    const f = m === "updated" ? o?.updatedAt ?? o?.updated ?? o?.id : o?.[m], x = m === "updated" ? u?.updatedAt ?? u?.updated ?? u?.id : u?.[m], d = Number(f), y = Number(x);
+    return !Number.isNaN(d) && !Number.isNaN(y) ? y - d : String(x ?? "").localeCompare(String(f ?? ""), void 0, {
+      numeric: !0,
+      sensitivity: "base"
+    });
+  };
+  return n.sort((o, u) => {
+    if (i && i.length > 0) {
+      for (const m of i) {
+        const f = a(o, u, m.property);
+        if (f !== 0)
+          return m.direction === "desc" ? f : -f;
+      }
+      return 0;
+    }
+    return a(o, u, s);
+  }), n;
+}
+function Be(e, i) {
+  if (!i)
+    return e;
+  const s = i.status ?? [], n = i.assignee ?? [], r = String(i.search ?? "").trim().toLowerCase();
+  return s.length === 0 && n.length === 0 && !r ? e : e.filter((l) => {
+    const a = String(l?.status ?? ""), o = String(l?.assignee ?? "");
+    if (s.length > 0 && !s.includes(a) || n.length > 0 && !n.includes(o))
+      return !1;
+    if (!r)
+      return !0;
+    const u = ie(l).toLowerCase(), m = re(l).toLowerCase();
+    return u.includes(r) || m.includes(r);
+  });
+}
+const fs = [
+  { value: "low", label: "Low", icon: /* @__PURE__ */ t.jsx(nt, {}) },
+  { value: "medium", label: "Medium", icon: /* @__PURE__ */ t.jsx(it, {}) },
+  { value: "high", label: "High", icon: /* @__PURE__ */ t.jsx(rt, {}) }
+], gs = [
+  { value: "backlog", label: "Backlog", icon: /* @__PURE__ */ t.jsx(Ze, {}) },
+  { value: "open", label: "Open", icon: /* @__PURE__ */ t.jsx(et, {}) },
+  { value: "in progress", label: "In Progress", icon: /* @__PURE__ */ t.jsx(tt, {}) },
+  { value: "done", label: "Done", icon: /* @__PURE__ */ t.jsx(st, {}) }
+], ps = [
+  { value: "user story", label: "User story", icon: /* @__PURE__ */ t.jsx(me, { size: 14, stroke: "#60A5FA" }) },
+  { value: "bug", label: "Bug", icon: /* @__PURE__ */ t.jsx(fe, { size: 14, stroke: "#EF4444" }) },
+  { value: "docs", label: "Docs", icon: /* @__PURE__ */ t.jsx(ge, { size: 14, stroke: "#A78BFA" }) },
+  { value: "feature", label: "Feature", icon: /* @__PURE__ */ t.jsx(xe, { size: 14, stroke: "#F59E0B" }) },
+  { value: "task", label: "Task", icon: /* @__PURE__ */ t.jsx(pe, { size: 14, stroke: "#22C55E" }) }
+];
+function xs({ value: e, onChange: i }) {
+  return /* @__PURE__ */ t.jsx(
+    he,
+    {
+      kind: "icon",
+      variant: "ghost",
+      placeholder: "?",
+      value: e,
+      onValueChange: i,
+      options: fs
+    }
+  );
+}
+const qe = xs;
+function $e({ value: e, onChange: i }) {
+  return /* @__PURE__ */ t.jsx(
+    he,
+    {
+      kind: "icon",
+      variant: "ghost",
+      placeholder: "?",
+      value: e,
+      onValueChange: i,
+      options: gs
+    }
+  );
+}
+function We({ value: e, onChange: i }) {
+  return /* @__PURE__ */ t.jsx(
+    he,
+    {
+      kind: "icon",
+      variant: "ghost",
+      placeholder: "?",
+      value: e,
+      onValueChange: i,
+      options: ps
+    }
+  );
+}
+function Ge({
+  value: e,
+  onChange: i,
+  placeholder: s = "Summary..."
+}) {
+  return /* @__PURE__ */ t.jsx(
+    "input",
+    {
+      value: e,
+      onChange: (n) => i(n.target.value),
+      placeholder: s,
+      className: "w-full rounded border border-transparent bg-transparent px-1 py-0.5 text-sm text-text-primary outline-none focus:border-[#2A2A2A]"
+    }
+  );
+}
+function ys({
+  entry: e,
+  visiblePropertySet: i,
+  onSummaryChange: s,
+  onPriorityChange: n,
+  onStatusChange: r,
+  onIssueTypeChange: l
+}) {
+  const a = e?.id ? String(e.id) : "", o = e?.name ? String(e.name) : e?.title ? String(e.title) : "", u = e?.status ? String(e.status) : e?.state ? String(e.state) : "", m = e?.priority ? String(e.priority) : void 0, f = e?.assignee ? String(e.assignee) : "", x = e?.summary ? String(e.summary) : "", d = String(e?.entryType ?? e?.issueType ?? e?.type ?? "user story").toLowerCase(), y = !!e?.selected, [C, b] = v.useState(x), [N, j] = v.useState(m), [M, c] = v.useState(u), [S, w] = v.useState(d);
+  v.useEffect(() => {
+    b(x), j(m), c(u), w(d);
+  }, [x, m, u, d]);
+  const p = i.has("id"), E = i.has("name") || i.has("title"), z = i.has("status") || i.has("state"), q = i.has("type") || i.has("entryType") || i.has("issueType"), F = i.has("priority"), R = i.has("assignee"), H = (() => {
+    switch (d) {
+      case "bug":
+        return fe;
+      case "docs":
+      case "documentation":
+        return ge;
+      case "feature":
+        return xe;
+      case "task":
+        return pe;
+      default:
+        return me;
+    }
+  })();
+  return /* @__PURE__ */ t.jsxs("div", { className: "group flex items-center gap-2 px-4 border-b border-[#2A2A2A] h-[44px] bg-[#141414] text-sm", children: [
+    /* @__PURE__ */ t.jsx("div", { className: `${y ? "opacity-100" : "opacity-0 group-hover:opacity-100"} transition-opacity`, children: /* @__PURE__ */ t.jsx(lt, { checked: y }) }),
+    F ? /* @__PURE__ */ t.jsx(
+      qe,
+      {
+        value: N,
+        onChange: (_) => {
+          j(_), n?.(_);
+        }
+      }
+    ) : null,
+    q ? /* @__PURE__ */ t.jsx(
+      We,
+      {
+        value: S,
+        onChange: (_) => {
+          w(_), l?.(_);
+        }
+      }
+    ) : null,
+    p ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1 text-text-primary min-w-0", children: [
+      q ? null : /* @__PURE__ */ t.jsx(H, { size: 14, stroke: "#608a23" }),
+      /* @__PURE__ */ t.jsx("span", { className: "truncate", children: a })
+    ] }) : null,
+    z ? /* @__PURE__ */ t.jsx(
+      $e,
+      {
+        value: M,
+        onChange: (_) => {
+          c(_), r?.(_);
+        }
+      }
+    ) : null,
+    E ? /* @__PURE__ */ t.jsx("span", { className: "text-text-primary truncate max-w-40", children: o || "—" }) : null,
+    /* @__PURE__ */ t.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ t.jsx(
+      Ge,
+      {
+        value: C,
+        onChange: (_) => {
+          b(_), s?.(_);
+        }
+      }
+    ) }),
+    R ? /* @__PURE__ */ t.jsx(Ee, { name: f, size: "xs" }) : null
+  ] });
+}
+const vs = ["summary"];
+function Y(e) {
+  return Array.from(/* @__PURE__ */ new Set([...e, ...vs]));
+}
+function He(e) {
+  const i = [...e], s = (n) => i.some((r) => r.id === n);
+  return s("summary") || i.unshift({ id: "summary", label: "Summary" }), !s("type") && !s("entryType") && !s("issueType") && i.push({ id: "type", label: "Type" }), i;
+}
+function bs({ label: e, count: i }) {
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between px-6 border-b border-border-default h-11 bg-[#111111] text-sm", children: [
+    /* @__PURE__ */ t.jsx("span", { className: "text-text-primary", children: e }),
+    /* @__PURE__ */ t.jsx("span", { className: "text-text-muted", children: i })
+  ] });
+}
+const js = 44;
+function Ss(e, i) {
+  if (!i)
+    return e.map((r) => ({
+      type: "entry",
+      key: `entry-${r.id}`,
+      entry: r
+    }));
+  const s = /* @__PURE__ */ new Map();
+  e.forEach((r) => {
+    const l = r?.[i], a = l == null || l === "" ? "Ungrouped" : String(l), o = s.get(a);
+    if (o) {
+      o.push(r);
+      return;
+    }
+    s.set(a, [r]);
+  });
+  const n = [];
+  return s.forEach((r, l) => {
+    n.push({
+      type: "group",
+      key: `group-${i}-${l}`,
+      label: l,
+      count: r.length
+    }), r.forEach((a) => {
+      n.push({
+        type: "entry",
+        key: `entry-${a.id}`,
+        entry: a
+      });
+    });
+  }), n;
+}
+const Ue = (e) => {
+  const i = v.useMemo(
+    () => e.properties && e.properties.length > 0 ? e.properties : [{ id: "id", label: "ID" }],
+    [e.properties]
+  ), [s, n] = v.useState({}), r = v.useMemo(
+    () => e.entries.map((M) => {
+      const c = String(M?.id ?? ""), S = s[c];
+      return S ? { ...M, ...S } : M;
+    }),
+    [e.entries, s]
+  ), l = v.useMemo(
+    () => Y(
+      e.viewSettings?.visiblePropertyIds ?? i.map((M) => M.id)
+    ),
+    [e.viewSettings?.visiblePropertyIds, i]
+  ), a = v.useMemo(() => new Set(l), [l]), o = e.renderEntry, u = v.useRef(null), m = v.useMemo(
+    () => e.viewSettings?.filter ?? {},
+    [e.viewSettings?.filter]
+  ), f = v.useMemo(
+    () => e.viewSettings?.quickFilters ?? {},
+    [e.viewSettings?.quickFilters]
+  ), x = v.useMemo(
+    () => e.viewSettings?.sortRules ?? [],
+    [e.viewSettings?.sortRules]
+  ), d = typeof e.viewSettings?.sortBy == "string" ? e.viewSettings.sortBy : "updated", y = v.useMemo(
+    () => Oe(r, m),
+    [r, m]
+  ), C = v.useMemo(
+    () => Be(y, f),
+    [y, f]
+  ), b = v.useMemo(
+    () => Pe(C, x, d),
+    [C, x, d]
+  ), N = v.useMemo(() => Ss(b, e.groupBy), [b, e.groupBy]), j = as({
+    count: N.length,
+    getScrollElement: () => u.current,
+    // WARN: This should be equal to the actual height of list entry, otherwise there will be
+    // virtualization glitches. We should ideally measure the actual height of entry and return it here.
+    overscan: 5,
+    estimateSize: () => js
+  });
+  return /* @__PURE__ */ t.jsx("div", { id: "scroll-container", ref: u, className: "h-full min-h-0 overflow-y-auto", children: /* @__PURE__ */ t.jsx("div", { className: "relative", style: { height: j.getTotalSize() }, children: j.getVirtualItems().map((M) => {
+    const c = N[M.index];
+    return c ? /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        className: "absolute top-0 left-0 w-full",
+        style: { transform: `translateY(${M.start}px)` },
+        children: c.type === "group" ? /* @__PURE__ */ t.jsx(bs, { label: c.label, count: c.count }) : o ? /* @__PURE__ */ t.jsx(o, { entry: c.entry }) : /* @__PURE__ */ t.jsx(
+          ys,
+          {
+            entry: c.entry,
+            visiblePropertySet: a,
+            onSummaryChange: (S) => {
+              const w = String(c.entry?.id ?? "");
+              n((p) => ({
+                ...p,
+                [w]: {
+                  ...p[w] ?? {},
+                  summary: S
+                }
+              }));
+            },
+            onPriorityChange: (S) => {
+              const w = String(c.entry?.id ?? "");
+              n((p) => ({
+                ...p,
+                [w]: {
+                  ...p[w] ?? {},
+                  priority: S
+                }
+              }));
+            },
+            onStatusChange: (S) => {
+              const w = String(c.entry?.id ?? "");
+              n((p) => ({
+                ...p,
+                [w]: {
+                  ...p[w] ?? {},
+                  status: S,
+                  state: S
+                }
+              }));
+            },
+            onIssueTypeChange: (S) => {
+              const w = String(c.entry?.id ?? "");
+              n((p) => ({
+                ...p,
+                [w]: {
+                  ...p[w] ?? {},
+                  type: S,
+                  entryType: S,
+                  issueType: S
+                }
+              }));
+            }
+          }
+        )
+      },
+      c.key
+    ) : null;
+  }) }) });
+};
+function ws({
+  currentView: e,
+  properties: i,
+  viewSettings: s,
+  setViewSettings: n,
+  setCurrentView: r
+}) {
+  const l = s.filter ?? {}, a = He(i), o = Y(
+    s.visiblePropertyIds ?? a.map((c) => c.id)
+  ), u = new Set(o), m = i.filter((c) => c.groupable), f = e.groupBy ?? null, x = f ? i.find((c) => c.id === f)?.label ?? f : "None", d = s.sortRules ?? [], y = [
+    { value: "updated", label: "Updated" },
+    { value: "priority", label: "Priority" },
+    { value: "status", label: "Status" },
+    { value: "assignee", label: "Assignee" },
+    { value: "summary", label: "Summary" }
+  ], C = d.length > 0 ? y.find((c) => c.value === d[0].property)?.label ?? d[0].property : "None", b = Re(l), N = [
+    { value: "summary", label: "Summary" },
+    { value: "status", label: "Status" },
+    { value: "priority", label: "Priority" },
+    { value: "assignee", label: "Assignee" },
+    { value: "id", label: "ID" }
+  ], j = [
+    { value: "is", label: "is", requiresValue: !0 },
+    { value: "is_not", label: "is not", requiresValue: !0 },
+    { value: "contains", label: "contains", requiresValue: !0 },
+    { value: "is_empty", label: "is empty", requiresValue: !1 },
+    { value: "is_not_empty", label: "is not empty", requiresValue: !1 }
+  ], M = "type" in l && l.type === "group" ? l : le();
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs(T, { title: "View options", children: [
+      /* @__PURE__ */ t.jsx(
+        D,
+        {
+          icon: /* @__PURE__ */ t.jsx(Ie, { size: 14 }),
+          label: "Filter",
+          submenu: "filter",
+          trailing: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            b > 0 ? `${b} active` : "None",
+            /* @__PURE__ */ t.jsx($, { size: 14 })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        D,
+        {
+          icon: /* @__PURE__ */ t.jsx(se, { size: 14 }),
+          label: "Properties",
+          submenu: "properties",
+          trailing: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            o.length,
+            /* @__PURE__ */ t.jsx($, { size: 14 })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        D,
+        {
+          icon: /* @__PURE__ */ t.jsx(ne, { size: 14 }),
+          label: "Group",
+          submenu: "group",
+          trailing: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            x,
+            /* @__PURE__ */ t.jsx($, { size: 14 })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        D,
+        {
+          icon: /* @__PURE__ */ t.jsx(Ve, { size: 14 }),
+          label: "Sort",
+          submenu: "sort",
+          trailing: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            C,
+            /* @__PURE__ */ t.jsx($, { size: 14 })
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsx(L, { id: "filter", title: "Filter", children: /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx("div", { className: "px-2", children: /* @__PURE__ */ t.jsx(
+      ee,
+      {
+        title: "Filter",
+        value: M,
+        onChange: (c) => n({ filter: c }),
+        fields: N,
+        operators: j,
+        variant: "ghost"
+      }
+    ) }) }) }),
+    /* @__PURE__ */ t.jsx(L, { id: "properties", title: "Properties", children: /* @__PURE__ */ t.jsx(T, { title: "Visible columns", children: a.map((c) => /* @__PURE__ */ t.jsx(
+      D,
+      {
+        label: c.label,
+        active: u.has(c.id),
+        disabled: c.id === "summary",
+        trailing: /* @__PURE__ */ t.jsx(t.Fragment, { children: u.has(c.id) ? "Visible" : "Hidden" }),
+        onClick: () => {
+          if (c.id === "summary")
+            return;
+          const S = u.has(c.id), w = S ? o.filter((p) => p !== c.id) : [...o, c.id];
+          n({ visiblePropertyIds: Y(w) }), S && e.groupBy === c.id && r({
+            ...e,
+            groupBy: null
+          });
+        }
+      },
+      c.id
+    )) }) }),
+    /* @__PURE__ */ t.jsx(L, { id: "group", title: "Group", children: /* @__PURE__ */ t.jsxs(T, { title: "Group by", children: [
+      /* @__PURE__ */ t.jsx(
+        D,
+        {
+          label: "None",
+          active: f === null,
+          onClick: () => {
+            r({
+              ...e,
+              groupBy: null
+            });
+          }
+        }
+      ),
+      m.length > 0 ? m.map((c) => /* @__PURE__ */ t.jsx(
+        D,
+        {
+          label: c.label,
+          active: e.groupBy === c.id,
+          onClick: () => {
+            r({
+              ...e,
+              groupBy: c.id
+            });
+          }
+        },
+        c.id
+      )) : /* @__PURE__ */ t.jsx(D, { label: "No groupable properties", disabled: !0 })
+    ] }) }),
+    /* @__PURE__ */ t.jsx(L, { id: "sort", title: "Sort", children: /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx("div", { className: "px-2", children: /* @__PURE__ */ t.jsx(
+      te,
+      {
+        title: "Sort",
+        value: d,
+        onChange: (c) => n({ sortRules: c }),
+        fields: y,
+        variant: "ghost"
+      }
+    ) }) }) })
+  ] });
+}
+Ue.SettingsMenu = ws;
+function ks() {
+  const e = Q(), i = e.currentView, s = e.properties;
+  if (!i)
+    return null;
+  const n = i.settings ?? {}, r = n.sortRules ?? [], l = He(s), a = Y(
+    n.visiblePropertyIds ?? l.map((j) => j.id)
+  ), o = s.filter((j) => j.groupable), u = e.setCurrentView, m = (j) => {
+    u({
+      ...i,
+      settings: {
+        ...i.settings ?? {},
+        ...j
+      }
+    });
+  }, f = [
+    { value: "summary", label: "Summary" },
+    { value: "status", label: "Status" },
+    { value: "priority", label: "Priority" },
+    { value: "assignee", label: "Assignee" },
+    { value: "id", label: "ID" }
+  ], x = [
+    { value: "is", label: "is", requiresValue: !0 },
+    { value: "is_not", label: "is not", requiresValue: !0 },
+    { value: "contains", label: "contains", requiresValue: !0 },
+    { value: "is_empty", label: "is empty", requiresValue: !1 },
+    { value: "is_not_empty", label: "is not empty", requiresValue: !1 }
+  ], d = [
+    { value: "updated", label: "Updated" },
+    { value: "priority", label: "Priority" },
+    { value: "status", label: "Status" },
+    { value: "assignee", label: "Assignee" },
+    { value: "summary", label: "Summary" }
+  ], y = n.filter && typeof n.filter == "object" && "type" in n.filter ? n.filter : le(), C = !!i.groupBy, b = r.length > 0, N = Le(n.filter);
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ t.jsx(
+        K,
+        {
+          title: /* @__PURE__ */ t.jsx(ne, { size: 16, stroke: "#8D8D8D" }),
+          kind: "icon",
+          variant: C ? "accent" : "ghost",
+          showCaret: !1,
+          children: /* @__PURE__ */ t.jsxs("div", { className: "w-56 p-1", children: [
+            /* @__PURE__ */ t.jsx(B, { onSelect: () => u({ ...i, groupBy: null }), children: "None" }),
+            o.map((j) => /* @__PURE__ */ t.jsx(
+              B,
+              {
+                onSelect: () => u({ ...i, groupBy: j.id }),
+                children: j.label
+              },
+              j.id
+            ))
+          ] })
+        }
+      ),
+      C ? /* @__PURE__ */ t.jsx(A, { kind: "icon", variant: "ghost", onClick: () => u({ ...i, groupBy: null }), children: /* @__PURE__ */ t.jsx(P, { size: 14, stroke: "#8D8D8D" }) }) : null
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ t.jsx(
+        te,
+        {
+          title: "Sort",
+          kind: "icon",
+          variant: b ? "accent" : "ghost",
+          showCaret: !1,
+          value: r,
+          onChange: (j) => m({ sortRules: j }),
+          fields: d
+        }
+      ),
+      b ? /* @__PURE__ */ t.jsx(A, { kind: "icon", variant: "ghost", onClick: () => m({ sortRules: [] }), children: /* @__PURE__ */ t.jsx(P, { size: 14, stroke: "#8D8D8D" }) }) : null
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ t.jsx(
+        ee,
+        {
+          title: "Filter",
+          kind: "icon",
+          variant: N ? "accent" : "ghost",
+          showCaret: !1,
+          value: y,
+          onChange: (j) => m({ filter: j }),
+          fields: f,
+          operators: x
+        }
+      ),
+      N ? /* @__PURE__ */ t.jsx(A, { kind: "icon", variant: "ghost", onClick: () => m({ filter: void 0 }), children: /* @__PURE__ */ t.jsx(P, { size: 14, stroke: "#8D8D8D" }) }) : null
+    ] }),
+    /* @__PURE__ */ t.jsx(K, { title: /* @__PURE__ */ t.jsx(se, { size: 16, stroke: "#8D8D8D" }), kind: "icon", variant: "ghost", showCaret: !1, children: /* @__PURE__ */ t.jsx("div", { className: "w-56 p-1", children: l.map((j) => {
+      const M = a.includes(j.id), c = M ? a.filter((S) => S !== j.id) : [...a, j.id];
+      return /* @__PURE__ */ t.jsx(
+        B,
+        {
+          disabled: j.id === "summary",
+          onSelect: () => {
+            j.id !== "summary" && m({ visiblePropertyIds: Y(c) });
+          },
+          children: /* @__PURE__ */ t.jsxs("span", { className: "flex items-center justify-between w-full", children: [
+            /* @__PURE__ */ t.jsx("span", { children: j.label }),
+            /* @__PURE__ */ t.jsx("span", { className: "text-text-muted text-xs", children: M ? "Visible" : "Hidden" })
+          ] })
+        },
+        j.id
+      );
+    }) }) })
+  ] });
+}
+Ue.ToolbarActions = ks;
+function Cs({ entry: e }) {
+  return /* @__PURE__ */ t.jsx("div", { className: "flex items-center px-6 border-b border-[#2A2A2A] h-11 bg-[#141414]", children: e.id });
+}
+const Rs = (e) => {
+  const i = e.renderEntry ?? Cs;
+  return /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx("h1", { children: "Grid Layout" }),
+    e.entries.map((s) => /* @__PURE__ */ t.jsx(i, { entry: s }, s.id))
+  ] });
+};
+function Ms({ entry: e }) {
+  return /* @__PURE__ */ t.jsx("div", { className: "flex items-center px-6 border-b border-[#2A2A2A] h-11 bg-[#141414]", children: e.id });
+}
+const Ls = (e) => {
+  const i = e.renderEntry ?? Ms;
+  return /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx("h1", { children: "Table Layout" }),
+    e.entries.map((s) => /* @__PURE__ */ t.jsx(i, { entry: s }, s.id))
+  ] });
+}, Ns = ["summary"];
+function de(e) {
+  return Array.from(/* @__PURE__ */ new Set([...e, ...Ns]));
+}
+function Es(e) {
+  const i = [...e], s = (n) => i.some((r) => r.id === n);
+  return s("summary") || i.unshift({ id: "summary", label: "Summary" }), !s("type") && !s("entryType") && !s("issueType") && i.push({ id: "type", label: "Type" }), i;
+}
+function Is({
+  entry: e,
+  onSummaryChange: i,
+  onPriorityChange: s,
+  onStatusChange: n,
+  onIssueTypeChange: r,
+  visiblePropertySet: l
+}) {
+  const a = ie(e), o = cs(e), u = e?.status ? String(e.status) : e?.state ? String(e.state) : "", m = us(e), f = re(e), x = String(e?.entryType ?? e?.issueType ?? e?.type ?? "user story").toLowerCase(), d = l.has("summary"), y = l.has("id"), C = l.has("status") || l.has("state"), b = l.has("type") || l.has("entryType") || l.has("issueType"), N = l.has("priority"), j = l.has("assignee"), M = y || b || C || N || j, c = (() => {
+    switch (x) {
+      case "bug":
+        return fe;
+      case "docs":
+      case "documentation":
+        return ge;
+      case "feature":
+        return xe;
+      case "task":
+        return pe;
+      default:
+        return me;
+    }
+  })();
+  return /* @__PURE__ */ t.jsxs("div", { className: "rounded border border-[#2A2A2A] bg-[#141414] p-3 text-sm", children: [
+    d ? /* @__PURE__ */ t.jsx(Ge, { value: f, onChange: i }) : null,
+    M ? /* @__PURE__ */ t.jsxs("div", { className: "flex row justify-between items-center px-1", children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "flex row gap-2 items-center min-w-0", children: [
+        b ? /* @__PURE__ */ t.jsx(We, { value: x, onChange: r }) : null,
+        y ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          b ? null : /* @__PURE__ */ t.jsx(c, { size: 14, stroke: "#608a23" }),
+          /* @__PURE__ */ t.jsx("div", { className: "text-xs text-text-primary", children: a })
+        ] }) : null,
+        C ? /* @__PURE__ */ t.jsx($e, { value: u, onChange: n }) : null
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 text-xs text-text-primary", children: [
+        N ? /* @__PURE__ */ t.jsx(qe, { value: o, onChange: s }) : null,
+        j ? /* @__PURE__ */ t.jsx(Ee, { name: String(m ?? ""), size: "xs" }) : null
+      ] })
+    ] }) : null
+  ] });
+}
+function Vs(e, i) {
+  if (!i)
+    return [{ key: "all", label: "All", entries: e }];
+  const s = /* @__PURE__ */ new Map();
+  return e.forEach((n) => {
+    const r = n?.[i], l = r == null || r === "" ? "Ungrouped" : String(r);
+    s.has(l) || s.set(l, []), s.get(l).push(n);
+  }), Array.from(s.entries()).map(([n, r]) => ({
+    key: `${i}-${n}`,
+    label: n,
+    entries: r
+  }));
+}
+const Ke = (e) => {
+  const i = e.renderEntry, s = v.useMemo(
+    () => e.properties && e.properties.length > 0 ? e.properties : [{ id: "id", label: "ID" }],
+    [e.properties]
+  ), n = v.useMemo(
+    () => de(
+      e.viewSettings?.visiblePropertyIds ?? s.map((w) => w.id)
+    ),
+    [e.viewSettings?.visiblePropertyIds, s]
+  ), r = v.useMemo(() => new Set(n), [n]), [l, a] = v.useState(e.entries), [o, u] = v.useState(null), [m, f] = v.useState(null);
+  v.useEffect(() => {
+    a(e.entries);
+  }, [e.entries]);
+  const x = e.groupBy ?? "status", d = typeof e.viewSettings?.sortBy == "string" ? e.viewSettings.sortBy : "updated", y = v.useMemo(
+    () => e.viewSettings?.quickFilters ?? {},
+    [e.viewSettings?.quickFilters]
+  ), C = e.viewSettings?.sortRules ?? [], b = v.useMemo(
+    () => e.viewSettings?.filter ?? {},
+    [e.viewSettings?.filter]
+  ), N = v.useMemo(
+    () => Oe(l, b),
+    [l, b]
+  ), j = v.useMemo(
+    () => Be(N, y),
+    [N, y]
+  ), M = Pe(j, C, d), c = Vs(M, x), S = (w, p) => {
+    a(
+      (E) => E.map(
+        (z) => String(z?.id) === w ? {
+          ...z,
+          ...p
+        } : z
+      )
+    );
+  };
+  return /* @__PURE__ */ t.jsx("div", { className: "h-full min-h-0 overflow-auto p-3", children: /* @__PURE__ */ t.jsx("div", { className: "flex min-w-max gap-3", children: c.map((w) => /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      onDragEnter: (p) => {
+        p.preventDefault(), f(w.key);
+      },
+      onDragOver: (p) => {
+        p.preventDefault(), p.dataTransfer.dropEffect = "move";
+      },
+      onDragLeave: () => {
+        m === w.key && f(null);
+      },
+      onDrop: (p) => {
+        p.preventDefault();
+        const E = p.dataTransfer.getData("text/plain") || o;
+        E && (a((z) => {
+          if (!z.find((R) => String(R?.id) === E) || !x)
+            return z;
+          const F = w.label === "Ungrouped" ? null : w.label;
+          return z.map(
+            (R) => String(R?.id) === E ? {
+              ...R,
+              [x]: F
+            } : R
+          );
+        }), f(null), u(null));
+      },
+      className: `w-72 min-w-72 rounded border bg-[#111111] ${m === w.key ? "border-border-default" : "border-[#2A2A2A]"}`,
+      children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between border-b border-border-default px-3 py-2 text-sm", children: [
+          /* @__PURE__ */ t.jsx("span", { className: "text-text-primary", children: w.label }),
+          /* @__PURE__ */ t.jsx("span", { className: "text-text-muted", children: w.entries.length })
+        ] }),
+        /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-2 p-2", children: w.entries.map((p) => /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            draggable: !0,
+            onDragStart: (E) => {
+              const z = String(p?.id);
+              u(z), E.dataTransfer.setData("text/plain", z), E.dataTransfer.effectAllowed = "move";
+            },
+            onDragEnd: () => {
+              u(null), f(null);
+            },
+            className: `cursor-grab active:cursor-grabbing ${o && String(p?.id) === o ? "opacity-50" : ""}`,
+            children: i ? /* @__PURE__ */ t.jsx(i, { entry: p }) : /* @__PURE__ */ t.jsx(
+              Is,
+              {
+                entry: p,
+                visiblePropertySet: r,
+                onSummaryChange: (E) => {
+                  S(String(p?.id), { summary: E });
+                },
+                onPriorityChange: (E) => {
+                  S(String(p?.id), { priority: E });
+                },
+                onStatusChange: (E) => {
+                  S(String(p?.id), { status: E });
+                },
+                onIssueTypeChange: (E) => {
+                  S(String(p?.id), {
+                    entryType: E,
+                    type: E,
+                    issueType: E
+                  });
+                }
+              }
+            )
+          },
+          p.id
+        )) })
+      ]
+    },
+    w.key
+  )) }) });
+};
+function As({
+  currentView: e,
+  properties: i,
+  viewSettings: s,
+  setViewSettings: n,
+  setCurrentView: r
+}) {
+  const l = i.filter((c) => c.groupable), a = Es(i), o = de(
+    s.visiblePropertyIds ?? a.map((c) => c.id)
+  ), u = new Set(o), m = e.groupBy ?? "status", f = m ? i.find((c) => c.id === m)?.label ?? m : "None", x = s.filter ?? {}, d = Re(x), y = s.sortRules ?? [], C = [
+    { value: "updated", label: "Updated" },
+    { value: "priority", label: "Priority" },
+    { value: "status", label: "Status" },
+    { value: "assignee", label: "Assignee" },
+    { value: "summary", label: "Summary" }
+  ], b = y.length > 0 ? C.find((c) => c.value === y[0].property)?.label ?? y[0].property : "None", N = [
+    { value: "summary", label: "Summary" },
+    { value: "status", label: "Status" },
+    { value: "priority", label: "Priority" },
+    { value: "assignee", label: "Assignee" },
+    { value: "id", label: "ID" }
+  ], j = [
+    { value: "is", label: "is", requiresValue: !0 },
+    { value: "is_not", label: "is not", requiresValue: !0 },
+    { value: "contains", label: "contains", requiresValue: !0 },
+    { value: "is_empty", label: "is empty", requiresValue: !1 },
+    { value: "is_not_empty", label: "is not empty", requiresValue: !1 }
+  ], M = "type" in x && x.type === "group" ? x : le();
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs(T, { title: "View options", children: [
+      /* @__PURE__ */ t.jsx(
+        D,
+        {
+          icon: /* @__PURE__ */ t.jsx(Ie, { size: 14 }),
+          label: "Filter",
+          submenu: "filter",
+          trailing: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            d > 0 ? `${d} active` : "None",
+            /* @__PURE__ */ t.jsx($, { size: 14 })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        D,
+        {
+          icon: /* @__PURE__ */ t.jsx(se, { size: 14 }),
+          label: "Properties",
+          submenu: "properties",
+          trailing: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            o.length,
+            /* @__PURE__ */ t.jsx($, { size: 14 })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        D,
+        {
+          icon: /* @__PURE__ */ t.jsx(ne, { size: 14 }),
+          label: "Group",
+          submenu: "group",
+          trailing: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            f,
+            /* @__PURE__ */ t.jsx($, { size: 14 })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        D,
+        {
+          icon: /* @__PURE__ */ t.jsx(Ve, { size: 14 }),
+          label: "Sort",
+          submenu: "sort",
+          trailing: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            b,
+            /* @__PURE__ */ t.jsx($, { size: 14 })
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsx(L, { id: "properties", title: "Properties", children: /* @__PURE__ */ t.jsx(T, { title: "Visible columns", children: a.map((c) => /* @__PURE__ */ t.jsx(
+      D,
+      {
+        label: c.label,
+        active: u.has(c.id),
+        disabled: c.id === "summary",
+        trailing: /* @__PURE__ */ t.jsx(t.Fragment, { children: u.has(c.id) ? "Visible" : "Hidden" }),
+        onClick: () => {
+          if (c.id === "summary")
+            return;
+          const S = u.has(c.id), w = S ? o.filter((p) => p !== c.id) : [...o, c.id];
+          n({ visiblePropertyIds: de(w) }), S && e.groupBy === c.id && r({
+            ...e,
+            groupBy: null
+          });
+        }
+      },
+      c.id
+    )) }) }),
+    /* @__PURE__ */ t.jsx(L, { id: "filter", title: "Filter", children: /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx("div", { className: "px-2", children: /* @__PURE__ */ t.jsx(
+      ee,
+      {
+        title: "Filter",
+        value: M,
+        onChange: (c) => {
+          r({
+            ...e,
+            settings: {
+              ...e.settings ?? {},
+              filter: c
+            }
+          });
+        },
+        fields: N,
+        operators: j,
+        variant: "ghost"
+      }
+    ) }) }) }),
+    /* @__PURE__ */ t.jsx(L, { id: "group", title: "Group", children: /* @__PURE__ */ t.jsx(T, { title: "Group by", children: l.length > 0 ? l.map((c) => /* @__PURE__ */ t.jsx(
+      D,
+      {
+        label: c.label,
+        active: e.groupBy === c.id,
+        onClick: () => {
+          r({
+            ...e,
+            groupBy: c.id
+          });
+        }
+      },
+      c.id
+    )) : /* @__PURE__ */ t.jsx(D, { label: "No groupable properties", disabled: !0 }) }) }),
+    /* @__PURE__ */ t.jsx(L, { id: "sort", title: "Sort", children: /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx("div", { className: "px-2", children: /* @__PURE__ */ t.jsx(
+      te,
+      {
+        title: "Sort",
+        value: y,
+        onChange: (c) => {
+          n({ sortRules: c });
+        },
+        fields: C,
+        variant: "ghost"
+      }
+    ) }) }) })
+  ] });
+}
+Ke.SettingsMenu = As;
+function Ds() {
+  const e = Q(), i = e.currentView, s = e.properties;
+  if (!i)
+    return null;
+  const n = i.settings ?? {}, r = n.sortRules ?? [], l = s.filter((b) => b.groupable), a = [
+    { value: "summary", label: "Summary" },
+    { value: "status", label: "Status" },
+    { value: "priority", label: "Priority" },
+    { value: "assignee", label: "Assignee" },
+    { value: "id", label: "ID" }
+  ], o = [
+    { value: "is", label: "is", requiresValue: !0 },
+    { value: "is_not", label: "is not", requiresValue: !0 },
+    { value: "contains", label: "contains", requiresValue: !0 },
+    { value: "is_empty", label: "is empty", requiresValue: !1 },
+    { value: "is_not_empty", label: "is not empty", requiresValue: !1 }
+  ], u = [
+    { value: "updated", label: "Updated" },
+    { value: "priority", label: "Priority" },
+    { value: "status", label: "Status" },
+    { value: "assignee", label: "Assignee" },
+    { value: "summary", label: "Summary" }
+  ], m = n.filter && typeof n.filter == "object" && "type" in n.filter ? n.filter : le(), f = !!i.groupBy, x = r.length > 0, d = Le(n.filter), y = e.setCurrentView, C = (b) => {
+    y({
+      ...i,
+      settings: {
+        ...i.settings ?? {},
+        ...b
+      }
+    });
+  };
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ t.jsx(
+        K,
+        {
+          title: /* @__PURE__ */ t.jsx(ne, { size: 16, stroke: "#8D8D8D" }),
+          kind: "icon",
+          variant: f ? "accent" : "ghost",
+          showCaret: !1,
+          children: /* @__PURE__ */ t.jsxs("div", { className: "w-56 p-1", children: [
+            /* @__PURE__ */ t.jsx(B, { onSelect: () => y({ ...i, groupBy: null }), children: "None" }),
+            l.map((b) => /* @__PURE__ */ t.jsx(
+              B,
+              {
+                onSelect: () => y({ ...i, groupBy: b.id }),
+                children: b.label
+              },
+              b.id
+            ))
+          ] })
+        }
+      ),
+      f ? /* @__PURE__ */ t.jsx(A, { kind: "icon", variant: "ghost", onClick: () => y({ ...i, groupBy: null }), children: /* @__PURE__ */ t.jsx(P, { size: 14, stroke: "#8D8D8D" }) }) : null
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ t.jsx(
+        te,
+        {
+          title: "Sort",
+          kind: "icon",
+          variant: x ? "accent" : "ghost",
+          showCaret: !1,
+          value: r,
+          onChange: (b) => C({ sortRules: b }),
+          fields: u
+        }
+      ),
+      x ? /* @__PURE__ */ t.jsx(A, { kind: "icon", variant: "ghost", onClick: () => C({ sortRules: [] }), children: /* @__PURE__ */ t.jsx(P, { size: 14, stroke: "#8D8D8D" }) }) : null
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ t.jsx(
+        ee,
+        {
+          title: "Filter",
+          kind: "icon",
+          variant: d ? "accent" : "ghost",
+          showCaret: !1,
+          value: m,
+          onChange: (b) => C({ filter: b }),
+          fields: a,
+          operators: o
+        }
+      ),
+      d ? /* @__PURE__ */ t.jsx(A, { kind: "icon", variant: "ghost", onClick: () => C({ filter: void 0 }), children: /* @__PURE__ */ t.jsx(P, { size: 14, stroke: "#8D8D8D" }) }) : null
+    ] })
+  ] });
+}
+Ke.ToolbarActions = Ds;
+function zs({ entry: e }) {
+  return /* @__PURE__ */ t.jsx("div", { className: "flex items-center px-6 border-b border-[#2A2A2A] h-11 bg-[#141414]", children: e.id });
+}
+const Ps = (e) => {
+  const i = e.renderEntry ?? zs;
+  return /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx("h1", { children: "Gantt Layout" }),
+    e.entries.map((s) => /* @__PURE__ */ t.jsx(i, { entry: s }, s.id))
+  ] });
+};
+export {
+  Ts as MtCollection,
+  Ke as MtCollectionBoardLayout,
+  Ps as MtCollectionGanttLayout,
+  Rs as MtCollectionGridLayout,
+  Ue as MtCollectionListLayout,
+  Ls as MtCollectionTableLayout,
+  Ht as MtCollectionToolbar,
+  Qt as MtCollectionViewSettings
+};