@ynput/ayon-frontend-shared 0.7.6 → 0.8.1

package/dist/chunks/ReviewablesSelector.es.js

@@ -1,34 +1,33 @@
 import { jsxs as S, jsx as o, Fragment as pe } from "react/jsx-runtime";
-import u, { css as Ye, keyframes as Qo, createGlobalStyle as Jo } from "styled-components";
-import { forwardRef as ce, useRef as H, useState as U, useEffect as q, useMemo as J, Fragment as Zo, useCallback as ee, useImperativeHandle as er } from "react";
-import { Icon as G, InputNumber as po, Button as B, IconSelect as tr, InputText as De, Dialog as We, FormLayout as Et, FormRow as oe, Dropdown as me, LockedInput as or, InputSwitch as _e, Spacer as go, SaveButton as mo, theme as se } from "@ynput/ayon-react-components";
-import { U as rr } from "./PlayableIcon.es.js";
-import Z from "clsx";
-import { kebabCase as $e, isEqual as Bt, uniqueId as Ge, startCase as Tt, camelCase as pt, upperFirst as nr } from "lodash";
+import u, { css as Ye, keyframes as Qo, createGlobalStyle as Zo } from "styled-components";
+import { forwardRef as ce, useRef as H, useState as U, useEffect as Y, useMemo as Z, Fragment as Jo, useCallback as te, useImperativeHandle as er } from "react";
+import { Icon as q, InputNumber as po, Button as B, IconSelect as tr, InputText as De, Dialog as We, FormLayout as Et, FormRow as oe, Dropdown as me, LockedInput as or, InputSwitch as _e, Spacer as go, SaveButton as mo, theme as se } from "@ynput/ayon-react-components";
+import { U as rr } from "./FilmstripEntityCard.es.js";
+import J from "clsx";
+import { kebabCase as $e, isEqual as Bt, uniqueId as qe, startCase as Tt, camelCase as pt, upperFirst as nr } from "lodash";
 import { createPortal as ho } from "react-dom";
 import { DndContext as Xe, closestCenter as Qe, DragOverlay as Nt, useSensors as Pt, useSensor as At, PointerSensor as _t } from "@dnd-kit/core";
-import { useSortable as Je, SortableContext as Le, verticalListSortingStrategy as Re, arrayMove as Dt } from "@dnd-kit/sortable";
-import { CSS as Ze } from "@dnd-kit/utilities";
+import { useSortable as Ze, SortableContext as Le, verticalListSortingStrategy as Re, arrayMove as Dt } from "@dnd-kit/sortable";
+import { CSS as Je } from "@dnd-kit/utilities";
 import { I as ar } from "./InfoMessage.es.js";
-import { S as fo } from "./SimpleForm.es.js";
-import { bD as ir, b6 as sr, bA as bo, by as vo, bC as Vt, br as lr, bb as cr, bx as yo, bB as xo, bt as dr } from "./searchTerms.es.js";
-import { bo as ur, bu as pr, cK as gr, bi as mr, dJ as ie, cr as hr } from "./getUris.es.js";
+import { S as bo } from "./SimpleForm.es.js";
+import { bD as ir, b6 as sr, bA as fo, by as vo, bC as Vt, bq as lr, bb as cr, bx as yo, bB as xo, bs as dr } from "./searchTerms.es.js";
+import { bp as ur, bv as pr, cL as gr, bj as mr, dK as ie, cs as hr } from "./getUris.es.js";
 import "primereact/confirmdialog";
-import { u as fr, g as br, v as vr } from "./Watchers.es.js";
+import { l as br, b as fr, v as vr } from "./Watchers.es.js";
 import { matchSorter as Ut } from "match-sorter";
 import { J as yr } from "./JsonViewer.es.js";
 import "@module-federation/enhanced/runtime";
 import "@ynput/ayon-addon/host";
 import { toast as xr } from "react-toastify";
-import { d as wo, b as wr, ah as et, u as tt, y as ko } from "./TableExportContextInstance.es.js";
 import "uuid";
 import "axios";
+import { c as wo, b as wr, ai as et, u as tt, q as ko } from "./TableExportContextInstance.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
-import "react-redux";
 import { Link as kr } from "react-router-dom";
-import { g as be } from "./iconUtils.es.js";
-import { b7 as Q, a as Ce, be as Cr, b as ot, bg as Sr, bn as Ir, aG as xe, b8 as te, ak as Er, v as Tr, bl as Nr, bb as Ht, b9 as jt, bc as Kt, bo as Pr } from "./MetaWidget.es.js";
+import { g as fe } from "./iconUtils.es.js";
+import { b7 as G, a as Ce, be as Cr, b as ot, bg as Sr, bn as Ir, aG as xe, b8 as ee, ak as Er, v as Tr, bl as Nr, bb as Ht, b9 as jt, bc as Kt, bo as Pr } from "./MetaWidget.es.js";
 import "@tanstack/react-table";
 import "date-fns";
 import "lexical";
@@ -41,6 +40,7 @@ import "@lexical/utils";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@lexical/react/LexicalDecoratorBlockNode";
 import { ContributionView as Ar } from "@ynput/ayon-addon";
+import "react-redux";
 import "@tanstack/react-virtual";
 import { a as _r } from "./addonColumnTags.es.js";
 import { M as Co, a as Dr, b as Lr } from "./Menu.es.js";
@@ -56,13 +56,14 @@ import { a as To } from "./VersionUploadContextInstance.es.js";
 import { Skeleton as Hr } from "primereact/skeleton";
 import jr from "react-perfect-scrollbar";
 import { u as Kr } from "./useCreateContextMenu.es.js";
+import { b as qr } from "./getThumbnailUrl.es.js";
 const Gr = u.div`
   display: flex;
   width: 100%;
   height: 100%;
   gap: 0;
   padding: ${(e) => e.$padding};
-`, qr = u.div`
+`, Yr = u.div`
   width: ${(e) => e.$config.width || "15%"};
   min-width: ${(e) => e.$config.minWidth || "2%"};
   max-width: ${(e) => e.$config.maxWidth || "600px"};
@@ -70,7 +71,7 @@ const Gr = u.div`
   flex-shrink: 0;
   border-radius: 4px;
   background-color: var(--md-sys-color-surface-container);
-`, Yr = u.div`
+`, Wr = u.div`
   display: grid;
   grid-template-columns: repeat(${(e) => e.$config.columns}, 1fr);
   grid-template-rows: repeat(${(e) => e.$config.rows}, 1fr);
@@ -78,11 +79,11 @@ const Gr = u.div`
   flex: 1;
   padding: 1rem;
   overflow: auto;
-`, Wr = u.div`
+`, Xr = u.div`
   border-radius: 4px;
   min-height: ${(e) => e.$minHeight};
   background-color: var(--md-sys-color-surface-container);
-`, zs = ({
+`, $s = ({
   showSidebar: e = !0,
   sidebarConfig: t = {},
   gridConfig: r = { columns: 3, rows: 3 },
@@ -92,18 +93,18 @@ const Gr = u.div`
 }) => {
   const a = r.columns * r.rows;
   return /* @__PURE__ */ S(Gr, { $padding: n, ...i, children: [
-    e && /* @__PURE__ */ o(qr, { className: "loading", $config: t, ...s?.sidebar }),
-    /* @__PURE__ */ o(Yr, { $config: r, ...s?.grid, children: Array.from({ length: a }).map((h, b) => /* @__PURE__ */ o(
-      Wr,
+    e && /* @__PURE__ */ o(Yr, { className: "loading", $config: t, ...s?.sidebar }),
+    /* @__PURE__ */ o(Wr, { $config: r, ...s?.grid, children: Array.from({ length: a }).map((h, f) => /* @__PURE__ */ o(
+      Xr,
       {
         className: "loading",
         $minHeight: r.itemMinHeight || "200px",
         ...s?.gridItem
       },
-      b
+      f
     )) })
   ] });
-}, Ms = u.div`
+}, Fs = u.div`
   position: relative;
   width: 100%;
 
@@ -111,7 +112,7 @@ const Gr = u.div`
     min-height: 32px;
     max-height: 32px;
   }
-`, $s = u.ul`
+`, Bs = u.ul`
   position: absolute;
   top: 100%;
   left: 0;
@@ -140,7 +141,7 @@ const Gr = u.div`
   .tip {
     color: var(--md-sys-color-outline);
   }
-`, Xr = u.div`
+`, Qr = u.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-medium);
@@ -184,7 +185,7 @@ const Gr = u.div`
     padding: 2px;
     font-size: 20px;
   }
-`, Qr = "__everyone__", Jr = "__guests__", Gt = "group:", qt = "team:", Yt = "user:", Wt = "guest:", Zr = u(G)`
+`, Zr = "__everyone__", Jr = "__guests__", qt = "group:", Gt = "team:", Yt = "user:", Wt = "guest:", en = u(q)`
   font-size: ${({ $size: e }) => `${e}px`};
   &.withBackground {
     display: flex;
@@ -194,7 +195,7 @@ const Gr = u.div`
     background-color: var(--md-sys-color-surface-container-high);
     padding: 3px;
   }
-`, en = ({
+`, tn = ({
   shareType: e,
   name: t,
   label: r,
@@ -203,19 +204,19 @@ const Gr = u.div`
   withTooltip: i = !0
 }) => {
   let a = e, h = t;
-  a || (t.startsWith(Yt) ? (a = "user", h = t.slice(Yt.length)) : t.startsWith(Gt) ? (a = "group", h = t.slice(Gt.length)) : t.startsWith(qt) ? (a = "team", h = t.slice(qt.length)) : t.startsWith(Wt) && (a = "guest", h = t.slice(Wt.length)));
-  const b = (c, l) => /* @__PURE__ */ o(
-    Zr,
+  a || (t.startsWith(Yt) ? (a = "user", h = t.slice(Yt.length)) : t.startsWith(qt) ? (a = "group", h = t.slice(qt.length)) : t.startsWith(Gt) ? (a = "team", h = t.slice(Gt.length)) : t.startsWith(Wt) && (a = "guest", h = t.slice(Wt.length)));
+  const f = (c, l) => /* @__PURE__ */ o(
+    en,
     {
-      className: Z({ withBackground: s }),
+      className: J({ withBackground: s }),
       icon: c,
       "data-tooltip": i ? l : void 0,
       "data-tooltip-delay": i ? 0 : void 0,
       $size: s ? n - 6 : n
     }
   );
-  return a === "user" ? /* @__PURE__ */ o(rr, { name: h, fullName: i ? r : void 0, size: n }) : a === "group" ? b("shield_person", "Access group") : a === "team" ? b("groups", "Team") : a === "guest" || t === Jr ? b("badge", "Guest user") : t === Qr ? b("groups", "Everyone with access to the project") : b("person");
-}, Fs = ce(
+  return a === "user" ? /* @__PURE__ */ o(rr, { name: h, fullName: i ? r : void 0, size: n }) : a === "group" ? f("shield_person", "Access group") : a === "team" ? f("groups", "Team") : a === "guest" || t === Jr ? f("badge", "Guest user") : t === Zr ? f("groups", "Everyone with access to the project") : f("person");
+}, Vs = ce(
   ({
     name: e,
     label: t,
@@ -225,24 +226,24 @@ const Gr = u.div`
     isOwner: i,
     isCompact: a,
     isSearchResult: h,
-    labelChildren: b,
+    labelChildren: f,
     children: c,
     className: l,
     ...p
   }, d) => {
     const y = n === "user" || n === "guest", v = y || h, x = y ? e : n;
-    return /* @__PURE__ */ S(Xr, { ...p, ref: d, className: Z(l, { compact: a }), children: [
-      /* @__PURE__ */ o(en, { shareType: n, name: e, label: t, icon: r }),
+    return /* @__PURE__ */ S(Qr, { ...p, ref: d, className: J(l, { compact: a }), children: [
+      /* @__PURE__ */ o(tn, { shareType: n, name: e, label: t, icon: r }),
       /* @__PURE__ */ S("span", { className: "title-label", children: [
         t || e,
-        s ? /* @__PURE__ */ o("span", { className: "name", children: "(you)" }) : v && /* @__PURE__ */ o("span", { className: Z("name", { "float-right": h }), children: x }),
-        b
+        s ? /* @__PURE__ */ o("span", { className: "name", children: "(you)" }) : v && /* @__PURE__ */ o("span", { className: J("name", { "float-right": h }), children: x }),
+        f
       ] }),
       c,
       i && /* @__PURE__ */ o("span", { className: "owner", children: "Owner" })
     ] });
   }
-), tn = u.div`
+), on = u.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -252,26 +253,26 @@ const Gr = u.div`
   input {
     width: 100%;
   }
-`, on = ({ value: e = {}, isMin: t, isFloat: r = !1, onChange: n }) => {
-  const { le: s, lt: i, ge: a, gt: h } = e, b = a ?? h, c = s ?? i, l = H(null), p = t ? b : c, d = t ? "g" : "l", y = d + "e", v = d + "t", [x, g] = U(e[y] != null || !r);
-  q(() => {
+`, rn = ({ value: e = {}, isMin: t, isFloat: r = !1, onChange: n }) => {
+  const { le: s, lt: i, ge: a, gt: h } = e, f = a ?? h, c = s ?? i, l = H(null), p = t ? f : c, d = t ? "g" : "l", y = d + "e", v = d + "t", [x, g] = U(e[y] != null || !r);
+  Y(() => {
     r ? (p !== void 0 && n({ [y]: String(p), [v]: void 0 }), g(!0)) : (n({ [y]: parseInt(String(p))?.toString(), [v]: void 0 }), g(!0));
   }, [r]);
   const w = (z) => {
     const P = z.target.value;
     n(r ? x ? { [y]: P, [v]: void 0 } : { [y]: void 0, [v]: P } : { [y]: P, [v]: void 0 }), l.current && l.current.setCustomValidity("");
-  }, f = () => {
+  }, b = () => {
     const z = !x;
     g(z), n(z ? { [v]: void 0, [y]: p } : { [v]: p, [y]: void 0 });
   }, m = t ? "greater" : "less", k = t ? ">" : "<", C = t ? "≥" : "≤", N = `Determines if the value should be '${m} than or equal to' (${C}) or 'strictly ${m} than' (${k}). Currently: ${x ? C : k}`;
-  return /* @__PURE__ */ S(tn, { children: [
+  return /* @__PURE__ */ S(on, { children: [
     /* @__PURE__ */ o(
       po,
       {
         value: p === void 0 ? "" : p,
         onChange: w,
         step: r ? "any" : 1,
-        min: t ? void 0 : b,
+        min: t ? void 0 : f,
         max: t ? c : void 0,
         ref: l
       }
@@ -281,13 +282,13 @@ const Gr = u.div`
       {
         label: C,
         selected: x,
-        onClick: f,
+        onClick: b,
         "data-tooltip": N,
         "data-tooltip-delay": 0
       }
     )
   ] });
-}, rn = Ye`
+}, nn = Ye`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -307,12 +308,12 @@ const Gr = u.div`
   &:hover {
     background-color: var(--md-sys-color-surface-container-low-hover);
   }
-`, nn = u.div`
+`, an = u.div`
   display: flex;
   flex-direction: column;
   justify-content: stretch;
   gap: 4px;
-`, an = u.div`
+`, sn = u.div`
   justify-content: stretch;
   border-radius: 4px;
   overflow: hidden;
@@ -320,7 +321,7 @@ const Gr = u.div`
   &.dragged {
     opacity: 0;
   }
-`, sn = u.div`
+`, ln = u.div`
   ${Lt}
   cursor: pointer;
   user-select: none;
@@ -361,7 +362,7 @@ const Gr = u.div`
   .spacer {
     flex-grow: 1;
   }
-`, ln = u.div`
+`, cn = u.div`
   display: grid;
   grid-template-rows: 0fr;
   overflow: hidden;
@@ -369,8 +370,8 @@ const Gr = u.div`
   &.expanded {
     grid-template-rows: 1fr;
   }
-`, cn = u.div`
-  ${rn}
+`, dn = u.div`
+  ${nn}
   align-items: stretch;
   padding: 0 8px;
   min-height: 0;
@@ -390,11 +391,11 @@ const Gr = u.div`
 `, Xt = u.div`
   ${Lt}
   gap: 4px;
-`, dn = u.div`
+`, un = u.div`
   border-radius: 4px;
   width: 14px;
   height: 14px;
-`, un = u(tr)`
+`, pn = u(tr)`
   flex-grow: 1;
   width: 100%;
   button div {
@@ -409,7 +410,7 @@ const Gr = u.div`
   border-color: var(--md-sys-color-outline-variant);
   flex-grow: 1;
   padding: 4px 8px;
-`, Jt = u.div`
+`, Zt = u.div`
   display: flex;
   justify-content: start;
   flex-grow: 1;
@@ -425,7 +426,7 @@ const Gr = u.div`
   width: 100%;
   padding-left: 8px;
   user-select: none;
-`, pn = u(Po)`
+`, gn = u(Po)`
   ${No}
   position: relative;
   cursor: pointer;
@@ -436,7 +437,7 @@ const Gr = u.div`
     position: absolute;
     visibility: hidden;
   }
-`, gn = ({
+`, mn = ({
   item: e,
   onChange: t,
   onCommit: r,
@@ -445,24 +446,24 @@ const Gr = u.div`
   showRemoveButton: i = !0,
   showDuplicateButton: a = !0,
   autoFocus: h = !1,
-  isExpanded: b = !0,
+  isExpanded: f = !0,
   className: c,
   pt: l,
   ...p
 }) => {
-  const { label: d, value: y, icon: v, color: x, isNewAttribute: g } = e, w = H(null), f = H(null), m = H(null), k = H(null);
-  return q(() => {
+  const { label: d, value: y, icon: v, color: x, isNewAttribute: g } = e, w = H(null), b = H(null), m = H(null), k = H(null);
+  return Y(() => {
     (h || e.isNewAttribute) && w.current?.select();
-  }, [h, e.isNewAttribute]), q(() => {
-    b && !h && !e.isNewAttribute && setTimeout(() => w.current?.focus(), 250);
-  }, [b, h, e.isNewAttribute]), /* @__PURE__ */ S(
-    cn,
+  }, [h, e.isNewAttribute]), Y(() => {
+    f && !h && !e.isNewAttribute && setTimeout(() => w.current?.focus(), 250);
+  }, [f, h, e.isNewAttribute]), /* @__PURE__ */ S(
+    dn,
     {
       ...l?.wrapper,
       ...p,
-      className: Z(c, l?.wrapper?.className, {
-        expanded: b,
-        collapsed: !b
+      className: J(c, l?.wrapper?.className, {
+        expanded: f,
+        collapsed: !f
       }),
       children: [
         /* @__PURE__ */ S(Ae, { ...l?.label?.wrapper, children: [
@@ -474,11 +475,11 @@ const Gr = u.div`
               value: d,
               autoFocus: h || g,
               ...l?.label?.input,
-              className: Z(l?.label?.input?.className),
+              className: J(l?.label?.input?.className),
               onChange: (C) => {
                 if (!g)
                   return t && t(["label"], [C.target.value]);
-                f.current && (f.current.value = $e(C.target.value)), t && t(["label", "value"], [C.target.value, $e(C.target.value)]);
+                b.current && (b.current.value = $e(C.target.value)), t && t(["label", "value"], [C.target.value, $e(C.target.value)]);
               },
               onBlur: (C) => {
                 g ? r && r(["label", "value"], [C.target.value, $e(C.target.value)]) : r && r(["label"], [C.target.value]);
@@ -501,10 +502,10 @@ const Gr = u.div`
           /* @__PURE__ */ o(
             Qt,
             {
-              ref: f,
-              value: f.current?.value || y,
+              ref: b,
+              value: b.current?.value || y,
               ...l?.value?.input,
-              className: Z(l?.value?.input?.className),
+              className: J(l?.value?.input?.className),
               onChange: (C) => t && t(["value"], [C.target.value]),
               onBlur: (C) => r && r(["value"], [C.target.value]),
               onKeyDown: (C) => {
@@ -516,7 +517,7 @@ const Gr = u.div`
         ] }, "value"),
         /* @__PURE__ */ S(Ae, { ...l?.icon?.wrapper, children: [
           /* @__PURE__ */ o(Fe, { ...l?.icon?.label, children: "Icon" }),
-          /* @__PURE__ */ S(Jt, { style: { position: "relative" }, children: [
+          /* @__PURE__ */ S(Zt, { style: { position: "relative" }, children: [
             /* @__PURE__ */ o(
               Po,
               {
@@ -528,13 +529,13 @@ const Gr = u.div`
               }
             ),
             /* @__PURE__ */ o(
-              un,
+              pn,
               {
                 ref: k,
                 value: [v || "question_mark"],
                 widthExpand: !0,
                 ...l?.icon?.input,
-                className: Z(l?.icon?.input?.className),
+                className: J(l?.icon?.input?.className),
                 style: {
                   position: v ? "relative" : "absolute",
                   visibility: v ? "visible" : "hidden",
@@ -559,9 +560,9 @@ const Gr = u.div`
         ] }, "icon"),
         /* @__PURE__ */ S(Ae, { ...l?.color?.wrapper, children: [
           /* @__PURE__ */ o(Fe, { ...l?.color?.label, children: "Color" }),
-          /* @__PURE__ */ S(Jt, { style: { position: "relative" }, children: [
+          /* @__PURE__ */ S(Zt, { style: { position: "relative" }, children: [
             /* @__PURE__ */ S(
-              pn,
+              gn,
               {
                 className: x ? "active" : "",
                 style: { backgroundColor: x || void 0 },
@@ -575,7 +576,7 @@ const Gr = u.div`
                       ref: m,
                       value: x || "#000000",
                       ...l?.color?.input,
-                      className: Z(l?.color?.input?.className),
+                      className: J(l?.color?.input?.className),
                       onChange: (C) => {
                         t && t(["color"], [C?.target.value.toString()]), r && r(["color"], [C?.target.value.toString()]);
                       }
@@ -596,14 +597,14 @@ const Gr = u.div`
             )
           ] })
         ] }, "color"),
-        (i || a) && /* @__PURE__ */ S(Ae, { ...l?.footer, className: Z("footer", l?.footer?.className), children: [
+        (i || a) && /* @__PURE__ */ S(Ae, { ...l?.footer, className: J("footer", l?.footer?.className), children: [
           i && /* @__PURE__ */ o(Xt, { children: /* @__PURE__ */ o(Be, { icon: "close", variant: "text", onClick: n, children: "Remove" }) }),
           a && /* @__PURE__ */ o(Xt, { children: /* @__PURE__ */ o(Be, { icon: "content_copy", variant: "text", onClick: s, children: "Duplicate" }) })
         ] })
       ]
     }
   );
-}, Zt = ({
+}, Jt = ({
   item: e,
   isBeingDragged: t,
   onChange: r,
@@ -613,42 +614,42 @@ const Gr = u.div`
   pt: a,
   ...h
 }) => {
-  const { id: b, label: c, icon: l, color: p, isExpanded: d } = e, { attributes: y, listeners: v, setNodeRef: x, transform: g, transition: w } = Je({
-    id: b,
+  const { id: f, label: c, icon: l, color: p, isExpanded: d } = e, { attributes: y, listeners: v, setNodeRef: x, transform: g, transition: w } = Ze({
+    id: f,
     animateLayoutChanges: () => !1
-  }), f = {
+  }), b = {
     transition: w,
-    transform: Ze.Translate.toString(g)
+    transform: Je.Translate.toString(g)
   };
   return /* @__PURE__ */ S(
-    an,
+    sn,
     {
       ref: x,
-      style: f,
+      style: b,
       ...a?.wrapper,
       ...h,
-      className: Z(h.className, a?.wrapper?.className, { dragged: t }),
+      className: J(h.className, a?.wrapper?.className, { dragged: t }),
       children: [
         /* @__PURE__ */ S(
-          sn,
+          ln,
           {
             ...a?.header,
             onClick: () => {
               r && r(["isExpanded"], [!d]);
             },
-            className: Z(a?.header?.className, { expanded: d }),
+            className: J(a?.header?.className, { expanded: d }),
             children: [
-              p && /* @__PURE__ */ o(dn, { style: { backgroundColor: p } }),
-              l && /* @__PURE__ */ o(G, { className: "icon", icon: l }),
+              p && /* @__PURE__ */ o(un, { style: { backgroundColor: p } }),
+              l && /* @__PURE__ */ o(q, { className: "icon", icon: l }),
               /* @__PURE__ */ S("span", { children: [
                 " ",
                 c,
                 " "
               ] }),
               /* @__PURE__ */ o("span", { className: "spacer" }),
-              /* @__PURE__ */ o(G, { className: "icon toggle-expand", icon: d ? "collapse_all" : "expand_all" }),
+              /* @__PURE__ */ o(q, { className: "icon toggle-expand", icon: d ? "collapse_all" : "expand_all" }),
               /* @__PURE__ */ o(
-                G,
+                q,
                 {
                   ...v,
                   ...y,
@@ -660,8 +661,8 @@ const Gr = u.div`
             ]
           }
         ),
-        /* @__PURE__ */ o(ln, { className: Z({ expanded: d }), children: /* @__PURE__ */ o(
-          gn,
+        /* @__PURE__ */ o(cn, { className: J({ expanded: d }), children: /* @__PURE__ */ o(
+          mn,
           {
             item: e,
             onChange: r,
@@ -678,7 +679,7 @@ const Gr = u.div`
       ]
     }
   );
-}, mn = ({
+}, hn = ({
   creator: e,
   initialData: t,
   onChange: r,
@@ -686,12 +687,12 @@ const Gr = u.div`
   normalizer: s,
   mergeIncomingData: i
 }) => {
-  const [a, h] = U(t), b = (x) => {
+  const [a, h] = U(t), f = (x) => {
     h(x);
     const g = s(a), w = s(x);
     Bt(g, w) || r(w);
   };
-  return q(() => {
+  return Y(() => {
     h((x) => {
       const g = s(x), w = s(t);
       return Bt(g, w) ? x : i ? i(x, t) : t;
@@ -699,39 +700,39 @@ const Gr = u.div`
   }, [t, i, s]), {
     items: a,
     handleAddItem: (x) => {
-      b([...a, { ...e(), ...x, id: Ge() }]);
+      f([...a, { ...e(), ...x, id: qe() }]);
     },
     handleRemoveItem: (x) => () => {
-      b([...a.slice(0, x), ...a.slice(x + 1)]);
+      f([...a.slice(0, x), ...a.slice(x + 1)]);
     },
     handleChangeItem: (x) => (g, w) => {
-      let f = { ...a[x] };
-      g.map((m, k) => f[m] = w[k]), b([...a.slice(0, x), f, ...a.slice(x + 1)]);
+      let b = { ...a[x] };
+      g.map((m, k) => b[m] = w[k]), f([...a.slice(0, x), b, ...a.slice(x + 1)]);
     },
     handleCommitItem: (x) => (g, w) => {
       if (!n) return;
-      let f = { ...a[x] };
-      g.map((k, C) => f[k] = w[C]);
-      const m = [...a.slice(0, x), f, ...a.slice(x + 1)];
+      let b = { ...a[x] };
+      g.map((k, C) => b[k] = w[C]);
+      const m = [...a.slice(0, x), b, ...a.slice(x + 1)];
       n(s(m));
     },
     handleDuplicateItem: (x, g) => {
-      b([
+      f([
         ...a.slice(0, x + 1),
-        { ...a[x], id: Ge(), ...g },
+        { ...a[x], id: qe(), ...g },
         ...a.slice(x + 1)
       ]);
     },
     handleDraggableEnd: (x) => {
       if (!x.over)
         return;
-      const g = a.find((k) => k.id == x.active.id), w = a.indexOf(g), f = a.find((k) => k.id == x.over.id), m = a.indexOf(f);
-      w < m ? b([
+      const g = a.find((k) => k.id == x.active.id), w = a.indexOf(g), b = a.find((k) => k.id == x.over.id), m = a.indexOf(b);
+      w < m ? f([
         ...a.slice(0, w),
         ...a.slice(w + 1, m + 1),
         g,
         ...a.slice(m + 1)
-      ]) : b([
+      ]) : f([
         ...a.slice(0, m),
         g,
         ...a.slice(m, w),
@@ -747,8 +748,8 @@ const Gr = u.div`
   for (; t.includes(h); )
     h = a + r + i++;
   return h;
-}, hn = () => ({
-  id: Ge(),
+}, bn = () => ({
+  id: qe(),
   isExpanded: !0,
   label: "",
   value: "",
@@ -759,8 +760,8 @@ const Gr = u.div`
   value: r,
   icon: n || void 0,
   color: s || void 0
-})), bn = (e) => e.map(({ label: t, value: r, icon: n, color: s }) => ({
-  id: Ge(),
+})), vn = (e) => e.map(({ label: t, value: r, icon: n, color: s }) => ({
+  id: qe(),
   isExpanded: !1,
   label: t,
   value: r.toString(),
@@ -768,7 +769,7 @@ const Gr = u.div`
   color: s,
   isLabelFocused: !1,
   isNewAttribute: !1
-})), vn = (e, t) => t.map((r, n) => {
+})), yn = (e, t) => t.map((r, n) => {
   const s = e[n];
   return s ? {
     ...r,
@@ -777,31 +778,31 @@ const Gr = u.div`
     isLabelFocused: s.isLabelFocused,
     isNewAttribute: s.isNewAttribute
   } : r;
-}), yn = ({ values: e, onChange: t, onCommit: r, pt: n, ...s }) => {
+}), xn = ({ values: e, onChange: t, onCommit: r, pt: n, ...s }) => {
   if (!e)
     return null;
   const {
     items: i,
     handleAddItem: a,
     handleRemoveItem: h,
-    handleChangeItem: b,
+    handleChangeItem: f,
     handleCommitItem: c,
     handleDuplicateItem: l,
     handleDraggableEnd: p
-  } = mn({
-    creator: hn,
-    initialData: bn(e),
+  } = hn({
+    creator: bn,
+    initialData: vn(e),
     onChange: t,
     onCommit: r,
     normalizer: fn,
-    mergeIncomingData: vn
+    mergeIncomingData: yn
   }), d = (w) => {
     x(w.active.id);
   }, y = (w) => {
     x(null), p(w);
   }, [v, x] = U();
   let g;
-  return v && (g = i.find((w) => w.id === v)), /* @__PURE__ */ o(pe, { children: /* @__PURE__ */ S(nn, { ...s, children: [
+  return v && (g = i.find((w) => w.id === v)), /* @__PURE__ */ o(pe, { children: /* @__PURE__ */ S(an, { ...s, children: [
     /* @__PURE__ */ S(
       Xe,
       {
@@ -809,24 +810,24 @@ const Gr = u.div`
         onDragStart: d,
         onDragEnd: y,
         children: [
-          /* @__PURE__ */ o(Le, { items: i, strategy: Re, children: i.map((w, f) => /* @__PURE__ */ o(
-            Zt,
+          /* @__PURE__ */ o(Le, { items: i, strategy: Re, children: i.map((w, b) => /* @__PURE__ */ o(
+            Jt,
             {
               item: w,
               isBeingDragged: w.id === v,
-              onChange: b(f),
-              onCommit: c(f),
-              onRemove: h(f),
-              onDuplicate: () => l(f, {
+              onChange: f(b),
+              onCommit: c(b),
+              onRemove: h(b),
+              onDuplicate: () => l(b, {
                 isLabelFocused: !0,
                 isNewAttribute: !0,
                 label: eo(
-                  i[f].label,
+                  i[b].label,
                   i.map((m) => m.label),
                   " "
                 ),
                 value: eo(
-                  i[f].value,
+                  i[b].value,
                   i.map((m) => m.value),
                   "-"
                 )
@@ -836,7 +837,7 @@ const Gr = u.div`
             `DraggableAttributeEnum_${w.id}`
           )) }),
           ho(
-            /* @__PURE__ */ o(Nt, { style: {}, children: g && /* @__PURE__ */ o(Zt, { item: g, ...n?.item }) }),
+            /* @__PURE__ */ o(Nt, { style: {}, children: g && /* @__PURE__ */ o(Jt, { item: g, ...n?.item }) }),
             document.body
           )
         ]
@@ -855,7 +856,7 @@ const Gr = u.div`
       }
     )
   ] }) });
-}, Ao = ({ icon: e, color: t, reserveSpace: r }) => ir(e) ? /* @__PURE__ */ o("img", { src: e, alt: "" }) : e ? /* @__PURE__ */ o(G, { icon: e, style: { color: t } }) : r ? /* @__PURE__ */ o("span", { className: "icon-slot" }) : null, rt = u.div`
+}, Ao = ({ icon: e, color: t, reserveSpace: r }) => ir(e) ? /* @__PURE__ */ o("img", { src: e, alt: "" }) : e ? /* @__PURE__ */ o(q, { icon: e, style: { color: t } }) : r ? /* @__PURE__ */ o("span", { className: "icon-slot" }) : null, rt = u.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -880,12 +881,12 @@ const Gr = u.div`
     flex: none;
     width: 20px;
   }
-`, xn = 8, _o = 10, wn = u.div`
+`, wn = 8, _o = 10, kn = u.div`
   display: flex;
   gap: var(--base-gap-large);
   flex: 1;
   min-height: 0;
-`, kn = u.div`
+`, Cn = u.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
@@ -911,15 +912,15 @@ const Gr = u.div`
   font-weight: 500;
   color: var(--md-sys-color-outline);
   padding: 4px 0;
-`, Cn = u.div`
+`, Sn = u.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
   flex: 1;
   min-width: 0;
-`, Sn = u.span`
+`, In = u.span`
   color: var(--md-sys-color-outline);
-`, In = u.div`
+`, En = u.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
@@ -929,7 +930,7 @@ const Gr = u.div`
   padding: var(--padding-m);
   border-radius: var(--border-radius-m);
   background-color: var(--md-sys-color-surface-container);
-`, En = u(rt)`
+`, Tn = u(rt)`
   .value {
     margin-left: auto;
     flex: none;
@@ -938,7 +939,7 @@ const Gr = u.div`
   }
 `, we = u.span`
   color: var(--md-sys-color-outline);
-`, Tn = ({ value: e, onChange: t }) => {
+`, Nn = ({ value: e, onChange: t }) => {
   const { projects: r } = wo(), n = r.active.map((s) => ({
     value: s.name,
     label: s.label || s.name
@@ -972,31 +973,31 @@ const Gr = u.div`
       widthExpand: !0
     }
   );
-}, Nn = {
-  project_name: Tn,
+}, Pn = {
+  project_name: Nn,
   user: Do
-}, Pn = ["label", (e) => String(e.value), "description", "fulltext"], An = ({ resolver: e, settings: t, onClose: r }) => {
-  const [n, s] = U({}), [i, a] = U(t), [h, b] = U(""), { user: c } = wo(), l = e.settingsForm || [], p = new Set(l.map((T) => T.name)), d = e.acceptedParams || {}, y = !!c?.data?.isAdmin, v = Object.keys(d).filter(
+}, An = ["label", (e) => String(e.value), "description", "fulltext"], _n = ({ resolver: e, settings: t, onClose: r }) => {
+  const [n, s] = U({}), [i, a] = U(t), [h, f] = U(""), { user: c } = wo(), l = e.settingsForm || [], p = new Set(l.map((T) => T.name)), d = e.acceptedParams || {}, y = !!c?.data?.isAdmin, v = Object.keys(d).filter(
     (T) => !p.has(T) && (T !== "user" || y)
-  ), x = y && !("user" in d), g = J(
+  ), x = y && !("user" in d), g = Z(
     () => ({ ...i, ...n }),
     [i, n]
   ), {
     data: w,
-    isFetching: f,
+    isFetching: b,
     isError: m
   } = sr({
     enumName: e.name,
     params: g
-  }), k = J(
-    () => bo(w?.items || []).map((T) => ({
+  }), k = Z(
+    () => fo(w?.items || []).map((T) => ({
       ...T,
       icon: vo(T.icon)
     })),
     [w]
-  ), C = m || !!w?.error, N = h.trim(), z = J(
+  ), C = m || !!w?.error, N = h.trim(), z = Z(
     () => N ? Ut(k, N, {
-      keys: Pn,
+      keys: An,
       threshold: Ut.rankings.CONTAINS
     }) : k,
     [k, N]
@@ -1011,7 +1012,7 @@ const Gr = u.div`
       }
     ) }),
     v.map((T) => {
-      const F = Vt(T) ? Nn[T] : void 0;
+      const F = Vt(T) ? Pn[T] : void 0;
       return /* @__PURE__ */ o(oe, { label: T, children: F && Vt(T) ? /* @__PURE__ */ o(
         F,
         {
@@ -1021,8 +1022,8 @@ const Gr = u.div`
       ) : /* @__PURE__ */ o(we, { children: "Not supported in debug." }) }, T);
     })
   ] }), j = () => {
-    if (f)
-      return Array.from({ length: xn }).map((T, F) => /* @__PURE__ */ o(rt, { className: "loading" }, F));
+    if (b)
+      return Array.from({ length: wn }).map((T, F) => /* @__PURE__ */ o(rt, { className: "loading" }, F));
     if (C) return /* @__PURE__ */ o(we, { children: lr(w?.error) });
     if (!k.length) {
       const T = "project_name" in (e.acceptedParams || {}) && !n.project_name ? " Try selecting a project." : "";
@@ -1031,7 +1032,7 @@ const Gr = u.div`
         T
       ] });
     }
-    return z.length ? z.map((T) => /* @__PURE__ */ S(En, { title: T.description, children: [
+    return z.length ? z.map((T) => /* @__PURE__ */ S(Tn, { title: T.description, children: [
       /* @__PURE__ */ o(Ao, { icon: T.icon, color: T.color, reserveSpace: P }),
       /* @__PURE__ */ o("span", { className: "label", children: T.label }),
       /* @__PURE__ */ o("span", { className: "value", children: String(T.value) })
@@ -1050,46 +1051,46 @@ const Gr = u.div`
       size: "full",
       style: { width: "95vw", maxWidth: "95vw", height: "95vh", maxHeight: "95vh" },
       onKeyDown: V,
-      children: /* @__PURE__ */ S(wn, { children: [
-        /* @__PURE__ */ S(kn, { children: [
+      children: /* @__PURE__ */ S(kn, { children: [
+        /* @__PURE__ */ S(Cn, { children: [
           /* @__PURE__ */ S(gt, { children: [
             /* @__PURE__ */ o(mt, { children: "Context Params" }),
             L()
           ] }),
           /* @__PURE__ */ S(gt, { children: [
             /* @__PURE__ */ o(mt, { children: "Form" }),
-            l.length ? /* @__PURE__ */ o(fo, { fields: l, values: t, onChange: a }) : /* @__PURE__ */ o(we, { children: "This resolver has no settings." })
+            l.length ? /* @__PURE__ */ o(bo, { fields: l, values: t, onChange: a }) : /* @__PURE__ */ o(we, { children: "This resolver has no settings." })
           ] }),
           /* @__PURE__ */ S(gt, { children: [
             /* @__PURE__ */ o(mt, { children: "Enum Resolver Data" }),
             /* @__PURE__ */ o(yr, { value: e, wrap: !0 })
           ] })
         ] }),
-        /* @__PURE__ */ S(Cn, { children: [
+        /* @__PURE__ */ S(Sn, { children: [
           /* @__PURE__ */ o(
             De,
             {
               value: h,
               placeholder: "Search items...",
-              onChange: (T) => b(T.target.value),
+              onChange: (T) => f(T.target.value),
               autoFocus: !0
             }
           ),
-          !f && !C && k.length > 0 && /* @__PURE__ */ o(Sn, { children: N ? `${z.length} of ${k.length} ${k.length === 1 ? "item" : "items"}` : `${k.length} ${k.length === 1 ? "item" : "items"}` }),
-          /* @__PURE__ */ o(In, { children: j() })
+          !b && !C && k.length > 0 && /* @__PURE__ */ o(In, { children: N ? `${z.length} of ${k.length} ${k.length === 1 ? "item" : "items"}` : `${k.length} ${k.length === 1 ? "item" : "items"}` }),
+          /* @__PURE__ */ o(En, { children: j() })
         ] })
       ] })
     }
   );
-}, Ve = "__custom__", ht = 5, _n = [], Dn = "No preview items found.", Ln = 5, Rn = {
+}, Ve = "__custom__", ht = 5, Dn = [], Ln = "No preview items found.", Rn = 5, On = {
   project_name: "The select options will change based on the project it is used in.",
   user: "The select options will change based on the current user."
-}, On = u.div`
+}, zn = u.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
   flex: 1;
-`, qe = u.span`
+`, Ge = u.span`
   color: var(--md-sys-color-outline);
   white-space: pre-line;
 `, Ue = u.div`
@@ -1099,7 +1100,7 @@ const Gr = u.div`
   padding: var(--padding-m);
   border-radius: var(--border-radius-m);
   background-color: var(--md-sys-color-surface-container);
-`, zn = u.button`
+`, Mn = u.button`
   display: flex;
   align-items: center;
   align-self: flex-start;
@@ -1115,7 +1116,7 @@ const Gr = u.div`
     color: var(--md-sys-color-on-surface);
     text-decoration: underline;
   }
-`, Mn = u(ar)`
+`, $n = u(ar)`
   cursor: pointer;
   padding: var(--padding-s) var(--padding-m);
 
@@ -1126,7 +1127,7 @@ const Gr = u.div`
   &:hover {
     filter: brightness(1.15);
   }
-`, $n = u(rt)`
+`, Fn = u(rt)`
   &:nth-child(2n) {
     width: 80%;
   }
@@ -1134,28 +1135,28 @@ const Gr = u.div`
   &:last-of-type {
     width: 64px;
   }
-`, Fn = ({
+`, Bn = ({
   resolver: e,
   acceptedParams: t,
   settings: r,
   onShowMore: n
 }) => {
-  const s = J(
+  const s = Z(
     () => ({ enumResolver: e, enumResolverSettings: r }),
     [e, r]
-  ), { options: i, isLoading: a, isError: h, errorMessage: b } = fr(s), c = bo(i), l = yo(t);
+  ), { options: i, isLoading: a, isError: h, errorMessage: f } = br(s), c = fo(i), l = yo(t);
   if (a)
-    return /* @__PURE__ */ o(Ue, { children: Array.from({ length: ht + 1 }).map((v, x) => /* @__PURE__ */ o($n, { className: "loading" }, x)) });
+    return /* @__PURE__ */ o(Ue, { children: Array.from({ length: ht + 1 }).map((v, x) => /* @__PURE__ */ o(Fn, { className: "loading" }, x)) });
   if (h)
-    return /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ S(qe, { children: [
+    return /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ S(Ge, { children: [
       'Could not load options for "',
       e,
       '"',
-      b ? `: ${b}` : "."
+      f ? `: ${f}` : "."
     ] }) });
   if (!c.length)
-    return /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ S(qe, { children: [
-      Dn,
+    return /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ S(Ge, { children: [
+      Ln,
       l.length > 0 && ` This could be because in context parameters (${l.join(
         ", "
       )}) are required to get the items.`
@@ -1166,13 +1167,13 @@ const Gr = u.div`
       /* @__PURE__ */ o(Ao, { icon: x, color: v.color, reserveSpace: y }),
       /* @__PURE__ */ o("span", { className: "label", children: v.label })
     ] }, String(v.value))),
-    p > 0 && /* @__PURE__ */ S(zn, { type: "button", onClick: n, children: [
+    p > 0 && /* @__PURE__ */ S(Mn, { type: "button", onClick: n, children: [
       "+",
       p,
       " more"
     ] })
   ] });
-}, Bn = ({
+}, Vn = ({
   enumValues: e,
   enumResolver: t,
   enumResolverSettings: r,
@@ -1180,14 +1181,14 @@ const Gr = u.div`
   onChangeResolver: s,
   onChangeResolverSettings: i
 }) => {
-  const { data: a = [], isLoading: h, isError: b } = cr(), [c, l] = U(!1), p = () => l(!0), d = [
+  const { data: a = [], isLoading: h, isError: f } = cr(), [c, l] = U(!1), p = () => l(!0), d = [
     { value: Ve, label: "Custom" },
     ...a.map((m) => ({
       value: m.name,
       label: m.label || Tt(m.name)
     }))
-  ], y = t || Ve, v = a.find((m) => m.name === t), x = v?.settingsForm || _n, g = r || {}, w = yo(v?.acceptedParams).map((m) => Rn[m]).join(" ");
-  return /* @__PURE__ */ S(On, { children: [
+  ], y = t || Ve, v = a.find((m) => m.name === t), x = v?.settingsForm || Dn, g = r || {}, w = yo(v?.acceptedParams).map((m) => On[m]).join(" ");
+  return /* @__PURE__ */ S(zn, { children: [
     /* @__PURE__ */ o(
       me,
       {
@@ -1197,27 +1198,27 @@ const Gr = u.div`
           const k = m[0];
           !k || k === Ve ? (s(void 0), i(void 0)) : (s(k), i(void 0), n(void 0));
         },
-        disabled: h || b,
+        disabled: h || f,
         minSelected: 1,
-        searchOnNumber: Ln,
+        searchOnNumber: Rn,
         widthExpand: !0
       }
     ),
     y === Ve ? /* @__PURE__ */ o(
-      yn,
+      xn,
       {
         values: e || [],
         onChange: (m) => n(m?.length ? m : void 0)
       }
     ) : /* @__PURE__ */ S(pe, { children: [
-      !h && !v && /* @__PURE__ */ S(qe, { children: [
+      !h && !v && /* @__PURE__ */ S(Ge, { children: [
         'Resolver "',
         t,
         '" is not available on this server. Options will be empty.'
       ] }),
-      v?.description && /* @__PURE__ */ o(qe, { children: v.description }),
+      v?.description && /* @__PURE__ */ o(Ge, { children: v.description }),
       w && /* @__PURE__ */ o(
-        Mn,
+        $n,
         {
           message: w,
           role: "button",
@@ -1229,7 +1230,7 @@ const Gr = u.div`
         }
       ),
       x.length > 0 && /* @__PURE__ */ o(
-        fo,
+        bo,
         {
           fields: x,
           values: g,
@@ -1239,7 +1240,7 @@ const Gr = u.div`
       ),
       v && /* @__PURE__ */ S(pe, { children: [
         /* @__PURE__ */ o(
-          Fn,
+          Bn,
           {
             resolver: v.name,
             acceptedParams: v.acceptedParams,
@@ -1259,7 +1260,7 @@ const Gr = u.div`
         )
       ] }),
       c && v && /* @__PURE__ */ o(
-        An,
+        _n,
         {
           resolver: v,
           settings: g,
@@ -1272,7 +1273,7 @@ const Gr = u.div`
   {
     value: "text",
     label: "Text",
-    icon: be("text", "string"),
+    icon: fe("text", "string"),
     widgets: [
       {
         value: wt,
@@ -1287,17 +1288,17 @@ const Gr = u.div`
       }
     ]
   },
-  { value: "select", label: "Select", icon: be("select", "string", !0) },
-  { value: "number", label: "Number", icon: be("number", "integer") },
-  { value: "checkbox", label: "Checkbox", icon: be("checkbox", "boolean") },
-  { value: "datetime", label: "Date and time", icon: be("datetime", "datetime") }
-], Vn = {
+  { value: "select", label: "Select", icon: fe("select", "string", !0) },
+  { value: "number", label: "Number", icon: fe("number", "integer") },
+  { value: "checkbox", label: "Checkbox", icon: fe("checkbox", "boolean") },
+  { value: "datetime", label: "Date and time", icon: fe("datetime", "datetime") }
+], Un = {
   text: ["minLength", "maxLength", "regex"],
   select: ["enum"],
   number: ["ge", "gt", "le", "lt"],
   checkbox: [],
   datetime: []
-}, Un = {
+}, Hn = {
   checkbox: ["example"]
 }, kt = (e, t, r) => {
   switch (e) {
@@ -1315,7 +1316,7 @@ const Gr = u.div`
     default:
       return "text";
   }
-}, Hn = (e, t) => {
+}, jn = (e, t) => {
   switch (e) {
     case "text":
       return "string";
@@ -1328,24 +1329,24 @@ const Gr = u.div`
     case "datetime":
       return "datetime";
   }
-}, jn = [
+}, Kn = [
   "string",
   "integer",
   "float",
   "boolean",
   "datetime",
   "list_of_strings"
-], Bs = (e, t, r) => {
-  if (!e || !jn.includes(e)) return e ?? "";
+], Us = (e, t, r) => {
+  if (!e || !Kn.includes(e)) return e ?? "";
   if (e === "list_of_strings") return "Select (multiple)";
   const n = kt(e, t, r);
   return Ke.find((s) => s.value === n)?.label ?? e;
-}, Kn = u.div`
+}, qn = u.div`
   display: flex;
   flex-direction: row;
   gap: var(--base-gap-large);
   align-items: center;
-`, Gn = /^[a-zA-Z0-9]{2,64}$/, qn = [
+`, Gn = /^[a-zA-Z0-9]{2,64}$/, Yn = [
   { value: "project", label: "Project" },
   { value: "folder", label: "Folder" },
   { value: "task", label: "Task" },
@@ -1354,7 +1355,7 @@ const Gr = u.div`
   { value: "representation", label: "Representation" },
   { value: "user", label: "User" },
   { value: "list", label: "List" }
-], Yn = [
+], Wn = [
   { value: "description", scope: null },
   { value: "example", scope: null },
   { value: "default", scope: ["project"] },
@@ -1362,7 +1363,7 @@ const Gr = u.div`
     value: "inherit",
     scope: ["project", "folder", "task", "product", "version", "representation", "user"]
   }
-], Wn = {
+], Xn = {
   name: "",
   scope: ["folder", "task"],
   builtin: !1,
@@ -1387,8 +1388,8 @@ const Gr = u.div`
     le: void 0,
     lt: void 0
   }
-}, Xn = (e, t) => {
-  const r = JSON.parse(JSON.stringify(Wn)), n = ["name"];
+}, Qn = (e, t) => {
+  const r = JSON.parse(JSON.stringify(Xn)), n = ["name"];
   Object.keys(r).forEach((i) => {
     !n.includes(i) && e.includes(i) && i !== "data" && delete r[i];
   });
@@ -1399,7 +1400,7 @@ const Gr = u.div`
     const a = i;
     a === "data" && t.data && r.data ? r.data = { ...r.data, ...t.data } : t[a] !== void 0 && (r[a] = t[a]);
   }), r;
-}, Vs = ({
+}, Hs = ({
   attribute: e,
   defaultData: t,
   existingNames: r,
@@ -1408,23 +1409,23 @@ const Gr = u.div`
   excludes: i = [],
   onHide: a,
   onEdit: h,
-  onDelete: b
+  onDelete: f
 }) => {
   const c = t ? {
     ...t,
     name: t.name || (t.data?.title ? pt(t.data.title) : void 0)
-  } : void 0, l = e || Xn(i, {
+  } : void 0, l = e || Qn(i, {
     position: r.length,
     ...c
   }), [p, d] = U(l), [y, v] = U(
     () => kt(l?.data?.type, l?.data?.enum, l?.data?.enumResolver)
   ), [x, g] = U(() => l?.data?.type === "float");
-  q(() => {
+  Y(() => {
     e && (d(e), v(
       kt(e.data?.type, e.data?.enum, e.data?.enumResolver)
     ), g(e.data?.type === "float"));
   }, [e]);
-  const w = !e, f = (I, A) => {
+  const w = !e, b = (I, A) => {
     d((R) => R && { ...R, [I]: A });
   }, m = (I, A) => {
     d((R) => {
@@ -1439,14 +1440,14 @@ const Gr = u.div`
   const C = () => {
     p && h(p);
   }, N = /* @__PURE__ */ S("div", { style: { display: "flex", width: "100%", flexDirection: "row" }, children: [
-    b && e && /* @__PURE__ */ o(
+    f && e && /* @__PURE__ */ o(
       B,
       {
         variant: "danger",
         label: "Delete attribute",
         icon: "delete",
         disabled: s,
-        onClick: b
+        onClick: f
       }
     ),
     /* @__PURE__ */ o(go, {}),
@@ -1463,17 +1464,17 @@ const Gr = u.div`
     )
   ] });
   let z = [];
-  Yn.forEach((I) => {
+  Wn.forEach((I) => {
     (!I?.scope || I?.scope?.some((A) => p?.scope?.includes(A))) && z.push(I.value);
   });
   const P = [
-    ...Vn[y] ?? [],
+    ...Un[y] ?? [],
     ...y === "select" && p?.data?.type === "list_of_strings" ? ["minItems", "maxItems"] : []
-  ], V = Un[y] ?? [];
+  ], V = Hn[y] ?? [];
   z = [...z, ...P].filter((I) => !V.includes(I));
   const L = {
     enum: (I = [], A) => /* @__PURE__ */ o(
-      Bn,
+      Vn,
       {
         enumValues: I,
         enumResolver: p?.data?.enumResolver,
@@ -1498,13 +1499,13 @@ const Gr = u.div`
       }
     )
   }, j = (I) => {
-    m("enumResolver", I), I && (p?.data?.title || m("title", Tt(I)), w && !p?.name && f("name", pt(I)));
+    m("enumResolver", I), I && (p?.data?.title || m("title", Tt(I)), w && !p?.name && b("name", pt(I)));
   }, T = (I) => {
     const A = I.target.value;
-    m("title", A), w && f("name", pt(A));
+    m("title", A), w && b("name", pt(A));
   }, F = (I) => {
     const A = I[0];
-    v(A), m("type", Hn(A, x)), A !== "select" && (m("enum", void 0), m("enumResolver", void 0), m("enumResolverSettings", void 0), m("minItems", void 0), m("maxItems", void 0)), A !== "text" && p?.data?.regex && m("regex", ""), m("widget", void 0);
+    v(A), m("type", jn(A, x)), A !== "select" && (m("enum", void 0), m("enumResolver", void 0), m("enumResolverSettings", void 0), m("minItems", void 0), m("maxItems", void 0)), A !== "text" && p?.data?.regex && m("regex", ""), m("widget", void 0);
   }, O = Ke.find((I) => I.value === y)?.widgets;
   return /* @__PURE__ */ o(
     We,
@@ -1526,22 +1527,22 @@ const Gr = u.div`
           {
             value: p.name,
             disabled: !w,
-            onSubmit: (I) => f("name", I),
+            onSubmit: (I) => b("name", I),
             label: "name"
           }
         ) }, "name"),
         !i.includes("scope") && /* @__PURE__ */ o(oe, { label: "Scope", children: /* @__PURE__ */ o(
           me,
           {
-            options: qn,
+            options: Yn,
             disabled: p.builtin,
             value: p.scope || [],
-            onChange: (I) => f("scope", I),
+            onChange: (I) => b("scope", I),
             multiSelect: !0,
             widthExpand: !0
           }
         ) }),
-        !i.includes("type") && /* @__PURE__ */ o(oe, { label: "Type", children: /* @__PURE__ */ S(Kn, { children: [
+        !i.includes("type") && /* @__PURE__ */ o(oe, { label: "Type", children: /* @__PURE__ */ S(qn, { children: [
           /* @__PURE__ */ o(
             me,
             {
@@ -1596,7 +1597,7 @@ const Gr = u.div`
           let A = null, R = nr(I);
           if (I === "enum" || I === "inherit") {
             const $ = L[I];
-            A = $(p?.data[I], (Y) => m(I, Y));
+            A = $(p?.data[I], (W) => m(I, W));
           } else if (I === "default" && p?.data?.type === "boolean")
             A = L.booleanDefault(
               p?.data[I],
@@ -1605,15 +1606,15 @@ const Gr = u.div`
           else if (["ge", "gt", "le", "lt"].includes(I)) {
             if (["gt", "lt"].includes(I)) return null;
             A = /* @__PURE__ */ o(
-              on,
+              rn,
               {
                 value: p?.data,
                 isMin: I === "ge",
                 isFloat: p?.data?.type === "float",
                 onChange: ($) => {
-                  const Y = $.ge !== void 0 ? Number($.ge) : void 0, re = $.le !== void 0 ? Number($.le) : void 0;
+                  const W = $.ge !== void 0 ? Number($.ge) : void 0, re = $.le !== void 0 ? Number($.le) : void 0;
                   // @ts-expect-error
-                  $.ge !== void 0 && isNaN(Y) || // @ts-expect-error
+                  $.ge !== void 0 && isNaN(W) || // @ts-expect-error
                   $.le !== void 0 && isNaN(re) || d((ne) => {
                     if (!ne || !ne.data) return ne;
                     const ve = { ...ne.data, ...$ };
@@ -1623,8 +1624,8 @@ const Gr = u.div`
               }
             ), R = I === "ge" ? "Min" : "Max";
           } else {
-            const $ = (Y) => {
-              const re = Y.target.value;
+            const $ = (W) => {
+              const re = W.target.value;
               switch (I) {
                 case "minLength":
                 case "maxLength":
@@ -1663,7 +1664,7 @@ const Gr = u.div`
       ] })
     }
   );
-}, Qn = Qo`
+}, Zn = Qo`
   from {
     opacity: 0;
     transform: translateY(-4px);
@@ -1672,10 +1673,10 @@ const Gr = u.div`
     opacity: 1;
     transform: translateY(0);
   }
-`, Us = u.div`
+`, js = u.div`
   position: relative;
   display: inline-flex;
-`, Hs = u.button`
+`, Ks = u.button`
   background: none;
   border: none;
   padding: 0;
@@ -1707,7 +1708,7 @@ const Gr = u.div`
     width: 24px;
     height: 24px;
   }
-`, js = u(G)`
+`, qs = u(q)`
   width: 20px;
   height: 20px;
   min-width: 20px;
@@ -1723,13 +1724,13 @@ const Gr = u.div`
   &:hover {
     background-color: var(--md-sys-color-surface-container-highest-hover);
   }
-`, Ks = u.div`
+`, Gs = u.div`
   position: fixed;
   z-index: 1001;
   background-color: var(--md-sys-color-surface-container-highest);
   border-radius: var(--border-radius-l);
   box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
-  animation: ${Qn} 0.15s ease-out;
+  animation: ${Zn} 0.15s ease-out;
 
   &.right {
     transform-origin: top right;
@@ -1738,13 +1739,13 @@ const Gr = u.div`
   &.left {
     transform-origin: top left;
   }
-`, Gs = u.div`
+`, Ys = u.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
   padding: var(--padding-m);
   position: relative;
-`, qs = u(B)`
+`, Ws = u(B)`
   &.hasIcon {
     padding: 4px;
   }
@@ -1760,7 +1761,7 @@ const Gr = u.div`
   &:hover {
     background-color: var(--md-sys-color-surface-container-highest-hover);
   }
-`, Ys = u.div`
+`, Xs = u.div`
   display: flex;
   flex-direction: column;
   gap: 4px;
@@ -1769,7 +1770,7 @@ const Gr = u.div`
     ${se.labelSmall}
     color: var(--md-sys-color-outline);
   }
-`, Ws = u.input`
+`, Qs = u.input`
   background-color: var(--md-sys-color-surface-container-low);
   border: 1px solid var(--md-sys-color-outline-variant);
   border-radius: var(--border-radius-m);
@@ -1791,7 +1792,7 @@ const Gr = u.div`
     cursor: pointer;
     filter: invert(0.5);
   }
-`, Xs = u(B)`
+`, Zs = u(B)`
   &:hover {
     background-color: var(--md-sys-color-surface-container-highest-hover);
   }
@@ -1811,41 +1812,41 @@ const Gr = u.div`
 
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
   font-weight: 700;
-`, Qs = ce(
+`, Js = ce(
   ({ tooltip: e, ...t }, r) => /* @__PURE__ */ o(Jn, { "data-tooltip": e, "data-tooltip-delay": 0, ...t, ref: r, children: "Early preview" })
 ), Ct = [
   { value: "hero", label: "Hero", short: "Hero", icon: "star" },
   { value: "latestDone", label: "Latest Done", short: "Done", icon: "check_circle" },
   { value: "latest", label: "Latest", short: "Latest", icon: "fiber_new" }
-], Js = Ct.map((e) => e.value), Zn = ({ id: e, label: t }) => {
-  const { attributes: r, listeners: n, setNodeRef: s, transform: i, transition: a, isDragging: h } = Je({
+], el = Ct.map((e) => e.value), ea = ({ id: e, label: t }) => {
+  const { attributes: r, listeners: n, setNodeRef: s, transform: i, transition: a, isDragging: h } = Ze({
     id: e
-  }), b = {
-    transform: Ze.Transform.toString(i),
+  }), f = {
+    transform: Je.Transform.toString(i),
     transition: a
   };
   return /* @__PURE__ */ o(
-    oa,
+    ra,
     {
       ref: s,
-      style: b,
+      style: f,
       className: h ? "dragging" : "",
       ...r,
       ...n,
       children: /* @__PURE__ */ S(Lo, { children: [
-        /* @__PURE__ */ o(Ro, { children: /* @__PURE__ */ o(G, { icon: "drag_indicator" }) }),
+        /* @__PURE__ */ o(Ro, { children: /* @__PURE__ */ o(q, { icon: "drag_indicator" }) }),
         /* @__PURE__ */ o(Oo, { children: t })
       ] })
     }
   );
-}, Zs = ({ value: e, onChange: t }) => {
+}, tl = ({ value: e, onChange: t }) => {
   const [r, n] = U(null), s = Pt(
     At(_t, {
       activationConstraint: {
         distance: 5
       }
     })
-  ), i = J(() => {
+  ), i = Z(() => {
     const c = [...Ct];
     return e.length > 0 && c.sort((l, p) => {
       const d = e.indexOf(l.value), y = e.indexOf(p.value);
@@ -1863,12 +1864,12 @@ const Gr = u.div`
       }
     }
     n(null);
-  }, b = r ? Ct.find((c) => c.value === r) : null;
-  return /* @__PURE__ */ S(ea, { children: [
-    /* @__PURE__ */ S(ra, { children: [
+  }, f = r ? Ct.find((c) => c.value === r) : null;
+  return /* @__PURE__ */ S(ta, { children: [
+    /* @__PURE__ */ S(na, { children: [
       /* @__PURE__ */ o("span", { className: "label", children: "Product's featured version priority" }),
       /* @__PURE__ */ o(
-        G,
+        q,
         {
           icon: "info",
           "data-tooltip": "Choose which version will be displayed on the product card. The first available from the list will be used.",
@@ -1889,26 +1890,26 @@ const Gr = u.div`
             {
               items: i.map((c) => c.value),
               strategy: Re,
-              children: /* @__PURE__ */ o(ta, { children: i.map((c) => /* @__PURE__ */ o(Zn, { id: c.value, label: c.label }, c.value)) })
+              children: /* @__PURE__ */ o(oa, { children: i.map((c) => /* @__PURE__ */ o(ea, { id: c.value, label: c.label }, c.value)) })
             }
           ),
-          /* @__PURE__ */ o(Nt, { children: b && /* @__PURE__ */ S(Lo, { className: "overlay", children: [
-            /* @__PURE__ */ o(Ro, { children: /* @__PURE__ */ o(G, { icon: "drag_indicator" }) }),
-            /* @__PURE__ */ o(Oo, { children: b.label })
+          /* @__PURE__ */ o(Nt, { children: f && /* @__PURE__ */ S(Lo, { className: "overlay", children: [
+            /* @__PURE__ */ o(Ro, { children: /* @__PURE__ */ o(q, { icon: "drag_indicator" }) }),
+            /* @__PURE__ */ o(Oo, { children: f.label })
           ] }) })
         ]
       }
     )
   ] });
-}, ea = u.div`
+}, ta = u.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
-`, ta = u.div`
+`, oa = u.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
-`, oa = u.div`
+`, ra = u.div`
   &.dragging {
     opacity: 0;
   }
@@ -1942,7 +1943,7 @@ const Gr = u.div`
 `, Oo = u.span`
   font-weight: 500;
   color: var(--md-sys-color-on-surface);
-`, ra = u.div`
+`, na = u.div`
   color: var(--md-sys-color-outline);
   display: flex;
   align-items: center;
@@ -1956,9 +1957,9 @@ const Gr = u.div`
   .icon {
     cursor: pointer;
   }
-`, el = ce(
-  ({ tooltip: e = "This page will deprecated in a future version", ...t }, r) => /* @__PURE__ */ o(G, { icon: "ad_off", "data-tooltip": e, ...t, ref: r })
-), na = u(B)`
+`, ol = ce(
+  ({ tooltip: e = "This page will deprecated in a future version", ...t }, r) => /* @__PURE__ */ o(q, { icon: "ad_off", "data-tooltip": e, ...t, ref: r })
+), aa = u(B)`
   transition: color 0.2s, background-color 0.2s, opacity 0.2s;
 
   .bolt {
@@ -1991,13 +1992,13 @@ const Gr = u.div`
   &.rounded {
     border-radius: var(--border-radius-xl);
   }
-`, aa = ce(
+`, ia = ce(
   ({ feature: e, variant: t = "outline", rounded: r = !0, bolt: n = !1, ...s }, i) => {
-    const { setPowerpackDialog: a } = wr(), h = (b) => {
-      a(e), s.onClick?.(b);
+    const { setPowerpackDialog: a } = wr(), h = (f) => {
+      a(e), s.onClick?.(f);
     };
     return /* @__PURE__ */ S(
-      na,
+      aa,
       {
         icon: s.icon || "bolt",
         ...s,
@@ -2006,33 +2007,33 @@ const Gr = u.div`
         iconProps: {
           filled: t === "filled"
         },
-        className: Z("cloud-button", s.className, { rounded: r }),
+        className: J("cloud-button", s.className, { rounded: r }),
         "data-tooltip": "Power feature",
         "data-tooltip-delay": 0,
         children: [
           s.children,
-          n && /* @__PURE__ */ o(G, { icon: "bolt", filled: !0, className: "bolt" })
+          n && /* @__PURE__ */ o(q, { icon: "bolt", filled: !0, className: "bolt" })
         ]
       }
     );
   }
 );
-aa.displayName = "PowerpackButton";
-const ia = "https://ynput.cloud/free-trial", sa = ({
+ia.displayName = "PowerpackButton";
+const sa = "https://ynput.cloud/free-trial", la = ({
   addon: e
   // an addon they are trying to access, e.g. 'powerpack'
 }) => {
   const { data: t } = pr(), r = t?.data?.isAdmin || t?.data?.isManager, { data: n } = gr(void 0, { skip: !t?.name }), { data: s } = mr(
     {},
     { skip: !r || !n?.instanceId }
-  ), i = new URL(ia), a = n?.instanceId, h = s || 10;
+  ), i = new URL(sa), a = n?.instanceId, h = s || 10;
   return i.searchParams.append("seats", h.toString()), a && i.searchParams.append("instance_id", a), e && i.searchParams.append("addon", e), i.toString();
-}, tl = ce(
+}, rl = ce(
   ({ children: e, addon: t, ...r }, n) => {
-    const s = sa({ addon: t });
+    const s = la({ addon: t });
     return /* @__PURE__ */ o("a", { href: s, target: "_blank", rel: "noopener noreferrer", ...r, ref: n, children: e });
   }
-), ol = u(We)`
+), nl = u(We)`
   background: linear-gradient(180deg, rgb(0 121 181 / 0%) -12.03%, rgb(4 255 227 / 26%) 105.38%),
     #15171c;
 
@@ -2054,7 +2055,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   .cancelButton {
     background-color: unset;
   }
-`, rl = u.div`
+`, al = u.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -2084,7 +2085,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     font-size: 32px;
     color: var(--md-sys-color-tertiary);
   }
-`, nl = u.div`
+`, il = u.div`
   width: 100%;
 
   h3 {
@@ -2112,7 +2113,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       gap: 8px;
     }
   }
-`, al = u.div`
+`, sl = u.div`
   cursor: pointer;
   text-align: center;
   margin-top: 16px;
@@ -2122,7 +2123,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   &:hover {
     text-decoration: underline;
   }
-`, la = u(B)`
+`, ca = u(B)`
   background-color: var(--md-sys-color-tertiary);
   color: var(--md-sys-color-on-tertiary);
   padding: 12px 20px;
@@ -2134,27 +2135,27 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   &:hover {
     background-color: var(--md-sys-color-tertiary-hover);
   }
-`, il = ce(({ ...e }, t) => /* @__PURE__ */ o(la, { ...e, children: "Try for free!" })), ca = u.div`
+`, ll = ce(({ ...e }, t) => /* @__PURE__ */ o(ca, { ...e, children: "Try for free!" })), da = u.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
   border-radius: var(--border-radius-l);
   background-color: var(--md-sys-color-secondary-container);
   padding: var(--padding-m);
-`, sl = ce(
+`, cl = ce(
   ({ requiredVersion: e, addonName: t, addonLabel: r, ...n }, s) => {
     const i = t || "powerpack", a = r || "Power Features";
-    return e ? /* @__PURE__ */ S(ca, { ...n, ref: s, children: [
+    return e ? /* @__PURE__ */ S(da, { ...n, ref: s, children: [
       /* @__PURE__ */ o("span", { children: `${a} version ${e} is required to use this feature.` }),
       /* @__PURE__ */ o(kr, { to: `/market?selected=${i}`, children: /* @__PURE__ */ S(B, { variant: "tertiary", children: [
         "Update ",
         a,
         " ",
-        /* @__PURE__ */ o(G, { icon: "arrow_right_alt" })
+        /* @__PURE__ */ o(q, { icon: "arrow_right_alt" })
       ] }) })
     ] }) : `Required ${a} version installed already.`;
   }
-), da = u(B)`
+), ua = u(B)`
   width: 100%;
   justify-content: flex-start;
   margin-bottom: 8px;
@@ -2172,7 +2173,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   .arrow {
     color: var(--md-sys-color-outline);
   }
-`, ua = u.div`
+`, pa = u.div`
   height: 100%;
   /* fixed floor so the panel doesn't resize as its content changes */
   min-width: 260px;
@@ -2182,7 +2183,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   z-index: 10;
   display: flex;
   flex-direction: column;
-`, pa = u.div`
+`, ga = u.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -2198,44 +2199,44 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   }
 `, to = u(B)`
   padding: 4px !important;
-`, ga = u.h3`
+`, ma = u.h3`
   margin: 0;
   flex: 1;
-`, ma = u.div`
+`, ha = u.div`
   padding: 8px;
   flex: 1;
   overflow-y: auto;
-`, ha = ({ settings: e, order: t }) => {
-  const { isPanelOpen: r, selectedSetting: n, closePanel: s, backToMainMenu: i, selectSetting: a } = et(), h = () => n && e.find((d) => d.id === n)?.title || "Settings", b = t ? e.toSorted((p, d) => {
+`, ba = ({ settings: e, order: t }) => {
+  const { isPanelOpen: r, selectedSetting: n, closePanel: s, backToMainMenu: i, selectSetting: a } = et(), h = () => n && e.find((d) => d.id === n)?.title || "Settings", f = t ? e.toSorted((p, d) => {
     const y = p.id ? t.indexOf(p.id) : -1, v = d.id ? t.indexOf(d.id) : -1;
     return y === -1 && v === -1 ? 0 : y === -1 ? 1 : v === -1 ? -1 : y - v;
-  }) : e, c = e.find((p) => p.id === n), l = () => n ? e.find((d) => d.id === n)?.component : /* @__PURE__ */ o(pe, { children: b.map(
+  }) : e, c = e.find((p) => p.id === n), l = () => n ? e.find((d) => d.id === n)?.component : /* @__PURE__ */ o(pe, { children: f.map(
     (d, y) => d.title ? /* @__PURE__ */ S(
-      da,
+      ua,
       {
         onClick: () => a(d.id),
         variant: "text",
         className: "setting-option",
         children: [
-          d.icon && /* @__PURE__ */ o(G, { icon: d.icon }),
+          d.icon && /* @__PURE__ */ o(q, { icon: d.icon }),
           /* @__PURE__ */ o("span", { className: "title", children: d.title }),
           !!d.preview?.toString() && /* @__PURE__ */ o("span", { className: "preview", children: d.preview }),
-          /* @__PURE__ */ o(G, { icon: "chevron_right", className: "arrow" })
+          /* @__PURE__ */ o(q, { icon: "chevron_right", className: "arrow" })
         ]
       },
       d.id
-    ) : /* @__PURE__ */ o(Zo, { children: d.component }, d.id)
+    ) : /* @__PURE__ */ o(Jo, { children: d.component }, d.id)
   ) });
-  return /* @__PURE__ */ S(ua, { open: r, children: [
-    /* @__PURE__ */ S(pa, { children: [
+  return /* @__PURE__ */ S(pa, { open: r, children: [
+    /* @__PURE__ */ S(ga, { children: [
       n && /* @__PURE__ */ o(to, { variant: "text", icon: "arrow_back", onClick: i }),
-      /* @__PURE__ */ o(ga, { children: h() }),
+      /* @__PURE__ */ o(ma, { children: h() }),
       c?.headerActions,
       /* @__PURE__ */ o(to, { variant: "text", icon: "close", onClick: s })
     ] }),
-    /* @__PURE__ */ o(ma, { children: l() })
+    /* @__PURE__ */ o(ha, { children: l() })
   ] });
-}, ft = u.ul`
+}, bt = u.ul`
   display: flex;
   flex-direction: column;
   gap: 2px;
@@ -2291,11 +2292,11 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       background-color: unset;
     }
   }
-`, ba = u.div`
+`, va = u.div`
   display: flex;
   gap: var(--base-gap-small);
   margin-left: auto;
-`, va = u(B)`
+`, ya = u(B)`
   && {
     background-color: unset;
     padding: 4px;
@@ -2324,20 +2325,20 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     isDisabled: i,
     disableHover: a,
     className: h,
-    ...b
+    ...f
   }, c) => /* @__PURE__ */ S(
     fa,
     {
-      className: Z("setting-item", h, {
+      className: J("setting-item", h, {
         highlighted: s,
         disabled: i,
         "no-hover": a
       }),
-      ...b,
+      ...f,
       ref: c,
       children: [
         r,
-        e.icon && /* @__PURE__ */ o(G, { icon: e.icon }),
+        e.icon && /* @__PURE__ */ o(q, { icon: e.icon }),
         /* @__PURE__ */ S("span", { className: "label", children: [
           e.path && /* @__PURE__ */ S("span", { className: "label-path", children: [
             e.path,
@@ -2345,14 +2346,14 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
           ] }),
           e.label
         ] }),
-        /* @__PURE__ */ o(ba, { className: "actions", children: t?.map(({ icon: l, className: p, active: d, onClick: y, ...v }, x) => /* @__PURE__ */ S(
-          va,
+        /* @__PURE__ */ o(va, { className: "actions", children: t?.map(({ icon: l, className: p, active: d, onClick: y, ...v }, x) => /* @__PURE__ */ S(
+          ya,
           {
-            className: Z("action", p, { active: d }),
+            className: J("action", p, { active: d }),
             onClick: i ? void 0 : y,
             ...v,
             children: [
-              l && /* @__PURE__ */ o(G, { icon: l }),
+              l && /* @__PURE__ */ o(q, { icon: l }),
               v.children
             ]
           },
@@ -2362,7 +2363,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       ]
     }
   )
-), ya = u(nt)`
+), xa = u(nt)`
   &:hover {
     .pin-action {
       opacity: 1;
@@ -2415,7 +2416,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   // Dragging props
   dragHandleProps: a,
   dragOverlay: h = !1,
-  hideDragHandle: b = !1,
+  hideDragHandle: f = !1,
   // Callbacks
   onTogglePinning: c,
   onToggleVisibility: l,
@@ -2423,7 +2424,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   onPaintEnter: d,
   onDragStart: y
 }) => {
-  const v = J(
+  const v = Z(
     () => [
       {
         icon: "push_pin",
@@ -2450,24 +2451,24 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     ]
   );
   return /* @__PURE__ */ o(
-    ya,
+    xa,
     {
       id: e,
       item: t,
       actions: v,
       isHighlighted: s,
       isDisabled: i,
-      className: Z({
+      className: J({
         hidden: n,
         overlay: h,
-        "drag-reveal": b && !!y
+        "drag-reveal": f && !!y
       }),
       onPointerEnter: (x) => d?.(t.value, x.buttons > 0),
       onPointerDown: (x) => (
         // the row actions arm their own gestures
         x.target.closest(".action") ? void 0 : y?.(x)
       ),
-      startContent: b ? y ? /* @__PURE__ */ o(G, { icon: "drag_indicator", className: "hover-swap" }) : void 0 : /* @__PURE__ */ o("div", { ...a, className: "drag-handle", children: /* @__PURE__ */ o(G, { icon: "drag_indicator" }) })
+      startContent: f ? y ? /* @__PURE__ */ o(q, { icon: "drag_indicator", className: "hover-swap" }) : void 0 : /* @__PURE__ */ o("div", { ...a, className: "drag-handle", children: /* @__PURE__ */ o(q, { icon: "drag_indicator" }) })
     }
   );
 }, oo = ({
@@ -2479,18 +2480,18 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   isDisabled: i,
   onTogglePinning: a,
   onToggleVisibility: h,
-  onPaintStart: b,
+  onPaintStart: f,
   onPaintEnter: c,
   onDragStart: l
 }) => {
-  const { attributes: p, listeners: d, setNodeRef: y, transform: v, transition: x, isDragging: g } = Je({
+  const { attributes: p, listeners: d, setNodeRef: y, transform: v, transition: x, isDragging: g } = Ze({
     id: e
   }), w = {
-    transform: Ze.Transform.toString(v),
+    transform: Je.Transform.toString(v),
     transition: x
   };
   return /* @__PURE__ */ o(
-    xa,
+    wa,
     {
       ref: y,
       style: w,
@@ -2506,7 +2507,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
           isDisabled: i,
           onTogglePinning: a,
           onToggleVisibility: h,
-          onPaintStart: b,
+          onPaintStart: f,
           onPaintEnter: c,
           onDragStart: l,
           dragHandleProps: { ...p, ...d }
@@ -2514,7 +2515,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       )
     }
   );
-}, xa = u.div`
+}, wa = u.div`
   &.dragging {
     z-index: 1;
     opacity: 0;
@@ -2522,10 +2523,10 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
 `, zo = "text_fields", Mo = ({
   field: e,
   parentScope: t
-}) => e ? Q(e) : t ? Eo(t) : zo, wa = (e) => e.length === 1 ? `${e[0].charAt(0).toUpperCase() + e[0].slice(1)} attributes` : "Attributes", $o = (e = [], t = []) => [
+}) => e ? G(e) : t ? Eo(t) : zo, ka = (e) => e.length === 1 ? `${e[0].charAt(0).toUpperCase() + e[0].slice(1)} attributes` : "Attributes", $o = (e = [], t = []) => [
   {
     id: "attributes",
-    label: wa(e),
+    label: ka(e),
     icon: "text_fields",
     match: (r) => !!r.attrib && !r.parentScope
   },
@@ -2540,7 +2541,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       match: (n) => n.parentScope === r
     })
   )
-], ka = (e, t = []) => $o(t, [e]).find((r) => r.match(e)), Fo = ({
+], Ca = (e, t = []) => $o(t, [e]).find((r) => r.match(e)), Fo = ({
   columns: e,
   onToggle: t,
   isColumnVisible: r,
@@ -2550,7 +2551,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   scopes: a = [],
   extraItems: h = []
 }) => {
-  const b = (g) => {
+  const f = (g) => {
     const w = r(g.value);
     return {
       id: g.value,
@@ -2561,24 +2562,24 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       active: w,
       reserveActiveSlot: !0,
       onClick: () => t(g.value),
-      onPointerDown: (f) => {
-        n?.(g.value), i?.(g, f);
+      onPointerDown: (b) => {
+        n?.(g.value), i?.(g, b);
       },
-      onPointerEnter: (f) => s?.(g.value, f.buttons > 0)
+      onPointerEnter: (b) => s?.(g.value, b.buttons > 0)
     };
   }, c = $o(a, e), l = new Map(c.map((g) => [g.id, []])), p = [], d = /* @__PURE__ */ new Map();
   e.forEach((g) => {
-    const w = c.find((f) => f.match(g));
+    const w = c.find((b) => b.match(g));
     w ? l.get(w.id)?.push(g) : g.menu ? d.set(g.menu, [...d.get(g.menu) || [], g]) : p.push(g);
   });
   const y = c.filter((g) => l.get(g.id)?.length).map((g) => {
-    const w = l.get(g.id), f = w.filter((C) => !!C.attrib), m = w.filter((C) => !C.attrib).toSorted((C, N) => C.label.localeCompare(N.label)).map(b);
+    const w = l.get(g.id), b = w.filter((C) => !!C.attrib), m = w.filter((C) => !C.attrib).toSorted((C, N) => C.label.localeCompare(N.label)).map(f);
     if (!g.id.startsWith("parent-"))
       return {
         id: g.id,
         label: g.label,
         icon: g.icon,
-        items: (g.id === "attributes" ? w : w.toSorted((C, N) => C.label.localeCompare(N.label))).map(b)
+        items: (g.id === "attributes" ? w : w.toSorted((C, N) => C.label.localeCompare(N.label))).map(f)
       };
     const k = g.id.replace("parent-", "");
     return {
@@ -2587,12 +2588,12 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       icon: g.icon,
       items: [
         ...m,
-        ...f.length ? [
+        ...b.length ? [
           {
             id: `${g.id}-attributes`,
             label: `${k.charAt(0).toUpperCase()}${k.slice(1)} attributes`,
             icon: "text_fields",
-            items: f.map(b)
+            items: b.map(f)
           }
         ] : []
       ]
@@ -2601,17 +2602,17 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     id: `menu-${g}`,
     label: g,
     icon: "extension",
-    items: w.toSorted((f, m) => f.label.localeCompare(m.label)).map(b)
+    items: w.toSorted((b, m) => b.label.localeCompare(m.label)).map(f)
   }));
-  return [p.map(b), [...y, ...v], h].filter(
+  return [p.map(f), [...y, ...v], h].filter(
     (g) => g.length
   ).flatMap((g, w) => w ? [{ id: "divider" }, ...g] : g);
 }, It = ({ menuId: e, menuItems: t }) => {
   const { menuOpen: r, setMenuOpen: n } = tt();
-  return q(() => {
+  return Y(() => {
     !t.length && r === e && n(!1);
   }, [t.length, r, e, n]), /* @__PURE__ */ o(Co, { targetId: e, id: e, align: "left", children: /* @__PURE__ */ o(Dr, { menu: t, onClose: () => n(!1) }) });
-}, Ca = 300, Bo = ({
+}, Sa = 300, Bo = ({
   columnVisibility: e,
   defaultColumnVisibility: t,
   updateColumnVisibility: r,
@@ -2619,64 +2620,64 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
 }) => {
   const [s, i] = U(null), a = H(null);
   a.current = s;
-  const h = H(null), b = H(0), c = H({ columnVisibility: e, defaultColumnVisibility: t, updateColumnVisibility: r });
+  const h = H(null), f = H(0), c = H({ columnVisibility: e, defaultColumnVisibility: t, updateColumnVisibility: r });
   c.current = { columnVisibility: e, defaultColumnVisibility: t, updateColumnVisibility: r };
   const l = H(n);
   l.current = n;
-  const p = (f, m) => {
-    const k = f.action === "show";
-    return ie(f.next, m, c.current.defaultColumnVisibility) === k ? f : { ...f, next: { ...f.next, [m]: k } };
-  }, d = ee(() => {
+  const p = (b, m) => {
+    const k = b.action === "show";
+    return ie(b.next, m, c.current.defaultColumnVisibility) === k ? b : { ...b, next: { ...b.next, [m]: k } };
+  }, d = te(() => {
     h.current = null;
-    const f = a.current;
-    f && (b.current = performance.now() + Ca, c.current.updateColumnVisibility(f.next), i(null));
-  }, []), y = ee(() => {
+    const b = a.current;
+    b && (f.current = performance.now() + Sa, c.current.updateColumnVisibility(b.next), i(null));
+  }, []), y = te(() => {
     h.current = null, a.current && i(null);
   }, []);
-  q(() => (window.addEventListener("pointerup", d), window.addEventListener("pointercancel", y), () => {
+  Y(() => (window.addEventListener("pointerup", d), window.addEventListener("pointercancel", y), () => {
     window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", y);
   }), [d, y]);
-  const v = ee((f) => {
-    if (l.current?.(f)) return;
-    b.current = 0;
-    const { columnVisibility: m, defaultColumnVisibility: k } = c.current, C = ie(m, f, k);
-    h.current = { columnId: f, action: C ? "hide" : "show" };
-  }, []), x = ee((f, m) => {
+  const v = te((b) => {
+    if (l.current?.(b)) return;
+    f.current = 0;
+    const { columnVisibility: m, defaultColumnVisibility: k } = c.current, C = ie(m, b, k);
+    h.current = { columnId: b, action: C ? "hide" : "show" };
+  }, []), x = te((b, m) => {
     const k = h.current;
     if (k) {
       if (!m) {
         y();
         return;
       }
-      l.current?.(f) || i((C) => {
+      l.current?.(b) || i((C) => {
         const { columnVisibility: N } = c.current, z = C ?? p(
           { action: k.action, base: N, next: N },
           k.columnId
         );
-        return p(z, f);
+        return p(z, b);
       });
     }
-  }, []), g = ee((f) => {
-    if (performance.now() < b.current) {
-      b.current = 0;
+  }, []), g = te((b) => {
+    if (performance.now() < f.current) {
+      f.current = 0;
       return;
     }
-    const { columnVisibility: m, defaultColumnVisibility: k, updateColumnVisibility: C } = c.current, N = ie(m, f, k);
-    C({ ...m, [f]: !N });
+    const { columnVisibility: m, defaultColumnVisibility: k, updateColumnVisibility: C } = c.current, N = ie(m, b, k);
+    C({ ...m, [b]: !N });
   }, []), w = s?.next ?? e;
   return {
     baseVisibility: s?.base ?? e,
     displayVisibility: w,
-    isVisible: (f) => ie(w, f, t),
+    isVisible: (b) => ie(w, b, t),
     onPaintStart: v,
     onPaintEnter: x,
     toggle: g,
     cancelPaint: y,
     isPainting: !!s
   };
-}, He = "add-column-menu-list", Sa = [], Vo = (e, t) => {
+}, He = "add-column-menu-list", Ia = [], Vo = (e, t) => {
   if (!(e.attrib || e.parentScope))
-    return ka(e, t)?.label ?? e.menu;
+    return Ca(e, t)?.label ?? e.menu;
 }, Uo = (e) => e.parentScope && e.attrib ? Cr(e.parentScope, e.label) : e.label, je = (e, t) => {
   const r = Vo(e, t);
   return {
@@ -2685,7 +2686,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     icon: e.icon ?? Mo(e),
     ...r ? { path: r } : {}
   };
-}, ll = ({
+}, dl = ({
   icon: e,
   label: t,
   checked: r,
@@ -2709,7 +2710,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     ),
     ...i
   }
-), Ia = ({
+), Ea = ({
   columns: e,
   highlighted: t,
   columnVisibility: r,
@@ -2718,7 +2719,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   updateColumnPinning: i,
   columnOrder: a,
   setColumnsConfig: h,
-  columnSizing: b,
+  columnSizing: f,
   groupBy: c,
   sorting: l,
   rowHeight: p,
@@ -2728,9 +2729,9 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   columnSummaryFormats: x,
   groupByConfig: g,
   addColumnMenuItems: w,
-  onColumnDragStart: f,
+  onColumnDragStart: b,
   isColumnDragging: m,
-  scopes: k = Sa,
+  scopes: k = Ia,
   search: C,
   onSearchChange: N
 }) => {
@@ -2739,7 +2740,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     displayVisibility: A,
     isVisible: R,
     onPaintStart: $,
-    onPaintEnter: Y,
+    onPaintEnter: W,
     toggle: re,
     cancelPaint: ne
   } = Bo({
@@ -2750,12 +2751,12 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   }), { toggleMenuOpen: ve } = tt(), ye = H(null), ge = H({ columnVisibility: r, updateColumnVisibility: n });
   ge.current = { columnVisibility: r, updateColumnVisibility: n };
   const Oe = H(null);
-  q(() => {
+  Y(() => {
     if (!t || Oe.current === t || !e.some((K) => K.value === t)) return;
     Oe.current = t;
     const { columnVisibility: E, updateColumnVisibility: _ } = ge.current;
     ie(E, t, d) || _({ ...E, [t]: !0 });
-  }, [t, e, d]), q(() => {
+  }, [t, e, d]), Y(() => {
     !ye.current || !t || ye.current.querySelector(`#column-settings-${t}`)?.scrollIntoView({ behavior: "smooth", block: "center" });
   }, [t, r]);
   const at = Pt(
@@ -2764,58 +2765,58 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
         distance: 5
       }
     })
-  ), ze = I, Se = (E) => !R(E), { visibleColumns: he, pinnedColumns: de } = J(() => {
+  ), ze = I, Se = (E) => !R(E), { visibleColumns: he, pinnedColumns: de } = Z(() => {
     const E = e.filter(
-      (X) => ie(ze, X.value, d)
-    ), _ = E.filter((X) => s.left?.includes(X.value));
+      (Q) => ie(ze, Q.value, d)
+    ), _ = E.filter((Q) => s.left?.includes(Q.value));
     return {
-      visibleColumns: E.filter((X) => !s.left?.includes(X.value)),
+      visibleColumns: E.filter((Q) => !s.left?.includes(Q.value)),
       pinnedColumns: _
     };
-  }, [e, ze, s, d]), ae = J(() => {
+  }, [e, ze, s, d]), ae = Z(() => {
     const E = [...he];
     return a.length > 0 && E.sort((_, K) => {
-      const X = a.indexOf(_.value), le = a.indexOf(K.value);
-      return X === -1 ? 1 : le === -1 ? -1 : X - le;
+      const Q = a.indexOf(_.value), le = a.indexOf(K.value);
+      return Q === -1 ? 1 : le === -1 ? -1 : Q - le;
     }), E;
-  }, [he, a]), Ie = J(() => {
+  }, [he, a]), Ie = Z(() => {
     const E = [...de];
     return a.length > 0 && E.sort((_, K) => {
-      const X = a.indexOf(_.value), le = a.indexOf(K.value);
-      return X === -1 ? 1 : le === -1 ? -1 : X - le;
+      const Q = a.indexOf(_.value), le = a.indexOf(K.value);
+      return Q === -1 ? 1 : le === -1 ? -1 : Q - le;
     }), E;
-  }, [de, a]), D = J(
+  }, [de, a]), D = Z(
     () => ae.map((E) => E.value),
     [ae]
-  ), W = J(
+  ), X = Z(
     () => Ie.map((E) => E.value),
     [Ie]
-  ), fe = J(() => {
+  ), be = Z(() => {
     if (typeof C != "string") return [];
     const E = C.toLowerCase().split(/\s+/).filter(Boolean);
     return e.map((_) => ({ ..._, path: Vo(_, k) })).filter((_) => {
       const K = [_.path, Uo(_)].filter(Boolean).join(" / ").toLowerCase();
-      return E.every((X) => K.includes(X));
+      return E.every((Q) => K.includes(Q));
     }).toSorted((_, K) => +!!_.path - +!!K.path);
-  }, [e, C, k]), Ee = J(
+  }, [e, C, k]), Ee = Z(
     () => Fo({
       columns: e,
       onToggle: re,
       isColumnVisible: R,
       onPaintStart: $,
-      onPaintEnter: Y,
+      onPaintEnter: W,
       scopes: k
     }),
-    [e, A, re, $, Y, k]
+    [e, A, re, $, W, k]
   ), Te = w ?? Ee, Ot = typeof C == "string" ? /* @__PURE__ */ o(
-    Ta,
+    Na,
     {
       value: C,
       onChange: (E) => N?.(E),
       onClose: () => N?.(null)
     }
   ) : /* @__PURE__ */ o(
-    Ea,
+    Ta,
     {
       variant: "text",
       icon: "add",
@@ -2828,7 +2829,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     columnVisibility: { ...r },
     columnOrder: [...a],
     columnPinning: { ...s },
-    columnSizing: { ...b },
+    columnSizing: { ...f },
     columnSummaries: y,
     columnSummaryScopes: v,
     columnSummaryFormats: x,
@@ -2856,25 +2857,25 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   }, Ko = (E) => {
     const _ = E.active.id;
     P(_), T(s.left?.includes(_) || !1), ne();
-  }, Go = (E) => {
+  }, qo = (E) => {
     const { active: _, over: K } = E;
     if (K && _.id !== K.id) {
-      const X = ie(
+      const Q = ie(
         r,
         K.id,
         d
       ), le = s.left?.includes(K.id) || !1;
-      L(X && le), M(X && !le);
+      L(Q && le), M(Q && !le);
     } else
       M(!1);
-  }, qo = (E) => {
+  }, Go = (E) => {
     L(!1), T(!1), M(!1);
     const { active: _, over: K } = E;
     if (K && _.id !== K.id) {
-      const X = [...he, ...de].find(
+      const Q = [...he, ...de].find(
         (ue) => ue.value === _.id
       ), le = [...he, ...de].find((ue) => ue.value === K.id);
-      if (X && le) {
+      if (Q && le) {
         const ue = _.id, st = K.id, Yo = ie(
           r,
           ue,
@@ -2887,7 +2888,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
         if (Yo && Wo) {
           let Pe = [...Ne.columnPinning.left || []];
           lt !== ct && (lt && !ct ? Pe = Pe.filter((ut) => ut !== ue) : !lt && ct && (Pe = [...Pe, ue]));
-          const dt = [...W, ...D], Mt = dt.indexOf(ue), $t = dt.indexOf(st);
+          const dt = [...X, ...D], Mt = dt.indexOf(ue), $t = dt.indexOf(st);
           if (Mt === -1 || $t === -1) {
             console.error("Invalid column order state"), xr.error("Invalid column order state");
             return;
@@ -2905,9 +2906,9 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   return typeof C == "string" ? /* @__PURE__ */ S(ro, { ref: ye, "data-column-drag-origin": !0, children: [
     Ot,
     /* @__PURE__ */ o(It, { menuId: He, menuItems: Te }),
-    /* @__PURE__ */ S(bt, { children: [
+    /* @__PURE__ */ S(ft, { children: [
       /* @__PURE__ */ o(vt, { children: "All Columns" }),
-      /* @__PURE__ */ o(ft, { children: fe.map((E) => /* @__PURE__ */ o(
+      /* @__PURE__ */ o(bt, { children: be.map((E) => /* @__PURE__ */ o(
         St,
         {
           id: `column-settings-${E.value}`,
@@ -2920,8 +2921,8 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
           onTogglePinning: it,
           onToggleVisibility: re,
           onPaintStart: $,
-          onPaintEnter: Y,
-          onDragStart: (_) => f?.(E, _)
+          onPaintEnter: W,
+          onDragStart: (_) => b?.(E, _)
         },
         E.value
       )) })
@@ -2932,19 +2933,19 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       sensors: at,
       collisionDetection: Qe,
       onDragStart: Ko,
-      onDragOver: Go,
-      onDragEnd: qo,
+      onDragOver: qo,
+      onDragEnd: Go,
       children: /* @__PURE__ */ S(ro, { ref: ye, "data-column-drag-origin": !0, children: [
         Ot,
         /* @__PURE__ */ o(It, { menuId: He, menuItems: Te }),
-        de.length > 0 && /* @__PURE__ */ S(bt, { className: V && !j ? "drop-target" : "", children: [
+        de.length > 0 && /* @__PURE__ */ S(ft, { className: V && !j ? "drop-target" : "", children: [
           /* @__PURE__ */ o(vt, { children: "Pinned Columns" }),
           /* @__PURE__ */ o(
             Le,
             {
               items: Ie.map((E) => E.value),
               strategy: Re,
-              children: /* @__PURE__ */ o(ft, { children: Ie.map((E) => /* @__PURE__ */ o(
+              children: /* @__PURE__ */ o(bt, { children: Ie.map((E) => /* @__PURE__ */ o(
                 oo,
                 {
                   id: E.value,
@@ -2956,22 +2957,22 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
                   onTogglePinning: it,
                   onToggleVisibility: re,
                   onPaintStart: $,
-                  onPaintEnter: Y,
-                  onDragStart: (_) => f?.(E, _)
+                  onPaintEnter: W,
+                  onDragStart: (_) => b?.(E, _)
                 },
                 E.value
               )) })
             }
           )
         ] }),
-        /* @__PURE__ */ S(bt, { className: j && F ? "drop-target" : "", children: [
+        /* @__PURE__ */ S(ft, { className: j && F ? "drop-target" : "", children: [
           /* @__PURE__ */ o(vt, { children: "Visible Columns" }),
           /* @__PURE__ */ o(
             Le,
             {
               items: ae.map((E) => E.value),
               strategy: Re,
-              children: /* @__PURE__ */ o(ft, { children: ae.map((E) => /* @__PURE__ */ o(
+              children: /* @__PURE__ */ o(bt, { children: ae.map((E) => /* @__PURE__ */ o(
                 oo,
                 {
                   id: E.value,
@@ -2983,8 +2984,8 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
                   onTogglePinning: it,
                   onToggleVisibility: re,
                   onPaintStart: $,
-                  onPaintEnter: Y,
-                  onDragStart: (_) => f?.(E, _)
+                  onPaintEnter: W,
+                  onDragStart: (_) => b?.(E, _)
                 },
                 E.value
               )) })
@@ -3008,7 +3009,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
-`, bt = u.section`
+`, ft = u.section`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -3024,15 +3025,15 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   font-weight: 500;
   color: var(--md-sys-color-outline);
   padding: 4px 0;
-`, Ea = u(B)`
+`, Ta = u(B)`
   justify-content: flex-start;
-`, Ta = u(Rr)`
+`, Na = u(Rr)`
   padding: 0;
 
   input {
     height: 32px;
   }
-`, Na = (e) => {
+`, Pa = (e) => {
   const {
     columnVisibility: t,
     defaultColumnVisibility: r,
@@ -3041,7 +3042,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     updateColumnPinning: i,
     columnOrder: a,
     setColumnsConfig: h,
-    columnSizing: b,
+    columnSizing: f,
     groupBy: c,
     groupByConfig: l,
     sorting: p,
@@ -3051,7 +3052,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     columnSummaryFormats: x
   } = Ce();
   return /* @__PURE__ */ o(
-    Ia,
+    Ea,
     {
       ...e,
       columnVisibility: t,
@@ -3061,7 +3062,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       updateColumnPinning: i,
       columnOrder: a,
       setColumnsConfig: h,
-      columnSizing: b,
+      columnSizing: f,
       groupBy: c,
       groupByConfig: l,
       sorting: p,
@@ -3071,16 +3072,16 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       columnSummaryFormats: x
     }
   );
-}, Pa = u.div`
+}, Aa = u.div`
   padding: var(--padding-m);
   display: flex;
   flex-direction: column;
   gap: 12px;
-`, Aa = u.div`
+`, _a = u.div`
   display: flex;
   align-items: center;
   gap: 12px;
-`, _a = u.input`
+`, Da = u.input`
   flex: 1;
   height: 4px;
   border-radius: 2px;
@@ -3121,11 +3122,11 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   &:hover::-moz-range-thumb {
     background: var(--md-sys-color-primary-container);
   }
-`, Da = u.span`
+`, La = u.span`
   color: var(--md-sys-color-on-surface-variant);
   min-width: 40px;
   text-align: right;
-`, La = ({
+`, Ra = ({
   value: e,
   onChange: t,
   onChangeComplete: r,
@@ -3134,29 +3135,29 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   min: i = 24,
   max: a = 200,
   step: h = 2,
-  debounceMs: b = 25
+  debounceMs: f = 25
 }) => {
   const [c, l] = U(!1), [p, d] = U(e), [y, v] = U(!1);
-  q(() => {
+  Y(() => {
     !c && !y && d(e);
   }, [e, c, y]);
-  const x = ee((k) => {
+  const x = te((k) => {
     const C = parseInt(k.target.value, 10);
     v(!0), d(C);
-  }, []), g = zr(p, b);
-  q(() => {
+  }, []), g = zr(p, f);
+  Y(() => {
     y && t(p);
   }, [g, t, y, p]);
-  const w = ee(() => {
+  const w = te(() => {
     l(!0);
-  }, []), f = ee(() => {
+  }, []), b = te(() => {
     l(!1), v(!1), r && r(p);
   }, [p, r]), m = (p - i) / (a - i) * 100;
-  return /* @__PURE__ */ S(Pa, { children: [
+  return /* @__PURE__ */ S(Aa, { children: [
     /* @__PURE__ */ o("label", { htmlFor: s, children: n }),
-    /* @__PURE__ */ S(Aa, { children: [
+    /* @__PURE__ */ S(_a, { children: [
       /* @__PURE__ */ o(
-        _a,
+        Da,
         {
           id: s,
           type: "range",
@@ -3166,19 +3167,19 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
           value: p,
           onChange: x,
           onMouseDown: w,
-          onMouseUp: f,
+          onMouseUp: b,
           style: {
             background: `linear-gradient(to right, var(--md-sys-color-primary) 0%, var(--md-sys-color-primary) ${m}%, var(--md-sys-color-outline-variant) ${m}%, var(--md-sys-color-outline-variant) 100%)`
           }
         }
       ),
-      /* @__PURE__ */ o(Da, { children: p })
+      /* @__PURE__ */ o(La, { children: p })
     ] })
   ] });
-}, ke = "hierarchy", yt = "folder", no = "name", Ra = ({ scope: e }) => {
+}, ke = "hierarchy", yt = "folder", no = "name", Oa = ({ scope: e }) => {
   const { groupBy: t, groupByConfig: r, updateGroupBy: n, updateGroupByConfig: s, sorting: i, updateSorting: a } = Ce(), {
     modules: h,
-    showHierarchy: b,
+    showHierarchy: f,
     updateShowHierarchy: c,
     hierarchyOptions: l,
     hierarchyActive: p
@@ -3187,10 +3188,10 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   const { GroupSettings: y, requiredVersion: v } = h || {}, x = !!c, w = x ? [...l || [
     { value: ke, label: "Hierarchy", icon: "account_tree" },
     { value: "folder", label: "Folder", icon: "folder" }
-  ], ...d] : d, f = p ?? b, m = t ?? (x && f ? { id: ke, desc: !1 } : void 0), k = i?.[0]?.id === no ? !!i[0].desc : !1, C = m?.id === yt || m?.id === ke ? { ...m, desc: k } : m, N = ee(
+  ], ...d] : d, b = p ?? f, m = t ?? (x && b ? { id: ke, desc: !1 } : void 0), k = i?.[0]?.id === no ? !!i[0].desc : !1, C = m?.id === yt || m?.id === ke ? { ...m, desc: k } : m, N = te(
     (P) => {
       if (P?.id === ke || P?.id === yt) {
-        if (P.id === ke ? f : t?.id === yt) {
+        if (P.id === ke ? b : t?.id === yt) {
           P.desc !== k && a([{ id: no, desc: !!P.desc }]);
           return;
         }
@@ -3203,7 +3204,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       }
       n(P);
     },
-    [n, c, a, t, k, f]
+    [n, c, a, t, k, b]
   );
   return {
     id: "group-by",
@@ -3222,7 +3223,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       }
     )
   };
-}, Oa = u.div`
+}, za = u.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
@@ -3240,10 +3241,10 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   list-style-type: none;
   margin: 0;
   padding: 0;
-`, za = u.span`
+`, Ma = u.span`
   color: var(--md-sys-color-outline);
   padding: 4px 0;
-`, Ma = u(nt)`
+`, $a = u(nt)`
   .drag-handle {
     cursor: grab;
     height: 20px;
@@ -3259,25 +3260,25 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       cursor: grabbing;
     }
   }
-`, $a = u(nt)`
+`, Fa = u(nt)`
   cursor: pointer;
 
   .action {
     color: var(--md-sys-color-outline);
   }
-`, Fa = ({ item: e, desc: t, onToggleDirection: r, onRemove: n }) => {
-  const { attributes: s, listeners: i, setNodeRef: a, transform: h, transition: b, isDragging: c } = Je({
+`, Ba = ({ item: e, desc: t, onToggleDirection: r, onRemove: n }) => {
+  const { attributes: s, listeners: i, setNodeRef: a, transform: h, transition: f, isDragging: c } = Ze({
     id: e.value
   });
   return /* @__PURE__ */ o(
-    Ma,
+    $a,
     {
       ref: a,
       item: e,
       "data-sort-id": e.value,
       className: c ? "dragging" : void 0,
-      style: { transform: Ze.Translate.toString(h), transition: b },
-      startContent: /* @__PURE__ */ o("div", { ...s, ...i, className: "drag-handle", children: /* @__PURE__ */ o(G, { icon: "drag_indicator" }) }),
+      style: { transform: Je.Translate.toString(h), transition: f },
+      startContent: /* @__PURE__ */ o("div", { ...s, ...i, className: "drag-handle", children: /* @__PURE__ */ o(q, { icon: "drag_indicator" }) }),
       actions: [
         {
           icon: t ? "arrow_downward" : "arrow_upward",
@@ -3292,7 +3293,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       ]
     }
   );
-}, Ba = ({
+}, Va = ({
   sorting: e,
   options: t,
   onChange: r,
@@ -3306,12 +3307,12 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     })
   ), i = (d) => t.find((y) => y.value === d) ?? { value: d, label: d }, a = t.filter(
     (d) => !e.some((y) => y.id === d.value)
-  ), h = e.length < n, b = ({ active: d, over: y }) => {
+  ), h = e.length < n, f = ({ active: d, over: y }) => {
     if (!y || d.id === y.id) return;
     const v = e.findIndex((g) => g.id === d.id), x = e.findIndex((g) => g.id === y.id);
     v === -1 || x === -1 || r(Dt(e, v, x));
   }, c = (d) => r(e.map((y) => y.id === d ? { ...y, desc: !y.desc } : y)), l = (d) => r(e.filter((y) => y.id !== d)), p = (d) => r([...e, { id: d, desc: !1 }]);
-  return /* @__PURE__ */ S(Oa, { className: "sort-settings", children: [
+  return /* @__PURE__ */ S(za, { className: "sort-settings", children: [
     e.length > 0 && /* @__PURE__ */ S(ao, { className: "sorted", children: [
       /* @__PURE__ */ o(io, { children: "Sorted by" }),
       /* @__PURE__ */ o(
@@ -3319,14 +3320,14 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
         {
           sensors: s,
           collisionDetection: Qe,
-          onDragEnd: b,
+          onDragEnd: f,
           children: /* @__PURE__ */ o(
             Le,
             {
               items: e.map((d) => d.id),
               strategy: Re,
               children: /* @__PURE__ */ o(so, { children: e.map((d) => /* @__PURE__ */ o(
-                Fa,
+                Ba,
                 {
                   item: i(d.id),
                   desc: d.desc,
@@ -3343,7 +3344,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     /* @__PURE__ */ S(ao, { className: "available", children: [
       /* @__PURE__ */ o(io, { children: e.length > 0 ? "Then sort by" : "Sort by" }),
       h ? /* @__PURE__ */ o(so, { children: a.map((d) => /* @__PURE__ */ o(
-        $a,
+        Fa,
         {
           item: d,
           "data-sort-id": d.value,
@@ -3351,14 +3352,14 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
           actions: [{ icon: "add" }]
         },
         d.value
-      )) }) : /* @__PURE__ */ S(za, { children: [
+      )) }) : /* @__PURE__ */ S(Ma, { children: [
         "Sorting is limited to ",
         n,
         " columns."
       ] })
     ] })
   ] });
-}, Va = (e = []) => {
+}, Ua = (e = []) => {
   const { sorting: t, updateSorting: r } = Ce(), { attribFields: n, scopes: s } = ot(), i = [
     ...Sr(s, e).map((l) => ({
       value: l.id,
@@ -3370,35 +3371,35 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       value: `attrib_${l.name}`,
       label: l.data.title || l.name
     }))
-  ].map((l) => ({ ...l, icon: Q(l.value) })), a = new Set(i.map((l) => l.value)), h = [
+  ].map((l) => ({ ...l, icon: G(l.value) })), a = new Set(i.map((l) => l.value)), h = [
     ...i,
     ...t.filter((l) => !a.has(l.id)).map((l) => ({
       value: l.id,
       label: e.find((p) => p.value === l.id)?.label ?? l.id,
-      icon: Q(l.id)
+      icon: G(l.id)
     }))
-  ], b = (l) => h.find((p) => p.value === l)?.label ?? l;
+  ], f = (l) => h.find((p) => p.value === l)?.label ?? l;
   return {
     id: "sort-by",
     title: "Sort",
     icon: "sort",
-    preview: t.length ? b(t[0].id) + (t.length > 1 ? ` +${t.length - 1}` : "") : "None",
-    component: /* @__PURE__ */ o(Ba, { sorting: t, options: h, onChange: r })
+    preview: t.length ? f(t[0].id) + (t.length > 1 ? ` +${t.length - 1}` : "") : "None",
+    component: /* @__PURE__ */ o(Va, { sorting: t, options: h, onChange: r })
   };
-}, Rt = [Br, Vr], lo = 5, Ua = `#${Lr}, [data-column-drag-origin]`, Ha = (e, t) => {
+}, Rt = [Br, Vr], lo = 5, Ha = `#${Lr}, [data-column-drag-origin]`, ja = (e, t) => {
   const n = document.querySelector(`[${So}]`)?.getBoundingClientRect();
   if (!n || e < n.left || e > n.right || t < n.top || t > n.bottom) return;
   const s = Array.from(document.querySelectorAll(Io)).filter(
     (h) => !Rt.includes(h.dataset.columnId || "")
   ), i = s.find((h) => {
-    const b = h.getBoundingClientRect();
-    return e >= b.left && e < b.right;
+    const f = h.getBoundingClientRect();
+    return e >= f.left && e < f.right;
   });
   if (i || !s.length) return i;
   const a = s[s.length - 1];
   return e >= a.getBoundingClientRect().right ? a : s[0];
 }, co = (e, t) => {
-  const r = document.elementsFromPoint(e, t).map((a) => a.closest?.(Io)).find(Boolean) ?? Ha(e, t), n = r?.dataset.columnId;
+  const r = document.elementsFromPoint(e, t).map((a) => a.closest?.(Io)).find(Boolean) ?? ja(e, t), n = r?.dataset.columnId;
   if (!r || !n || Rt.includes(n)) return null;
   const s = r.getBoundingClientRect(), i = e < s.left + s.width / 2 ? "left" : "right";
   return {
@@ -3406,10 +3407,10 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     side: i,
     line: $r(r, i)
   };
-}, ja = (e, t) => {
+}, Ka = (e, t) => {
   const r = e.length ? e : t;
   return [...r, ...t.filter((n) => !r.includes(n))];
-}, Ka = () => {
+}, qa = () => {
   const {
     columnVisibility: e,
     columnOrder: t,
@@ -3419,14 +3420,14 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     columnSummaryScopes: i,
     columnSummaryFormats: a,
     groupBy: h,
-    groupByConfig: b,
+    groupByConfig: f,
     sorting: c,
     rowHeight: l,
     setColumnsConfig: p,
     getAllColumns: d
   } = Ce(), { setMenuOpen: y } = tt(), [v, x] = U(null), g = H(null), w = H(null);
   w.current = v;
-  const f = H({
+  const b = H({
     columnVisibility: e,
     columnOrder: t,
     columnPinning: r,
@@ -3435,13 +3436,13 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     columnSummaryScopes: i,
     columnSummaryFormats: a,
     groupBy: h,
-    groupByConfig: b,
+    groupByConfig: f,
     sorting: c,
     rowHeight: l,
     setColumnsConfig: p,
     getAllColumns: d
   });
-  f.current = {
+  b.current = {
     columnVisibility: e,
     columnOrder: t,
     columnPinning: r,
@@ -3450,14 +3451,14 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     columnSummaryScopes: i,
     columnSummaryFormats: a,
     groupBy: h,
-    groupByConfig: b,
+    groupByConfig: f,
     sorting: c,
     rowHeight: l,
     setColumnsConfig: p,
     getAllColumns: d
   };
-  const m = ee((P, V) => {
-    const L = f.current, j = ja(L.columnOrder, L.getAllColumns()).filter(
+  const m = te((P, V) => {
+    const L = b.current, j = Ka(L.columnOrder, L.getAllColumns()).filter(
       (I) => I !== P && !Rt.includes(I)
     ), T = j.indexOf(V.columnId), F = T === -1 ? j.length : T + (V.side === "left" ? 0 : 1), M = [...j.slice(0, F), P, ...j.slice(F)], O = new Set(L.columnPinning.left || []);
     O.has(V.columnId) ? O.add(P) : O.delete(P), L.setColumnsConfig({
@@ -3473,15 +3474,15 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       sorting: L.sorting,
       rowHeight: L.rowHeight
     });
-  }, []), k = ee(() => {
+  }, []), k = te(() => {
     g.current = null, w.current && x(null);
-  }, []), C = ee((P, V) => {
+  }, []), C = te((P, V) => {
     const L = V.currentTarget, j = L.getBoundingClientRect();
     g.current = {
       column: P,
       x: V.clientX,
       y: V.clientY,
-      origin: L.closest(Ua),
+      origin: L.closest(Ha),
       immediate: !!V.target.closest?.(".hover-swap"),
       grab: {
         x: V.clientX - j.left,
@@ -3490,7 +3491,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       }
     };
   }, []);
-  q(() => {
+  Y(() => {
     const P = (T, F, M) => !!M && document.elementsFromPoint(T, F).some((O) => M.contains(O)), V = (T) => {
       const { clientX: F, clientY: M } = T;
       if (w.current) {
@@ -3503,7 +3504,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       O && (Math.abs(F - O.x) < lo && Math.abs(M - O.y) < lo || !O.immediate && P(F, M, O.origin) || x({ column: O.column, x: F, y: M, grab: O.grab, target: co(F, M) }));
     }, L = () => {
       const T = w.current;
-      g.current = null, T && (qa(), T.target && (m(T.column.value, T.target), y(!1)), x(null));
+      g.current = null, T && (Ya(), T.target && (m(T.column.value, T.target), y(!1)), x(null));
     }, j = (T) => {
       T.key === "Escape" && k();
     };
@@ -3514,7 +3515,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   const N = v ? document.querySelector(`[${So}]`)?.getBoundingClientRect() : void 0, z = v ? ho(
     /* @__PURE__ */ S(pe, { children: [
       N && /* @__PURE__ */ o(
-        Ya,
+        Wa,
         {
           style: {
             left: N.left,
@@ -3525,7 +3526,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
         }
       ),
       /* @__PURE__ */ S(
-        Wa,
+        Xa,
         {
           style: {
             left: v.x - v.grab.x,
@@ -3534,7 +3535,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
           },
           className: Ga(v),
           children: [
-            v.column.icon && /* @__PURE__ */ o(G, { icon: v.column.icon }),
+            v.column.icon && /* @__PURE__ */ o(q, { icon: v.column.icon }),
             /* @__PURE__ */ o("span", { children: v.column.label })
           ]
         }
@@ -3544,19 +3545,19 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     document.body
   ) : null;
   return { armDrag: C, cancelDrag: k, isDragging: !!v, dragOverlay: z };
-}, Ga = (e) => e.target ? "over-target" : "", qa = () => {
+}, Ga = (e) => e.target ? "over-target" : "", Ya = () => {
   const e = (t) => {
     t.stopPropagation(), t.preventDefault();
   };
   window.addEventListener("click", e, !0), setTimeout(() => window.removeEventListener("click", e, !0), 0);
-}, Ya = u.div`
+}, Wa = u.div`
   position: fixed;
   box-sizing: border-box;
   z-index: 999;
   pointer-events: none;
   border-radius: 4px;
   background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent);
-`, Wa = u.div`
+`, Xa = u.div`
   position: fixed;
   box-sizing: border-box;
   z-index: 2000;
@@ -3578,7 +3579,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   const { columnVisibility: n, defaultColumnVisibility: s, updateColumnVisibility: i } = Ce(), {
     displayVisibility: a,
     isVisible: h,
-    onPaintStart: b,
+    onPaintStart: f,
     onPaintEnter: c,
     toggle: l,
     cancelPaint: p,
@@ -3587,25 +3588,25 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     columnVisibility: n,
     defaultColumnVisibility: s,
     updateColumnVisibility: i
-  }), { armDrag: y, cancelDrag: v, isDragging: x, dragOverlay: g } = Ka(), w = H({ isPainting: d, isDragging: x, cancelPaint: p });
+  }), { armDrag: y, cancelDrag: v, isDragging: x, dragOverlay: g } = qa(), w = H({ isPainting: d, isDragging: x, cancelPaint: p });
   w.current = { isPainting: d, isDragging: x, cancelPaint: p };
-  const f = ee(
+  const b = te(
     (C, N) => {
       w.current.isDragging || (N && v(), c(C, N));
     },
     [v, c]
-  ), m = ee(
+  ), m = te(
     (C, N) => {
       w.current.isPainting || y(C, N);
     },
     [y]
-  ), k = J(
+  ), k = Z(
     () => Fo({
       columns: e,
       onToggle: l,
       isColumnVisible: h,
-      onPaintStart: b,
-      onPaintEnter: f,
+      onPaintStart: f,
+      onPaintEnter: b,
       onDragStart: m,
       scopes: t,
       extraItems: r
@@ -3615,8 +3616,8 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       e,
       a,
       l,
-      b,
       f,
+      b,
       m,
       t,
       r
@@ -3629,99 +3630,109 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     onColumnDragStart: y,
     isColumnDragging: x
   };
-}, Xa = [], Qa = [], jo = ({
-  extraColumns: e = Xa,
-  hiddenColumns: t = Qa,
+}, Qa = [], Za = [], jo = ({
+  extraColumns: e = Qa,
+  hiddenColumns: t = Za,
   includeLinks: r = !0,
   parentColumns: n = []
 }) => {
-  const { linkTypes: s } = ko(), { attribFields: i, scopes: a } = ot(), h = J(
+  const { linkTypes: s } = ko(), { attribFields: i, scopes: a } = ot(), h = Z(
     () => [
       {
         value: "thumbnail",
-        label: te("thumbnail"),
-        icon: Q("thumbnail")
+        label: ee("thumbnail"),
+        icon: G("thumbnail")
       },
       {
         value: "name",
         label: Er(a),
-        icon: Q("name")
+        icon: G("name")
       },
       {
         value: xe.folder,
-        label: te(xe.folder),
-        icon: Q(xe.folder)
+        label: ee(xe.folder),
+        icon: G(xe.folder)
       },
       {
         value: xe.task,
-        label: te(xe.task),
-        icon: Q(xe.task),
+        label: ee(xe.task),
+        icon: G(xe.task),
         hidden: !["product", "version"].some((c) => a.includes(c))
       },
       {
         value: "assignees",
-        label: te("assignees"),
-        icon: Q("assignees"),
+        label: ee("assignees"),
+        icon: G("assignees"),
         hidden: !a.includes("task")
       },
       {
         value: "product",
-        label: te("product"),
-        icon: Q("product"),
+        label: ee("product"),
+        icon: G("product"),
         hidden: !["product", "version"].some((c) => a.includes(c))
       },
       {
         value: "entityType",
-        label: te("entityType"),
-        icon: Q("entityType")
+        label: ee("entityType"),
+        icon: G("entityType")
       },
       {
         value: "status",
-        label: te("status"),
-        icon: Q("status")
+        label: ee("status"),
+        icon: G("status")
       },
       {
         value: "subType",
-        label: te("subType", a),
-        icon: Q("subType")
+        label: ee("subType", a),
+        icon: G("subType")
       },
       {
         value: "tags",
-        label: te("tags"),
-        icon: Q("tags")
+        label: ee("tags"),
+        icon: G("tags")
       },
       {
         value: "createdAt",
-        label: te("createdAt"),
-        icon: Q("createdAt")
+        label: ee("createdAt"),
+        icon: G("createdAt")
+      },
+      {
+        value: "createdBy",
+        label: ee("createdBy"),
+        icon: G("createdBy")
       },
       {
         value: "updatedAt",
-        label: te("updatedAt"),
-        icon: Q("updatedAt")
+        label: ee("updatedAt"),
+        icon: G("updatedAt")
+      },
+      {
+        value: "updatedBy",
+        label: ee("updatedBy"),
+        icon: G("updatedBy")
       },
       {
         value: "subtasks",
-        label: te("subtasks"),
-        icon: Q("subtasks"),
+        label: ee("subtasks"),
+        icon: G("subtasks"),
         hidden: !a.includes("task")
       },
       {
         value: "comments",
-        label: te("comments"),
-        icon: Q("comments"),
+        label: ee("comments"),
+        icon: G("comments"),
         hidden: !a.some((c) => ["task", "version", "product", "folder"].includes(c))
       },
       ...Tr.map((c) => ({
         value: c,
-        label: te(c),
-        icon: Q(c),
+        label: ee(c),
+        icon: G(c),
         hidden: !a.some((l) => Nr(c, l))
       })),
       ...i.filter((c) => c.scope?.some((l) => a.includes(l))).map((c) => ({
         value: `attrib_${c.name}`,
         label: c.data.title || c.name,
-        icon: be(c.name, c.data.type, xo(c.data)),
+        icon: fe(c.name, c.data.type, xo(c.data)),
         attrib: { builtin: c.builtin, scope: c.scope }
       })),
       ...s && r ? s.filter(
@@ -3754,7 +3765,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
         (c) => i.filter((l) => !l.scope || l.scope.includes(c)).map((l) => ({
           value: Kt(c, l.name, !0),
           label: l.data.title || l.name,
-          icon: be(l.name, l.data.type, !!l.data.enum),
+          icon: fe(l.name, l.data.type, !!l.data.enum),
           attrib: { builtin: l.builtin, scope: l.scope },
           parentScope: c
         }))
@@ -3765,16 +3776,16 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       }))
     ],
     [a, i, s, r, n, e]
-  ), b = J(
+  ), f = Z(
     () => h.filter((c) => !c.hidden && !t.includes(c.value)),
     [h, t]
   );
-  return { columns: h, visibleColumns: b, scopes: a };
+  return { columns: h, visibleColumns: f, scopes: a };
 }, Ja = u(B)`
   min-width: 120px;
-`, Za = u(B)`
+`, ei = u(B)`
   padding: 4px !important;
-`, cl = ({ defaultSelected: e, className: t, ...r }) => {
+`, ul = ({ defaultSelected: e, className: t, ...r }) => {
   const { togglePanel: n, isPanelOpen: s } = et();
   return /* @__PURE__ */ o(
     Ja,
@@ -3786,7 +3797,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       children: "Customize"
     }
   );
-}, dl = ({
+}, pl = ({
   settings: e = [],
   extraColumns: t,
   hiddenColumns: r,
@@ -3795,7 +3806,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   includeLinks: i = !0,
   hideSortBy: a = !1,
   order: h,
-  scope: b,
+  scope: f,
   extraMenuItems: c,
   parentColumns: l,
   columnIdAliases: p
@@ -3806,12 +3817,12 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     rowHeight: x = 34,
     updateRowHeight: g,
     updateRowHeightWithPersistence: w
-  } = Ce(), { isPanelOpen: f, selectedSetting: m } = et(), [k, C] = U(null);
-  q(() => {
-    k !== null && (!f || m !== "columns") && C(null);
-  }, [f, m, k]);
-  const N = `${b ?? ""}:${d.join()}`;
-  q(() => {
+  } = Ce(), { isPanelOpen: b, selectedSetting: m } = et(), [k, C] = U(null);
+  Y(() => {
+    k !== null && (!b || m !== "columns") && C(null);
+  }, [b, m, k]);
+  const N = `${f ?? ""}:${d.join()}`;
+  Y(() => {
     C(null);
   }, [N]);
   const { columns: z, visibleColumns: P } = jo({
@@ -3830,14 +3841,14 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     columns: P,
     scopes: d,
     extraItems: c
-  }), O = Ra({ scope: b }), I = Va(z), A = [
+  }), O = Oa({ scope: f }), I = Ua(z), A = [
     {
       id: "columns",
       title: "Columns",
       icon: "view_column",
       preview: `${L}/${P.length}`,
       headerActions: /* @__PURE__ */ o(
-        Za,
+        ei,
         {
           variant: "text",
           icon: "search",
@@ -3848,7 +3859,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       ),
       component: /* @__PURE__ */ S(pe, { children: [
         /* @__PURE__ */ o(
-          Na,
+          Pa,
           {
             columns: P,
             highlighted: V,
@@ -3868,7 +3879,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     {
       id: "row-height",
       component: /* @__PURE__ */ o(
-        La,
+        Ra,
         {
           value: x,
           onChange: g,
@@ -3881,10 +3892,10 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   ].filter(Boolean);
   return e.forEach((R) => {
     if (n.includes(R.id)) return;
-    const $ = A.findIndex((Y) => Y && "id" in Y && Y.id === R.id);
+    const $ = A.findIndex((W) => W && "id" in W && W.id === R.id);
     $ !== -1 ? A[$] = R : A.push(R);
-  }), /* @__PURE__ */ o(ha, { settings: A, order: h });
-}, xt = "add-column-menu-table", ei = u.div`
+  }), /* @__PURE__ */ o(ba, { settings: A, order: h });
+}, xt = "add-column-menu-table", ti = u.div`
   position: absolute;
   top: 4px;
   right: 24px;
@@ -3894,24 +3905,24 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     padding: 2px;
     border-radius: 12px;
   }
-`, ul = ({
+`, gl = ({
   extraColumns: e,
   hiddenColumns: t,
   includeLinks: r,
   extraMenuItems: n,
   parentColumns: s
 }) => {
-  const { isPanelOpen: i } = et(), { toggleMenuOpen: a } = tt(), { visibleColumns: h, scopes: b } = jo({
+  const { isPanelOpen: i } = et(), { toggleMenuOpen: a } = tt(), { visibleColumns: h, scopes: f } = jo({
     extraColumns: e,
     hiddenColumns: t,
     includeLinks: r,
     parentColumns: s
   }), { menuItems: c, hasMenuItems: l, dragOverlay: p } = Ho({
     columns: h,
-    scopes: b,
+    scopes: f,
     extraItems: n
   });
-  return i ? null : /* @__PURE__ */ S(ei, { children: [
+  return i ? null : /* @__PURE__ */ S(ti, { children: [
     /* @__PURE__ */ o(
       B,
       {
@@ -3926,7 +3937,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     /* @__PURE__ */ o(It, { menuId: xt, menuItems: c }),
     p
   ] });
-}, ti = () => /* @__PURE__ */ o(
+}, oi = () => /* @__PURE__ */ o(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3937,7 +3948,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
     viewBox: "0 0 16 16",
     children: /* @__PURE__ */ o("path", { d: "M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z" })
   }
-), oi = () => /* @__PURE__ */ S(
+), ri = () => /* @__PURE__ */ S(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3951,7 +3962,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       " "
     ]
   }
-), ri = () => /* @__PURE__ */ S(
+), ni = () => /* @__PURE__ */ S(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3965,40 +3976,40 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       " "
     ]
   }
-), ni = ({ name: e }) => {
+), ai = ({ name: e }) => {
   const t = {
-    discord: /* @__PURE__ */ o(ti, {}),
-    slack: /* @__PURE__ */ o(ri, {}),
-    google: /* @__PURE__ */ o(oi, {})
+    discord: /* @__PURE__ */ o(oi, {}),
+    slack: /* @__PURE__ */ o(ni, {}),
+    google: /* @__PURE__ */ o(ri, {})
   };
   return e.toLowerCase() in t ? t[e.toLowerCase()] : null;
-}, ai = u(B)`
+}, ii = u(B)`
   max-height: none;
 
   transition: filter 0.2s;
   &:hover {
     filter: brightness(1.2);
   }
-`, pl = ({ url: e, name: t, icon: r, color: n, textColor: s }) => {
+`, ml = ({ url: e, name: t, icon: r, color: n, textColor: s }) => {
   const a = n || {
     discord: "#5765F2",
     slack: "#4A154B",
     google: "#D34836"
   }[t] || "initial";
   return /* @__PURE__ */ o("a", { href: e, title: t, children: /* @__PURE__ */ o(
-    ai,
+    ii,
     {
       style: {
         backgroundColor: a,
         color: s || "white"
       },
       label: /* @__PURE__ */ S(pe, { children: [
-        r ? /* @__PURE__ */ o("img", { src: r, style: { height: 36, width: "auto" } }) : /* @__PURE__ */ o(ni, { name: t }),
+        r ? /* @__PURE__ */ o("img", { src: r, style: { height: 36, width: "auto" } }) : /* @__PURE__ */ o(ai, { name: t }),
         /* @__PURE__ */ o("span", { className: "label", children: "Login with " + t })
       ] })
     }
   ) }, t);
-}, ii = Ye`
+}, si = Ye`
   --base-size-4: 0.25rem;
   --base-size-8: 0.5rem;
   --base-size-16: 1rem;
@@ -5187,7 +5198,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   .highlight pre:has(+ .zeroclipboard-container) {
     min-height: 52px;
   }
-`, gl = u.div`
+`, hl = u.div`
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -5257,7 +5268,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
       width: 100%;
     }
   }
-`, ml = u.div`
+`, bl = u.div`
   display: flex;
   flex-direction: column;
   overflow: auto;
@@ -5270,7 +5281,7 @@ const ia = "https://ynput.cloud/free-trial", sa = ({
   button {
     width: 100%;
   }
-`, hl = u.img`
+`, fl = u.img`
   height: 60px;
 `;
 u.img`
@@ -5279,24 +5290,24 @@ u.img`
   top: 16px;
   left: 16px;
 `;
-const fl = u.img`
+const vl = u.img`
   max-height: 100%;
   width: 100%;
   object-fit: contain;
   overflow: hidden;
-`, bl = u.img`
+`, yl = u.img`
   position: fixed;
   z-index: -10;
   object-fit: cover;
   width: 100vw;
   height: 100vh;
-`, vl = u.div`
+`, xl = u.div`
   max-width: 100%;
   height: 100%;
   overflow: auto;
 
-  ${ii}
-`, yl = u.p`
+  ${si}
+`, wl = u.p`
   color: var(--md-sys-color-outline);
   &,
   a {
@@ -5314,7 +5325,7 @@ u.span`
   ${se.labelMedium}
   color: var(--md-sys-color-outline);
 `;
-const si = u.div`
+const li = u.div`
   display: flex;
   flex-direction: column;
   min-height: 0;
@@ -5323,24 +5334,24 @@ const si = u.div`
   background-color: var(--md-sys-color-surface-container-high);
   color: var(--md-sys-color-on-surface);
   outline: none;
-`, li = ({ anchor: e, close: t, children: r }) => {
+`, ci = ({ anchor: e, close: t, children: r }) => {
   const n = H(null);
-  return q(() => {
+  return Y(() => {
     const i = (a) => {
-      const h = n.current?.closest("dialog"), b = a.target;
-      !h || h.contains(b) || e?.contains(b) || b.closest?.("dialog") || a.clientY < h.getBoundingClientRect().top && t();
+      const h = n.current?.closest("dialog"), f = a.target;
+      !h || h.contains(f) || e?.contains(f) || f.closest?.("dialog") || a.clientY < h.getBoundingClientRect().top && t();
     };
     return document.addEventListener("pointerdown", i), () => document.removeEventListener("pointerdown", i);
-  }, [e, t]), q(() => {
+  }, [e, t]), Y(() => {
     const i = requestAnimationFrame(() => {
       const a = n.current;
       a && !a.contains(document.activeElement) && a.focus();
     });
     return () => cancelAnimationFrame(i);
-  }, []), /* @__PURE__ */ o(si, { ref: n, tabIndex: -1, className: "addon-popover", onKeyDown: (i) => {
+  }, []), /* @__PURE__ */ o(li, { ref: n, tabIndex: -1, className: "addon-popover", onKeyDown: (i) => {
     i.key === "Escape" && (i.defaultPrevented || !n.current?.contains(i.target)) && i.stopPropagation();
   }, children: r });
-}, xl = ({
+}, kl = ({
   contribution: e,
   context: t,
   open: r,
@@ -5354,7 +5365,7 @@ const si = u.div`
       target: n,
       isOpen: r,
       onDismiss: t.close,
-      children: /* @__PURE__ */ o(li, { anchor: n, close: t.close, children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ o(ci, { anchor: n, close: t.close, children: /* @__PURE__ */ o(
         Ar,
         {
           contribution: e,
@@ -5365,7 +5376,7 @@ const si = u.div`
       ) })
     }
   );
-}, wl = Jo`
+}, Cl = Zo`
   .p-splitter > .p-splitter-gutter {
     position: relative;
 
@@ -5452,7 +5463,7 @@ const si = u.div`
       inset: -3px 0;
     }
   }
-`, kl = u.a`
+`, Sl = u.a`
   color: var(--md-sys-color-primary, #0066cc);
   text-decoration: none;
   cursor: pointer;
@@ -5464,7 +5475,7 @@ const si = u.div`
   &:hover {
     text-decoration: underline;
   }
-`, ci = u.div`
+`, di = u.div`
   display: flex;
   gap: var(--base-gap-small);
   background-color: var(--md-sys-color-surface-container-high);
@@ -5477,14 +5488,14 @@ const si = u.div`
       background-color: var(--md-sys-color-surface-container-highest-hover);
     }
   }
-`, Cl = ce(
-  ({ showGrid: e, onChange: t, ...r }, n) => (q(() => {
+`, Il = ce(
+  ({ showGrid: e, onChange: t, ...r }, n) => (Y(() => {
     const s = (i) => {
       const a = i.target;
       a.tagName === "INPUT" || a.tagName === "TEXTAREA" || a.isContentEditable || a.getAttribute("role") === "textbox" || a.tagName === "LI" || i.ctrlKey || i.metaKey || i.altKey || (i.key.toLowerCase() === "t" ? t(!1) : i.key.toLowerCase() === "c" && t(!0));
     };
     return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
-  }, [t]), /* @__PURE__ */ S(ci, { ...r, ref: n, children: [
+  }, [t]), /* @__PURE__ */ S(di, { ...r, ref: n, children: [
     /* @__PURE__ */ o(
       uo,
       {
@@ -5508,13 +5519,13 @@ const si = u.div`
       }
     )
   ] }))
-), di = u.form`
+), ui = u.form`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
   padding: var(--padding-m);
   width: 100%;
-`, ui = u(Et)`
+`, pi = u(Et)`
   width: 100%;
   margin: auto;
 
@@ -5525,12 +5536,12 @@ const si = u.div`
   input {
     width: 100%;
   }
-`, pi = u.div`
+`, gi = u.div`
   font-size: var(--font-size-xs);
   color: var(--md-sys-color-outline);
   margin-top: var(--base-gap-small);
   line-height: 1.3;
-`, gi = u.button`
+`, mi = u.button`
   background: none;
   border: none;
   color: var(--md-sys-color-primary);
@@ -5543,7 +5554,7 @@ const si = u.div`
   &:hover {
     color: var(--md-sys-color-primary-dark);
   }
-`, mi = u.div`
+`, hi = u.div`
   display: flex;
   align-items: start;
   gap: var(--base-gap-small);
@@ -5553,7 +5564,7 @@ const si = u.div`
     flex: 1;
     min-width: 0;
   }
-`, hi = u.div`
+`, bi = u.div`
   font-size: var(--font-size-xs);
   color: var(--md-sys-color-primary);
   margin-top: var(--base-gap-small);
@@ -5561,31 +5572,31 @@ const si = u.div`
 `, fi = u.div`
   position: relative;
   min-height: 80px;
-`, bi = u.div`
+`, vi = u.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   width: 100%;
-`, vi = u(B)`
+`, yi = u(B)`
   flex: 1;
-`, yi = u.div`
+`, xi = u.div`
   width: 100%;
   overflow: hidden;
   display: flex;
   min-width: 0;
-`, xi = u.span`
+`, wi = u.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: fit-content;
   margin-right: 4px;
   flex: 1;
-`, wi = u.span`
+`, ki = u.span`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-weight: bold;
-`, ki = ({
+`, Ci = ({
   formData: e,
   onChange: t,
   onSubmit: r,
@@ -5595,7 +5606,7 @@ const si = u.div`
   versionId: a,
   productId: h
 }) => {
-  const b = H(e.productType), c = H(null), l = H(null), {
+  const f = H(e.productType), c = H(null), l = H(null), {
     pendingFiles: p,
     setPendingFiles: d,
     onCloseVersionUpload: y,
@@ -5603,17 +5614,17 @@ const si = u.div`
     dispatch: x,
     taskId: g,
     linkedTask: w,
-    isLoadingTask: f,
+    isLoadingTask: b,
     setTaskId: m,
     setLinkedTask: k,
     folderId: C,
     folderProducts: N,
     isFolderProductsLoading: z,
     matchedProduct: P
-  } = To(), [V, L] = U(!1), j = J(
+  } = To(), [V, L] = U(!1), j = Z(
     () => N.map((D) => ({ value: D.name, label: D.name })),
     [N]
-  ), T = ee(
+  ), T = te(
     (D) => {
       t("name", D.length > 0 ? D[0] : "");
     },
@@ -5621,35 +5632,35 @@ const si = u.div`
   ), F = P?.latestVersion ? `v${String(P.latestVersion.version).padStart(3, "0")}` : "", { data: M, isFetching: O } = hr(
     { projectName: s, taskId: g },
     { skip: !g }
-  ), I = f || !!g && O && !w, A = M?.folderId || C, R = ko(), $ = M?.label || M?.name || w?.label || w?.name || "", Y = M?.taskType || w?.taskType, re = Y ? R.getTaskType(Y) : void 0, ne = re?.icon || "task_alt", ve = M?.path ? M.path.substring(0, M.path.lastIndexOf("/")) : "", ye = R.getProductTypeOptions(), ge = J(() => R.productTypes.reduce((D, W) => (D[W.name] = W, D), {}), [R.productTypes]);
-  q(() => {
-    const D = b.current, W = ge[D]?.name || "", fe = ge[e.productType]?.name || "";
-    if (e.productType !== D && W && e.name.startsWith(W)) {
-      const Ee = e.name.slice(W.length), Te = fe + Ee;
+  ), I = b || !!g && O && !w, A = M?.folderId || C, R = ko(), $ = M?.label || M?.name || w?.label || w?.name || "", W = M?.taskType || w?.taskType, re = W ? R.getTaskType(W) : void 0, ne = re?.icon || "task_alt", ve = M?.path ? M.path.substring(0, M.path.lastIndexOf("/")) : "", ye = R.getProductTypeOptions(), ge = Z(() => R.productTypes.reduce((D, X) => (D[X.name] = X, D), {}), [R.productTypes]);
+  Y(() => {
+    const D = f.current, X = ge[D]?.name || "", be = ge[e.productType]?.name || "";
+    if (e.productType !== D && X && e.name.startsWith(X)) {
+      const Ee = e.name.slice(X.length), Te = be + Ee;
       t("name", Te);
     }
-    b.current = e.productType;
+    f.current = e.productType;
   }, [e.productType, e.name, t]);
   const Oe = (D) => {
     D.preventDefault();
-    const W = D.nativeEvent.submitter;
-    W && W.closest(".dropdown") || r(e);
+    const X = D.nativeEvent.submitter;
+    X && X.closest(".dropdown") || r(e);
   }, at = (D) => {
-    const W = parseInt(D.target.value, 10);
-    isNaN(W) || t("version", W);
+    const X = parseInt(D.target.value, 10);
+    isNaN(X) || t("version", X);
   }, ze = (D) => {
     t("name", D.target.value);
   }, Se = (D) => {
     D.length > 0 && t("productType", D[0]);
   }, he = () => {
-    const D = ge[e.productType]?.name || "", W = e.name || "", fe = W.charAt(0).toUpperCase() + W.slice(1), Ee = D + fe;
+    const D = ge[e.productType]?.name || "", X = e.name || "", be = X.charAt(0).toUpperCase() + X.slice(1), Ee = D + be;
     t("name", Ee);
   }, de = () => {
     const D = ge[e.productType]?.name || "";
     return e.name && !e.name.startsWith(D);
   }, ae = !!a;
   return /* @__PURE__ */ S(
-    di,
+    ui,
     {
       id: "upload-version-form",
       ref: l,
@@ -5662,8 +5673,8 @@ const si = u.div`
         }
       },
       children: [
-        /* @__PURE__ */ S(ui, { children: [
-          !n.includes("name") && /* @__PURE__ */ o(oe, { label: "Product Name", children: /* @__PURE__ */ S(mi, { children: [
+        /* @__PURE__ */ S(pi, { children: [
+          !n.includes("name") && /* @__PURE__ */ o(oe, { label: "Product Name", children: /* @__PURE__ */ S(hi, { children: [
             /* @__PURE__ */ S("div", { children: [
               /* @__PURE__ */ o(
                 De,
@@ -5678,17 +5689,17 @@ const si = u.div`
                   disabled: ae
                 }
               ),
-              P && /* @__PURE__ */ o(hi, { children: P.latestVersion ? /* @__PURE__ */ S(pe, { children: [
+              P && /* @__PURE__ */ o(bi, { children: P.latestVersion ? /* @__PURE__ */ S(pe, { children: [
                 "Matched existing product (latest: ",
                 F,
                 ")"
               ] }) : "Matched existing product (no versions)" }),
-              !P && de() && /* @__PURE__ */ S(pi, { id: "name-recommendation", children: [
+              !P && de() && /* @__PURE__ */ S(gi, { id: "name-recommendation", children: [
                 'We recommend prefixing with "',
                 ge[e.productType]?.name,
                 '".',
                 " ",
-                /* @__PURE__ */ o(gi, { type: "button", onClick: he, children: "Apply prefix" })
+                /* @__PURE__ */ o(mi, { type: "button", onClick: he, children: "Apply prefix" })
               ] })
             ] }),
             !h && !ae && /* @__PURE__ */ o(
@@ -5702,13 +5713,13 @@ const si = u.div`
                 widthExpand: !1,
                 disabled: z || N.length === 0,
                 "aria-label": "Select existing product",
-                valueTemplate: (D, W, fe) => /* @__PURE__ */ o(
+                valueTemplate: (D, X, be) => /* @__PURE__ */ o(
                   B,
                   {
                     icon: "inventory_2",
                     variant: "text",
                     "data-tooltip": "Browse existing products",
-                    selected: fe,
+                    selected: be,
                     tabIndex: -1,
                     disabled: z || N.length === 0
                   }
@@ -5743,23 +5754,23 @@ const si = u.div`
               disabled: ae
             }
           ) }),
-          /* @__PURE__ */ o(oe, { label: "Task", children: /* @__PURE__ */ o(bi, { children: I ? /* @__PURE__ */ o(Hr, { height: "20px" }) : g && $ ? /* @__PURE__ */ S(pe, { children: [
+          /* @__PURE__ */ o(oe, { label: "Task", children: /* @__PURE__ */ o(vi, { children: I ? /* @__PURE__ */ o(Hr, { height: "20px" }) : g && $ ? /* @__PURE__ */ S(pe, { children: [
             /* @__PURE__ */ S(
-              vi,
+              yi,
               {
                 type: "button",
                 onClick: () => L(!0),
                 disabled: ae,
                 variant: "text",
                 children: [
-                  /* @__PURE__ */ o(G, { icon: ne, style: { color: re?.color } }),
-                  /* @__PURE__ */ S(yi, { children: [
-                    ve && /* @__PURE__ */ S(xi, { children: [
+                  /* @__PURE__ */ o(q, { icon: ne, style: { color: re?.color } }),
+                  /* @__PURE__ */ S(xi, { children: [
+                    ve && /* @__PURE__ */ S(wi, { children: [
                       ve.split("/").filter(Boolean).join(" / "),
                       " /",
                       " "
                     ] }),
-                    /* @__PURE__ */ o(wi, { children: $ })
+                    /* @__PURE__ */ o(ki, { children: $ })
                   ] })
                 ]
               }
@@ -5805,7 +5816,7 @@ const si = u.div`
         ),
         /* @__PURE__ */ o(oe, { label: "Reviewable files" }),
         /* @__PURE__ */ o(fi, { children: /* @__PURE__ */ o(
-          br,
+          fr,
           {
             projectName: s,
             versionId: a,
@@ -5828,15 +5839,15 @@ const si = u.div`
       ]
     }
   );
-}, Ci = (e) => {
+}, Si = (e) => {
   let t = String(e), r = Math.max(0, 3 - t.length);
   return `v${"0".repeat(r)}${t}`;
-}, Si = u.span`
+}, Ii = u.span`
   background-color: var(--md-sys-color-error-container);
   color: var(--md-sys-color-on-error-container);
   padding: var(--padding-s);
   border-radius: var(--border-radius-m);
-`, Sl = () => {
+`, El = () => {
   const {
     isOpen: e,
     onCloseVersionUpload: t,
@@ -5846,7 +5857,7 @@ const si = u.div`
     form: i,
     latestVersion: a,
     handleFormChange: h,
-    handleFormSubmit: b,
+    handleFormSubmit: f,
     isSubmitting: c,
     error: l,
     createdProductId: p,
@@ -5860,7 +5871,7 @@ const si = u.div`
       {
         type: "submit",
         form: "upload-version-form",
-        label: `Create ${Ci(i.version)}`,
+        label: `Create ${Si(i.version)}`,
         icon: "upload",
         active: !0,
         saving: c
@@ -5878,23 +5889,23 @@ const si = u.div`
       style: { width: 600, maxHeight: "80vh" },
       children: [
         /* @__PURE__ */ o(
-          ki,
+          Ci,
           {
             formData: i,
             minVersion: a,
             onChange: h,
-            onSubmit: b,
+            onSubmit: f,
             hidden: r ? ["name", "productType"] : y ? ["productType"] : [],
             projectName: s,
             versionId: x,
             productId: v
           }
         ),
-        g && /* @__PURE__ */ o(Si, { className: "error", children: dr(l) })
+        g && /* @__PURE__ */ o(Ii, { className: "error", children: dr(l) })
       ]
     }
   );
-}, Ii = u.div`
+}, Ei = u.div`
   --reviewable-card-width: 62px;
 
   position: relative;
@@ -5902,14 +5913,14 @@ const si = u.div`
   z-index: 1000;
   overflow: hidden;
   padding-bottom: var(--padding-m);
-`, Ei = u(jr)`
+`, Ti = u(jr)`
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: center;
   min-width: fit-content;
   gap: var(--base-gap-small);
-`, Ti = u.div`
+`, Ni = u.div`
   position: relative;
   flex-shrink: 0;
   display: flex;
@@ -5959,7 +5970,7 @@ const si = u.div`
     border-color: var(--selection-border-color);
     color: var(--selection-color);
   }
-`, Ni = u.span`
+`, Pi = u.span`
   padding: var(--padding-m);
   border-radius: var(--border-radius-m);
   background-color: var(--md-sys-color-surface-container-low);
@@ -5970,7 +5981,7 @@ const si = u.div`
   left: -8px;
   transform: translateX(-100%) translateY(-50%);
   z-index: 1000;
-`, Pi = u(B)`
+`, Ai = u(B)`
   width: var(--reviewable-card-width);
   aspect-ratio: 16 / 9;
   flex-shrink: 0;
@@ -5979,7 +5990,7 @@ const si = u.div`
   &:hover {
     background-color: var(--md-sys-color-surface-container-high-hover);
   }
-`, Ai = u.div`
+`, _i = u.div`
   border-radius: var(--border-radius-m);
   background-color: var(--md-sys-color-surface-container-high);
   position: absolute;
@@ -5987,7 +5998,7 @@ const si = u.div`
   right: var(--padding-s);
   padding: var(--padding-s);
 `;
-function _i({
+function Di({
   fileId: e,
   label: t,
   selected: r,
@@ -5996,43 +6007,49 @@ function _i({
   onMouseOver: i,
   onChange: a,
   tag: h,
-  contextMenuItems: b,
+  contextMenuItems: f,
   selectionVariant: c = "primary",
   shortcut: l
 }) {
   const [p] = Kr();
   return /* @__PURE__ */ S(
-    Ti,
+    Ni,
     {
       id: "preview-" + e,
       onClick: (d) => a?.(e, d.metaKey || d.ctrlKey),
-      className: Z("reviewable-card", { selected: r }, c),
+      className: J("reviewable-card", { selected: r }, c),
       "data-tooltip": t,
       "data-shortcut": l,
       "data-shortcut-position": "before",
       onMouseOver: (d) => i(d, { label: t }),
       onKeyDown: s,
       onContextMenu: (d) => {
-        b && (d.preventDefault(), p(d, b));
+        f && (d.preventDefault(), p(d, f));
       },
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ o(vr, { src: `/api/projects/${n}/files/${e}/thumbnail` }),
-        h && /* @__PURE__ */ o(Ai, { children: h })
+        /* @__PURE__ */ o(
+          vr,
+          {
+            src: `/api/projects/${n}/files/${e}/thumbnail`,
+            filmstripSrc: qr(n ?? void 0, e)
+          }
+        ),
+        h && /* @__PURE__ */ o(_i, { children: h })
       ]
     },
     e
   );
 }
-const Il = ce(({
+const Tl = ce(({
   reviewables: e = [],
   selected: t = [],
   projectName: r,
   onChange: n,
   onUpload: s
 }, i) => {
-  const a = H(null), h = H(null), [b, c] = U(null), [l, p] = U(null), d = () => h.current?.scrollTop || 0, y = (f) => {
-    const m = h.current, k = document.getElementById("preview-" + f);
+  const a = H(null), h = H(null), [f, c] = U(null), [l, p] = U(null), d = () => h.current?.scrollTop || 0, y = (b) => {
+    const m = h.current, k = document.getElementById("preview-" + b);
     if (!m || !k) return;
     const C = m.getBoundingClientRect(), N = k.getBoundingClientRect();
     N.top < C.top ? m.scrollTop -= C.top - N.top : N.bottom > C.bottom && (m.scrollTop += N.bottom - C.bottom), a.current?.updateScroll?.();
@@ -6040,9 +6057,9 @@ const Il = ce(({
   er(
     i,
     () => ({
-      notifyNavigation: ({ fileId: f, label: m }) => {
-        requestAnimationFrame(() => y(f)), c(m ?? null);
-        const k = document.getElementById("preview-" + f);
+      notifyNavigation: ({ fileId: b, label: m }) => {
+        requestAnimationFrame(() => y(b)), c(m ?? null);
+        const k = document.getElementById("preview-" + b);
         if (k) {
           const C = k.offsetTop + k.offsetHeight / 2 - d();
           p(C), k.focus({ preventScroll: !0 });
@@ -6050,53 +6067,53 @@ const Il = ce(({
       }
     }),
     []
-  ), q(() => {
-    const f = (m) => {
+  ), Y(() => {
+    const b = (m) => {
       m.target.closest(".reviewables") || c(null);
     };
-    return window.addEventListener("mousemove", f), () => {
-      window.removeEventListener("mousemove", f);
+    return window.addEventListener("mousemove", b), () => {
+      window.removeEventListener("mousemove", b);
     };
   }, []);
-  const v = (f, { label: m }) => {
-    const k = f.target.closest(".reviewable-card");
+  const v = (b, { label: m }) => {
+    const k = b.target.closest(".reviewable-card");
     if (!k) return;
     c(m ?? null);
     const C = k.offsetTop + k.offsetHeight / 2 - d();
     p(C);
-  }, x = (f) => {
-    if (f.key === "Enter" || f.key === " ") {
-      const m = f.target.closest(".reviewable-card");
+  }, x = (b) => {
+    if (b.key === "Enter" || b.key === " ") {
+      const m = b.target.closest(".reviewable-card");
       if (!m) return;
       const k = m.id.replace("preview-", "");
       n && n(k);
     }
   };
   if (!e.length) return /* @__PURE__ */ o("div", {});
-  const g = e.findIndex(({ fileId: f }) => t.includes(f)), w = (f) => {
+  const g = e.findIndex(({ fileId: b }) => t.includes(b)), w = (b) => {
     if (e.length < 2 || g === -1) return;
     const m = e.length;
-    if (f === (g - 1 + m) % m) return "W";
-    if (f === (g + 1) % m) return "S";
+    if (b === (g - 1 + m) % m) return "W";
+    if (b === (g + 1) % m) return "S";
   };
-  return /* @__PURE__ */ S(Ii, { children: [
+  return /* @__PURE__ */ S(Ei, { children: [
     /* @__PURE__ */ S(
-      Ei,
+      Ti,
       {
         className: "reviewables",
         ref: a,
-        containerRef: (f) => {
-          h.current = f;
+        containerRef: (b) => {
+          h.current = b;
         },
         children: [
-          e.map(({ fileId: f, label: m, tag: k, selectionVariant: C, contextMenuItems: N }, z) => /* @__PURE__ */ o(
-            _i,
+          e.map(({ fileId: b, label: m, tag: k, selectionVariant: C, contextMenuItems: N }, z) => /* @__PURE__ */ o(
+            Di,
             {
               shortcut: w(z),
               projectName: r,
-              fileId: f,
+              fileId: b,
               label: m,
-              selected: t.includes(f),
+              selected: t.includes(b),
               selectionVariant: C,
               tag: k,
               contextMenuItems: N,
@@ -6104,10 +6121,10 @@ const Il = ce(({
               onKeyDown: x,
               onMouseOver: v
             },
-            f
+            b
           )),
           !!s && /* @__PURE__ */ o(
-            Pi,
+            Ai,
             {
               icon: "add",
               onClick: s,
@@ -6117,69 +6134,69 @@ const Il = ce(({
         ]
       }
     ),
-    b && l && /* @__PURE__ */ o(Ni, { style: { top: l }, children: b })
+    f && l && /* @__PURE__ */ o(Pi, { style: { top: l }, children: f })
   ] });
 });
 export {
-  La as $,
-  Fs as A,
-  bl as B,
-  Ms as C,
-  Ks as D,
-  Qr as E,
-  nl as F,
+  Ra as $,
+  Vs as A,
+  yl as B,
+  Fs as C,
+  Gs as D,
+  Zr as E,
+  il as F,
   Jr as G,
-  Qs as H,
-  yn as I,
-  gn as J,
-  Zs as K,
-  gl as L,
-  rl as M,
-  Gt as N,
+  Js as H,
+  xn as I,
+  mn as J,
+  tl as K,
+  hl as L,
+  al as M,
+  qt as N,
   Wt as O,
-  aa as P,
-  el as Q,
-  sl as R,
-  $s as S,
-  Hs as T,
-  dl as U,
-  Il as V,
-  da as W,
-  ll as X,
-  ha as Y,
+  ia as P,
+  ol as Q,
+  cl as R,
+  Bs as S,
+  Ks as T,
+  pl as U,
+  Tl as V,
+  ua as W,
+  dl as X,
+  ba as Y,
   nt as Z,
-  en as _,
-  Us as a,
-  wl as a0,
-  kl as a1,
-  qt as a2,
-  Cl as a3,
+  tn as _,
+  js as a,
+  Cl as a0,
+  Sl as a1,
+  Gt as a2,
+  Il as a3,
   Yt as a4,
-  Sl as a5,
-  Bs as a6,
-  Gs as b,
-  qs as c,
-  Ys as d,
-  Ws as e,
-  Xs as f,
-  js as g,
-  ol as h,
-  al as i,
-  tl as j,
-  il as k,
-  yl as l,
-  pl as m,
-  fl as n,
-  vl as o,
-  hl as p,
-  ml as q,
-  xl as r,
+  El as a5,
+  Us as a6,
+  Ys as b,
+  Ws as c,
+  Xs as d,
+  Qs as e,
+  Zs as f,
+  qs as g,
+  nl as h,
+  sl as i,
+  rl as j,
+  ll as k,
+  wl as l,
+  ml as m,
+  vl as n,
+  xl as o,
+  fl as p,
+  bl as q,
+  kl as r,
   Ct as s,
-  ul as t,
-  zs as u,
-  Vs as v,
-  Ia as w,
-  Na as x,
-  cl as y,
-  Js as z
+  gl as t,
+  $s as u,
+  Hs as v,
+  Ea as w,
+  Pa as x,
+  ul as y,
+  el as z
 };