@ynput/ayon-frontend-shared 0.9.0 → 0.10.0

package/dist/chunks/MetaWidget.es.js

@@ -2,18 +2,18 @@ import { jsx as s, jsxs as M, Fragment as he } from "react/jsx-runtime";
 import { useRef as Q, useState as G, useLayoutEffect as Mt, createElement as Fn, forwardRef as Se, useEffect as q, Fragment as wt, useMemo as ee, useCallback as Y, createContext as ye, useContext as ae, memo as kt } from "react";
 import W from "clsx";
 import x, { css as Ot } from "styled-components";
-import { Icon as re, getTextColor as Hn, Dropdown as cn, FormRow as Je, Dialog as dn, InputText as et, IconSelect as Bn, ColorPicker as Wn, Button as xe, SaveButton as Un, TagsSelect as Kn, BorderedSection as zt, theme as Ke, getMixedCounts as Vn, applyMixedChange as Gn } from "@ynput/ayon-react-components";
+import { Icon as re, getTextColor as Hn, Dropdown as cn, FormRow as Ze, Dialog as dn, InputText as tt, IconSelect as Bn, ColorPicker as Wn, Button as xe, SaveButton as Un, TagsSelect as Kn, BorderedSection as zt, theme as Ke, getMixedCounts as Vn, applyMixedChange as Gn } from "@ynput/ayon-react-components";
 import "@module-federation/enhanced/runtime";
 import "@ynput/ayon-addon/host";
 import { toast as we } from "react-toastify";
 import { bC as jn, bs as Tt, bL as Yn, bD as qn, a as Qn } from "./searchTerms.es.js";
-import { bv as Jn, d8 as Zn, bG as Xn, L as er, a2 as tr, c0 as at, aZ as nr, aK as rr, cj as or, v as ir, dB as ar, dr as sr, cA as lr, aj as cr } from "./getUris.es.js";
+import { bv as Jn, d8 as Zn, bG as Xn, L as er, a2 as tr, c0 as st, aZ as nr, aK as rr, cj as or, v as ir, dB as ar, dr as sr, cA as lr, aj as cr } from "./getUris.es.js";
 import "primereact/confirmdialog";
 import { upperFirst as He, debounce as un } from "lodash";
 import "uuid";
-import { e as dr, g as Ze, d as yt, b as pn, p as Ft, c as ur, a as pr } from "./iconUtils.es.js";
+import { e as dr, g as Xe, d as yt, b as pn, p as Ft, c as ur, a as pr } from "./iconUtils.es.js";
 import "axios";
-import { s as Be, b as mr, c as mn } from "./TableExportContextInstance.es.js";
+import { o as Be, b as mr, c as mn } from "./TableExportContextInstance.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "react-dom";
@@ -22,7 +22,7 @@ import { e as ft, P as gr, a6 as hr, r as We, J as Ct, as as yr, G as fr, s as b
 import "lexical";
 import "@lexical/markdown";
 import "match-sorter";
-import { parseISO as st, isValid as Ht, subMilliseconds as bt, format as Sr } from "date-fns";
+import { parseISO as lt, isValid as Ht, subMilliseconds as bt, format as Sr } from "date-fns";
 import "@lexical/code";
 import "@lexical/list";
 import "@lexical/rich-text";
@@ -32,7 +32,7 @@ import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@lexical/react/LexicalDecoratorBlockNode";
 import "@ynput/ayon-addon";
 import { sortingFns as Ne } from "@tanstack/react-table";
-import { W as Ir, l as _e, L as $e, R as Bt, g as lt, C as Er, m as Rr } from "./realtimeUpdatesUtils.es.js";
+import { W as Ir, l as _e, L as $e, R as Bt, g as ct, C as Er, m as Rr } from "./realtimeUpdatesUtils.es.js";
 import gn, { defaultUrlTransform as Lr } from "react-markdown";
 import hn from "remark-gfm";
 import { useSelector as Wt } from "react-redux";
@@ -110,27 +110,27 @@ const _r = x.div`
     if (!m || g.length === 0 || g.length !== e.length) return;
     const S = Array.from(m.querySelectorAll(".offscreen-chip"));
     if (S.length !== e.length) return;
-    const u = parseFloat(getComputedStyle(m).rowGap) || 0, b = S.map((I) => I.getBoundingClientRect().width), y = S[0].getBoundingClientRect().height, w = m.querySelector(".offscreen-more-chip")?.getBoundingClientRect().width || 60, R = (I, T, z) => {
+    const p = parseFloat(getComputedStyle(m).rowGap) || 0, b = S.map((E) => E.getBoundingClientRect().width), y = S[0].getBoundingClientRect().height, w = m.querySelector(".offscreen-more-chip")?.getBoundingClientRect().width || 60, R = (E, T, z) => {
       let H = 1, B = 0;
       const A = (P, U) => {
-        U ? B = P : B + u + P <= z ? B += u + P : (H++, B = P);
+        U ? B = P : B + p + P <= z ? B += p + P : (H++, B = P);
       };
-      for (let P = 0; P < I; P++) A(b[P], P === 0);
-      return T && A(T, I === 0), H;
+      for (let P = 0; P < E; P++) A(b[P], P === 0);
+      return T && A(T, E === 0), H;
     }, _ = () => {
-      const I = m.getBoundingClientRect().width, T = m.offsetHeight, z = y ? Math.max(1, Math.floor((T + u) / (y + u))) : 1;
+      const E = m.getBoundingClientRect().width, T = m.offsetHeight, z = y ? Math.max(1, Math.floor((T + p) / (y + p))) : 1;
       let H = e.length;
-      for (; H > 1 && R(H, H < e.length ? w : 0, I) > z; )
+      for (; H > 1 && R(H, H < e.length ? w : 0, E) > z; )
         H--;
       c(
         (B) => B.visibleCount === H && B.rows === z ? B : { visibleCount: H, rows: z }
       );
-    }, E = new ResizeObserver(_);
-    return E.observe(m), _(), () => E.disconnect();
+    }, I = new ResizeObserver(_);
+    return I.observe(m), _(), () => I.disconnect();
   }, [e, g]), t) return null;
   if (!e.length)
     return /* @__PURE__ */ s(Mr, { icon: "add", className: o?.chip?.className });
-  const f = e.slice(0, i), p = i ? e.length - f.length : 0;
+  const f = e.slice(0, i), u = i ? e.length - f.length : 0;
   return /* @__PURE__ */ M(_r, { ref: a, className: W(n, { "multi-row": l > 1 }), children: [
     f.map((m, S) => /* @__PURE__ */ Fn(
       It,
@@ -139,10 +139,10 @@ const _r = x.div`
         key: m.label + S,
         "data-tooltip": m.tooltip,
         onClick: m.onClick ?? o?.chip?.onClick,
-        onMouseDown: m.onClick ? (u) => u.stopPropagation() : o?.chip?.onMouseDown,
+        onMouseDown: m.onClick ? (p) => p.stopPropagation() : o?.chip?.onMouseDown,
         className: W(
           "chip",
-          { last: S === f.length - 1 && p > 0 },
+          { last: S === f.length - 1 && u > 0 },
           o?.chip?.className
         )
       },
@@ -151,9 +151,9 @@ const _r = x.div`
       m.label,
       m.suffix
     )),
-    p > 0 && /* @__PURE__ */ M($r, { className: W("more-chip", o?.chip?.className), children: [
+    u > 0 && /* @__PURE__ */ M($r, { className: W("more-chip", o?.chip?.className), children: [
       "+",
-      p
+      u
     ] }),
     g.map((m, S) => /* @__PURE__ */ M(Ut, { className: "offscreen-chip", children: [
       m.prefix,
@@ -203,10 +203,10 @@ const _r = x.div`
   }, l) => {
     const [c, g] = G(() => {
       if (e) {
-        const u = st(e);
-        if (Ht(u))
+        const p = lt(e);
+        if (Ht(p))
           return ft(
-            a ? bt(u, 1) : u,
+            a ? bt(p, 1) : p,
             "yyyy-MM-dd"
           );
       }
@@ -214,10 +214,10 @@ const _r = x.div`
     });
     q(() => {
       if (e) {
-        const u = st(e);
-        Ht(u) ? g(
+        const p = lt(e);
+        Ht(p) ? g(
           ft(
-            a ? bt(u, 1) : u,
+            a ? bt(p, 1) : p,
             "yyyy-MM-dd"
           )
         ) : g("");
@@ -228,28 +228,28 @@ const _r = x.div`
       o && d.current && (d.current.focus(), setTimeout(() => {
         try {
           d.current?.showPicker();
-        } catch (u) {
-          console.debug("Date picker could not be shown automatically:", u);
+        } catch (p) {
+          console.debug("Date picker could not be shown automatically:", p);
         }
       }, 100));
     }, [o]);
-    const f = (u) => {
-      u.preventDefault();
+    const f = (p) => {
+      p.preventDefault();
       try {
         d.current?.showPicker();
       } catch (b) {
         console.debug("Date picker could not be shown on click:", b);
       }
-    }, p = (u) => {
+    }, u = (p) => {
       if (c) {
         const [b, y, w] = c.split("-").map(Number);
         if (b && y && w) {
           const _ = new Date(Date.UTC(b, y - 1, w + Number(a))).toISOString();
-          if (u === "Enter")
-            return t(_, u), !0;
-          if (u === "Click") {
-            const E = e ? st(e).toISOString() : "";
-            return _ !== E ? (t(_, u), !0) : !1;
+          if (p === "Enter")
+            return t(_, p), !0;
+          if (p === "Click") {
+            const I = e ? lt(e).toISOString() : "";
+            return _ !== I ? (t(_, p), !0) : !1;
           }
         }
       }
@@ -262,25 +262,25 @@ const _r = x.div`
         ref: d,
         type: "date",
         value: c,
-        onChange: (u) => g(u.target.value),
+        onChange: (p) => g(p.target.value),
         onBlur: () => {
-          p("Click") || n?.();
+          u("Click") || n?.();
         },
-        onKeyDown: (u) => {
-          u.key === "Enter" ? (u.preventDefault(), p("Enter"), d.current?.blur()) : u.key === "Escape" && (u.preventDefault(), n?.());
+        onKeyDown: (p) => {
+          p.key === "Enter" ? (p.preventDefault(), u("Enter"), d.current?.blur()) : p.key === "Escape" && (p.preventDefault(), n?.());
         },
         onClick: f
       }
     );
   }
-), rt = (e, ...t) => Ot`
+), ot = (e, ...t) => Ot`
   @container cell (min-height: ${Ir}px) {
     ${Ot(e, ...t)}
   }
 `, Br = x.span`
   white-space: nowrap;
 
-  ${rt`
+  ${ot`
     white-space: normal;
   `}
 `, Wr = x.span`
@@ -297,13 +297,13 @@ const _r = x.div`
     isMidnightExclusive: c = !1,
     ...g
   }, d) => {
-    let f = "", p = !1;
+    let f = "", u = !1;
     if (e)
       try {
-        const S = l ? "dd-MM-yyyy HH:mm:ss" : "dd-MM-yyyy", u = c ? bt(new Date(e), 1) : new Date(e);
-        f = l ? Sr(u, S) : ft(u, S);
+        const S = l ? "dd-MM-yyyy HH:mm:ss" : "dd-MM-yyyy", p = c ? bt(new Date(e), 1) : new Date(e);
+        f = l ? Sr(p, S) : ft(p, S);
       } catch {
-        console.error("Invalid date value:", e), f = "Invalid Date", p = !0;
+        console.error("Invalid date value:", e), f = "Invalid Date", u = !0;
       }
     if (t)
       return /* @__PURE__ */ s(
@@ -318,11 +318,11 @@ const _r = x.div`
           ...g
         }
       );
-    const m = f && !p ? f.split(" ") : [];
-    return /* @__PURE__ */ s(Br, { ...g, ref: d, children: p ? f : m.map((S, u) => /* @__PURE__ */ M(wt, { children: [
-      u > 0 && " ",
+    const m = f && !u ? f.split(" ") : [];
+    return /* @__PURE__ */ s(Br, { ...g, ref: d, children: u ? f : m.map((S, p) => /* @__PURE__ */ M(wt, { children: [
+      p > 0 && " ",
       /* @__PURE__ */ s(Wr, { children: S })
-    ] }, u)) });
+    ] }, p)) });
   }
 ), Kr = "edit-trigger", vt = x.span`
   text-align: left;
@@ -365,7 +365,7 @@ const _r = x.div`
   }
 
   /* wrapped rows sit on a fixed row lattice, so the height clip can only land between rows */
-  ${rt`
+  ${ot`
     &.multi-select:not(.item) {
       .values {
         --wrap-row-height: 24px;
@@ -459,15 +459,15 @@ const _r = x.div`
   iconOnlyColor: g = !1,
   className: d,
   pt: f,
-  ...p
+  ...u
 }) => {
   const {
     icon: m = {},
     img: S = {},
-    value: u = {},
+    value: p = {},
     expand: b = {},
     close: y = {}
-  } = f || {}, { style: w, className: R, ..._ } = m, { style: E, className: I, ...T } = S, { style: z, className: H, ...B } = u, { style: A, className: P, ...U } = b, { style: r, className: h, ...v } = y, N = e.every((k) => k.icon), C = !n || !N, L = !N && o && !i, D = !e.length && t;
+  } = f || {}, { style: w, className: R, ..._ } = m, { style: I, className: E, ...T } = S, { style: z, className: H, ...B } = p, { style: A, className: P, ...U } = b, { style: r, className: h, ...v } = y, N = e.every((k) => k.icon), C = !n || !N, L = !N && o && !i, D = !e.length && t;
   return D && (e = [
     {
       label: t,
@@ -481,7 +481,7 @@ const _r = x.div`
         item: i,
         "multi-select": o
       }),
-      ...p,
+      ...u,
       children: [
         /* @__PURE__ */ s(Gr, { className: "values", children: e.map((k, O) => /* @__PURE__ */ M(
           jr,
@@ -492,8 +492,8 @@ const _r = x.div`
                 Yr,
                 {
                   src: k.icon,
-                  className: W({ avatar: Jr(k.icon) }, I),
-                  style: E,
+                  className: W({ avatar: Jr(k.icon) }, E),
+                  style: I,
                   "data-tooltip": k.label,
                   ...T
                 }
@@ -557,7 +557,7 @@ const _r = x.div`
   width: 100%;
 
   /* the value template clips against the button, so it has to grow with the cell */
-  ${({ $multiSelect: e }) => e && rt`
+  ${({ $multiSelect: e }) => e && ot`
       .button {
         height: 100%;
       }
@@ -575,10 +575,10 @@ const _r = x.div`
     onOpen: g,
     onChange: d,
     onCancelEdit: f,
-    onNext: p,
+    onNext: u,
     pt: m,
     ...S
-  }, u) => {
+  }, p) => {
     const b = JSON.stringify(e), y = ee(
       () => e.map((A) => A?.toString()).filter((A) => !!A),
       // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -600,15 +600,15 @@ const _r = x.div`
         w = [...w, P], R.push(P);
       }
     });
-    const _ = w.length > 1, E = [...jn(n, y), ...R], I = Q(null), [T, z] = G(!1);
+    const _ = w.length > 1, I = [...jn(n, y), ...R], E = Q(null), [T, z] = G(!1);
     q(() => {
-      t && I.current && a ? (!I.current.isOpen && I.current?.open(), z(!0)) : z(!1);
-    }, [t, I.current, a]), q(() => {
-      if (T && !S.search && E.length < 20) {
-        const P = I.current?.getOptions()?.querySelector("li");
+      t && E.current && a ? (!E.current.isOpen && E.current?.open(), z(!0)) : z(!1);
+    }, [t, E.current, a]), q(() => {
+      if (T && !S.search && I.length < 20) {
+        const P = E.current?.getOptions()?.querySelector("li");
         P && (P.focus(), P.style.outline = "none");
       }
-    }, [T, S.search, E.length]);
+    }, [T, S.search, I.length]);
     const H = !!o?.includes("list"), B = (A) => {
       let P = l ? A : A.filter((U) => n.find((r) => r.value === U));
       o?.includes("list") || (P = Array.isArray(P) ? P[0] : P), d(P, "Click");
@@ -616,9 +616,9 @@ const _r = x.div`
     return t ? /* @__PURE__ */ s(
       Zr,
       {
-        options: E,
+        options: I,
         value: y,
-        ref: I,
+        ref: E,
         valueTemplate: (A, P, U) => /* @__PURE__ */ s(
           Ve,
           {
@@ -688,29 +688,29 @@ const _r = x.div`
   );
   return ee(() => {
     if (!a) return;
-    const g = new Set(t.map((p) => p.name)), d = (p) => {
-      i?.resolve(p), l(null);
+    const g = new Set(t.map((u) => u.name)), d = (u) => {
+      i?.resolve(u), l(null);
     }, f = {
       item: i?.item,
       isNew: i?.isNew,
       fields: ["color"],
       itemLabel: "tag",
-      onSave: ({ value: p, color: m }) => {
-        c([{ name: p, color: m || void 0 }]), d(p);
+      onSave: ({ value: u, color: m }) => {
+        c([{ name: u, color: m || void 0 }]), d(u);
       },
       onCancel: () => d()
     };
     return {
       // the dropdown's edit button and "add new" option open the dialog, and select a new tag
-      onEditOption: (p, m) => new Promise(
-        (S) => l({ item: { value: p.name || "", color: p.color || "" }, isNew: m, resolve: S })
+      onEditOption: (u, m) => new Promise(
+        (S) => l({ item: { value: u.name || "", color: u.color || "" }, isNew: m, resolve: S })
       ),
       dialog: f,
       // tags added to entities go to the anatomy too, with its default colour
-      addTags: (p) => c(p.filter((m) => m && !g.has(m)).map((m) => ({ name: m })))
+      addTags: (u) => c(u.filter((m) => m && !g.has(m)).map((m) => ({ name: m })))
     };
   }, [a, t, c, i]);
-}, to = x(Je)`
+}, to = x(Ze)`
   .field {
     padding: 4px;
     margin: -4px;
@@ -731,7 +731,7 @@ const _r = x.div`
   q(() => {
     e && c(e);
   }, [e]);
-  const g = (p) => c({ ...l, ...p }), d = l.value.trim(), f = () => d && a({ ...l, value: d });
+  const g = (u) => c({ ...l, ...u }), d = l.value.trim(), f = () => d && a({ ...l, value: d });
   return /* @__PURE__ */ s(
     "div",
     {
@@ -768,31 +768,31 @@ const _r = x.div`
             }
           },
           children: /* @__PURE__ */ M(no, { children: [
-            t && /* @__PURE__ */ s(Je, { label: "Name", children: /* @__PURE__ */ s(
-              et,
+            t && /* @__PURE__ */ s(Ze, { label: "Name", children: /* @__PURE__ */ s(
+              tt,
               {
                 value: l.value,
-                onChange: (p) => g({ value: p.target.value }),
-                onKeyDown: (p) => p.key === "Enter" && f(),
+                onChange: (u) => g({ value: u.target.value }),
+                onKeyDown: (u) => u.key === "Enter" && f(),
                 autoFocus: !0
               }
             ) }),
-            n.includes("label") && /* @__PURE__ */ s(Je, { label: "Label", children: /* @__PURE__ */ s(
-              et,
+            n.includes("label") && /* @__PURE__ */ s(Ze, { label: "Label", children: /* @__PURE__ */ s(
+              tt,
               {
                 value: l.label || "",
                 placeholder: l.value,
-                onChange: (p) => g({ label: p.target.value })
+                onChange: (u) => g({ label: u.target.value })
               }
             ) }),
-            n.includes("icon") && /* @__PURE__ */ s(Je, { label: "Icon", children: /* @__PURE__ */ s(
+            n.includes("icon") && /* @__PURE__ */ s(Ze, { label: "Icon", children: /* @__PURE__ */ s(
               Bn,
               {
                 value: l.icon ? [l.icon] : [],
-                onChange: (p) => g({ icon: p[0] })
+                onChange: (u) => g({ icon: u[0] })
               }
             ) }),
-            n.includes("color") && /* @__PURE__ */ s(to, { label: "Colour", style: { padding: 4 }, children: /* @__PURE__ */ s(Wn, { value: l.color, onChange: (p) => g({ color: p }) }) })
+            n.includes("color") && /* @__PURE__ */ s(to, { label: "Colour", style: { padding: 4 }, children: /* @__PURE__ */ s(Wn, { value: l.color, onChange: (u) => g({ color: u }) }) })
           ] })
         }
       )
@@ -813,23 +813,23 @@ const _r = x.div`
   align: g,
   className: d,
   isProjectTags: f,
-  pt: p,
+  pt: u,
   ...m
 }) => {
-  const S = JSON.stringify(e), u = ee(
-    () => e.map((I) => I?.toString()).filter((I) => !!I),
+  const S = JSON.stringify(e), p = ee(
+    () => e.map((E) => E?.toString()).filter((E) => !!E),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [S]
   ), b = ee(() => {
-    const I = {};
+    const E = {};
     for (const T of t) {
       const z = T.value.toString();
-      I[z] = { name: z, color: T.color || "" };
+      E[z] = { name: z, color: T.color || "" };
     }
-    for (const T of u) I[T] || (I[T] = { name: T, color: "" });
-    return I;
-  }, [t, u]), y = !!o && !a, w = ee(
-    () => t.map((I) => ({ name: I.value.toString() })),
+    for (const T of p) E[T] || (E[T] = { name: T, color: "" });
+    return E;
+  }, [t, p]), y = !!o && !a, w = ee(
+    () => t.map((E) => ({ name: E.value.toString() })),
     [t]
   ), R = eo(
     f && y ? n : void 0,
@@ -843,20 +843,20 @@ const _r = x.div`
         io,
         {
           ref: _,
-          value: u,
+          value: p,
           tags: b,
           options: [],
           editor: !0,
           align: g,
           placeholder: c,
-          onChange: (I) => {
-            R?.addTags(I.filter((T) => !u.includes(T))), i(I, "Click");
+          onChange: (E) => {
+            R?.addTags(E.filter((T) => !p.includes(T))), i(E, "Click");
           },
           onEditOption: R?.onEditOption,
           editOptionTooltip: "Change the colour in the project tags",
           ...m,
-          onMixedChange: m.onMixedChange && ((I) => {
-            R?.addTags(I.add), m.onMixedChange?.(I);
+          onMixedChange: m.onMixedChange && ((E) => {
+            R?.addTags(E.add), m.onMixedChange?.(E);
           }),
           onClose: l,
           className: d
@@ -864,23 +864,23 @@ const _r = x.div`
       ),
       R && /* @__PURE__ */ s(ro, { ...R.dialog })
     ] });
-  const E = u.map(
-    (I) => t.find((T) => T.value === I) ?? {
-      value: I,
-      label: I,
+  const I = p.map(
+    (E) => t.find((T) => T.value === E) ?? {
+      value: E,
+      label: E,
       color: oo
     }
   );
   return /* @__PURE__ */ s(
     Ve,
     {
-      selectedOptions: E,
-      hasMultipleValues: E.length > 1,
+      selectedOptions: I,
+      hasMultipleValues: I.length > 1,
       isMultiSelect: !0,
       isReadOnly: a,
       placeholder: c,
-      ...p?.template,
-      className: W("enum-value", p?.template?.className, d)
+      ...u?.template,
+      className: W("enum-value", u?.template?.className, d)
     }
   );
 }, so = x.input`
@@ -903,7 +903,7 @@ const _r = x.div`
   box-shadow: inset 0 0 0 2px var(--md-sys-color-primary);
 `, lo = Se(
   ({ value: e, onChange: t, onCancel: n, autoFocus: o = !0, type: a = "string", ...i }, l) => {
-    const [c, g] = G(e), d = Q(null), f = Q(!1), p = Q(e), m = (y) => {
+    const [c, g] = G(e), d = Q(null), f = Q(!1), u = Q(e), m = (y) => {
       const w = y != null ? String(y).trim() : "";
       if (y == null) return "";
       if (w === "")
@@ -921,7 +921,7 @@ const _r = x.div`
           return w;
       }
     }, S = (y) => {
-      const w = p.current;
+      const w = u.current;
       if (a !== "string") {
         const R = y == null || y === "", _ = w == null || w === "";
         if (R && _)
@@ -1118,12 +1118,12 @@ const _r = x.div`
   valueType: g = "string",
   draftValue: d,
   onEditingDraftChange: f,
-  onDismissWithoutSave: p,
+  onDismissWithoutSave: u,
   onPreviewMouseEnter: m,
   onPreviewMouseLeave: S,
-  mentionEntity: u
+  mentionEntity: p
 }) => {
-  const b = Q(d != null), y = typeof e == "string" ? e : e == null ? "" : String(e), [w, R] = G(d ?? y), _ = Q(null), E = i === "preview", I = c, T = Q(null), z = Q(!1), H = Q(null), B = Q(y);
+  const b = Q(d != null), y = typeof e == "string" ? e : e == null ? "" : String(e), [w, R] = G(d ?? y), _ = Q(null), I = i === "preview", E = c, T = Q(null), z = Q(!1), H = Q(null), B = Q(y);
   q(() => {
     B.current = y;
   }, [y]);
@@ -1138,9 +1138,9 @@ const _r = x.div`
       b.current = !1;
       return;
     }
-    !t && !E || R(y);
-  }, [t, E, y]), q(() => {
-    if (E || !t || I) {
+    !t && !I || R(y);
+  }, [t, I, y]), q(() => {
+    if (I || !t || E) {
       z.current = !1;
       return;
     }
@@ -1151,7 +1151,7 @@ const _r = x.div`
       const O = k.value.length;
       k.setSelectionRange(O, O), z.current = !0;
     });
-  }, [t, E, I]);
+  }, [t, I, E]);
   const P = Y(
     (k) => {
       const O = k.trim();
@@ -1172,7 +1172,7 @@ const _r = x.div`
     [g]
   ), U = Y(
     (k = "Click") => {
-      if (!I) {
+      if (!E) {
         const { value: F, error: te } = P(w);
         if (te) {
           we.error(te);
@@ -1192,13 +1192,13 @@ const _r = x.div`
       }
       o?.(O, k);
     },
-    [P, w, I, o, a, f]
+    [P, w, E, o, a, f]
   ), { projectName: r, productTypes: h, taskTypes: v } = Be(), N = ee(
-    () => u?.entityId && u.entityType && r ? { projectName: r, ...u, productTypes: h, taskTypes: v } : void 0,
-    [u?.entityId, u?.entityType, r, h, v]
-  ), C = yn(N, { skip: E || !I }), L = Y(
+    () => p?.entityId && p.entityType && r ? { projectName: r, ...p, productTypes: h, taskTypes: v } : void 0,
+    [p?.entityId, p?.entityType, r, h, v]
+  ), C = yn(N, { skip: I || !E }), L = Y(
     (k) => {
-      if (E || !I) return;
+      if (I || !E) return;
       if (k.key === "Enter" || k.key === "Escape") {
         k.stopPropagation();
         return;
@@ -1207,21 +1207,21 @@ const _r = x.div`
       const O = fo[k.key.toLowerCase()], F = _.current?.getEditor();
       !O || !F || (k.preventDefault(), hr(F, O));
     },
-    [E, I]
+    [I, E]
   ), D = /* @__PURE__ */ s(
     go,
     {
       ref: H,
-      className: E ? "preview" : "editing",
+      className: I ? "preview" : "editing",
       onKeyDown: L,
       onMouseDown: (k) => {
         k.stopPropagation();
       },
       onMouseEnter: () => {
-        E && m?.();
+        I && m?.();
       },
       onMouseLeave: () => {
-        E && S?.();
+        I && S?.();
       },
       children: /* @__PURE__ */ s(
         Rt,
@@ -1230,31 +1230,31 @@ const _r = x.div`
             k.stopPropagation();
           },
           onClick: (k) => {
-            if (k.stopPropagation(), E) {
+            if (k.stopPropagation(), I) {
               k.target.closest("a") || l?.();
               return;
             }
           },
-          children: I ? /* @__PURE__ */ s(
+          children: E ? /* @__PURE__ */ s(
             Ct,
             {
               ref: _,
-              value: E ? y : w,
-              onChange: E ? void 0 : A,
-              readOnly: E,
+              value: I ? y : w,
+              onChange: I ? void 0 : A,
+              readOnly: I,
               toolbar: !1,
-              floatingToolbar: !E,
+              floatingToolbar: !I,
               bordered: !1,
-              autoFocus: !E,
+              autoFocus: !I,
               minHeight: 64,
               placeholder: "",
-              mentions: E ? void 0 : C,
+              mentions: I ? void 0 : C,
               submitOnEnter: !0,
-              onSubmit: E ? void 0 : () => U("Enter"),
-              onEscape: E ? void 0 : () => a?.()
+              onSubmit: I ? void 0 : () => U("Enter"),
+              onEscape: I ? void 0 : () => a?.()
             },
             `text-editor-${i}-${t}`
-          ) : E ? /* @__PURE__ */ s(yo, { children: y }) : /* @__PURE__ */ s(
+          ) : I ? /* @__PURE__ */ s(yo, { children: y }) : /* @__PURE__ */ s(
             ho,
             {
               ref: T,
@@ -1277,10 +1277,10 @@ const _r = x.div`
       )
     }
   );
-  return /* @__PURE__ */ s(he, { children: (t || E) && /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(he, { children: (t || I) && /* @__PURE__ */ s(
     We,
     {
-      isEditing: !!(t || E),
+      isEditing: !!(t || I),
       anchorId: n,
       onClose: a,
       matchAnchorWidth: !0,
@@ -1309,7 +1309,7 @@ const _r = x.div`
     display: block;
   }
 
-  ${rt`
+  ${ot`
     &:not(.markdown) {
       white-space: normal;
       word-break: break-word;
@@ -1336,7 +1336,7 @@ const vo = () => bo ??= import("rehype-raw").then((e) => bn = e.default), xo = (
       o = !1;
     };
   }, [e, t]), t;
-}, ct = x.a`
+}, dt = x.a`
   color: var(--md-sys-color-primary, #0066cc);
   text-decoration: none;
   cursor: pointer;
@@ -1387,7 +1387,7 @@ class ko {
     this.lastShownTime = Date.now();
   }
 }
-const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
+const jt = new ko(), ut = "projectTreeTextPreviewOpen", To = (e) => {
   try {
     const t = new URL(e.trim());
     return t.protocol === "http:" || t.protocol === "https:";
@@ -1413,15 +1413,15 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
     type: g,
     columnId: d,
     cellId: f,
-    onRequestEdit: p,
+    onRequestEdit: u,
     getDraftValue: m,
     setDraftValue: S,
-    mentionEntity: u,
+    mentionEntity: p,
     className: b,
     ...y
   }, w) => {
-    const R = xo(!!n), _ = p || (() => {
-    }), E = m || (() => null), I = S || (() => {
+    const R = xo(!!n), _ = u || (() => {
+    }), I = m || (() => null), E = S || (() => {
     }), [T, z] = G(!1), [H, B] = G(!1), [A, P] = G(!1), [U, r] = G(!1), h = Q(null), v = Q(), N = Q(), C = Q(!1), L = T || H, D = t?.label || e, k = typeof D == "string" ? D : String(D ?? ""), O = !n && !qt(k) && !k.match(/(https?:\/\/\S+)/gi);
     q(() => {
       const K = h.current;
@@ -1451,14 +1451,14 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
       C.current = K, P(K);
     }, []);
     q(() => (clearTimeout(v.current), clearTimeout(N.current), o ? F(!1) : L ? C.current || U && f && (v.current = setTimeout(() => {
-      C.current || (F(!0), jt.markShown(), window.dispatchEvent(new CustomEvent(dt, { detail: { cellId: f } })));
+      C.current || (F(!0), jt.markShown(), window.dispatchEvent(new CustomEvent(ut, { detail: { cellId: f } })));
     }, jt.getDelay())) : N.current = setTimeout(() => F(!1), 300), () => {
       clearTimeout(v.current), clearTimeout(N.current);
     }), [L, U, o, f, F]), q(() => {
       const K = (V) => {
         V.detail?.cellId !== f && F(!1);
       };
-      return window.addEventListener(dt, K), () => window.removeEventListener(dt, K);
+      return window.addEventListener(ut, K), () => window.removeEventListener(ut, K);
     }, [f, F]);
     const te = Y(() => {
       F(!1), f && _(f);
@@ -1492,7 +1492,7 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
               );
             }
             return /* @__PURE__ */ s(
-              ct,
+              dt,
               {
                 href: V || "#",
                 onMouseDown: (Z) => Z.stopPropagation(),
@@ -1506,7 +1506,7 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
         children: k
       }
     ) : qt(k) ? dr(k).map(($) => $.type === "url" && $.href ? /* @__PURE__ */ s(
-      ct,
+      dt,
       {
         href: $.href,
         onMouseDown: (j) => j.stopPropagation(),
@@ -1516,7 +1516,7 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
       },
       $.key
     ) : /* @__PURE__ */ s("span", { style: { whiteSpace: "pre-line" }, children: $.content }, $.key)) : k.match(/(https?:\/\/\S+)/gi) ? Co(k).map(($) => $.type === "url" ? /* @__PURE__ */ s(
-      ct,
+      dt,
       {
         href: $.content,
         onMouseDown: (j) => j.stopPropagation(),
@@ -1576,9 +1576,9 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
           onChange: ue,
           onCancelEdit: l,
           onDismissWithoutSave: l,
-          draftValue: E(),
-          onEditingDraftChange: I,
-          mentionEntity: u
+          draftValue: I(),
+          onEditingDraftChange: E,
+          mentionEntity: p
         }
       ),
       A && !o && n && f && /* @__PURE__ */ s(
@@ -1650,24 +1650,24 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
   onMentionClick: d,
   onMentionHover: f
 }) => {
-  const { isEditing: p, editorValue: m, setEditorValue: S, handleStartEditing: u, handleSave: b, handleCancel: y } = So({
+  const { isEditing: u, editorValue: m, setEditorValue: S, handleStartEditing: p, handleSave: b, handleCancel: y } = So({
     description: e,
     enableEditing: o,
     isMixed: n,
     onChange: i
-  }), w = yn(g, { skip: !p });
+  }), w = yn(g, { skip: !u });
   if (q(() => {
-    a && !p && u();
+    a && !u && p();
   }, [a]), c)
     return /* @__PURE__ */ s(zt, { title: "Description", children: /* @__PURE__ */ s(po, {}) });
-  const R = (E) => {
-    if (p) return;
-    const I = E.target;
-    if (I.closest("a") || d && I.closest(".mention")) {
-      E.stopPropagation();
+  const R = (I) => {
+    if (u) return;
+    const E = I.target;
+    if (E.closest("a") || d && E.closest(".mention")) {
+      I.stopPropagation();
       return;
     }
-    u();
+    p();
   }, _ = () => {
     y(), l?.();
   };
@@ -1675,32 +1675,32 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
     zt,
     {
       title: "Description",
-      showHeader: !p,
-      enableHover: !p,
-      onClick: p ? void 0 : u,
+      showHeader: !u,
+      enableHover: !u,
+      onClick: u ? void 0 : p,
       description: t,
-      children: /* @__PURE__ */ M(co, { className: W({ editing: p }), onClick: R, children: [
+      children: /* @__PURE__ */ M(co, { className: W({ editing: u }), onClick: R, children: [
         /* @__PURE__ */ s(Rt, { className: "block-shortcuts", children: /* @__PURE__ */ s(
           Ct,
           {
             className: "description-editor",
-            value: p ? m : e || "",
-            onChange: p ? S : void 0,
-            placeholder: p ? "Describe it, or type / to add headings, lists, mentions, code and more..." : "Add a description...",
-            mentions: p ? w : void 0,
+            value: u ? m : e || "",
+            onChange: u ? S : void 0,
+            placeholder: u ? "Describe it, or type / to add headings, lists, mentions, code and more..." : "Add a description...",
+            mentions: u ? w : void 0,
             onMentionClick: d,
             onMentionHover: f,
-            readOnly: !p,
-            toolbar: p ? br : !1,
+            readOnly: !u,
+            toolbar: u ? br : !1,
             bordered: !1,
-            autoFocus: p,
-            minHeight: p ? 60 : 20,
-            onSubmit: p ? b : void 0,
-            onEscape: p ? _ : void 0
+            autoFocus: u,
+            minHeight: u ? 60 : 20,
+            onSubmit: u ? b : void 0,
+            onEscape: u ? _ : void 0
           },
-          p ? "edit" : "view"
+          u ? "edit" : "view"
         ) }),
-        p && /* @__PURE__ */ s(uo, { children: /* @__PURE__ */ M(mo, { children: [
+        u && /* @__PURE__ */ s(uo, { children: /* @__PURE__ */ M(mo, { children: [
           /* @__PURE__ */ s(xe, { variant: "text", label: "Cancel", onClick: _ }),
           /* @__PURE__ */ s(xe, { variant: "filled", label: "Save", onClick: b })
         ] }) })
@@ -1751,14 +1751,14 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
   onExpand: i,
   showExpand: l
 }) => {
-  const [c, g] = G(e || ""), [d, f] = G(0), [p, m] = G(!1), S = Q(null), u = Q(null), b = o && !a;
+  const [c, g] = G(e || ""), [d, f] = G(0), [u, m] = G(!1), S = Q(null), p = Q(null), b = o && !a;
   q(() => {
-    if (!u.current) return;
+    if (!p.current) return;
     const T = new ResizeObserver((z) => {
       for (const H of z)
         f(H.contentRect.width);
     });
-    return T.observe(u.current), () => T.disconnect();
+    return T.observe(p.current), () => T.disconnect();
   }, []), q(() => {
     b && g(e || "");
   }, [b]);
@@ -1778,7 +1778,7 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
   }, [t, n, e, c]), _ = Y(
     (T) => {
       const z = T.relatedTarget;
-      if (!(z && (u.current?.contains(z) || z.closest(".md-popover")))) {
+      if (!(z && (p.current?.contains(z) || z.closest(".md-popover")))) {
         if (z?.closest(".expand-button")) {
           n?.();
           return;
@@ -1787,12 +1787,12 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
       }
     },
     [R, n]
-  ), E = Y((T) => {
+  ), I = Y((T) => {
     (T.key === "Escape" || T.key === "Enter" && (T.metaKey || T.ctrlKey)) && T.stopPropagation();
   }, []);
   if (!e && !b) return null;
-  const I = b && !p;
-  return /* @__PURE__ */ M("div", { ref: u, style: { width: "100%", height: y, position: "relative", minWidth: 0 }, children: [
+  const E = b && !u;
+  return /* @__PURE__ */ M("div", { ref: p, style: { width: "100%", height: y, position: "relative", minWidth: 0 }, children: [
     l && w >= 3 && /* @__PURE__ */ s(
       Eo,
       {
@@ -1809,32 +1809,32 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
       {
         style: { height: y, overflow: "auto" },
         className: "block-shortcuts compact",
-        onBlur: I ? _ : void 0,
-        onKeyDown: I ? E : void 0,
+        onBlur: E ? _ : void 0,
+        onKeyDown: E ? I : void 0,
         children: /* @__PURE__ */ s(
           Ct,
           {
             ref: S,
-            value: I ? c : e || "",
-            onChange: I ? g : void 0,
-            readOnly: !I,
+            value: E ? c : e || "",
+            onChange: E ? g : void 0,
+            readOnly: !E,
             toolbar: !1,
-            floatingToolbar: I,
+            floatingToolbar: E,
             bordered: !1,
-            autoFocus: I,
+            autoFocus: E,
             minHeight: y,
-            onSubmit: I ? R : void 0,
-            onEscape: I ? () => n?.() : void 0,
+            onSubmit: E ? R : void 0,
+            onEscape: E ? () => n?.() : void 0,
             placeholder: ""
           },
-          I ? "edit" : "view"
+          E ? "edit" : "view"
         )
       }
     ),
     /* @__PURE__ */ s(
       Ro,
       {
-        isOpen: p,
+        isOpen: u,
         onClose: () => m(!1),
         value: b ? c : e,
         onSave: (T) => {
@@ -1880,7 +1880,7 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
       readOnly: n
     }
   )
-), ot = x.div`
+), it = x.div`
   padding: var(--padding-m);
   background-color: var(--md-sys-color-surface-container-high);
   border-radius: var(--border-radius-l);
@@ -2025,7 +2025,7 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
   &:hover {
     background-color: var(--md-sys-color-surface-container-low-hover);
   }
-`, Do = x(et).attrs({ type: "number" })`
+`, Do = x(tt).attrs({ type: "number" })`
   height: 22px !important;
   min-height: 22px !important;
   max-height: 22px !important;
@@ -2079,7 +2079,7 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
   min-width: 110px;
   flex: 1;
   width: 100%;
-`, Mo = x(et)`
+`, Mo = x(tt)`
   flex: 1;
   border: none;
   background-color: var(--md-sys-color-surface-container);
@@ -2220,7 +2220,7 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
     listType: "review-session",
     entityTypes: ["version"]
   }
-}, Bo = Object.keys(Me), ut = (e, t) => !!Me[e]?.entityTypes.includes(t), de = {
+}, Bo = Object.keys(Me), pt = (e, t) => !!Me[e]?.entityTypes.includes(t), de = {
   folder: "folder_entity",
   task: "task_entity",
   version: "version_entity"
@@ -2229,7 +2229,7 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
   folderName: de.folder,
   taskLabel: de.task,
   taskName: de.task
-}, ge = (e, t = {}) => t[e] || Wo[e] || e, pt = (e = [], t = {}) => Array.from(new Set(e.map((n) => ge(n, t)))), Ue = (e = {}, t = {}) => {
+}, ge = (e, t = {}) => t[e] || Wo[e] || e, mt = (e = [], t = {}) => Array.from(new Set(e.map((n) => ge(n, t)))), Ue = (e = {}, t = {}) => {
   const n = {};
   return Object.entries(e).forEach(([o, a]) => {
     const i = ge(o, t);
@@ -2239,9 +2239,9 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
   if (!e) return {};
   const n = {
     ...e.columnPinning,
-    left: pt(e.columnPinning?.left, t),
-    right: pt(e.columnPinning?.right, t)
-  }, o = Ue(e.columnSizing, t), a = Ue(e.columnVisibility, t), i = pt(e.columnOrder, t), l = e.sorting?.map((c) => ({
+    left: mt(e.columnPinning?.left, t),
+    right: mt(e.columnPinning?.right, t)
+  }, o = Ue(e.columnSizing, t), a = Ue(e.columnVisibility, t), i = mt(e.columnOrder, t), l = e.sorting?.map((c) => ({
     ...c,
     id: ge(c.id, t)
   }));
@@ -2352,7 +2352,7 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
     },
     [a, i, l]
   );
-}, le = "next-page", be = "_ungrouped", At = "__", mt = (e) => e ? Array.isArray(e) ? [...new Set(e.map((t) => t.toString()))] : [e.toString()] : [], jo = (e, t, n, o, a) => {
+}, le = "next-page", be = "_ungrouped", At = "__", Je = (e) => e ? Array.isArray(e) ? [...new Set(e.map((t) => t.toString()))] : [e.toString()] : [], jo = (e, t, n, o, a) => {
   const i = o?.get(t), l = n?.find((g) => g.value === t), c = l ? {
     value: l.value,
     label: l.label || l.value,
@@ -2362,7 +2362,7 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
     img: e === "assignees" ? `/api/users/${l.value}/avatar` : void 0
   } : { value: t, label: t };
   return i ? (c.count = i.count, c.percentage = i.percentage) : o && a && (c.count = 0, c.percentage = void 0), c;
-}, tt = "_GROUP_", Jt = (e) => `${tt}${e}`, Yo = (e) => e.startsWith(tt) ? e.slice(tt.length) : null, Ks = (e) => e.startsWith(tt), qo = (e, t, n = []) => {
+}, nt = "_GROUP_", Jt = (e) => `${nt}${e}`, Yo = (e) => e.startsWith(nt) ? e.slice(nt.length) : null, Ks = (e) => e.startsWith(nt), qo = (e, t, n = []) => {
   const o = e.id.replace("attrib.", "");
   return o === "status" ? t?.statuses?.map((a) => a.name) || [] : o === "taskType" ? t?.taskTypes?.map((a) => a.name) || [] : o === "folderType" ? t?.folderTypes?.map((a) => a.name) || [] : e.id.startsWith("attrib.") ? n.find((a) => a.name === o)?.data.enum?.map((a) => a.value.toString()) || [] : [];
 }, Qo = (e, t, n, o, a) => {
@@ -2387,11 +2387,11 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
   groupCountsComplete: c
 }) => {
   const g = Be(), d = Go({ projectInfo: g }), f = Y(
-    (p, m) => {
-      const S = i ? i(p) : Qo(p, m, t, e, d);
-      return t === "task" && (S.primary.links = Fi(p.links, "task", g.anatomy)), {
+    (u, m) => {
+      const S = i ? i(u) : Qo(u, m, t, e, d);
+      return t === "task" && (S.primary.links = Fi(u.links, "task", g.anatomy)), {
         ...S,
-        id: p.id + At + m,
+        id: u.id + At + m,
         // unique id for the task in the group
         subRows: S.subRows || []
       };
@@ -2399,22 +2399,22 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
     [i, d, t, e, g]
   );
   return Y(
-    (p) => {
+    (u) => {
       const m = /* @__PURE__ */ new Map();
-      for (const E of n) {
-        const I = E.value?.toString(), T = Jt(I), z = jo(
-          p.id,
-          I,
+      for (const I of n) {
+        const E = I.value?.toString(), T = Jt(E), z = jo(
+          u.id,
+          E,
           n,
           l,
           c
         );
-        m.set(I, {
+        m.set(E, {
           id: T,
           primary: {
             id: T,
             entityType: "folder",
-            name: I,
+            name: E,
             label: z.label,
             subType: ""
           },
@@ -2422,10 +2422,10 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
           group: z
         });
       }
-      const S = Jt(be), u = () => {
-        let E = m.get(be);
-        if (!E) {
-          const I = l?.get(be), T = {
+      const S = Jt(be), p = () => {
+        let I = m.get(be);
+        if (!I) {
+          const E = l?.get(be), T = {
             id: S,
             primary: {
               id: S,
@@ -2438,33 +2438,36 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
             group: {
               value: be,
               label: "Ungrouped",
-              count: I?.count,
-              percentage: I?.percentage
+              count: E?.count,
+              percentage: E?.percentage
             }
           };
-          m.set(be, T), E = T;
+          m.set(be, T), I = T;
         }
-        return E;
+        return I;
       };
-      (p.id === "tags" || p.id === "assignees" || p.id.startsWith("attrib.")) && u();
-      for (const [, E] of e) {
-        if (E.entityType !== t) continue;
-        let I = [];
-        if (p.id.startsWith("attrib.")) {
-          const T = p.id.split(".")[1];
-          I = mt(E.attrib?.[T]);
-        } else p.id === "folderType" && "folder" in E ? I = mt(
-          E.folder?.folderType
-        ) : I = mt(E[p.id]);
-        I.length === 0 && u().subRows?.push(f(E, be));
-        for (const T of I) {
+      (u.id === "tags" || u.id === "assignees" || // folder groups come from the cached folder list, which can miss a folder's first version
+      u.id === "folderId" || u.id.startsWith("attrib.")) && p();
+      for (const [, I] of e) {
+        if (I.entityType !== t) continue;
+        let E = [];
+        if (u.id.startsWith("attrib.")) {
+          const T = u.id.split(".")[1];
+          E = Je(I.attrib?.[T]);
+        } else u.id === "folderType" && "folder" in I ? E = Je(
+          I.folder?.folderType
+        ) : u.id === "folderId" && "product" in I ? E = Je(
+          I.product?.folder?.id
+        ) : E = Je(I[u.id]);
+        E.length === 0 && p().subRows?.push(f(I, be));
+        for (const T of E) {
           const z = m.get(T);
-          z ? z.subRows?.push(f(E, T)) : u().subRows?.push(
-            f(E, be)
+          z ? z.subRows?.push(f(I, T)) : p().subRows?.push(
+            f(I, be)
           );
         }
-        if ("groups" in E && Array.isArray(E.groups)) {
-          for (const T of E.groups)
+        if ("groups" in I && Array.isArray(I.groups)) {
+          for (const T of I.groups)
             if (T.hasNextPage && m.has(T.value)) {
               const H = m.get(T.value);
               H && H.subRows?.push({
@@ -2482,18 +2485,18 @@ const jt = new ko(), dt = "projectTreeTextPreviewOpen", To = (e) => {
             }
         }
       }
-      const y = Array.from(m.values()), w = qo(p, g, o), R = p.desc ? -1 : 1;
-      y.sort((E, I) => {
-        if (E.group?.value === be) return 1;
-        if (I.group?.value === be) return -1;
+      const y = Array.from(m.values()), w = qo(u, g, o), R = u.desc ? -1 : 1;
+      y.sort((I, E) => {
+        if (I.group?.value === be) return 1;
+        if (E.group?.value === be) return -1;
         if (w.length) {
-          const T = w.indexOf(E.group?.value || ""), z = w.indexOf(I.group?.value || "");
-          return T !== -1 && z !== -1 ? (T - z) * R : T !== -1 ? -1 : z !== -1 ? 1 : (E.group?.label?.localeCompare(I.group?.label || "") || 0) * R;
+          const T = w.indexOf(I.group?.value || ""), z = w.indexOf(E.group?.value || "");
+          return T !== -1 && z !== -1 ? (T - z) * R : T !== -1 ? -1 : z !== -1 ? 1 : (I.group?.label?.localeCompare(E.group?.label || "") || 0) * R;
         } else
-          return (E.group?.label?.localeCompare(I.group?.label || "") || 0) * R;
+          return (I.group?.label?.localeCompare(E.group?.label || "") || 0) * R;
       });
       const _ = y.filter(
-        (E) => (E.group?.count ?? 0) > 0 || (E.subRows?.length ?? 0) > 0 || E.group?.value === be
+        (I) => I.group?.count === void 0 || I.group.count > 0 || (I.subRows?.length ?? 0) > 0 || I.group?.value === be
       );
       return a ? y : _;
     },
@@ -3322,17 +3325,17 @@ const yl = x.div`
   folder_entity: Te("folder"),
   task_entity: Te("task"),
   version_entity: Te("version"),
-  createdAt: Ze("createdAt", "datetime"),
+  createdAt: Xe("createdAt", "datetime"),
   createdBy: "person",
-  updatedAt: Ze("updatedAt", "datetime"),
+  updatedAt: Xe("updatedAt", "datetime"),
   updatedBy: "person",
   subtasks: "checklist",
-  comments: Ze("comment"),
+  comments: Xe("comment"),
   [$e]: Me[$e].icon,
   [_e]: Me[_e].icon
 }, vl = (e) => {
   const t = ge(e);
-  return vi[t] ?? Ze(t);
+  return vi[t] ?? Xe(t);
 }, Pe = {
   thumbnail: { enabled: !1, label: J.thumbnail },
   name: { sortKey: "name", enabled: !0, label: "Name" },
@@ -3462,13 +3465,13 @@ const yl = x.div`
 }, en = (e, t, n) => {
   const o = e.getValue(n), a = t.getValue(n), i = Array.isArray(o) ? o.length : o ? String(o).length : 0, l = Array.isArray(a) ? a.length : a ? String(a).length : 0;
   return i - l;
-}, Xe = (e, t, n, o) => {
+}, et = (e, t, n, o) => {
   const a = e.getValue(n), i = t.getValue(n);
   if (o?.enum?.length) {
     const l = o.enum.findIndex((g) => g.value === a), c = o.enum.findIndex((g) => g.value === i);
     return l - c;
   } else return o?.type === "datetime" ? Ne.datetime(e, t, n) : o?.type === "boolean" ? (a === !0 ? 1 : 0) - (i === !0 ? 1 : 0) : Ne.alphanumeric(e, t, n);
-}, Ci = (e) => e.data.type === "list_of_strings", Si = (e, t) => `${e.linkType.charAt(0).toUpperCase() + e.linkType.slice(1)} (${t})`, nt = (e, t) => `${e.name.replaceAll("_", "").replaceAll("-", "").replaceAll("|", "_")}_${t}`, Ii = (e, t) => `link_${nt(e, t)}`, Mn = (e, t) => e === "primary" ? t : `${He(e)} ${t}`, Ei = (e, t, n) => {
+}, Ci = (e) => e.data.type === "list_of_strings", Si = (e, t) => `${e.linkType.charAt(0).toUpperCase() + e.linkType.slice(1)} (${t})`, rt = (e, t) => `${e.name.replaceAll("_", "").replaceAll("-", "").replaceAll("|", "_")}_${t}`, Ii = (e, t) => `link_${rt(e, t)}`, Mn = (e, t) => e === "primary" ? t : `${He(e)} ${t}`, Ei = (e, t, n) => {
   const o = qe(n, t), a = typeof e.header == "string" ? Mn(n, e.header) : e.header;
   return {
     ...e,
@@ -3502,7 +3505,7 @@ const yl = x.div`
       const d = a(l.original);
       if (!d || l.original.group || l.original.metaType) return null;
       if (!Dt(n, d.entityType)) return /* @__PURE__ */ s("div", { className: "readonly" });
-      const f = i(l.original), p = g.options.meta, m = e.updateField || n, S = e.readOnly === !0 || p?.readOnly?.includes(c.id) || e.readOnly !== !1 && p?.readOnly?.includes(m);
+      const f = i(l.original), u = g.options.meta, m = e.updateField || n, S = e.readOnly === !0 || u?.readOnly?.includes(c.id) || e.readOnly !== !1 && u?.readOnly?.includes(m);
       return /* @__PURE__ */ s(
         ne,
         {
@@ -3511,15 +3514,15 @@ const yl = x.div`
           columnId: c.id,
           value: f,
           attributeData: { type: e.dataType || "string" },
-          options: e.optionKey ? p?.options?.[e.optionKey] : void 0,
+          options: e.optionKey ? u?.options?.[e.optionKey] : void 0,
           isCollapsed: !!l.original.childOnlyMatch,
           isReadOnly: S,
-          onChange: (u) => !S && p?.updateEntities?.({
+          onChange: (p) => !S && u?.updateEntities?.({
             id: d.id,
             rowId: l.id,
             type: d.entityType,
             field: m,
-            value: u,
+            value: p,
             entityData: d
           })
         }
@@ -3538,7 +3541,7 @@ const yl = x.div`
     enablePinning: !0,
     enableHiding: !0,
     sortingFn: ie(
-      me((o, a, i) => Xe(o, a, i, e.data))
+      me((o, a, i) => et(o, a, i, e.data))
     ),
     cell: ({ row: o, column: a, table: i }) => {
       const l = De(o.original, t);
@@ -3558,12 +3561,12 @@ const yl = x.div`
           options: e.data.enum || [],
           isInherited: d,
           isReadOnly: f,
-          onChange: (p) => !f && c?.updateEntities?.({
+          onChange: (u) => !f && c?.updateEntities?.({
             id: l.id,
             rowId: o.id,
             type: l.entityType,
             field: e.name,
-            value: p,
+            value: u,
             entityData: l,
             isAttrib: !0
           })
@@ -3607,12 +3610,12 @@ const yl = x.div`
   excludedSorting: g,
   extraColumns: d,
   groupBy: f,
-  nameLabel: p = "Entity",
+  nameLabel: u = "Entity",
   includeParents: m = [],
   parentColumns: S = []
 }) => {
-  const u = [], b = (r) => !c?.some((h) => ge(h) === ge(r)), y = (r) => xi(r) && !g?.some((h) => ge(h) === ge(r));
-  b(Bt) && u.push({
+  const p = [], b = (r) => !c?.some((h) => ge(h) === ge(r)), y = (r) => xi(r) && !g?.some((h) => ge(h) === ge(r));
+  b(Bt) && p.push({
     id: Bt,
     enableResizing: !1,
     enableSorting: !1,
@@ -3621,10 +3624,10 @@ const yl = x.div`
     header: () => /* @__PURE__ */ s(pi, {}),
     cell: ({ row: r }) => r.original.group || r.original.metaType ? null : /* @__PURE__ */ s(ci, {}),
     size: 20
-  }), b("thumbnail") && u.push(tn("primary")), b("name") && u.push({
+  }), b("thumbnail") && p.push(tn("primary")), b("name") && p.push({
     id: "name",
     accessorFn: (r) => se(r, "primary", "name"),
-    header: p,
+    header: u,
     minSize: X,
     sortingFn: ie(ze),
     enableSorting: f && f.id !== "folder" ? !1 : y("name"),
@@ -3733,14 +3736,14 @@ const yl = x.div`
         }
       );
     }
-  }), b("status") && u.push({
+  }), b("status") && p.push({
     id: "status",
     accessorFn: (r) => se(r, "primary", "status"),
     minSize: X,
     header: oe("status"),
     sortingFn: ie(
       me(
-        (r, h, v) => Xe(r, h, v, { enum: l.status, type: "string" })
+        (r, h, v) => et(r, h, v, { enum: l.status, type: "string" })
       )
     ),
     sortDescFirst: Pe.status.sortDescFirst,
@@ -3783,7 +3786,7 @@ const yl = x.div`
         }
       );
     }
-  }), b("entityType") && u.push({
+  }), b("entityType") && p.push({
     id: "entityType",
     accessorFn: (r) => r.group ? void 0 : r.primary.entityType,
     header: oe("entityType"),
@@ -3811,7 +3814,7 @@ const yl = x.div`
         }
       );
     }
-  }), b("subType") && u.push({
+  }), b("subType") && p.push({
     id: "subType",
     accessorFn: ki,
     header: oe("subType", e),
@@ -3823,7 +3826,7 @@ const yl = x.div`
     sortDescFirst: Pe.taskType.sortDescFirst,
     sortingFn: ie(
       me(
-        (r, h, v) => Xe(r, h, v, {
+        (r, h, v) => et(r, h, v, {
           enum: [...l.folderType, ...l.taskType],
           type: "string"
         })
@@ -3861,7 +3864,7 @@ const yl = x.div`
         }
       );
     }
-  }), b("assignees") && u.push({
+  }), b("assignees") && p.push({
     id: "assignees",
     accessorFn: (r) => se(r, "primary", "assignees"),
     header: oe("assignees"),
@@ -3909,7 +3912,7 @@ const yl = x.div`
         }
       );
     }
-  }), b(de.folder) && u.push({
+  }), b(de.folder) && p.push({
     id: de.folder,
     accessorFn: (r) => Uo(r),
     header: oe(de.folder),
@@ -3936,7 +3939,7 @@ const yl = x.div`
         }
       ) : null;
     }
-  }), b(de.task) && ["version", "product"].some((r) => e.includes(r)) && u.push({
+  }), b(de.task) && ["version", "product"].some((r) => e.includes(r)) && p.push({
     id: de.task,
     accessorFn: (r) => r.parents?.task?.label || r.parents?.task?.name,
     header: oe(de.task),
@@ -3962,7 +3965,7 @@ const yl = x.div`
         }
       );
     }
-  }), b("author") && ["version", "product"].some((r) => e.includes(r)) && u.push({
+  }), b("author") && ["version", "product"].some((r) => e.includes(r)) && p.push({
     id: "author",
     accessorFn: (r) => ve(r)?.author,
     header: oe("author"),
@@ -3989,7 +3992,7 @@ const yl = x.div`
         }
       );
     }
-  }), b(de.version) && ["version", "product"].some((r) => e.includes(r)) && u.push({
+  }), b(de.version) && ["version", "product"].some((r) => e.includes(r)) && p.push({
     id: de.version,
     accessorFn: (r) => ve(r)?.versionName || ve(r)?.name,
     header: oe(de.version),
@@ -4017,7 +4020,7 @@ const yl = x.div`
         }
       );
     }
-  }), b("version") && ["version", "product"].some((r) => e.includes(r)) && u.push({
+  }), b("version") && ["version", "product"].some((r) => e.includes(r)) && p.push({
     id: "version",
     accessorFn: (r) => ve(r)?.version,
     header: oe("version"),
@@ -4043,7 +4046,7 @@ const yl = x.div`
         }
       );
     }
-  }), b("product") && ["version", "product"].some((r) => e.includes(r)) && u.push({
+  }), b("product") && ["version", "product"].some((r) => e.includes(r)) && p.push({
     id: "product",
     accessorFn: (r) => je(r)?.label || je(r)?.name,
     header: oe("product"),
@@ -4068,7 +4071,7 @@ const yl = x.div`
         }
       );
     }
-  }), b("tags") && u.push({
+  }), b("tags") && p.push({
     id: "tags",
     accessorFn: (r) => se(r, "primary", "tags"),
     header: oe("tags"),
@@ -4099,7 +4102,7 @@ const yl = x.div`
         }
       );
     }
-  }), b("createdAt") && u.push({
+  }), b("createdAt") && p.push({
     id: "createdAt",
     accessorFn: (r) => se(r, "primary", "createdAt"),
     header: oe("createdAt"),
@@ -4125,7 +4128,7 @@ const yl = x.div`
         }
       );
     }
-  }), b("updatedAt") && u.push({
+  }), b("updatedAt") && p.push({
     id: "updatedAt",
     accessorFn: (r) => se(r, "primary", "updatedAt"),
     header: oe("updatedAt"),
@@ -4153,7 +4156,7 @@ const yl = x.div`
     }
   });
   for (const r of ["createdBy", "updatedBy"])
-    b(r) && u.push({
+    b(r) && p.push({
       id: r,
       accessorFn: (h) => se(h, "primary", r),
       header: oe(r),
@@ -4189,7 +4192,7 @@ const yl = x.div`
         );
       }
     });
-  b("subtasks") && e.includes("task") && u.push({
+  b("subtasks") && e.includes("task") && p.push({
     id: "subtasks",
     accessorFn: (r) => r.primary.entityType === "task" ? r.primary.subtasks : void 0,
     header: oe("subtasks"),
@@ -4221,7 +4224,7 @@ const yl = x.div`
         }
       );
     }
-  }), b("comments") && e.some((r) => ["task", "version", "product", "folder"].includes(r)) && u.push({
+  }), b("comments") && e.some((r) => ["task", "version", "product", "folder"].includes(r)) && p.push({
     id: "comments",
     accessorFn: (r) => r.group ? void 0 : r.primary.entityType === "product" ? r.parents?.version?.latestComments || [] : r.primary.latestComments || [],
     header: oe("comments"),
@@ -4249,7 +4252,7 @@ const yl = x.div`
     }
   });
   for (const r of Bo)
-    !b(r) || !e.some((h) => ut(r, h)) || u.push({
+    !b(r) || !e.some((h) => pt(r, h)) || p.push({
       id: r,
       header: oe(r),
       minSize: X,
@@ -4260,9 +4263,9 @@ const yl = x.div`
       cell: ({ row: h, column: v }) => {
         const { group: N, metaType: C, isLoading: L, primary: D } = h.original;
         if (N || C) return null;
-        if (!L && !ut(v.id, D.entityType))
+        if (!L && !pt(v.id, D.entityType))
           return /* @__PURE__ */ s("div", { className: "readonly" });
-        const k = !L && ut(v.id, D.entityType) ? { entityId: D.id, entityType: D.entityType, columnId: v.id } : void 0;
+        const k = !L && pt(v.id, D.entityType) ? { entityId: D.id, entityType: D.entityType, columnId: v.id } : void 0;
         return /* @__PURE__ */ s(
           ne,
           {
@@ -4288,7 +4291,7 @@ const yl = x.div`
     minSize: X,
     filterFn: "fuzzy",
     sortingFn: ie(
-      me((v, N, C) => Xe(v, N, C, r.data))
+      me((v, N, C) => et(v, N, C, r.data))
     ),
     enableSorting: !Ci(r) && y(r.name) && y("attrib"),
     enableResizing: !0,
@@ -4350,7 +4353,7 @@ const yl = x.div`
       const N = Ii(h, v);
       return {
         id: r === "primary" ? N : qe(r, N),
-        accessorFn: (L) => L.group ? void 0 : De(L, r)?.links?.[nt(h, v)],
+        accessorFn: (L) => L.group ? void 0 : De(L, r)?.links?.[rt(h, v)],
         header: () => /* @__PURE__ */ M(si, { children: [
           r === "primary" ? "" : `${He(r)} `,
           Si(h, v),
@@ -4398,7 +4401,7 @@ const yl = x.div`
         }
       };
     })
-  ), _ = o ? R("primary") : [], E = /* @__PURE__ */ new Set([
+  ), _ = o ? R("primary") : [], I = /* @__PURE__ */ new Set([
     "status",
     "assignees",
     "author",
@@ -4408,11 +4411,11 @@ const yl = x.div`
     "createdBy",
     "updatedAt",
     "updatedBy"
-  ]), I = new Set(
+  ]), E = new Set(
     S.map((r) => `${r.scope}:${r.field}`)
   ), T = m.flatMap(
-    (r) => u.filter(
-      (h) => E.has(h.id) && !I.has(`${r}:${h.id}`)
+    (r) => p.filter(
+      (h) => I.has(h.id) && !E.has(`${r}:${h.id}`)
     ).map((h) => Ei(h, h.id, r))
   ), z = S.filter((r) => m.includes(r.scope)).map(Ri), H = b("thumbnail") ? m.map((r) => tn(r)) : [], B = o ? m.flatMap((r) => R(r)) : [], A = new Set(
     m.filter((r) => {
@@ -4422,7 +4425,7 @@ const yl = x.div`
   ), P = m.filter((r) => A.has(r)).flatMap(
     (r) => t.flatMap((h) => h.scope && !h.scope.includes(r) ? [] : [Li(h, r)])
   ), U = [
-    ...u,
+    ...p,
     ...H,
     ...T,
     ...z,
@@ -4442,29 +4445,29 @@ const yl = x.div`
       id: e.original.id,
       type: "group"
     };
-  const { scope: o, field: a, isAttrib: i } = Ce(t), c = De(e.original, o) || e.original.primary, g = ve(e.original), d = je(e.original), f = e.original.primary.entityType === "product", p = o === "primary" && !i && ["author", "version", "versionName"].includes(a), m = o === "primary" && !i && a === "product", S = o === "primary" && !i && a === "subType" && e.original.primary.entityType === "version";
-  let u = c;
-  p && g ? u = g : S && d || m && d ? u = d : n === "latestComments" && f && g && (u = g);
+  const { scope: o, field: a, isAttrib: i } = Ce(t), c = De(e.original, o) || e.original.primary, g = ve(e.original), d = je(e.original), f = e.original.primary.entityType === "product", u = o === "primary" && !i && ["author", "version", "versionName"].includes(a), m = o === "primary" && !i && a === "product", S = o === "primary" && !i && a === "subType" && e.original.primary.entityType === "version";
+  let p = c;
+  u && g ? p = g : S && d || m && d ? p = d : n === "latestComments" && f && g && (p = g);
   let b;
   if (n === "attrib")
     b = se(e.original, o, a, !0);
   else if (n === "links")
-    b = u.links?.[a.replace(/^link_/, "")];
+    b = p.links?.[a.replace(/^link_/, "")];
   else if (n === "subtasks")
-    b = u.entityType === "task" ? u.subtasks : void 0;
+    b = p.entityType === "task" ? p.subtasks : void 0;
   else if (n === "latestComments")
     b = f ? g?.latestComments || e.original.primary.latestComments : c.latestComments;
   else if (t === "folder")
     b = e.original.parents?.folder?.label || e.original.parents?.folder?.name;
   else if (t === "product")
     b = d?.label || d?.name;
-  else if (u === c)
+  else if (p === c)
     b = se(e.original, o, a, i);
   else {
-    const y = u.entityType === "version" ? "version" : "product";
+    const y = p.entityType === "version" ? "version" : "product";
     b = se(e.original, y, a, i);
   }
-  return { value: b, id: e.id, type: u.entityType };
+  return { value: b, id: e.id, type: p.entityType };
 }, Ni = 200, Di = (e) => er.includes(e), Cl = ({
   projectName: e,
   entities: t,
@@ -4475,18 +4478,18 @@ const yl = x.div`
   const c = ee(() => {
     const d = { folder: [], task: [], version: [] };
     for (const f of a ? a.split(",") : []) {
-      const [p, m] = f.split(":");
-      d[p].push(m);
+      const [u, m] = f.split(":");
+      d[u].push(m);
     }
     return d;
   }, [a]), g = (d) => !n || !e || !c[d].length;
-  at(
+  st(
     { projectName: e, entityType: "folder", entityIds: c.folder },
     { skip: g("folder") }
-  ), at(
+  ), st(
     { projectName: e, entityType: "task", entityIds: c.task },
     { skip: g("task") }
-  ), at(
+  ), st(
     { projectName: e, entityType: "version", entityIds: c.version },
     { skip: g("version") }
   );
@@ -4559,7 +4562,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
 }, Ll = (e, t) => t.get(Xo(e)), Fi = (e, t, n) => e?.reduce((o, a) => {
   const { linkType: i, direction: l, entityType: c, id: g, node: d, isRestricted: f } = a;
   if (f || !d) {
-    const u = {
+    const p = {
       label: "",
       parents: [],
       linkId: g,
@@ -4568,10 +4571,10 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
       icon: yt(c, void 0, n),
       color: void 0,
       isRestricted: !0
-    }, b = nn(i, t, c, l), y = nt({ name: b }, l);
-    return o[y] || (o[y] = []), o[y].includes(u) || o[y].push(u), o;
+    }, b = nn(i, t, c, l), y = rt({ name: b }, l);
+    return o[y] || (o[y] = []), o[y].includes(p) || o[y].push(p), o;
   }
-  const p = {
+  const u = {
     label: d.label || d.name,
     parents: d.parents,
     linkId: g,
@@ -4579,8 +4582,8 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
     entityType: c,
     icon: yt(c, d.subType, n),
     color: pn(c, d.subType, n)
-  }, m = nn(i, t, c, l), S = nt({ name: m }, l);
-  return o[S] || (o[S] = []), o[S].includes(p) || o[S].push(p), o;
+  }, m = nn(i, t, c, l), S = rt({ name: m }, l);
+  return o[S] || (o[S] = []), o[S].includes(u) || o[S].push(u), o;
 }, {}) || {}, nn = (e, t, n, o) => `${e}|${o === "in" ? n : t}|${o === "in" ? t : n}`, _t = (e) => ({
   id: e.id,
   primary: {
@@ -4681,11 +4684,11 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
   linkType: i
 }) => {
   const l = Fo()?.history, [c] = nr(), [g] = rr(), d = Y(
-    async (p, m = !0) => {
+    async (u, m = !0) => {
       try {
-        if (p.some((b) => b.targetEntityId === n))
+        if (u.some((b) => b.targetEntityId === n))
           return we.error("You can't link an entity to itself"), !1;
-        const u = p.map((b) => ({
+        const p = u.map((b) => ({
           targetEntityId: b.targetEntityId,
           linkId: b.linkId,
           sourceEntityId: n,
@@ -4695,9 +4698,9 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
           direction: t,
           projectName: e
         }));
-        return await Vo(u, g), m && l && l.pushHistory([
+        return await Vo(p, g), m && l && l.pushHistory([
           () => f(
-            p.map((b) => ({
+            u.map((b) => ({
               id: b.linkId,
               target: { entityId: b.targetEntityId, entityType: a }
             })),
@@ -4710,13 +4713,13 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
     },
     [g, e, n, o, a, i, t, l]
   ), f = Y(
-    async (p, m = !0) => {
+    async (u, m = !0) => {
       try {
-        if (p.some((b) => b.target.entityId === n)) {
+        if (u.some((b) => b.target.entityId === n)) {
           we.error("You can't link an entity to itself");
           return;
         }
-        const u = p.map((b) => ({
+        const p = u.map((b) => ({
           id: b.id,
           target: b.target,
           source: { entityType: o, entityId: n },
@@ -4724,8 +4727,8 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
           direction: t,
           projectName: e
         }));
-        await Ko(u, c), m && l && l.pushHistory(
-          p.map(
+        await Ko(p, c), m && l && l.pushHistory(
+          u.map(
             (b) => () => d([{ targetEntityId: b.target.entityId, linkId: b.id }], !1)
           )
         );
@@ -4768,14 +4771,14 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
       if (S !== 0)
         switch (m.key) {
           case "ArrowDown":
-            m.preventDefault(), g((u) => {
-              const b = u < S - 1 ? u + 1 : 0;
+            m.preventDefault(), g((p) => {
+              const b = p < S - 1 ? p + 1 : 0;
               return b >= e.length ? 0 : b;
             });
             break;
           case "ArrowUp":
-            m.preventDefault(), g((u) => {
-              const b = u > 0 ? u - 1 : S - 1;
+            m.preventDefault(), g((p) => {
+              const b = p > 0 ? p - 1 : S - 1;
               return b >= e.length ? e.length - 1 : b;
             });
             break;
@@ -4795,7 +4798,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
         document.removeEventListener("keydown", f);
       };
   }, [o, f]);
-  const p = Y(
+  const u = Y(
     (m) => ({
       "data-index": m,
       className: c === m ? "selected" : "",
@@ -4808,13 +4811,13 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
   return {
     selectedIndex: c,
     containerRef: d,
-    getItemProps: p
+    getItemProps: u
   };
 }, Ui = ({}) => Array.from({ length: 3 }, (e, t) => /* @__PURE__ */ M(Tn, { className: "loading", children: [
   /* @__PURE__ */ s("div", { className: "icon", children: "•" }),
   /* @__PURE__ */ s("div", { className: "label", children: "Loading..." }),
   /* @__PURE__ */ s("div", { className: "type", children: "•" })
-] }, `loading-${t}`)), it = ({ entity: e, icon: t, color: n, ...o }) => {
+] }, `loading-${t}`)), at = ({ entity: e, icon: t, color: n, ...o }) => {
   const { anatomy: a } = Be();
   return /* @__PURE__ */ s(
     re,
@@ -4836,10 +4839,10 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
   const [i, l] = G(""), [c, g] = G(""), d = Q(null), f = ee(() => un(g, 300), []);
   q(() => (f(i), () => f.cancel()), [i, f]);
   const {
-    data: p,
+    data: u,
     error: m,
     isLoading: S,
-    hasNextPage: u,
+    hasNextPage: p,
     isFetchingNextPage: b,
     fetchNextPage: y
   } = or(
@@ -4849,16 +4852,16 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
       search: c
     },
     { skip: !c }
-  ), w = ee(() => p?.pages.flatMap((T) => T.entities) || [], [p]), R = (T) => {
+  ), w = ee(() => u?.pages.flatMap((T) => T.entities) || [], [u]), R = (T) => {
     a?.(T.id), l("");
   }, _ = () => {
     n?.();
-  }, { containerRef: E, getItemProps: I } = Wi({
+  }, { containerRef: I, getItemProps: E } = Wi({
     entities: w,
     onSelect: R,
     onClose: _,
     isActive: !!(i && w.length > 0),
-    hasNextPage: u,
+    hasNextPage: p,
     isFetchingNextPage: b,
     fetchNextPage: y
   });
@@ -4867,7 +4870,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
       d.current && d.current.focus();
     }, 0);
     return () => clearTimeout(T);
-  }, [p, i]), /* @__PURE__ */ M(Ao, { children: [
+  }, [u, i]), /* @__PURE__ */ M(Ao, { children: [
     /* @__PURE__ */ s(xn, { children: "Add new link" }),
     /* @__PURE__ */ M(Po, { children: [
       /* @__PURE__ */ M(_o, { children: [
@@ -4894,18 +4897,18 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
         }
       )
     ] }),
-    i && p && /* @__PURE__ */ M(zo, { ref: E, children: [
-      p?.pages.map(
+    i && u && /* @__PURE__ */ M(zo, { ref: I, children: [
+      u?.pages.map(
         (T, z) => T.entities.map((H, B) => {
-          const A = p.pages.slice(0, z).reduce((P, U) => P + U.entities.length, 0) + B;
+          const A = u.pages.slice(0, z).reduce((P, U) => P + U.entities.length, 0) + B;
           return /* @__PURE__ */ M(
             Tn,
             {
               onClick: () => R(H),
               tabIndex: 0,
-              ...I(A),
+              ...E(A),
               children: [
-                /* @__PURE__ */ s(it, { entity: H }),
+                /* @__PURE__ */ s(at, { entity: H }),
                 /* @__PURE__ */ M("span", { className: "label", children: [
                   H.parents?.map((P, U) => /* @__PURE__ */ M(wt, { children: [
                     /* @__PURE__ */ s("span", { children: P }, U + "-path"),
@@ -4920,7 +4923,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
           );
         })
       ),
-      (S || b || u) && /* @__PURE__ */ s(Ui, {})
+      (S || b || p) && /* @__PURE__ */ s(Ui, {})
     ] }),
     !S && m && /* @__PURE__ */ s(Oo, { children: m.message })
   ] });
@@ -4934,15 +4937,15 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
   isManager: l = !1,
   readOnly: c = !1
 }) => {
-  const [g, d] = G(!1), [f, p] = G(t), m = (R) => {
-    R.stopPropagation(), !(e.isRestricted || c) && (p(t), d(!0));
+  const [g, d] = G(!1), [f, u] = G(t), m = (R) => {
+    R.stopPropagation(), !(e.isRestricted || c) && (u(t), d(!0));
   }, S = () => {
     const R = Math.max(1, f);
     R !== t && i?.(R), d(!1);
-  }, u = () => {
-    p(t), d(!1);
+  }, p = () => {
+    u(t), d(!1);
   }, b = (R) => {
-    R.stopPropagation(), R.key === "Enter" ? R.currentTarget.blur() : R.key === "Escape" && u();
+    R.stopPropagation(), R.key === "Enter" ? R.currentTarget.blur() : R.key === "Escape" && p();
   }, w = ir.includes(e.entityType) && !e.isRestricted;
   return /* @__PURE__ */ M(
     kn,
@@ -4956,7 +4959,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
         unknown: e.isRestricted && l
       }),
       children: [
-        /* @__PURE__ */ s(it, { entity: { entityType: e.entityType }, icon: e?.icon, color: e.color }),
+        /* @__PURE__ */ s(at, { entity: { entityType: e.entityType }, icon: e?.icon, color: e.color }),
         /* @__PURE__ */ s("span", { className: "title", children: e.isRestricted ? /* @__PURE__ */ s("span", { className: "label", children: l ? "Unknown" : "Access Restricted" }) : /* @__PURE__ */ M(he, { children: [
           e.parents?.map((R, _) => /* @__PURE__ */ M(wt, { children: [
             /* @__PURE__ */ s("span", { children: R }, _ + "-path"),
@@ -4970,7 +4973,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
             value: f,
             min: 1,
             autoFocus: !0,
-            onChange: (R) => p(parseInt(R.target.value) || 1),
+            onChange: (R) => u(parseInt(R.target.value) || 1),
             onFocus: (R) => R.target.select(),
             onBlur: S,
             onKeyDown: b,
@@ -5027,27 +5030,27 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
   folderId: g,
   selectedEntityIds: d = [],
   onClose: f,
-  onEntityClick: p
+  onEntityClick: u
 }) => {
-  const { user: m } = mn(), S = m?.data?.isAdmin || m?.data?.isManager, u = Bi({
+  const { user: m } = mn(), S = m?.data?.isAdmin || m?.data?.isManager, p = Bi({
     projectName: o,
     direction: t,
     entityId: a,
     entityType: i,
     targetEntityType: c,
     linkType: l
-  }), [b, y] = G(null), [w, R] = G(!1), [_, E] = G({}), I = On(n), T = (A) => {
+  }), [b, y] = G(null), [w, R] = G(!1), [_, I] = G({}), E = On(n), T = (A) => {
     const P = _[A.groupKey];
     return P !== void 0 && P !== A.count ? P : A.count;
   }, z = async (A) => {
     if (w) return;
     R(!0);
-    const P = await u.add(
-      A.map((U) => ({ targetEntityId: U, linkId: lt() }))
+    const P = await p.add(
+      A.map((U) => ({ targetEntityId: U, linkId: ct() }))
     );
     R(!1), P && y(null);
   }, H = (A, P) => {
-    A.stopPropagation(), u.remove(
+    A.stopPropagation(), p.remove(
       P.linkIds.map((U) => ({
         id: U,
         target: { entityId: P.entityId, entityType: P.representative.entityType }
@@ -5055,25 +5058,25 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
     );
   }, B = (A, P) => {
     const U = T(A);
-    E((h) => ({ ...h, [A.groupKey]: P }));
+    I((h) => ({ ...h, [A.groupKey]: P }));
     const r = P - U;
     if (r > 0) {
       const h = Array.from({ length: r }, () => ({
         targetEntityId: A.entityId,
-        linkId: lt()
+        linkId: ct()
       }));
-      u.add(h);
+      p.add(h);
     } else if (r < 0) {
       const h = A.linkIds.slice(r).map((v) => ({
         id: v,
         target: { entityId: A.entityId, entityType: A.representative.entityType }
       }));
-      u.remove(h);
+      p.remove(h);
     }
   };
   return /* @__PURE__ */ M(he, { children: [
     /* @__PURE__ */ M(
-      ot,
+      it,
       {
         onMouseDown: (A) => {
           A.target !== document.activeElement && document.activeElement instanceof HTMLInputElement && document.activeElement.blur();
@@ -5097,13 +5100,13 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
             )
           ] }),
           /* @__PURE__ */ M(wn, { children: [
-            I.map((A) => /* @__PURE__ */ s(
+            E.map((A) => /* @__PURE__ */ s(
               Vi,
               {
                 link: A.representative,
                 count: T(A),
                 isSelected: d.includes(A.entityId),
-                onEntityClick: p,
+                onEntityClick: u,
                 onRemove: (P) => H(P, A),
                 onCountChange: (P) => B(A, P),
                 isManager: S
@@ -5118,7 +5121,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
               targetEntityType: c,
               projectName: o,
               onClose: f,
-              onAdd: (A) => u.add([{ targetEntityId: A, linkId: lt() }]),
+              onAdd: (A) => p.add([{ targetEntityId: A, linkId: ct() }]),
               onSearchTypeChange: y
             }
           )
@@ -5167,34 +5170,34 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
   isLoading: g
 }) => {
   const { user: d } = mn(), f = d?.data?.isAdmin || d?.data?.isManager;
-  let p, m;
+  let u, m;
   const S = [];
   try {
     const w = ti();
-    p = w.setSelectedEntity, w.selectedEntity && S.push(w.selectedEntity.entityId);
+    u = w.setSelectedEntity, w.selectedEntity && S.push(w.selectedEntity.entityId);
   } catch {
   }
   try {
     m = An().clearRowsSelection;
   } catch {
   }
-  const u = (w, R) => {
-    Ge(R) || (m && m(), p ? p({
+  const p = (w, R) => {
+    Ge(R) || (m && m(), u ? u({
       entityId: w,
       entityType: R
     }) : console.log("Entity clicked:", w, R));
   }, b = e?.links ? ji(e.links) : [], y = On(b);
   if (g) {
     const w = e?.entityId ?? "", R = w.charCodeAt(0) % 3 + 1;
-    return /* @__PURE__ */ s(qi, { children: Array.from({ length: R }, (_, E) => /* @__PURE__ */ s(
+    return /* @__PURE__ */ s(qi, { children: Array.from({ length: R }, (_, I) => /* @__PURE__ */ s(
       Qi,
       {
         className: "loading",
         style: {
-          width: rn[(w.charCodeAt(E) ?? E * 13) % rn.length]
+          width: rn[(w.charCodeAt(I) ?? I * 13) % rn.length]
         }
       },
-      E
+      I
     )) });
   }
   return /* @__PURE__ */ M(he, { children: [
@@ -5202,10 +5205,10 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
       Et,
       {
         values: y.map((w) => {
-          const R = w.representative, _ = R.isRestricted ? f ? "Unknown" : "Restricted" : R.label, E = R.isRestricted ? f ? "Unknown Link - Entity not found" : "Access Restricted - Insufficient Permissions to Entity" : R.parents.join("/") + "/" + R.label + (w.count > 1 ? ` (x${w.count})` : "");
+          const R = w.representative, _ = R.isRestricted ? f ? "Unknown" : "Restricted" : R.label, I = R.isRestricted ? f ? "Unknown Link - Entity not found" : "Access Restricted - Insufficient Permissions to Entity" : R.parents.join("/") + "/" + R.label + (w.count > 1 ? ` (x${w.count})` : "");
           return {
             label: _,
-            tooltip: E,
+            tooltip: I,
             icon: R.isRestricted ? f ? "help" : "lock" : void 0,
             suffix: w.count > 1 ? /* @__PURE__ */ M(Lt, { style: { cursor: "default", pointerEvents: "none" }, children: [
               "x",
@@ -5217,7 +5220,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
         disabled: a
       }
     ),
-    t && e && /* @__PURE__ */ s(We, { isEditing: t, anchorId: n, onClose: c, children: a ? /* @__PURE__ */ s(ot, { style: { color: "var(--md-sys-color-outline)" }, children: `${e.link.label || ""} ${e.direction} link is not of type ${e.entityType}` }) : /* @__PURE__ */ s(
+    t && e && /* @__PURE__ */ s(We, { isEditing: t, anchorId: n, onClose: c, children: a ? /* @__PURE__ */ s(it, { style: { color: "var(--md-sys-color-outline)" }, children: `${e.link.label || ""} ${e.direction} link is not of type ${e.entityType}` }) : /* @__PURE__ */ s(
       Gi,
       {
         projectName: o,
@@ -5229,7 +5232,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
         targetEntityType: e.link.targetEntityType,
         linkType: e.link.linkType,
         selectedEntityIds: S,
-        onEntityClick: u,
+        onEntityClick: p,
         folderId: i,
         onClose: c
       }
@@ -5271,10 +5274,10 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
   onChange: i,
   onCancelEdit: l
 }) => {
-  const { SubtasksManager: c, useNavigate: g, dispatch: d } = Pt(), [f, p] = G([]), m = e?.subtasks || [], S = m.map((u) => ({
-    label: u.label || u.name,
-    tooltip: u.description || u.label || u.name,
-    prefix: /* @__PURE__ */ s(St, { checked: u.isDone, isReadOnly: !0, style: { fontSize: 20 } })
+  const { SubtasksManager: c, useNavigate: g, dispatch: d } = Pt(), [f, u] = G([]), m = e?.subtasks || [], S = m.map((p) => ({
+    label: p.label || p.name,
+    tooltip: p.description || p.label || p.name,
+    prefix: /* @__PURE__ */ s(St, { checked: p.isDone, isReadOnly: !0, style: { fontSize: 20 } })
   }));
   return /* @__PURE__ */ M(he, { children: [
     /* @__PURE__ */ s(
@@ -5285,7 +5288,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
         disabled: a
       }
     ),
-    t && e && c && /* @__PURE__ */ s(We, { isEditing: t, anchorId: n, onClose: l, children: a ? /* @__PURE__ */ s(ot, { style: { color: "var(--md-sys-color-outline)" }, children: "Subtasks are disabled for this task" }) : /* @__PURE__ */ s(
+    t && e && c && /* @__PURE__ */ s(We, { isEditing: t, anchorId: n, onClose: l, children: a ? /* @__PURE__ */ s(it, { style: { color: "var(--md-sys-color-outline)" }, children: "Subtasks are disabled for this task" }) : /* @__PURE__ */ s(
       Zi,
       {
         projectName: o,
@@ -5294,7 +5297,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
         folderId: e.folderId,
         subtasks: m,
         selectedSubtaskIds: f,
-        onSelectSubtasks: p,
+        onSelectSubtasks: u,
         onClose: l,
         SubtasksManager: c,
         useNavigate: g,
@@ -5474,12 +5477,12 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
   isEditing: i,
   onCancelEdit: l
 }) => {
-  const { useNavigate: c = ma, hiddenListIds: g } = Pt(), d = c(), { lists: f, error: p } = Ai(o, t, e), m = Me[n], S = ee(
+  const { useNavigate: c = ma, hiddenListIds: g } = Pt(), d = c(), { lists: f, error: u } = Ai(o, t, e), m = Me[n], S = ee(
     () => f?.filter(
       (y) => y.entityListType === m?.listType && !g?.includes(y.id)
     ),
     [f, m, g]
-  ), u = ee(
+  ), p = ee(
     () => (S || []).map((y) => {
       const w = pa(o, y);
       return { list: y, open: w && d ? (_) => {
@@ -5488,7 +5491,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
     }),
     [S, o, d]
   ), b = ee(
-    () => u.map(({ list: y, open: w }) => ({
+    () => p.map(({ list: y, open: w }) => ({
       label: y.label,
       tooltip: y.itemIds.length > 1 ? `${y.label} (x${y.itemIds.length})` : y.label,
       suffix: /* @__PURE__ */ M(he, { children: [
@@ -5497,7 +5500,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
       ] }),
       onClick: w
     })),
-    [u]
+    [p]
   );
   return q(() => {
     if (!i) return;
@@ -5505,14 +5508,14 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
       w.key === "Escape" && l?.();
     };
     return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
-  }, [i, l]), p ? /* @__PURE__ */ M(da, { "data-tooltip": `Lists failed to load, sync to try again: ${p}`, children: [
+  }, [i, l]), u ? /* @__PURE__ */ M(da, { "data-tooltip": `Lists failed to load, sync to try again: ${u}`, children: [
     /* @__PURE__ */ s(re, { icon: "error" }),
     "Failed to load"
   ] }) : S ? S.length ? /* @__PURE__ */ M(he, { children: [
     /* @__PURE__ */ s(ca, { values: b, pt: { chip: { className: $t } } }),
-    i && /* @__PURE__ */ s(We, { isEditing: i, anchorId: a, onClose: l, children: /* @__PURE__ */ M(ot, { onMouseDown: (y) => y.stopPropagation(), children: [
+    i && /* @__PURE__ */ s(We, { isEditing: i, anchorId: a, onClose: l, children: /* @__PURE__ */ M(it, { onMouseDown: (y) => y.stopPropagation(), children: [
       /* @__PURE__ */ s(vn, { children: m?.label }),
-      /* @__PURE__ */ s(wn, { children: u.map(({ list: y, open: w }) => /* @__PURE__ */ M(kn, { className: W({ clickable: !!w }), onClick: w, children: [
+      /* @__PURE__ */ s(wn, { children: p.map(({ list: y, open: w }) => /* @__PURE__ */ M(kn, { className: W({ clickable: !!w }), onClick: w, children: [
         /* @__PURE__ */ s(re, { icon: Dr({ entityListType: y.entityListType, entityType: t }) }),
         /* @__PURE__ */ s("span", { className: "title", children: y.label }),
         /* @__PURE__ */ s(on, { count: y.itemIds.length })
@@ -5558,16 +5561,16 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
   nameDisabled: l = !1,
   labelDisabled: c = !1
 }) => {
-  const { anatomy: g } = Be(), { entity_naming: d = { capitalization: "lower", separator: "_" } } = g, [f, p] = G(o), [m, S] = G(n), { setEditingCellId: u, updateEntities: b } = Nt(), y = Q(null), w = Q(null), R = Ft(f, d), _ = m === R || !m;
+  const { anatomy: g } = Be(), { entity_naming: d = { capitalization: "lower", separator: "_" } } = g, [f, u] = G(o), [m, S] = G(n), { setEditingCellId: p, updateEntities: b } = Nt(), y = Q(null), w = Q(null), R = Ft(f, d), _ = m === R || !m;
   q(() => {
     const C = setTimeout(() => {
       !c && y.current ? (y.current.focus(), y.current.select()) : !l && w.current && (w.current.focus(), w.current.select());
     }, 0);
     return () => clearTimeout(C);
   }, [c, l]), q(() => {
-    p(o), S(n);
+    u(o), S(n);
   }, [o, n]);
-  const E = Y(async () => {
+  const I = Y(async () => {
     if (m !== n || f !== o) {
       if (f !== o && !c) {
         const D = ur(f);
@@ -5581,7 +5584,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
         console.error("Invalid name:", L.error), we.error(`Invalid name: ${L.error}`);
         return;
       }
-      u(null), a?.();
+      p(null), a?.();
       try {
         const { entityRowId: D } = i || {}, k = D, O = t, F = [];
         m !== n && !l && F.push({ field: "name", value: m, type: O, rowId: k, id: k }), f !== o && !c && F.push({ field: "label", value: f.trim(), type: O, rowId: k, id: k }), F.length && await b(F, !0);
@@ -5589,25 +5592,25 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
         console.error("Failed to update entity:", D);
       }
     } else
-      u(null), a?.();
+      p(null), a?.();
   }, [
     f,
     m,
     n,
     o,
     i,
-    u,
+    p,
     a,
     l,
     c,
     b,
     t
-  ]), I = Y(() => {
-    u(null), a?.();
-  }, [u, a]), T = Y(
+  ]), E = Y(() => {
+    p(null), a?.();
+  }, [p, a]), T = Y(
     (C) => {
       const L = C.target.value;
-      p(L), _ && !l && S(Ft(L, d));
+      u(L), _ && !l && S(Ft(L, d));
     },
     [_, l]
   ), z = Y((C) => {
@@ -5621,9 +5624,9 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
           const L = w.current.value.length;
           w.current.setSelectionRange(L, L);
         }
-      } else C.key === "Enter" && (C.preventDefault(), E());
+      } else C.key === "Enter" && (C.preventDefault(), I());
     },
-    [E, I, l]
+    [I, E, l]
   ), B = Y(
     (C) => {
       if (C.key === "ArrowUp") {
@@ -5632,9 +5635,9 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
           const L = y.current.value.length;
           y.current.setSelectionRange(L, L);
         }
-      } else C.key === "Enter" && (C.preventDefault(), E());
+      } else C.key === "Enter" && (C.preventDefault(), I());
     },
-    [E, I, c]
+    [I, E, c]
   ), A = Y((C) => {
     C.stopPropagation();
   }, []), P = Y((C) => {
@@ -5724,9 +5727,9 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
   const l = [], c = [], g = /* @__PURE__ */ new Set();
   if (o.has(e))
     for (const f of o) {
-      const { rowId: p, colId: m } = Mi(f) || {};
-      if (!p || m !== t) continue;
-      const S = a(p);
+      const { rowId: u, colId: m } = Mi(f) || {};
+      if (!u || m !== t) continue;
+      const S = a(u);
       S && (l.push(f), c.push(xa(S, t)), g.add(S.entityType));
     }
   const [d] = g;
@@ -5795,18 +5798,18 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
   isPlaceholder: g,
   isReadOnly: d,
   enableCustomValues: f,
-  isLoadingOptions: p,
+  isLoadingOptions: u,
   isLinksLoading: m,
   folderId: S,
-  midnightExclusiveFields: u,
+  midnightExclusiveFields: p,
   tooltip: b,
   mark: y,
   onChange: w,
   entityType: R,
   pt: _,
-  ...E
+  ...I
 }) => {
-  const I = Q(null), T = a?.type, { projectName: z } = Be(), { isEditing: H, setEditingCellId: B, getEditingDraft: A, setEditingDraft: P } = Nt(), { isCellFocused: U, gridMap: r, selectCell: h, focusCell: v, selectedCells: N } = In(), C = Ye(e, t), L = u?.includes(t) ?? !1, D = H(C), k = U(C), O = wa(
+  const E = Q(null), T = a?.type, { projectName: z } = Be(), { isEditing: H, setEditingCellId: B, getEditingDraft: A, setEditingDraft: P } = Nt(), { isCellFocused: U, gridMap: r, selectCell: h, focusCell: v, selectedCells: N } = In(), C = Ye(e, t), L = p?.includes(t) ?? !1, D = H(C), k = U(C), O = wa(
     C,
     t,
     D && !d && T === "list_of_strings"
@@ -5830,7 +5833,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
     const Z = N.size > 1 && N.has(C);
     if (j === "Enter" && (Z || T === "boolean")) {
       B(null), w?.($, j);
-      const fe = I.current?.closest("td");
+      const fe = E.current?.closest("td");
       fe && fe.focus();
     } else j === "Enter" ? (F(), w?.($, j)) : j === "Click" && Ca($, n) ? (B(null), w?.($, j)) : B(null);
   }, ue = ($) => {
@@ -5844,7 +5847,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
     onMixedChange: ue
   }, K = () => {
     B(null);
-    const $ = I.current?.closest("td");
+    const $ = E.current?.closest("td");
     $ && $.focus();
   }, V = ee(() => {
     const $ = {
@@ -5964,7 +5967,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
             type: T,
             onOpen: () => B(C),
             enableCustomValues: f,
-            isLoadingOptions: p,
+            isLoadingOptions: u,
             ...Ae,
             ...$,
             ..._?.enum
@@ -6028,17 +6031,17 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
     /* @__PURE__ */ s(
       ka,
       {
-        ...E,
+        ...I,
         onKeyDown: ($) => {
-          E.onKeyDown?.($), !($.defaultPrevented || $.key !== "Enter" || T !== "boolean" || i.length || a?.enumResolver || d || l) && ($.preventDefault(), $.stopPropagation(), te(!n, "Enter"));
+          I.onKeyDown?.($), !($.defaultPrevented || $.key !== "Enter" || T !== "boolean" || i.length || a?.enumResolver || d || l) && ($.preventDefault(), $.stopPropagation(), te(!n, "Enter"));
         },
-        className: W(E.className, {
+        className: W(I.className, {
           inherited: c && !D,
           [Fe]: d,
           editable: !d,
           warning: y?.warning
         }),
-        ref: I,
+        ref: E,
         id: C,
         "data-tooltip": b || !D && y?.tooltip || (c && !D && k ? "Inherited" : void 0),
         "data-tooltip-delay": 200,
@@ -6181,8 +6184,8 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
   rowHeight: c = 40,
   columnDisplayConfig: g
 }) => {
-  const d = Ge(t.entityType), f = c < Rr, p = f ? "compact" : "stacked", m = Zt(g, "path", "compact") ?? !0, S = Zt(g, "path", "full") ?? !0, u = f ? m : S;
-  return /* @__PURE__ */ M(Ia, { className: p, children: [
+  const d = Ge(t.entityType), f = c < Rr, u = f ? "compact" : "stacked", m = Zt(g, "path", "compact") ?? !0, S = Zt(g, "path", "full") ?? !0, p = f ? m : S;
+  return /* @__PURE__ */ M(Ia, { className: u, children: [
     o ? /* @__PURE__ */ s(
       Sa,
       {
@@ -6193,9 +6196,9 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
         icon: a ? "expand_more" : "chevron_right"
       }
     ) : null,
-    /* @__PURE__ */ s(Ea, { className: p, children: /* @__PURE__ */ s(Ra, { children: /* @__PURE__ */ M(La, { className: p, children: [
+    /* @__PURE__ */ s(Ea, { className: u, children: /* @__PURE__ */ s(Ra, { children: /* @__PURE__ */ M(La, { className: u, children: [
       /* @__PURE__ */ s(
-        it,
+        at,
         {
           entity: {
             entityType: t.entityType,
@@ -6205,8 +6208,8 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
           color: t.color || void 0
         }
       ),
-      /* @__PURE__ */ M(Na, { className: p, children: [
-        u && !d && /* @__PURE__ */ M("span", { className: "path", children: [
+      /* @__PURE__ */ M(Na, { className: u, children: [
+        p && !d && /* @__PURE__ */ M("span", { className: "path", children: [
           n,
           f && n ? "/" : ""
         ] }),
@@ -6254,7 +6257,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
 }) => {
   const g = ae(Ln), d = oi(), f = (m) => {
     m.button !== 0 || !o || !g || (d?.clearRowsSelection(), g.setSelectedEntity({ entityId: o, entityType: a }), m.preventDefault());
-  }, p = (m) => {
+  }, u = (m) => {
     m.detail === 2 && f(m);
   };
   return /* @__PURE__ */ s(
@@ -6262,10 +6265,10 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
     {
       id: `${e}-${t}`,
       className: W(_a, Fe, l, { loading: c }),
-      onMouseDown: p,
+      onMouseDown: u,
       "data-tooltip-delay": 200,
       children: /* @__PURE__ */ M(zn, { onMouseDown: f, children: [
-        i && /* @__PURE__ */ s(it, { entity: { entityType: a, subType: i } }),
+        i && /* @__PURE__ */ s(at, { entity: { entityType: a, subType: i } }),
         String(n ?? ""),
         /* @__PURE__ */ s(Pa, { icon: "dock_to_left" })
       ] })
@@ -6333,6 +6336,8 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
   object-fit: cover;
 `, ln = x.span`
   color: var(--md-sys-color-outline);
+  white-space: nowrap;
+  flex-shrink: 0;
 `, Wa = ({
   id: e,
   label: t,
@@ -6349,8 +6354,8 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
   /* @__PURE__ */ s(
     $a,
     {
-      onClick: (p) => {
-        p.stopPropagation(), f();
+      onClick: (u) => {
+        u.stopPropagation(), f();
       },
       className: "expander",
       icon: g ? "expand_more" : "chevron_right"
@@ -6362,7 +6367,7 @@ const Ye = (e, t) => `cell-${e}-${t}`, Mi = (e) => {
     /* @__PURE__ */ s(Ha, { style: { color: c || void 0 }, children: /* @__PURE__ */ s("span", { className: "label", children: t || n }) }),
     i !== void 0 && i > 0 ? /* @__PURE__ */ M(ln, { children: [
       i,
-      l !== void 0 && ` (${l}%)`
+      l !== void 0 && ` (${l === 0 ? "<1" : l}%)`
     ] }) : d ? /* @__PURE__ */ s(ln, { children: "(Empty)" }) : null
   ] }) }) })
 ] }), Ua = x.div`
@@ -6481,7 +6486,7 @@ export {
   Dn as a1,
   qs as a2,
   js as a3,
-  tt as a4,
+  nt as a4,
   Ge as a5,
   kl as a6,
   Ks as a7,
@@ -6551,7 +6556,7 @@ export {
   vl as b7,
   oe as b8,
   Ii as b9,
-  nt as ba,
+  rt as ba,
   Si as bb,
   qe as bc,
   De as bd,
@@ -6562,11 +6567,11 @@ export {
   xi as bi,
   Dt as bj,
   Yi as bk,
-  ut as bl,
+  pt as bl,
   Di as bm,
   Ci as bn,
   ge as bo,
-  pt as bp,
+  mt as bp,
   Yo as bq,
   Ce as br,
   ji as bs,
@@ -6575,17 +6580,17 @@ export {
   Ys as bv,
   oi as bw,
   _i as bx,
-  eo as c,
-  Pn as d,
-  tl as e,
-  el as f,
+  Pn as c,
+  tl as d,
+  el as e,
+  eo as f,
   ni as g,
   Us as h,
   Gs as i,
   $t as j,
   Et as k,
   Io as l,
-  it as m,
+  at as m,
   ro as n,
   Gi as o,
   Mi as p,