@ynput/ayon-frontend-shared 0.6.9 → 0.7.1

package/dist/chunks/Watchers.es.js

@@ -1,24 +1,25 @@
-import { jsx as m, jsxs as z, Fragment as J } from "react/jsx-runtime";
-import { useMemo as W, useCallback as Q, useState as L, useEffect as V, useRef as X, forwardRef as q, useContext as Ee } from "react";
-import { snakeCase as Te, upperFirst as Se, intersectionBy as le } from "lodash";
+import { jsx as g, jsxs as R, Fragment as ae } from "react/jsx-runtime";
+import { useMemo as I, useCallback as Y, useState as O, useEffect as q, useRef as ne, forwardRef as ee, useContext as Se } from "react";
+import { getMixedCounts as Te, BorderedSection as J, Button as _, applyMixedChange as je, StatusSelect as De, AssigneeSelect as Fe, TagsSelect as Ce, EnumDropdown as Ae, Icon as V, getMimeTypeIcon as Ne, theme as $e, getFileSizeString as Me, WatcherSelect as ze } from "@ynput/ayon-react-components";
+import { snakeCase as Re, upperFirst as Ue, intersectionBy as he } from "lodash";
 import "primereact/confirmdialog";
-import { toast as G } from "react-toastify";
-import { c as K } from "./copyToClipboard.es.js";
+import { toast as te } from "react-toastify";
+import { c as oe } from "./copyToClipboard.es.js";
 import "uuid";
-import { ax as ce, aZ as De, bi as de, b0 as je, b1 as Fe, b2 as Ce, bk as Ae, bo as Ne, bx as $e, bh as Re, a as B, bp as ze } from "./searchTerms.es.js";
-import p, { keyframes as pe, css as ue } from "styled-components";
+import { aF as fe, b6 as Le, bs as ve, b9 as Pe, ba as We, bb as Oe, bB as Ie, by as Ve, bJ as Be, br as He, a as K, bz as _e } from "./searchTerms.es.js";
+import p, { keyframes as ye, css as be } from "styled-components";
 import U from "clsx";
-import { BorderedSection as H, Button as O, StatusSelect as Me, AssigneeSelect as Ue, TagsSelect as Le, EnumDropdown as Pe, Icon as P, getMimeTypeIcon as We, theme as Oe, getFileSizeString as Ie, WatcherSelect as Ve } from "@ynput/ayon-react-components";
-import { o as Be, M as He, T as _e, n as Qe, B as qe, D as Ge } from "./MetaWidget.es.js";
+import { r as Qe, t as qe, M as Ge, T as Ke, q as Je, B as Ze, D as Xe } from "./MetaWidget.es.js";
 import "./PlayableIcon.es.js";
-import { di as Ke, bW as Ze, c8 as me, bg as Je, ao as Xe, bv as Ye, d6 as et } from "./getUris.es.js";
+import { dq as Ye, c0 as et, ce as xe, bk as tt, as as ot, bz as rt, dd as at } from "./getUris.es.js";
 import "@module-federation/enhanced/runtime";
-import { o as Z, d as tt, x as ot, T as rt } from "./DeleteEntitiesContextInstance.es.js";
+import { o as re, d as nt, x as it, T as st } from "./TableExportContextInstance.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "react-dom";
 import "react-redux";
-import { format as at } from "date-fns";
+import "react-router-dom";
+import { format as lt } from "date-fns";
 import "lexical";
 import "@lexical/markdown";
 import "match-sorter";
@@ -30,16 +31,16 @@ import "@lexical/utils";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@lexical/react/LexicalDecoratorBlockNode";
 import "@tanstack/react-table";
-import { g as nt, h as Y } from "./humanizeFieldName.es.js";
-import { a as it, A as st } from "./ThumbnailSimple.es.js";
-import ge from "axios";
-import { p as I } from "./parseFilename.es.js";
-import { classNames as lt } from "primereact/utils";
-import { u as ct } from "./useCreateContextMenu.es.js";
-import { g as dt } from "./getThumbnailUrl.es.js";
-const ee = [], pt = (e) => {
-  const { data: t, isError: r } = Ce(void 0, { skip: !e });
-  return W(
+import { g as ct, h as ie } from "./humanizeFieldName.es.js";
+import { a as dt, A as pt } from "./ThumbnailSimple.es.js";
+import we from "axios";
+import { p as Q } from "./parseFilename.es.js";
+import { classNames as ut } from "primereact/utils";
+import { u as mt } from "./useCreateContextMenu.es.js";
+import { g as gt } from "./getThumbnailUrl.es.js";
+const se = [], ht = (e) => {
+  const { data: t, isError: r } = Oe(void 0, { skip: !e });
+  return I(
     () => ({
       // a failed registry is settled too: every param is sent, same fallback as the batch
       isRegistryLoaded: !!t || r,
@@ -47,55 +48,55 @@ const ee = [], pt = (e) => {
     }),
     [t, r, e]
   );
-}, Vo = () => {
-  const [e] = je(), [t] = Fe();
-  return Q(
+}, Go = () => {
+  const [e] = Pe(), [t] = We();
+  return Y(
     async (r, o) => {
       const n = (await t(void 0, !0).unwrap().catch(() => {
       }))?.find(({ name: a }) => a === r.enumResolver)?.acceptedParams;
       try {
         const a = await e(
-          ce(r, { projectName: o }, n),
+          fe(r, { projectName: o }, n),
           !0
         ).unwrap();
         if (a.error) throw new Error(a.error);
-        return de(a.items);
+        return ve(a.items);
       } catch (a) {
-        throw ut(a);
+        throw ft(a);
       }
     },
     [e, t]
   );
-}, ut = (e) => {
+}, ft = (e) => {
   if (e instanceof Error) return e;
   const {
     message: t,
     data: r,
     status: o,
-    error: l
+    error: c
   } = e || {};
-  return typeof r?.detail == "string" ? new Error(r.detail) : typeof l == "string" ? new Error(l) : typeof t == "string" ? new Error(t) : new Error(o ? `Request failed (${o})` : "Request failed");
-}, mt = (e, { projectName: t, skip: r } = {}) => {
-  const o = e?.enumResolver, { acceptedParams: l, isRegistryLoaded: n } = pt(o), a = W(
-    () => ce(e, { projectName: t }, l),
+  return typeof r?.detail == "string" ? new Error(r.detail) : typeof c == "string" ? new Error(c) : typeof t == "string" ? new Error(t) : new Error(o ? `Request failed (${o})` : "Request failed");
+}, vt = (e, { projectName: t, skip: r } = {}) => {
+  const o = e?.enumResolver, { acceptedParams: c, isRegistryLoaded: n } = ht(o), a = I(
+    () => fe(e, { projectName: t }, c),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [o, e?.enumResolverSettings, t, l]
+    [o, e?.enumResolverSettings, t, c]
   ), {
-    currentData: c,
-    isFetching: g,
-    isError: s
-  } = De(a, {
+    currentData: d,
+    isFetching: h,
+    isError: i
+  } = Le(a, {
     // waiting for the registry keeps the cache key final: no request is sent with params that get dropped
     skip: !o || !!r || !n
-  }), u = W(() => o ? c ? de(c.items) : ee : e?.enum || ee, [o, c, e?.enum]), i = !!o && !g && (s || !!c?.error);
+  }), u = I(() => o ? d ? ve(d.items) : se : e?.enum || se, [o, d, e?.enum]), f = !!o && !h && (i || !!d?.error);
   return {
     options: u,
     // a background refetch (tag invalidation) keeps the cached options, so it is not a load
-    isLoading: !!o && !r && (!n || g && !c),
-    isError: i,
-    errorMessage: i ? c?.error : void 0
+    isLoading: !!o && !r && (!n || h && !d),
+    isError: f,
+    errorMessage: f ? d?.error : void 0
   };
-}, gt = [
+}, yt = [
   "id",
   "name",
   "label",
@@ -110,14 +111,14 @@ const ee = [], pt = (e) => {
   "projectName",
   "path",
   "description"
-], te = [
+], le = [
   "id",
   "entityType",
   "projectName",
   "path",
   "createdAt",
   "updatedAt"
-], ht = [
+], bt = [
   "name",
   "label",
   "taskType",
@@ -125,68 +126,68 @@ const ee = [], pt = (e) => {
   "productType",
   "tags",
   "status"
-], ft = (e, t) => {
-  const [r, o] = L([]), [l, n] = L(null), a = () => {
-    const s = {}, u = /* @__PURE__ */ new Set();
-    e.forEach((h) => {
+], xt = (e, t) => {
+  const [r, o] = O([]), [c, n] = O(null), a = () => {
+    const i = {}, u = /* @__PURE__ */ new Set();
+    e.forEach((s) => {
       const v = {
-        id: h.id,
-        name: h.name,
-        label: h.label,
-        entityType: h.entityType,
-        createdAt: h.createdAt,
-        updatedAt: h.updatedAt,
-        projectName: h.projectName,
-        status: h.status,
-        tags: h.tags || [],
-        path: h.path,
-        folderType: h.folder?.folderType,
-        productType: h.product?.productType,
-        taskType: h.task?.taskType,
-        description: h.attrib?.description?.toString() ?? ""
+        id: s.id,
+        name: s.name,
+        label: s.label,
+        entityType: s.entityType,
+        createdAt: s.createdAt,
+        updatedAt: s.updatedAt,
+        projectName: s.projectName,
+        status: s.status,
+        tags: s.tags || [],
+        path: s.path,
+        folderType: s.folder?.folderType,
+        productType: s.product?.productType,
+        taskType: s.task?.taskType,
+        description: s.attrib?.description?.toString() ?? ""
       };
-      Object.keys(v).forEach((f) => {
-        gt.includes(f) && (s[f] = s[f] || [], s[f].push(v[f]));
-      }), h.attrib && Object.keys(h.attrib).forEach((f) => {
-        if (f !== "description") {
-          const w = `attrib.${f}`;
-          s[w] = s[w] || [], s[w].push(h.attrib?.[f]);
+      Object.keys(v).forEach((m) => {
+        yt.includes(m) && (i[m] = i[m] || [], i[m].push(v[m]));
+      }), s.attrib && Object.keys(s.attrib).forEach((m) => {
+        if (m !== "description") {
+          const w = `attrib.${m}`;
+          i[w] = i[w] || [], i[w].push(s.attrib?.[m]);
         }
       });
     });
-    const i = Object.entries(s).reduce((h, [v, f]) => {
-      const { value: w, isMixed: y } = nt(f);
-      return h[v] = w, y && u.add(v), h;
+    const f = Object.entries(i).reduce((s, [v, m]) => {
+      const { value: w, isMixed: T } = ct(m);
+      return s[v] = w, T && u.add(v), s;
     }, {});
-    n(i), o(Array.from(u));
+    n(f), o(Array.from(u));
   };
-  return V(() => {
+  return q(() => {
     t || e.length === 0 || a();
   }, [e, t]), {
-    formData: l,
+    formData: c,
     mixedFields: r,
-    updateFormData: (s, u) => {
-      n((i) => i && {
-        ...i,
-        [s]: u
+    updateFormData: (i, u) => {
+      n((f) => f && {
+        ...f,
+        [i]: u
       });
     },
-    clearMixedField: (s) => {
-      o((u) => u.filter((i) => i !== s));
+    clearMixedField: (i) => {
+      o((u) => u.filter((f) => f !== i));
     }
   };
-}, vt = ({
+}, wt = ({
   attributes: e,
   folderTypes: t,
   taskTypes: r,
   statuses: o,
-  tags: l,
+  tags: c,
   entityType: n,
   folderHasVersions: a,
-  attribAccess: c
+  attribAccess: d
 }) => {
-  const g = W(() => {
-    const { readableAttributes: i, writableAttributes: h, writableFields: v } = c || {}, w = [
+  const h = I(() => {
+    const { readableAttributes: f, writableAttributes: s, writableFields: v } = d || {}, w = [
       {
         name: "name",
         data: {
@@ -210,10 +211,10 @@ const ee = [], pt = (e) => {
           type: "string",
           title: "Folder Type",
           description: "Type of the folder",
-          enum: t.map((d) => ({
-            value: d.name,
-            label: d.name,
-            icon: d.icon
+          enum: t.map((l) => ({
+            value: l.name,
+            label: l.name,
+            icon: l.icon
           }))
         }
       },
@@ -224,10 +225,10 @@ const ee = [], pt = (e) => {
           type: "string",
           title: "Task Type",
           description: "Type of the task",
-          enum: r.map((d) => ({
-            value: d.name,
-            label: d.name,
-            icon: d.icon
+          enum: r.map((l) => ({
+            value: l.name,
+            label: l.name,
+            icon: l.icon
           }))
         }
       },
@@ -237,11 +238,11 @@ const ee = [], pt = (e) => {
           type: "string",
           title: "Status",
           description: "The state the entity is in, is it approved or in progress etc.",
-          enum: o.map((d) => ({
-            value: d.name,
-            label: d.name,
-            icon: d.icon,
-            color: d.color
+          enum: o.map((l) => ({
+            value: l.name,
+            label: l.name,
+            icon: l.icon,
+            color: l.color
           }))
         }
       },
@@ -250,111 +251,112 @@ const ee = [], pt = (e) => {
         data: {
           type: "list_of_strings",
           title: "Tags",
-          enum: l.map((d) => ({
-            value: d.name,
-            label: d.name,
-            color: d.color
+          widget: "tags",
+          enum: c.map((l) => ({
+            value: l.name,
+            label: l.name,
+            color: l.color
           }))
         }
       }
     ].map(
-      (d) => d.name === "folderType" && n === "folder" && a ? {
-        ...d,
+      (l) => l.name === "folderType" && n === "folder" && a ? {
+        ...l,
         readonly: !0,
         data: {
-          ...d.data,
+          ...l.data,
           description: "Folder type is locked because the folder has published versions."
         }
-      } : d
-    ), y = n === "version" ? [
+      } : l
+    ), T = n === "version" ? [
       ...w.map(
-        (d) => ["tags", "status"].includes(d.name) ? d : { ...d, readonly: !0 }
+        (l) => ["tags", "status"].includes(l.name) ? l : { ...l, readonly: !0 }
       )
-    ] : w, x = v ? y.map(
-      (d) => v.includes(d.name) || v.includes(Te(d.name)) ? d : { ...d, readonly: !0 }
-    ) : y, F = n ? e.filter((d) => d.scope?.includes(n) && d.name !== "description").filter((d) => !i || i.includes(d.name)).map((d) => ({
-      name: "attrib." + d.name,
-      data: d.data,
-      ...n === "version" && d.builtin ? { readonly: !0 } : {},
-      ...h && !h.includes(d.name) ? { readonly: !0 } : {}
-    })) : [], T = te.map((d) => ({
-      name: d,
+    ] : w, S = v ? T.map(
+      (l) => v.includes(l.name) || v.includes(Re(l.name)) ? l : { ...l, readonly: !0 }
+    ) : T, b = n ? e.filter((l) => l.scope?.includes(n) && l.name !== "description").filter((l) => !f || f.includes(l.name)).map((l) => ({
+      name: "attrib." + l.name,
+      data: l.data,
+      ...n === "version" && l.builtin ? { readonly: !0 } : {},
+      ...s && !s.includes(l.name) ? { readonly: !0 } : {}
+    })) : [], k = le.map((l) => ({
+      name: l,
       readonly: !0,
       data: {
         type: "string",
-        title: Se(d)
+        title: Ue(l)
       }
-    })), A = [
-      ...x,
-      ...F,
-      ...T
-    ], k = ["path", "name"];
-    return [...A].sort((d, D) => {
-      const N = k.indexOf(d.name), C = k.indexOf(D.name);
-      return N === -1 && C === -1 ? 0 : N === -1 ? 1 : C === -1 ? -1 : N - C;
+    })), C = [
+      ...S,
+      ...b,
+      ...k
+    ], E = ["path", "name"];
+    return [...C].sort((l, N) => {
+      const $ = E.indexOf(l.name), z = E.indexOf(N.name);
+      return $ === -1 && z === -1 ? 0 : $ === -1 ? 1 : z === -1 ? -1 : $ - z;
     });
   }, [
     e,
     t,
     r,
     o,
-    l,
+    c,
     n,
     a,
-    c
-  ]), s = g.filter(
-    (i) => ht.includes(i.name) || i.name.startsWith("attrib.")
-  ), u = g.filter(
-    (i) => te.includes(i.name)
+    d
+  ]), i = h.filter(
+    (f) => bt.includes(f.name) || f.name.startsWith("attrib.")
+  ), u = h.filter(
+    (f) => le.includes(f.name)
   );
   return {
-    fields: g,
-    editableFields: s,
+    fields: h,
+    editableFields: i,
     readOnlyFieldsData: u
   };
-}, yt = ({ entities: e, entityType: t }) => {
-  const [r] = Ke(), { onUpdateEntity: o } = Z();
+}, kt = ({ entities: e, entityType: t }) => {
+  const [r] = Ye(), { onUpdateEntity: o } = re();
   return { updateEntity: async (n, a) => {
     if (a == null) {
       console.error("value is null or undefined");
       return;
     }
     try {
-      const c = e.map((g) => ({
-        id: g.id,
-        projectName: g.projectName,
+      const d = e.map((h) => ({
+        id: h.id,
+        projectName: h.projectName,
         data: {
-          [n]: a
+          [n]: typeof a == "function" ? a(h.id) : a
         },
-        currentAssignees: g.users,
+        currentAssignees: h.users,
         meta: {
-          folderId: g.folderId
+          folderId: h.folderId
         }
       }));
-      await r({ operations: c, entityType: t }), o?.({ operations: c, entityType: t });
+      await r({ operations: d, entityType: t }), o?.({ operations: d, entityType: t });
     } catch {
-      G.error(`Error updating ${t}`);
+      te.error(`Error updating ${t}`);
     }
   } };
-}, _ = (e) => e.reduce(
+}, X = (e) => e.reduce(
   (t, r) => r ? t ? t.filter((o) => r.includes(o)) : r : t,
   void 0
-), bt = ({ entities: e, entityType: t }) => {
-  const { data: o } = Ze(), l = W(() => {
+), Et = ({ entities: e, entityType: t }) => {
+  const { data: o } = et(), c = I(() => {
     if (!o?.projects) return {};
-    const a = [...new Set(e.map((s) => s.projectName))].map(
-      (s) => o.projects?.[s] || {}
-    ), c = a.map((s) => s.attrib_read), g = a.map((s) => s.attrib_write);
+    const a = [...new Set(e.map((i) => i.projectName))].map(
+      (i) => o.projects?.[i] || {}
+    ), d = a.map((i) => i.attrib_read), h = a.map((i) => i.attrib_write);
     return {
-      readableAttributes: _(
-        c.map((s) => s?.enabled ? s.attributes ?? [] : void 0)
+      readableAttributes: X(
+        d.map((i) => i?.enabled ? i.attributes ?? [] : void 0)
       ),
-      writableAttributes: _(
-        g.map((s) => s?.enabled ? s.attributes ?? [] : void 0)
+      writableAttributes: X(
+        h.map((i) => i?.enabled ? i.attributes ?? [] : void 0)
       ),
-      writableFields: _(g.map((s) => s?.enabled ? s.fields ?? [] : void 0))
+      writableFields: X(h.map((i) => i?.enabled ? i.fields ?? [] : void 0))
     };
-  }, [o, e]), { updateEntity: n } = yt({
+  }, [o, e]), { updateEntity: n } = kt({
     entities: e.map((a) => ({
       id: a.id,
       projectName: a.projectName || "",
@@ -366,45 +368,45 @@ const ee = [], pt = (e) => {
   });
   return {
     enableEditing: !0,
-    attribAccess: l,
+    attribAccess: c,
     updateEntity: n
   };
-}, xt = (e, t) => {
-  const r = me({ projects: [...new Set(e).values()] });
+}, St = (e, t) => {
+  const r = xe({ projects: [...new Set(e).values()] });
   if (!r || !r.data)
     return [];
   let o;
-  for (const l of Object.values(r.data)) {
-    const n = l.statuses?.filter(
-      (a) => t.every((c) => !a.scope || a.scope?.includes(c))
+  for (const c of Object.values(r.data)) {
+    const n = c.statuses?.filter(
+      (a) => t.every((d) => !a.scope || a.scope?.includes(d))
     ) || [];
     if (o === void 0) {
       o = n;
       continue;
     }
-    o = le(o, n, "name");
+    o = he(o, n, "name");
   }
   return o;
-}, Bo = (e, t) => {
+}, Ko = (e, t) => {
   let r = Object.values(e || {});
   return r.length == 0 || r[0].scope === void 0 ? r : r.filter(
-    (o) => t.every((l) => o.scope === void 0 || o.scope.includes(l))
+    (o) => t.every((c) => o.scope === void 0 || o.scope.includes(c))
   );
-}, wt = (e, t) => {
-  const r = me({ projects: [...new Set(e).values()] });
+}, Tt = (e, t) => {
+  const r = xe({ projects: [...new Set(e).values()] });
   if (!r || !r.data)
     return [];
   let o;
-  for (const l of Object.values(r.data)) {
+  for (const c of Object.values(r.data)) {
     let n = [];
-    if (t === "task" ? n = l.taskTypes || [] : t === "folder" && (n = l.folderTypes || []), o === void 0) {
+    if (t === "task" ? n = c.taskTypes || [] : t === "folder" && (n = c.folderTypes || []), o === void 0) {
       o = n;
       continue;
     }
-    o = le(o, n, "name");
+    o = he(o, n, "name");
   }
   return o || [];
-}, oe = p.div`
+}, ce = p.div`
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -414,7 +416,7 @@ const ee = [], pt = (e) => {
   input {
     text-align: left;
   }
-`, kt = p(Be)`
+`, jt = p(Qe)`
   .enum,
   .edit-trigger {
     &:hover {
@@ -424,144 +426,179 @@ const ee = [], pt = (e) => {
   &:hover {
     background-color: unset;
   }
-`, Et = ({
+`, Dt = p(qe)`
+  &.enum:hover {
+    background-color: unset;
+  }
+`, Ft = ({
   field: e,
   value: t,
   isEditing: r,
   isReadOnly: o,
-  isMixed: l,
+  isMixed: c,
   onChange: n,
-  onCancelEdit: a,
-  onExpand: c,
-  entities: g = [],
-  entityType: s = "task",
-  projectName: u
+  onMixedChange: a,
+  onCancelEdit: d,
+  onExpand: h,
+  entities: i = [],
+  entityType: u = "task",
+  projectName: f
 }) => {
-  const { type: i, widget: h } = e.data, v = {
+  const { type: s, widget: v } = e.data, m = {
     isEditing: r && !o,
     isReadOnly: o,
     isInherited: !1,
-    onChange: ($) => n(e.name, $)
-  }, f = g.map(($) => $.projectName), w = xt(f, [s]), y = wt(f, s), x = u || f[0], {
-    options: F,
-    isLoading: T,
-    isError: A,
-    errorMessage: k
-  } = mt(e.data, { projectName: x }), S = A ? Re(k) : void 0, d = e.name === "attrib.endDate" && g.length > 0 && g.every(($) => $.data?.schedulerSyncData?.allDay === !0);
-  let D = t ?? "";
-  const N = e.data.title || e.name, C = t == null || t === "" || Array.isArray(t) && t.length === 0;
-  if (i !== "boolean" && o && !l && C)
-    return /* @__PURE__ */ m(oe, { children: "-" });
+    onChange: (A) => n(e.name, A)
+  }, w = i.map((A) => A.projectName), T = St(w, [u]), S = Tt(w, u), b = f || w[0], {
+    options: k,
+    isLoading: C,
+    isError: E,
+    errorMessage: D
+  } = vt(e.data, { projectName: b }), l = E ? He(D) : void 0, N = I(() => {
+    if (!(!a || i.length < 2 || s !== "list_of_strings"))
+      return Te(
+        i.map((A) => {
+          const L = e.name === "tags" ? A.tags : e.name.startsWith("attrib.") ? A.attrib?.[e.name.slice(7)] : void 0;
+          return Array.isArray(L) ? L.map(String) : [];
+        })
+      );
+  }, [a, i, s, e.name]), $ = N && {
+    mixedCounts: N,
+    mixedTotal: i.length,
+    mixedLabel: `${u}s`,
+    onMixedChange: (A) => a?.(e.name, A)
+  }, z = e.name === "attrib.endDate" && i.length > 0 && i.every((A) => A.data?.schedulerSyncData?.allDay === !0);
+  let F = t ?? "";
+  const y = e.data.title || e.name, j = t == null || t === "" || Array.isArray(t) && t.length === 0;
+  if (s !== "boolean" && o && !c && j)
+    return /* @__PURE__ */ g(ce, { children: "-" });
   switch (!0) {
-    case i === "boolean":
-      return /* @__PURE__ */ m(qe, { value: !!D, ...v, style: { margin: 0 } });
-    case i === "datetime":
-      return /* @__PURE__ */ m(
-        Qe,
+    case s === "boolean":
+      return /* @__PURE__ */ g(Ze, { value: !!F, ...m, style: { margin: 0 } });
+    case s === "datetime":
+      return /* @__PURE__ */ g(
+        Je,
         {
-          value: D,
-          ...v,
+          value: F,
+          ...m,
           isEditing: !0,
-          onCancelEdit: a,
+          onCancelEdit: d,
           style: { width: "fit-content" },
           autoFocus: !1,
-          isMidnightExclusive: d
+          isMidnightExclusive: z
         }
       );
-    case Ae(e.data): {
-      const $ = i?.includes("list");
-      let b = [];
-      $ ? b = Array.isArray(D) ? D : [] : l ? b = [] : b = [D];
-      let E = F.map((j) => ({
-        value: j.value,
-        label: j.label,
-        icon: Ne(j.icon),
-        color: j.color,
-        group: j.group,
-        hidden: j.hidden
+    case v === "tags":
+      return /* @__PURE__ */ g(
+        Dt,
+        {
+          value: Array.isArray(F) ? F : [],
+          options: k,
+          projectName: b,
+          isProjectTags: e.name === "tags" && new Set(w).size <= 1,
+          pt: { template: { style: { height: 32 }, className: "enum" } },
+          placeholder: c ? `Mixed ${y}` : `Select ${y}...`,
+          ...$,
+          onCancelEdit: d,
+          align: "right",
+          ...m
+        }
+      );
+    case Ie(e.data): {
+      const A = s?.includes("list");
+      let L = [];
+      A ? L = Array.isArray(F) ? F : [] : c ? L = [] : L = [F];
+      let P = k.map((x) => ({
+        value: x.value,
+        label: x.label,
+        icon: Ve(x.icon),
+        color: x.color,
+        group: x.group,
+        hidden: x.hidden
       }));
-      return e.name === "status" && g.length > 0 && w && w.length > 0 && (E = w.map((j) => ({
-        value: j.name,
-        label: j.name,
-        icon: j.icon,
-        color: j.color
-      }))), e.name === "taskType" && g.length > 0 && y && y.length > 0 && (E = y.map((j) => ({
-        value: j.name,
-        label: j.name,
-        icon: j.icon,
-        color: j.color
-      }))), e.allowNone && b.length && !$ && D && D !== "" && (E = [
+      return e.name === "status" && i.length > 0 && T && T.length > 0 && (P = T.map((x) => ({
+        value: x.name,
+        label: x.name,
+        icon: x.icon,
+        color: x.color
+      }))), e.name === "taskType" && i.length > 0 && S && S.length > 0 && (P = S.map((x) => ({
+        value: x.name,
+        label: x.name,
+        icon: x.icon,
+        color: x.color
+      }))), e.allowNone && L.length && !A && F && F !== "" && (P = [
         { value: "", label: `No ${e.data.title || e.name}` },
-        ...E
-      ]), /* @__PURE__ */ m(
-        kt,
+        ...P
+      ]), /* @__PURE__ */ g(
+        jt,
         {
-          "data-tooltip": S,
-          value: b,
-          options: E,
-          type: i,
+          "data-tooltip": l,
+          value: L,
+          options: P,
+          type: s,
           pt: {
             template: {
               style: { height: 32 },
               className: "enum"
             }
           },
-          placeholder: S ? `Could not load ${N}` : l ? `Mixed ${N}` : `Select ${N}...`,
-          error: $e(S),
-          onCancelEdit: a,
+          placeholder: l ? `Could not load ${y}` : c ? `Mixed ${y}` : `Select ${y}...`,
+          error: Be(l),
+          onCancelEdit: d,
           align: "right",
           enableCustomValues: e.enableCustomValues,
-          isLoadingOptions: T,
-          search: e.enableSearch ?? E.length >= 5,
-          sortBySelected: !E,
-          ...v
+          isLoadingOptions: C,
+          search: e.enableSearch ?? P.length >= 5,
+          sortBySelected: !P,
+          ...$,
+          ...m
         }
       );
     }
-    case (i === "string" || i === "integer" || i === "float"):
+    case (s === "string" || s === "integer" || s === "float"):
     default:
-      return h === "markdown" ? /* @__PURE__ */ m(
-        He,
+      return v === "markdown" ? /* @__PURE__ */ g(
+        Ge,
         {
-          value: D.toString(),
-          onCancelEdit: a,
-          onExpand: c,
-          showExpand: !!c,
-          ...v
+          value: F.toString(),
+          onCancelEdit: d,
+          onExpand: h,
+          showExpand: !!h,
+          ...m
         }
-      ) : /* @__PURE__ */ m(oe, { children: /* @__PURE__ */ m(
-        _e,
+      ) : /* @__PURE__ */ g(ce, { children: /* @__PURE__ */ g(
+        Ke,
         {
-          value: D.toString(),
-          onCancelEdit: a,
-          type: i,
-          ...v
+          value: F.toString(),
+          onCancelEdit: d,
+          type: s,
+          ...m
         }
       ) });
   }
-}, Tt = p.div`
+}, Ct = p.div`
   color: var(--md-sys-color-outline);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 14px;
-`, he = ({
+`, ke = ({
   name: e,
   data: t,
   showDetailedTooltip: r = !1,
   ...o
 }) => {
-  const l = t.title ? Y(t.title) : Y(e), n = r ? `${l} (${e}) ${t.description ? "-" : ""} ${t.description || ""}` : t.description || l;
-  return /* @__PURE__ */ m(
-    Tt,
+  const c = t.title ? ie(t.title) : ie(e), n = r ? `${c} (${e}) ${t.description ? "-" : ""} ${t.description || ""}` : t.description || c;
+  return /* @__PURE__ */ g(
+    Ct,
     {
       "data-tooltip": r ? n : void 0,
       "data-tooltip-delay": 700,
       ...o,
-      children: l
+      children: c
     }
   );
-}, fe = p.div`
+}, Ee = p.div`
   display: grid;
   grid-template-columns: minmax(150px, 1fr) minmax(0, 1fr) 32px;
   row-gap: 2px;
@@ -595,7 +632,7 @@ const ee = [], pt = (e) => {
       margin-top: 6px;
     }
   }
-`, St = p.div`
+`, At = p.div`
   height: 32px;
   overflow: hidden;
   width: 100%;
@@ -631,7 +668,7 @@ const ee = [], pt = (e) => {
   &.readonly {
     pointer-events: none;
   }
-`, Dt = p.div`
+`, Nt = p.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -641,7 +678,7 @@ const ee = [], pt = (e) => {
     height: 32px;
     padding: 2px;
   }
-`, jt = p(fe)`
+`, $t = p(Ee)`
   &.loading {
     width: 100%;
     height: 33px;
@@ -649,110 +686,114 @@ const ee = [], pt = (e) => {
     border-radius: 4px;
     margin-bottom: 4px;
   }
-`, Ft = ({
+`, Mt = ({
   title: e,
   isLoading: t,
   form: r,
   fields: o,
-  enableEditing: l,
+  enableEditing: c,
   mixedFields: n,
   onChange: a,
-  entities: c = [],
-  projectName: g,
-  entityType: s = "task"
+  onMixedChange: d,
+  entities: h = [],
+  projectName: i,
+  entityType: u = "task"
 }) => {
-  const [u, i] = L(null), h = W(
-    () => c.map((y) => y?.id).join("|"),
-    [c]
+  const [f, s] = O(null), v = I(
+    () => h.map((b) => b?.id).join("|"),
+    [h]
   );
-  V(() => {
-    i(null);
-  }, [h]);
-  const v = (y) => {
-    l && !o.find((x) => x.name === y)?.readonly ? i(y) : console.log("Editing not allowed:", {
-      enableEditing: l,
-      fieldReadonly: o.find((x) => x.name === y)?.readonly
+  q(() => {
+    s(null);
+  }, [v]);
+  const m = (b) => {
+    c && !o.find((k) => k.name === b)?.readonly ? s(b) : console.log("Editing not allowed:", {
+      enableEditing: c,
+      fieldReadonly: o.find((k) => k.name === b)?.readonly
     });
-  }, f = (y, x) => {
-    i(null), a?.(y, x);
-  }, w = () => {
-    i(null);
+  }, w = (b, k) => {
+    s(null), a?.(b, k);
+  }, T = (b, k) => {
+    s(null), d?.(b, k);
+  }, S = () => {
+    s(null);
   };
-  return t ? /* @__PURE__ */ m(H, { title: "Attributes", withPadding: !0, children: Array.from({ length: 10 }).map((y, x) => /* @__PURE__ */ z(jt, { children: [
-    /* @__PURE__ */ m("div", { className: "loading" }),
-    /* @__PURE__ */ m("div", { className: "loading" })
-  ] }, x)) }) : /* @__PURE__ */ m(
-    H,
+  return t ? /* @__PURE__ */ g(J, { title: "Attributes", withPadding: !0, children: Array.from({ length: 10 }).map((b, k) => /* @__PURE__ */ R($t, { children: [
+    /* @__PURE__ */ g("div", { className: "loading" }),
+    /* @__PURE__ */ g("div", { className: "loading" })
+  ] }, k)) }) : /* @__PURE__ */ g(
+    J,
     {
       title: "Attributes",
       autoHeight: !0,
       showHeader: !0,
       withPadding: !0,
       pt: { content: { style: { minHeight: "unset" } } },
-      children: o.filter((y) => !y.hidden).map((y) => {
-        const x = r[y.name], F = u === y.name, T = y.readonly || !l, A = n?.includes(y.name) || !1;
-        return /* @__PURE__ */ z(
-          fe,
+      children: o.filter((b) => !b.hidden).map((b) => {
+        const k = r[b.name], C = f === b.name, E = b.readonly || !c, D = n?.includes(b.name) || !1;
+        return /* @__PURE__ */ R(
+          Ee,
           {
-            className: U("field-row", { "multi-line": y.data.widget === "markdown" }),
+            className: U("field-row", { "multi-line": b.data.widget === "markdown" }),
             children: [
-              /* @__PURE__ */ m(
-                he,
+              /* @__PURE__ */ g(
+                ke,
                 {
-                  name: y.name,
-                  data: y.data,
+                  name: b.name,
+                  data: b.data,
                   showDetailedTooltip: !0,
                   className: "field-label"
                 }
               ),
-              /* @__PURE__ */ m(
-                St,
+              /* @__PURE__ */ g(
+                At,
                 {
                   className: U("field-value", {
-                    editing: F,
-                    readonly: T
+                    editing: C,
+                    readonly: E
                   }),
-                  onClick: (k) => {
-                    k.target.closest("a") || (k.preventDefault(), !F && !T && y.data.type !== "boolean" && v(y.name));
+                  onClick: (l) => {
+                    l.target.closest("a") || (l.preventDefault(), !C && !E && b.data.type !== "boolean" && m(b.name));
                   },
-                  children: /* @__PURE__ */ m(
-                    Et,
+                  children: /* @__PURE__ */ g(
+                    Ft,
                     {
-                      field: y,
-                      value: x,
-                      isEditing: F,
-                      isReadOnly: T,
-                      isMixed: A,
-                      onChange: f,
-                      onCancelEdit: w,
+                      field: b,
+                      value: k,
+                      isEditing: C,
+                      isReadOnly: E,
+                      isMixed: D,
+                      onChange: w,
+                      onMixedChange: d && T,
+                      onCancelEdit: S,
                       onExpand: () => {
                       },
-                      entities: c,
-                      projectName: g,
-                      entityType: s
+                      entities: h,
+                      projectName: i,
+                      entityType: u
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ m(Dt, { className: "field-tools", children: /* @__PURE__ */ m(
-                O,
+              /* @__PURE__ */ g(Nt, { className: "field-tools", children: /* @__PURE__ */ g(
+                _,
                 {
                   className: "tool",
                   variant: "text",
                   icon: "content_copy",
-                  onClick: (k) => {
-                    k.preventDefault(), k.stopPropagation(), K((x ?? "").toString(), !0);
+                  onClick: (l) => {
+                    l.preventDefault(), l.stopPropagation(), oe((k ?? "").toString(), !0);
                   }
                 }
               ) })
             ]
           },
-          y.name
+          b.name
         );
       })
     }
   );
-}, re = p.div`
+}, de = p.div`
   display: grid;
   grid-template-columns: minmax(200px, 1fr) 1fr 32px;
   row-gap: 2px;
@@ -775,7 +816,7 @@ const ee = [], pt = (e) => {
   &:hover .copy-icon {
     opacity: 1;
   }
-`, Ct = p.div`
+`, zt = p.div`
   text-align: left;
   color: var(--md-sys-color-on-surface);
   white-space: nowrap;
@@ -784,7 +825,7 @@ const ee = [], pt = (e) => {
   justify-self: end;
   font-size: 14px;
   width: 100%;
-`, ae = p.div`
+`, pe = p.div`
   height: 20px;
   background: var(--md-sys-color-surface-container-low);
   border-radius: 4px;
@@ -801,55 +842,55 @@ const ee = [], pt = (e) => {
       opacity: 0.5;
     }
   }
-`, At = ({
+`, Rt = ({
   fields: e,
   form: t,
   mixedFields: r = [],
   isLoading: o
 }) => {
-  const l = (n, a) => {
+  const c = (n, a) => {
     if (n == null)
       return "-";
     if (a === "createdAt" || a === "updatedAt")
       try {
-        return at(new Date(n), "PPpp");
+        return lt(new Date(n), "PPpp");
       } catch {
         return n.toString();
       }
     return n.toString();
   };
-  return o ? /* @__PURE__ */ m(H, { title: "Details", withPadding: !0, children: Array.from({ length: 6 }).map((n, a) => /* @__PURE__ */ z(re, { children: [
-    /* @__PURE__ */ m(ae, { style: { width: "80px" } }),
-    /* @__PURE__ */ m(ae, { style: { width: "120px", justifySelf: "end" } }),
-    /* @__PURE__ */ m("div", { style: { width: "24px" } })
-  ] }, a)) }) : /* @__PURE__ */ m(H, { title: "Details", autoHeight: !0, showHeader: !0, withPadding: !0, children: e.filter((n) => !n.hidden).map((n) => {
-    const a = t[n.name], c = r.includes(n.name), g = c ? "Multiple values" : l(a, n.name);
-    return /* @__PURE__ */ z(re, { children: [
-      /* @__PURE__ */ m(he, { name: n.name, data: n.data, showDetailedTooltip: !0 }),
-      /* @__PURE__ */ m(
-        Ct,
+  return o ? /* @__PURE__ */ g(J, { title: "Details", withPadding: !0, children: Array.from({ length: 6 }).map((n, a) => /* @__PURE__ */ R(de, { children: [
+    /* @__PURE__ */ g(pe, { style: { width: "80px" } }),
+    /* @__PURE__ */ g(pe, { style: { width: "120px", justifySelf: "end" } }),
+    /* @__PURE__ */ g("div", { style: { width: "24px" } })
+  ] }, a)) }) : /* @__PURE__ */ g(J, { title: "Details", autoHeight: !0, showHeader: !0, withPadding: !0, children: e.filter((n) => !n.hidden).map((n) => {
+    const a = t[n.name], d = r.includes(n.name), h = d ? "Multiple values" : c(a, n.name);
+    return /* @__PURE__ */ R(de, { children: [
+      /* @__PURE__ */ g(ke, { name: n.name, data: n.data, showDetailedTooltip: !0 }),
+      /* @__PURE__ */ g(
+        zt,
         {
           style: {
-            color: c ? "var(--md-sys-color-on-surface-variant)" : "var(--md-sys-color-on-surface)",
-            fontStyle: c ? "italic" : "normal"
+            color: d ? "var(--md-sys-color-on-surface-variant)" : "var(--md-sys-color-on-surface)",
+            fontStyle: d ? "italic" : "normal"
           },
-          children: g
+          children: h
         }
       ),
-      /* @__PURE__ */ m(
-        O,
+      /* @__PURE__ */ g(
+        _,
         {
           className: "copy-icon",
           variant: "text",
           icon: "content_copy",
-          onClick: (s) => {
-            s.stopPropagation(), K((a ?? "").toString(), !0);
+          onClick: (i) => {
+            i.stopPropagation(), oe((a ?? "").toString(), !0);
           }
         }
       )
     ] }, n.name);
   }) });
-}, Nt = p.div`
+}, Ut = p.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -858,94 +899,106 @@ const ee = [], pt = (e) => {
   padding-right: 8px;
   padding-left: 8px;
   margin-top: 16px;
-`, Ho = ({ entities: e = [], isLoading: t }) => {
-  const { formData: r, mixedFields: o, updateFormData: l, clearMixedField: n } = ft(
+`, Jo = ({ entities: e = [], isLoading: t }) => {
+  const { formData: r, mixedFields: o, updateFormData: c, clearMixedField: n } = xt(
     e,
     t
-  ), { attributes: a } = tt(), {
-    folderTypes: c = [],
-    taskTypes: g = [],
-    statuses: s = [],
+  ), { attributes: a } = nt(), {
+    folderTypes: d = [],
+    taskTypes: h = [],
+    statuses: i = [],
     tags: u = [],
-    productTypes: i
-  } = ot(), { openSlideOut: h } = Z(), [, v] = it(), f = (e || []).filter((R) => R.entityType === "folder"), { data: w } = Je(
+    productTypes: f
+  } = it(), { openSlideOut: s } = re(), [, v] = dt(), m = (e || []).filter((x) => x.entityType === "folder"), { data: w } = tt(
     {
-      entityIds: f.map((R) => R.id),
+      entityIds: m.map((x) => x.id),
       projectName: r?.projectName || "",
       referenceTypes: ["origin", "mention", "relation"],
       activityTypes: ["version.publish"]
     },
     {
-      skip: !r?.projectName || f.length === 0
+      skip: !r?.projectName || m.length === 0
     }
-  ), y = !!w?.pages?.[0]?.activities?.length, x = r?.entityType || "task", { enableEditing: F, attribAccess: T, updateEntity: A } = bt({
+  ), T = !!w?.pages?.[0]?.activities?.length, S = r?.entityType || "task", { enableEditing: b, attribAccess: k, updateEntity: C } = Et({
     entities: e,
-    entityType: x
-  }), { editableFields: k, readOnlyFieldsData: S } = vt({
+    entityType: S
+  }), { editableFields: E, readOnlyFieldsData: D } = wt({
     attributes: a,
-    folderTypes: c,
-    taskTypes: g,
-    statuses: s,
+    folderTypes: d,
+    taskTypes: h,
+    statuses: i,
     tags: u,
     entityType: r?.entityType,
-    folderHasVersions: y,
-    attribAccess: T
-  }), { writableAttributes: d } = T, D = !d || d.includes("description"), N = (R, M) => {
-    R === "tags" && (Array.isArray(M) || (M == null || M === "" ? M = [] : M = [String(M)])), R.startsWith("attrib.") && (M = {
-      [R.replace("attrib.", "")]: M
-    }, R = "attrib"), l(R, M), A(R, M);
-  }, C = r?.projectName || e[0]?.projectName, $ = e[0]?.id, b = W(
-    () => C && $ ? { projectName: C, entityType: x, entityId: $, productTypes: i, taskTypes: g } : void 0,
-    [C, x, $, i, g]
-  ), E = ({ type: R, id: M }) => {
-    R === "user" || R === "team" || !C || h({ entityId: M, entityType: R, projectName: C });
-  }, j = ({ type: R, id: M, label: ye }, be) => {
-    const { x: xe, y: we, width: ke } = be.getBoundingClientRect();
-    v({ id: M, name: M, type: R, label: ye, pos: { left: xe + ke / 2, top: we } });
-  }, ve = (R) => {
-    l("description", R), n("description"), A("attrib", { description: R });
+    folderHasVersions: T,
+    attribAccess: k
+  }), { writableAttributes: l } = k, N = !l || l.includes("description"), $ = (x, M) => {
+    x === "tags" && (Array.isArray(M) || (M == null || M === "" ? M = [] : M = [String(M)])), x.startsWith("attrib.") && (M = {
+      [x.replace("attrib.", "")]: M
+    }, x = "attrib"), c(x, M), C(x, M);
+  }, z = (x, M) => {
+    const B = x.startsWith("attrib.") ? x.replace("attrib.", "") : void 0, Z = (W) => {
+      const H = B ? W.attrib?.[B] : W.tags;
+      return Array.isArray(H) ? H.map(String) : [];
+    }, G = new Map(
+      e.map((W) => [W.id, je(Z(W), M)])
+    );
+    c(x, [...new Set([...G.values()].flat())]), C(B ? "attrib" : x, (W) => {
+      const H = G.get(W) || [];
+      return B ? { [B]: H } : H;
+    });
+  }, F = r?.projectName || e[0]?.projectName, y = e[0]?.id, j = I(
+    () => F && y ? { projectName: F, entityType: S, entityId: y, productTypes: f, taskTypes: h } : void 0,
+    [F, S, y, f, h]
+  ), A = ({ type: x, id: M }) => {
+    x === "user" || x === "team" || !F || s({ entityId: M, entityType: x, projectName: F });
+  }, L = ({ type: x, id: M, label: B }, Z) => {
+    const { x: G, y: W, width: H } = Z.getBoundingClientRect();
+    v({ id: M, name: M, type: x, label: B, pos: { left: G + H / 2, top: W } });
+  }, P = (x) => {
+    c("description", x), n("description"), C("attrib", { description: x });
   };
-  return /* @__PURE__ */ z(Nt, { children: [
-    /* @__PURE__ */ m(
-      Ge,
+  return /* @__PURE__ */ R(Ut, { children: [
+    /* @__PURE__ */ g(
+      Xe,
       {
         description: r?.description || "",
         isMixed: o.includes("description"),
-        enableEditing: D,
-        onChange: ve,
+        enableEditing: N,
+        onChange: P,
         isLoading: t,
-        mentionsContext: b,
-        onMentionClick: E,
-        onMentionHover: j
+        mentionsContext: j,
+        onMentionClick: A,
+        onMentionHover: L
       }
     ),
-    /* @__PURE__ */ m(st, {}),
-    /* @__PURE__ */ m(
-      Ft,
+    /* @__PURE__ */ g(pt, {}),
+    /* @__PURE__ */ g(
+      Mt,
       {
-        fields: k,
+        fields: E,
         form: r || {},
         mixedFields: o,
         isLoading: t,
-        enableEditing: F,
-        onChange: N,
+        enableEditing: b,
+        onChange: $,
+        onMixedChange: z,
         entities: e,
-        entityType: x
+        entityType: S
       }
     ),
-    /* @__PURE__ */ m(
-      At,
+    /* @__PURE__ */ g(
+      Rt,
       {
-        fields: S,
+        fields: D,
         form: r || {},
         mixedFields: o,
         isLoading: t
       }
     )
   ] });
-}, _o = p.div`
+}, Zo = p.div`
   position: relative;
-`, Qo = p.div`
+`, Xo = p.div`
   position: relative;
   padding: 8px;
   border-bottom: 1px solid var(--md-sys-color-outline-variant);
@@ -977,13 +1030,13 @@ const ee = [], pt = (e) => {
     /* align center */
     align-items: center;
   }
-`, qo = p(O)`
+`, Yo = p(_)`
   position: absolute;
   right: 4px;
   top: 4px;
   width: fit-content;
   z-index: 50;
-`, Go = p.header`
+`, er = p.header`
   display: flex;
   align-items: center;
   gap: var(--base-gap-large);
@@ -998,7 +1051,7 @@ const ee = [], pt = (e) => {
       display: none;
     }
   }
-`, Ko = p.div`
+`, tr = p.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1006,7 +1059,7 @@ const ee = [], pt = (e) => {
   h2 {
     min-width: fit-content;
   }
-`, Zo = p.div`
+`, or = p.div`
   position: relative;
   height: 100%;
 
@@ -1021,7 +1074,7 @@ const ee = [], pt = (e) => {
     flex-direction: column;
     gap: var(--base-gap-small);
   }
-`, Jo = p.div`
+`, rr = p.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -1059,7 +1112,7 @@ const ee = [], pt = (e) => {
     align-items: center;
     gap: var(--base-gap-medium);
   }
-`, Xo = p.div`
+`, ar = p.div`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -1068,10 +1121,10 @@ const ee = [], pt = (e) => {
   label {
     color: var(--md-sys-color-outline);
   }
-`, Yo = p.div`
+`, nr = p.div`
   display: flex;
   flex-direction: column;
-`, er = p(Me)`
+`, ir = p(De)`
   width: fit-content;
   .status-field.value {
     position: relative;
@@ -1082,11 +1135,11 @@ const ee = [], pt = (e) => {
     margin-bottom: 2px;
     color: ${(e) => e.$textColor};
   }
-`, tr = p(Ue)`
+`, sr = p(Fe)`
   width: fit-content;
   justify-self: end;
   max-width: 100%;
-`, or = p(Le)`
+`, lr = p(Ce)`
   height: 24px;
   .template-value {
     padding: 0 2px;
@@ -1100,7 +1153,7 @@ const ee = [], pt = (e) => {
       display: none;
     }
   }
-`, rr = p.div`
+`, cr = p.div`
   display: flex;
   align-items: center;
   gap: 4px;
@@ -1120,7 +1173,7 @@ const ee = [], pt = (e) => {
     border-radius: 3px;
     padding: 0 4px;
   }
-`, ar = p(Pe)`
+`, dr = p(Ae)`
   width: max-content;
   justify-self: end;
   /* remove text and dropdown icon */
@@ -1144,12 +1197,12 @@ const ee = [], pt = (e) => {
       background-color: var(--md-sys-color-surface-container-low-hover);
     }
   }
-`, nr = p.footer`
+`, pr = p.footer`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   justify-content: space-between;
-`, ir = p.div`
+`, ur = p.div`
   height: 100%;
 
   > input[type='file'] {
@@ -1160,7 +1213,7 @@ const ee = [], pt = (e) => {
   input[type='file'] {
     display: none;
   }
-`, sr = p.div`
+`, mr = p.div`
   z-index: 100;
   position: absolute;
   inset: 0;
@@ -1172,7 +1225,7 @@ const ee = [], pt = (e) => {
   display: flex;
   align-items: center;
   justify-content: center;
-`, lr = p.div`
+`, gr = p.div`
   flex: 1;
   height: 100%;
   border-radius: var(--border-radius-l);
@@ -1201,11 +1254,11 @@ const ee = [], pt = (e) => {
     /* show children */
     opacity: 1;
   }
-`, cr = p(O)`
+`, hr = p(_)`
   position: absolute;
   top: 4px;
   right: 4px;
-`, dr = p.div`
+`, fr = p.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1218,7 +1271,7 @@ const ee = [], pt = (e) => {
     top: 12px;
     position: relative;
   }
-`, pr = p.div`
+`, vr = p.div`
   height: 8px;
   position: absolute;
   border-radius: 4px;
@@ -1227,14 +1280,14 @@ const ee = [], pt = (e) => {
   background-color: var(--md-sys-color-primary);
 
   transition: right 0.2s;
-`, $t = pe`
+`, Lt = ye`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
-`, Rt = p.div`
+`, Pt = p.div`
   position: relative;
   display: flex;
   justify-content: center;
@@ -1243,10 +1296,10 @@ const ee = [], pt = (e) => {
   overflow: hidden;
 
   background-color: var(--md-sys-color-surface-container-low);
-`, zt = p(P)`
-  animation: ${$t} 1s linear infinite;
+`, Wt = p(V)`
+  animation: ${Lt} 1s linear infinite;
   opacity: 0.6;
-`, Mt = p.img`
+`, Ot = p.img`
   position: absolute;
   inset: 0;
   object-fit: cover;
@@ -1258,56 +1311,56 @@ const ee = [], pt = (e) => {
   &.hidden {
     opacity: 0;
   }
-`, Ut = ({ mimetype: e = "", src: t, ...r }) => {
-  const [o, l] = L(!1), [n, a] = L(!1), c = X(null), g = X(0);
-  return V(() => {
-    const s = g.current + 1;
-    g.current = s, a(!1), l(!1);
-    const u = c.current;
-    let i = !1, h = 0, v = 0, f = 0;
-    const w = (T) => {
-      i || s !== g.current || (i = !0, cancelAnimationFrame(h), window.clearInterval(v), window.clearTimeout(f), T());
-    }, y = () => {
-      !u || s !== g.current || u.complete && u.naturalWidth > 0 && w(() => {
-        a(!0), l(!1);
+`, It = ({ mimetype: e = "", src: t, ...r }) => {
+  const [o, c] = O(!1), [n, a] = O(!1), d = ne(null), h = ne(0);
+  return q(() => {
+    const i = h.current + 1;
+    h.current = i, a(!1), c(!1);
+    const u = d.current;
+    let f = !1, s = 0, v = 0, m = 0;
+    const w = (k) => {
+      f || i !== h.current || (f = !0, cancelAnimationFrame(s), window.clearInterval(v), window.clearTimeout(m), k());
+    }, T = () => {
+      !u || i !== h.current || u.complete && u.naturalWidth > 0 && w(() => {
+        a(!0), c(!1);
       });
-    }, x = () => w(() => {
-      a(!0), l(!1);
-    }), F = () => w(() => {
-      a(!0), l(!0);
+    }, S = () => w(() => {
+      a(!0), c(!1);
+    }), b = () => w(() => {
+      a(!0), c(!0);
     });
-    return u && (u.addEventListener("load", x), u.addEventListener("error", F), typeof u.decode == "function" && u.decode().then(
+    return u && (u.addEventListener("load", S), u.addEventListener("error", b), typeof u.decode == "function" && u.decode().then(
       () => w(() => {
-        a(!0), l(!1);
+        a(!0), c(!1);
       })
     ).catch(() => {
-      y();
-    })), h = requestAnimationFrame(y), v = window.setInterval(y, 250), f = window.setTimeout(() => {
+      T();
+    })), s = requestAnimationFrame(T), v = window.setInterval(T, 250), m = window.setTimeout(() => {
       w(() => {
-        u && u.naturalWidth > 0 ? (a(!0), l(!1)) : a(!0);
+        u && u.naturalWidth > 0 ? (a(!0), c(!1)) : a(!0);
       });
     }, 1e4), () => {
-      cancelAnimationFrame(h), window.clearInterval(v), window.clearTimeout(f), u && (u.removeEventListener("load", x), u.removeEventListener("error", F));
+      cancelAnimationFrame(s), window.clearInterval(v), window.clearTimeout(m), u && (u.removeEventListener("load", S), u.removeEventListener("error", b));
     };
-  }, [t]), /* @__PURE__ */ z(Rt, { ...r, className: U("file-thumbnail", r.className), children: [
-    n ? /* @__PURE__ */ m(P, { icon: We(e) }) : /* @__PURE__ */ m(zt, { icon: "progress_activity" }),
-    /* @__PURE__ */ m(
-      Mt,
+  }, [t]), /* @__PURE__ */ R(Pt, { ...r, className: U("file-thumbnail", r.className), children: [
+    n ? /* @__PURE__ */ g(V, { icon: Ne(e) }) : /* @__PURE__ */ g(Wt, { icon: "progress_activity" }),
+    /* @__PURE__ */ g(
+      Ot,
       {
-        ref: c,
+        ref: d,
         src: t,
         ...r,
-        onError: (s) => {
-          s.currentTarget === c.current && (a(!0), l(!0));
+        onError: (i) => {
+          i.currentTarget === d.current && (a(!0), c(!0));
         },
-        onLoad: (s) => {
-          s.currentTarget === c.current && (a(!0), l(!1));
+        onLoad: (i) => {
+          i.currentTarget === d.current && (a(!0), c(!1));
         },
         className: U({ hidden: !n || o })
       }
     )
   ] });
-}, Lt = p.div`
+}, Vt = p.div`
   display: flex;
   align-items: center;
   overflow: hidden;
@@ -1374,7 +1427,7 @@ const ee = [], pt = (e) => {
       background-color: var(--md-sys-color-primary-container);
     }
   }
-`, Pt = p.div`
+`, Bt = p.div`
   display: flex;
   flex-direction: column;
   flex: 1;
@@ -1399,15 +1452,15 @@ const ee = [], pt = (e) => {
   .name {
     color: var(--md-sys-color-outline);
   }
-`, Wt = p.div`
+`, Ht = p.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
 
   h4 {
-    ${Oe.titleSmall}
+    ${$e.titleSmall}
   }
-`, Ot = p(O)`
+`, _t = p(_)`
   /* hidden by default and show on card hover */
   display: none;
   .icon {
@@ -1419,78 +1472,78 @@ const ee = [], pt = (e) => {
   }
 
   margin: -2px;
-`, It = p(Ut)`
+`, Qt = p(It)`
   width: 71px;
   height: 40px;
 
   border-radius: var(--border-radius-m);
 
   object-fit: cover;
-`, Vt = p(P)`
+`, qt = p(V)`
   font-size: 25px;
 
   cursor: grab;
 
   /* default hidden */
   opacity: 0;
-`, ur = q(
+`, yr = ee(
   ({
     availability: e,
     projectName: t,
     fileId: r,
     filename: o,
-    label: l,
+    label: c,
     processing: n,
     mimetype: a,
-    isDragOverlay: c,
-    isDropPlaceholder: g,
-    isSelected: s,
+    isDragOverlay: d,
+    isDropPlaceholder: h,
+    isSelected: i,
     isDragging: u,
-    dragProps: i = {},
-    sortingDisabled: h,
+    dragProps: f = {},
+    sortingDisabled: s,
     onEdit: v,
-    ...f
+    ...m
   }, w) => {
-    const y = (i || c) && !h, x = e === "conversionRecommended", F = x && !!n;
-    let T = o;
-    x && (T = "Unoptimized - conversion recommended"), F && (T = "Unoptimized - queued for conversion");
-    let A = l;
-    return x && (A = o), /* @__PURE__ */ z(
-      Lt,
+    const T = (f || d) && !s, S = e === "conversionRecommended", b = S && !!n;
+    let k = o;
+    S && (k = "Unoptimized - conversion recommended"), b && (k = "Unoptimized - queued for conversion");
+    let C = c;
+    return S && (C = o), /* @__PURE__ */ R(
+      Vt,
       {
         id: r,
         ref: w,
         className: U({
-          draggable: y,
-          "drop-placeholder": g,
-          "drag-overlay": c,
+          draggable: T,
+          "drop-placeholder": h,
+          "drag-overlay": d,
           dragging: u,
           // is anything dragging
-          selected: s,
+          selected: i,
           editable: !!v
         }),
-        ...f,
+        ...m,
         children: [
-          /* @__PURE__ */ m(
-            It,
+          /* @__PURE__ */ g(
+            Qt,
             {
               src: `/api/projects/${t}/files/${r}/thumbnail`,
               mimetype: a
             }
           ),
-          /* @__PURE__ */ z(Pt, { children: [
-            /* @__PURE__ */ z(Wt, { children: [
-              /* @__PURE__ */ m("h4", { children: A }),
-              !!v && /* @__PURE__ */ m(Ot, { icon: "edit", variant: "text", className: "edit", onClick: v })
+          /* @__PURE__ */ R(Bt, { children: [
+            /* @__PURE__ */ R(Ht, { children: [
+              /* @__PURE__ */ g("h4", { children: C }),
+              !!v && /* @__PURE__ */ g(_t, { icon: "edit", variant: "text", className: "edit", onClick: v })
             ] }),
-            /* @__PURE__ */ m("span", { className: "name", children: T })
+            /* @__PURE__ */ g("span", { className: "name", children: k })
           ] }),
-          y && /* @__PURE__ */ m(Vt, { className: "handle", ...i, icon: "drag_indicator" })
+          T && /* @__PURE__ */ g(qt, { className: "handle", ...f, icon: "drag_indicator" })
         ]
       }
     );
   }
-), Bt = pe`
+), Gt = ye`
   from {
     transform: rotate(360deg);
   }
@@ -1499,7 +1552,7 @@ const ee = [], pt = (e) => {
     transform: rotate(0deg);
   }
 
-`, Ht = p.div`
+`, Kt = p.div`
   position: relative;
   width: 100%;
   min-height: 50px;
@@ -1565,13 +1618,13 @@ const ee = [], pt = (e) => {
   & > * {
     z-index: 10;
   }
-`, _t = p.div`
+`, Jt = p.div`
   position: absolute;
   inset: 0;
   background-color: var(--md-sys-color-primary-container);
   z-index: 0;
   transition: right 0.2s;
-`, Qt = p.div`
+`, Zt = p.div`
   position: relative;
   width: 71px;
   height: 40px;
@@ -1590,7 +1643,7 @@ const ee = [], pt = (e) => {
 
     &.spinning {
       /* spin animation */
-      animation: ${Bt} 1s infinite linear;
+      animation: ${Gt} 1s infinite linear;
     }
   }
 
@@ -1602,63 +1655,63 @@ const ee = [], pt = (e) => {
     object-fit: cover;
     opacity: 0.5;
   }
-`, ne = ({
+`, ue = ({
   name: e,
   progress: t,
   size: r,
   type: o,
-  fileId: l,
+  fileId: c,
   src: n,
   error: a,
-  tooltip: c,
-  onRemove: g,
-  ...s
+  tooltip: d,
+  onRemove: h,
+  ...i
 }) => {
-  let u = "", i = !1, h = "";
+  let u = "", f = !1, s = "";
   switch (o) {
     case "processing":
-      u = "Transcoding", i = !0, h = "settings";
+      u = "Transcoding", f = !0, s = "settings";
       break;
     case "unsupported":
-      u = "Unsupported - conversion required", h = "visibility_off";
+      u = "Unsupported - conversion required", s = "visibility_off";
       break;
     case "upload":
-      u = "Uploading", i = !0, h = "sync";
+      u = "Uploading", f = !0, s = "sync";
       break;
     case "queued":
-      u = "Queued - waiting to be transcoded", h = "hourglass";
+      u = "Queued - waiting to be transcoded", s = "hourglass";
       break;
     case "waiting":
-      u = "Waiting for upload", h = "schedule";
+      u = "Waiting for upload", s = "schedule";
       break;
     case "importing":
-      u = "Importing", h = "upload_file";
+      u = "Importing", s = "upload_file";
       break;
     case "validating":
-      u = "Validating", h = "checklist";
+      u = "Validating", s = "checklist";
       break;
   }
-  a && (i = !1, h = "error");
+  a && (f = !1, s = "error");
   const v = t !== void 0 ? `- ${t}%` : "";
-  return /* @__PURE__ */ z(
-    Ht,
+  return /* @__PURE__ */ R(
+    Kt,
     {
       className: U({ finished: t === 100, error: !!a, [o]: !0 }),
-      id: l,
-      ...s,
+      id: c,
+      ...i,
       children: [
-        /* @__PURE__ */ z(Qt, { children: [
-          n && /* @__PURE__ */ m("img", { src: n }),
-          h && /* @__PURE__ */ m(P, { icon: h, className: U({ spinning: i }) })
+        /* @__PURE__ */ R(Zt, { children: [
+          n && /* @__PURE__ */ g("img", { src: n }),
+          s && /* @__PURE__ */ g(V, { icon: s, className: U({ spinning: f }) })
         ] }),
-        /* @__PURE__ */ z("span", { className: "content", children: [
-          /* @__PURE__ */ m("span", { className: "name", children: e }),
-          /* @__PURE__ */ m("span", { className: "message", children: a || `${u} ${v}` })
+        /* @__PURE__ */ R("span", { className: "content", children: [
+          /* @__PURE__ */ g("span", { className: "name", children: e }),
+          /* @__PURE__ */ g("span", { className: "message", children: a || `${u} ${v}` })
         ] }),
-        r && /* @__PURE__ */ m("span", { className: "size", children: Ie(r) }),
-        c && /* @__PURE__ */ m(P, { icon: "info", className: "info", "data-tooltip": c, "data-tooltip-as": "markdown" }),
-        (a || o === "waiting") && /* @__PURE__ */ m(O, { icon: "close", variant: "text", onClick: g }),
-        /* @__PURE__ */ m(_t, { className: "progress", style: { right: `${100 - (t ?? 0)}%` } })
+        r && /* @__PURE__ */ g("span", { className: "size", children: Me(r) }),
+        d && /* @__PURE__ */ g(V, { icon: "info", className: "info", "data-tooltip": d, "data-tooltip-as": "markdown" }),
+        (a || o === "waiting") && /* @__PURE__ */ g(_, { icon: "close", variant: "text", onClick: h }),
+        /* @__PURE__ */ g(Jt, { className: "progress", style: { right: `${100 - (t ?? 0)}%` } })
       ]
     },
     e
@@ -1671,15 +1724,15 @@ p.div`
   min-height: 100%;
   padding-bottom: var(--padding-m);
 `;
-const mr = p.div`
+const br = p.div`
   position: relative;
   overflow: hidden;
   border-radius: var(--border-radius-m);
   width: 100%;
   min-height: 50px;
-`, gr = p.div`
+`, xr = p.div`
   word-break: break-all;
-`, qt = p.div`
+`, Xt = p.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -1696,7 +1749,7 @@ const mr = p.div`
   &.dragging {
     opacity: 0;
   }
-`, Gt = p.div`
+`, Yt = p.div`
   position: relative;
   min-height: 50px;
   display: flex;
@@ -1725,7 +1778,7 @@ const mr = p.div`
     opacity: 0;
     cursor: pointer;
   }
-`, Kt = p.div`
+`, eo = p.div`
   position: absolute;
   inset: var(--padding-s);
   background-color: var(--md-sys-color-surface-container-lowest);
@@ -1747,8 +1800,8 @@ const mr = p.div`
   .icon {
     font-size: 32px;
   }
-`, ie = (e) => {
-  if (ge.isAxiosError(e)) {
+`, me = (e) => {
+  if (we.isAxiosError(e)) {
     const t = e.response?.data;
     if (typeof t == "string" && t)
       return t;
@@ -1760,226 +1813,226 @@ const mr = p.div`
     return e.message || e.response?.statusText || "Unknown upload error";
   }
   return e instanceof Error ? e.message : typeof e == "string" ? e : "Unknown upload error";
-}, Zt = ({
+}, to = ({
   projectName: e,
   versionId: t,
   taskId: r,
   folderId: o,
-  productId: l,
+  productId: c,
   dispatch: n,
   onUpload: a,
-  onProgress: c
+  onProgress: d
 }) => {
-  const [g, s] = L({}), u = Q(
-    (h) => {
-      t && s((v) => ({
+  const [h, i] = O({}), u = Y(
+    (s) => {
+      t && i((v) => ({
         ...v,
-        [t]: v[t]?.filter((f) => f.name !== h) || []
+        [t]: v[t]?.filter((m) => m.name !== s) || []
       }));
     },
     [t]
   );
   return {
-    handleFileUpload: Q(
-      async (h, v) => {
-        const f = v || t;
-        if (!f || !e) return;
-        const w = Array.from(h), y = w.map((k) => ({
-          name: I(k.name),
-          size: k.size,
+    handleFileUpload: Y(
+      async (s, v) => {
+        const m = v || t;
+        if (!m || !e) return;
+        const w = Array.from(s), T = w.map((E) => ({
+          name: Q(E.name),
+          size: E.size,
           progress: 0
-        })), x = [...g[f] || [], ...y];
-        s({ ...g, [f]: x });
-        const F = (k) => (S) => {
-          if (!f) return;
-          console.log(`Upload successful for ${k.name}`);
-          const d = S.data;
+        })), S = [...h[m] || [], ...T];
+        i({ ...h, [m]: S });
+        const b = (E) => (D) => {
+          if (!m) return;
+          console.log(`Upload successful for ${E.name}`);
+          const l = D.data;
           e && (n(
             // @ts-ignore
-            Xe.util.updateQueryData(
+            ot.util.updateQueryData(
               "getReviewablesForVersion",
-              { projectName: e, versionId: f },
-              (D) => {
-                D.reviewables || (D.reviewables = []), D.reviewables.push(d);
+              { projectName: e, versionId: m },
+              (N) => {
+                N.reviewables || (N.reviewables = []), N.reviewables.push(l);
               }
             )
-          ), l && n(B.util.invalidateTags([{ type: "viewer", id: l }])), n(B.util.invalidateTags([{ type: "viewer", id: f }])), o && n(B.util.invalidateTags([{ type: "viewer", id: o }])), r && n(B.util.invalidateTags([{ type: "viewer", id: r }])), u(I(k.name)));
-        }, T = (k) => (S) => {
-          f && (console.error(`Upload failed for ${k.name}: ${S}`), s((d) => {
-            const N = (d[f] || []).map((C) => C.name !== I(k.name) ? C : {
-              ...C,
-              error: ie(S)
+          ), c && n(K.util.invalidateTags([{ type: "viewer", id: c }])), n(K.util.invalidateTags([{ type: "viewer", id: m }])), o && n(K.util.invalidateTags([{ type: "viewer", id: o }])), r && n(K.util.invalidateTags([{ type: "viewer", id: r }])), u(Q(E.name)));
+        }, k = (E) => (D) => {
+          m && (console.error(`Upload failed for ${E.name}: ${D}`), i((l) => {
+            const $ = (l[m] || []).map((z) => z.name !== Q(E.name) ? z : {
+              ...z,
+              error: me(D)
             });
             return {
-              ...d,
-              [f]: N
+              ...l,
+              [m]: $
             };
           }));
-        }, A = (k) => f ? (S) => s((d) => {
-          const N = (d[f] || []).map((b) => b.name !== I(k.name) ? b : {
-            ...b,
-            progress: S.total ? Math.round(S.loaded / S.total * 100) : 0
-          }), C = N.reduce(
-            (b, E) => b + (E.progress || 0),
+        }, C = (E) => m ? (D) => i((l) => {
+          const $ = (l[m] || []).map((y) => y.name !== Q(E.name) ? y : {
+            ...y,
+            progress: D.total ? Math.round(D.loaded / D.total * 100) : 0
+          }), z = $.reduce(
+            (y, j) => y + (j.progress || 0),
             0
-          ), $ = Math.round(C / N.length);
-          return c?.($), {
-            ...d,
-            [f]: N
+          ), F = Math.round(z / $.length);
+          return d?.(F), {
+            ...l,
+            [m]: $
           };
         }) : () => {
         };
         try {
-          const k = w.map((S) => {
-            const d = I(S.name), D = d.split(".").slice(0, -1).join(".") || "unnamed", N = `/api/projects/${e}/versions/${f}/reviewables?label=${D}`, C = { "content-type": S.type, "x-file-name": d };
-            return ge.post(N, S, { headers: C, onUploadProgress: A(S) }).then(F(S)).catch(($) => {
-              throw T(S)($), $;
+          const E = w.map((D) => {
+            const l = Q(D.name), N = l.split(".").slice(0, -1).join(".") || "unnamed", $ = `/api/projects/${e}/versions/${m}/reviewables?label=${N}`, z = { "content-type": D.type, "x-file-name": l };
+            return we.post($, D, { headers: z, onUploadProgress: C(D) }).then(b(D)).catch((F) => {
+              throw k(D)(F), F;
             });
           });
-          await Promise.all(k), a && a();
-        } catch (k) {
-          throw console.error(k), G.error(`Failed to upload file/s: ${ie(k)}`), k;
+          await Promise.all(E), a && a();
+        } catch (E) {
+          throw console.error(E), te.error(`Failed to upload file/s: ${me(E)}`), E;
         }
       },
       [
         t,
         e,
-        g,
+        h,
         n,
-        l,
+        c,
         o,
         r,
         u,
         a,
-        c
+        d
       ]
     ),
     handleRemoveUpload: u,
-    uploading: g
+    uploading: h
   };
-}, hr = ({
+}, wr = ({
   projectName: e,
   taskId: t,
   folderId: r,
   versionId: o,
-  productId: l,
+  productId: c,
   onUpload: n,
   onFilesAdded: a,
-  children: c,
-  dispatch: g,
-  variant: s = "normal",
+  children: d,
+  dispatch: h,
+  variant: i = "normal",
   pendingFiles: u = [],
-  setPendingFiles: i,
-  className: h,
+  setPendingFiles: f,
+  className: s,
   readOnly: v = !1,
-  pt: f,
+  pt: m,
   ...w
 }) => {
-  const [y, x] = L(!1), {
-    handleFileUpload: F,
-    handleRemoveUpload: T,
-    uploading: A
-  } = Zt({
+  const [T, S] = O(!1), {
+    handleFileUpload: b,
+    handleRemoveUpload: k,
+    uploading: C
+  } = to({
     projectName: e,
     versionId: o,
     taskId: t,
     folderId: r,
-    productId: l,
-    dispatch: g,
+    productId: c,
+    dispatch: h,
     onUpload: n
-  }), k = !!o;
-  V(() => {
-    if (k && o && u.length > 0 && i) {
-      const b = u.map((E) => E.file);
-      u.forEach((E) => {
-        E.preview && URL.revokeObjectURL(E.preview);
-      }), i([]), F(b);
+  }), E = !!o;
+  q(() => {
+    if (E && o && u.length > 0 && f) {
+      const y = u.map((j) => j.file);
+      u.forEach((j) => {
+        j.preview && URL.revokeObjectURL(j.preview);
+      }), f([]), b(y);
     }
-  }, [k, o, u.length, F, i]);
-  const S = (b) => b.type.startsWith("image/"), d = (b) => b.map((E) => ({
-    file: E,
-    preview: S(E) ? URL.createObjectURL(E) : void 0
-  })), D = async (b) => {
-    const E = Array.from(b);
-    if (a?.(E), !k || !o) {
-      i && i((j) => [...j, ...d(E)]);
+  }, [E, o, u.length, b, f]);
+  const D = (y) => y.type.startsWith("image/"), l = (y) => y.map((j) => ({
+    file: j,
+    preview: D(j) ? URL.createObjectURL(j) : void 0
+  })), N = async (y) => {
+    const j = Array.from(y);
+    if (a?.(j), !E || !o) {
+      f && f((A) => [...A, ...l(j)]);
       return;
     }
-    await F(b);
-  }, N = (b) => {
-    const E = b.target.files;
-    E && D(E);
-  }, C = (b) => {
-    b.preventDefault(), x(!1);
-    const E = b.dataTransfer.files;
-    E && D(E);
-  }, $ = s === "large" ? { minWidth: "360px", maxWidth: "480px", alignSelf: "center" } : {};
-  return /* @__PURE__ */ z(J, { children: [
-    /* @__PURE__ */ m(
-      qt,
+    await b(y);
+  }, $ = (y) => {
+    const j = y.target.files;
+    j && N(j);
+  }, z = (y) => {
+    y.preventDefault(), S(!1);
+    const j = y.dataTransfer.files;
+    j && N(j);
+  }, F = i === "large" ? { minWidth: "360px", maxWidth: "480px", alignSelf: "center" } : {};
+  return /* @__PURE__ */ R(ae, { children: [
+    /* @__PURE__ */ g(
+      Xt,
       {
-        className: U(h, s, { dragging: y }),
+        className: U(s, i, { dragging: T }),
         ...w,
-        onDragEnter: () => !v && x(!0),
-        onDragOver: (b) => b.preventDefault(),
-        onDrop: (b) => {
-          v && (b.preventDefault(), b.stopPropagation());
+        onDragEnter: () => !v && S(!0),
+        onDragOver: (y) => y.preventDefault(),
+        onDrop: (y) => {
+          v && (y.preventDefault(), y.stopPropagation());
         },
-        children: /* @__PURE__ */ z(J, { children: [
-          c,
-          !k && u?.map((b) => /* @__PURE__ */ m(
-            ne,
+        children: /* @__PURE__ */ R(ae, { children: [
+          d,
+          !E && u?.map((y) => /* @__PURE__ */ g(
+            ue,
             {
-              name: b.file.name,
-              size: b.file.size,
-              src: b.preview,
+              name: y.file.name,
+              size: y.file.size,
+              src: y.preview,
               type: "waiting",
               onRemove: () => {
-                i && i((E) => E.filter((j) => j.file.name !== b.file.name));
+                f && f((j) => j.filter((A) => A.file.name !== y.file.name));
               }
             },
-            b.file.name
+            y.file.name
           )),
-          o && A[o]?.map((b) => /* @__PURE__ */ m(
-            ne,
+          o && C[o]?.map((y) => /* @__PURE__ */ g(
+            ue,
             {
-              ...b,
+              ...y,
               type: "upload",
-              onRemove: () => T(b.name)
+              onRemove: () => k(y.name)
             },
-            b.name
+            y.name
           )),
-          !v && /* @__PURE__ */ z(
-            Gt,
+          !v && /* @__PURE__ */ R(
+            Yt,
             {
               id: "upload",
-              className: U("upload", s),
-              style: $,
-              ...f?.upload,
+              className: U("upload", i),
+              style: F,
+              ...m?.upload,
               children: [
-                /* @__PURE__ */ m("span", { children: "Drop or click to upload" }),
-                /* @__PURE__ */ m("input", { type: "file", multiple: !0, onChange: N })
+                /* @__PURE__ */ g("span", { children: "Drop or click to upload" }),
+                /* @__PURE__ */ g("input", { type: "file", multiple: !0, onChange: $ })
               ]
             }
           )
         ] })
       }
     ),
-    y && !v && /* @__PURE__ */ z(
-      Kt,
+    T && !v && /* @__PURE__ */ R(
+      eo,
       {
-        onDragOver: (b) => b.preventDefault(),
-        onDragLeave: () => x(!1),
-        onDrop: C,
-        ...f?.dropzone,
+        onDragOver: (y) => y.preventDefault(),
+        onDragLeave: () => S(!1),
+        onDrop: z,
+        ...m?.dropzone,
         children: [
-          /* @__PURE__ */ m(P, { icon: "upload" }),
-          /* @__PURE__ */ m("span", { children: "Upload reviewable" })
+          /* @__PURE__ */ g(V, { icon: "upload" }),
+          /* @__PURE__ */ g("span", { children: "Upload reviewable" })
         ]
       }
     )
   ] });
-}, fr = p.div`
+}, kr = p.div`
   position: relative;
   border-radius: var(--border-radius-m);
   display: flex;
@@ -1994,9 +2047,9 @@ const mr = p.div`
   }
 
   flex: 1;
-`, vr = p.div`
+`, Er = p.div`
   position: relative;
-`, yr = p.span`
+`, Sr = p.span`
   position: relative;
   padding: 0px 2px;
   border-radius: var(--border-radius-m);
@@ -2018,29 +2071,29 @@ const mr = p.div`
       color: var(--md-sys-color-on-surface);
     }
   }
-`, br = p.span`
+`, Tr = p.span`
   text-overflow: ellipsis;
   overflow: hidden;
   display: inline-block;
   white-space: nowrap;
-`, se = ue`
+`, ge = be`
   background-color: var(--md-sys-color-surface-container);
   &,
   .icon {
     color: var(--md-sys-color-on-surface);
   }
-`, Jt = p.div`
+`, oo = p.div`
   & > span,
   & > li {
     cursor: pointer;
     &:hover {
-      ${se}
+      ${ge}
     }
   }
 
   &.open {
     & > span {
-      ${se}
+      ${ge}
     }
   }
 
@@ -2052,7 +2105,7 @@ const mr = p.div`
       }
     }
   }
-`, xr = p.div`
+`, jr = p.div`
   position: absolute;
   top: 100%;
   left: 0px;
@@ -2061,7 +2114,7 @@ const mr = p.div`
 
   z-index: 200;
   padding-top: 4px;
-`, wr = p.ul`
+`, Dr = p.ul`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -2076,46 +2129,46 @@ const mr = p.div`
 
   max-height: 500px;
   overflow: auto;
-`, kr = p.li`
+`, Fr = p.li`
   padding: var(--base-gap-small);
   border-radius: var(--border-radius-m);
   color: var(--md-sys-color-on-surface);
   min-width: max-content;
   width: 100%;
-`, Er = q(
-  ({ children: e, segment: t, isOpen: r, scope: o, projectName: l, ...n }, a) => {
-    const { openSlideOut: c } = Z(), g = t?.type !== "product" && t?.type !== "project", s = () => {
-      if (!g) return;
-      const { type: v, id: f } = t || {};
-      !v || v === "project" || v === "product" || !f || c({
+`, Cr = ee(
+  ({ children: e, segment: t, isOpen: r, scope: o, projectName: c, ...n }, a) => {
+    const { openSlideOut: d } = re(), h = t?.type !== "product" && t?.type !== "project", i = () => {
+      if (!h) return;
+      const { type: v, id: m } = t || {};
+      !v || v === "project" || v === "product" || !m || d({
         entityType: v,
-        entityId: f,
-        projectName: l
+        entityId: m,
+        projectName: c
       });
     }, u = (v) => [
       {
         label: `ID: ${v}`,
         icon: "content_copy",
-        command: () => K(v)
+        command: () => oe(v)
       }
-    ], [i] = ct();
-    return /* @__PURE__ */ m(
-      Jt,
+    ], [f] = mt();
+    return /* @__PURE__ */ g(
+      oo,
       {
-        onClick: s,
+        onClick: i,
         onContextMenu: (v) => {
           if (!t) return;
-          const f = u(t.id);
-          i(v, f);
+          const m = u(t.id);
+          f(v, m);
         },
-        className: lt({ link: g, open: r }),
+        className: ut({ link: h, open: r }),
         ...n,
         ref: a,
         children: e
       }
     );
   }
-), Xt = p.div`
+), ro = p.div`
   position: relative;
   width: 100%;
   height: 52px;
@@ -2205,7 +2258,7 @@ const mr = p.div`
     border: none;
     border-color: transparent;
   }
-`, Yt = p.img`
+`, ao = p.img`
   width: 100%;
   height: 100%;
   object-fit: contain;
@@ -2217,63 +2270,63 @@ const mr = p.div`
   inset: 0;
 
   transition: scale 0.2s, opacity 0.2s;
-`, eo = ({
+`, no = ({
   projectName: e = "",
   entityType: t = "",
   entityId: r = "",
   icon: o,
-  color: l,
+  color: c,
   thumbnailHash: n,
   isLoading: a,
-  shimmer: c,
-  className: g,
-  disabled: s,
+  shimmer: d,
+  className: h,
+  disabled: i,
   src: u,
-  hoverIcon: i,
-  showBorder: h = !0,
+  hoverIcon: f,
+  showBorder: s = !0,
   ...v
 }) => {
-  const f = t === "project", w = ["product"].includes(t), y = f ? !!e : !!r;
-  let x = "";
-  t && (n || f) && y && (u ? x = u : x = dt({ projectName: e, entityType: t, entityId: r, thumbnailHash: n }) ?? "");
-  const [F, T] = L(!1), [A, k] = L(!1);
-  return V(() => {
-    if (x === "") {
-      k(!0), T(!0);
+  const m = t === "project", w = ["product"].includes(t), T = m ? !!e : !!r;
+  let S = "";
+  t && (n || m) && T && (u ? S = u : S = gt({ projectName: e, entityType: t, entityId: r, thumbnailHash: n }) ?? "");
+  const [b, k] = O(!1), [C, E] = O(!1);
+  return q(() => {
+    if (S === "") {
+      E(!0), k(!0);
       return;
     }
-    k(!1), T(!1);
-  }, [x]), /* @__PURE__ */ z(
-    Xt,
+    E(!1), k(!1);
+  }, [S]), /* @__PURE__ */ R(
+    ro,
     {
-      className: U(g, "thumbnail", {
-        loading: c && (a || !A),
-        loaded: A,
-        error: F,
+      className: U(h, "thumbnail", {
+        loading: d && (a || !C),
+        loaded: C,
+        error: b,
         clickable: !!v.onClick,
-        border: h
+        border: s
       }),
       ...v,
       children: [
-        (!a || !A) && !s && /* @__PURE__ */ m(P, { style: { color: l || void 0 }, icon: o || "image", className: "type-icon" }),
-        t && e && !w && y && /* @__PURE__ */ m(
-          Yt,
+        (!a || !C) && !i && /* @__PURE__ */ g(V, { style: { color: c || void 0 }, icon: o || "image", className: "type-icon" }),
+        t && e && !w && T && /* @__PURE__ */ g(
+          ao,
           {
             alt: `Entity thumbnail ${r || e}`,
-            src: x,
+            src: S,
             onLoad: () => {
-              k(!0), T(!1);
+              E(!0), k(!1);
             },
             onError: () => {
-              k(!0), T(!0);
+              E(!0), k(!0);
             }
           }
         ),
-        i && /* @__PURE__ */ m(P, { icon: i, className: "hover-icon" })
+        f && /* @__PURE__ */ g(V, { icon: f, className: "hover-icon" })
       ]
     }
   );
-}, to = p.div`
+}, io = p.div`
   display: flex;
   z-index: 10;
   height: 100%;
@@ -2294,7 +2347,7 @@ const mr = p.div`
         font-size: 24px;
       }
 
-      ${({ $length: e }) => e > 1 && ue`
+      ${({ $length: e }) => e > 1 && be`
           :not(:last-child) {
             box-shadow: 0 0 4px 0px black;
           }
@@ -2310,74 +2363,74 @@ const mr = p.div`
       object-fit: cover;
     }
   }
-`, Tr = ({
+`, Ar = ({
   thumbnails: e = [],
   isLoading: t,
   className: r,
   style: o,
-  ...l
+  ...c
 }) => {
-  const { onContextMenu: n } = Ee(rt);
+  const { onContextMenu: n } = Se(st);
   e = e.slice(0, 5);
   const a = e.length > 1;
-  return e.length ? /* @__PURE__ */ m(
-    to,
+  return e.length ? /* @__PURE__ */ g(
+    io,
     {
       $length: e.length,
       className: U("stacked-thumbnails", r, { stacking: a }),
       children: e.map(
-        (c, g) => c ? /* @__PURE__ */ m(
-          eo,
+        (d, h) => d ? /* @__PURE__ */ g(
+          no,
           {
-            projectName: c.projectName,
-            entityType: c.type,
-            entityId: c.id,
-            icon: c.icon,
-            color: c.color,
-            style: { ...o, zIndex: -g },
-            thumbnailHash: c.thumbnailHash,
+            projectName: d.projectName,
+            entityType: d.type,
+            entityId: d.id,
+            icon: d.icon,
+            color: d.color,
+            style: { ...o, zIndex: -h },
+            thumbnailHash: d.thumbnailHash,
             isLoading: t,
-            src: c.src,
+            src: d.src,
             onContextMenu: n,
-            ...l
+            ...c
           },
-          c.id || c.src || g
+          d.id || d.src || h
         ) : null
       )
     }
   ) : null;
-}, Sr = q(
-  ({ entities: e, entityType: t, onWatchersUpdate: r, userName: o, ...l }, n) => {
-    const a = e.map((i) => ({
-      entityId: i.id,
+}, Nr = ee(
+  ({ entities: e, entityType: t, onWatchersUpdate: r, userName: o, ...c }, n) => {
+    const a = e.map((f) => ({
+      entityId: f.id,
       entityType: t,
-      projectName: i.projectName
-    })), { data: c = [] } = Ye(
+      projectName: f.projectName
+    })), { data: d = [] } = rt(
       {
         entities: a
       },
       { skip: !e.length }
-    ), g = Array.from(new Set(c.flatMap((i) => i.watchers))), [s] = et(), u = async (i) => {
-      const h = i.filter((w) => !g.includes(w)), v = g.filter((w) => !i.includes(w)), f = c.map((w) => {
-        const y = w.watchers.filter((x) => !v.includes(x));
-        return y.push(...h), {
+    ), h = Array.from(new Set(d.flatMap((f) => f.watchers))), [i] = at(), u = async (f) => {
+      const s = f.filter((w) => !h.includes(w)), v = h.filter((w) => !f.includes(w)), m = d.map((w) => {
+        const T = w.watchers.filter((S) => !v.includes(S));
+        return T.push(...s), {
           ...w,
-          watchers: y
+          watchers: T
         };
       });
       try {
-        await s({ entities: f }).unwrap(), r && r(h, v);
+        await i({ entities: m }).unwrap(), r && r(s, v);
       } catch {
-        G.error("Failed to update watchers");
+        te.error("Failed to update watchers");
       }
     };
-    return /* @__PURE__ */ m(
-      Ve,
+    return /* @__PURE__ */ g(
+      ze,
       {
         align: "right",
-        ...l,
-        options: ze(l.options, g),
-        value: g,
+        ...c,
+        options: _e(c.options, h),
+        value: h,
         currentUser: o,
         onChange: u,
         ref: n,
@@ -2387,54 +2440,54 @@ const mr = p.div`
   }
 );
 export {
-  Jo as A,
-  Ko as B,
-  cr as C,
-  lr as D,
-  or as E,
-  br as F,
-  Qo as G,
-  _o as H,
-  rr as I,
-  er as J,
-  tr as K,
-  mr as L,
-  xr as M,
-  ar as N,
-  qo as O,
-  pr as P,
-  Xo as Q,
-  ur as R,
-  yr as S,
-  Zo as T,
-  dr as U,
-  nr as V,
-  Sr as W,
-  Yo as X,
-  gr as a,
-  hr as b,
-  ne as c,
-  ir as d,
-  sr as e,
-  fr as f,
-  wr as g,
-  Er as h,
-  kr as i,
-  vr as j,
-  Bo as k,
-  mt as l,
-  yt as m,
-  Vo as n,
-  xt as o,
-  wt as p,
-  Ft as q,
-  At as r,
-  Ho as s,
-  he as t,
-  Zt as u,
-  Ut as v,
-  Tr as w,
-  eo as x,
-  bt as y,
-  Go as z
+  rr as A,
+  tr as B,
+  hr as C,
+  gr as D,
+  lr as E,
+  Tr as F,
+  Xo as G,
+  Zo as H,
+  cr as I,
+  ir as J,
+  sr as K,
+  br as L,
+  jr as M,
+  dr as N,
+  Yo as O,
+  vr as P,
+  ar as Q,
+  yr as R,
+  Sr as S,
+  or as T,
+  fr as U,
+  pr as V,
+  Nr as W,
+  nr as X,
+  xr as a,
+  wr as b,
+  ue as c,
+  ur as d,
+  mr as e,
+  kr as f,
+  Dr as g,
+  Cr as h,
+  Fr as i,
+  Er as j,
+  Ko as k,
+  vt as l,
+  kt as m,
+  Go as n,
+  St as o,
+  Tt as p,
+  Mt as q,
+  Rt as r,
+  Jo as s,
+  ke as t,
+  to as u,
+  It as v,
+  Ar as w,
+  no as x,
+  Et as y,
+  er as z
 };