@ynput/ayon-frontend-shared 0.7.4 → 0.7.6

package/dist/chunks/TableExportContextInstance.es.js

@@ -1,69 +1,101 @@
-import { jsxs as x, jsx as d } from "react/jsx-runtime";
-import J, { createContext as p, useContext as l, useState as b, useEffect as m, useRef as y, useCallback as L, useMemo as de, forwardRef as U } from "react";
-import { Button as $, Icon as q, theme as Y, Dialog as le, InputText as G } from "@ynput/ayon-react-components";
-import u from "styled-components";
-import k from "clsx";
-import { a as ue, K as W } from "./platform.es.js";
-import { debounce as z, isEqual as pe } from "lodash";
-import { confirmDialog as fe } from "primereact/confirmdialog";
-import { toast as H } from "react-toastify";
+import { jsxs as g, jsx as d } from "react/jsx-runtime";
+import z, { createContext as h, useContext as u, useState as b, useEffect as v, useRef as S, useCallback as N, useMemo as pe, forwardRef as B } from "react";
+import { Button as j, Icon as F, theme as X, Dialog as he, InputText as Z } from "@ynput/ayon-react-components";
+import p from "styled-components";
+import $ from "clsx";
+import { a as fe, K as H } from "./platform.es.js";
+import { debounce as K, isEqual as me } from "lodash";
+import { confirmDialog as ge } from "primereact/confirmdialog";
+import { toast as G } from "react-toastify";
 import "uuid";
-import { bp as D, a as ge } from "./searchTerms.es.js";
+import { bp as D, a as ve } from "./searchTerms.es.js";
 import "axios";
-import { cU as he } from "./getUris.es.js";
+import { cU as we } from "./getUris.es.js";
 import "@module-federation/enhanced/runtime";
 import "@ynput/ayon-addon/host";
 import "./ContextMenuContextInstance.es.js";
-import { createPortal as me } from "react-dom";
-import { Dialog as ve } from "primereact/dialog";
-import we, { ReadyState as xe } from "react-use-websocket";
+import { createPortal as xe } from "react-dom";
+import { Dialog as ye } from "primereact/dialog";
+import be, { ReadyState as Se } from "react-use-websocket";
 import "react-redux";
 import "react-router-dom";
 import "semver";
-const Se = ({ message: e = "Refresh to see latest changes." }) => /* @__PURE__ */ x("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+const Ce = ({ message: e = "Refresh to see latest changes." }) => /* @__PURE__ */ g("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
   e,
-  /* @__PURE__ */ d($, { onClick: () => window.location.reload(), variant: "filled", children: "Refresh" })
-] }), be = p(void 0), Jt = () => l(be) || {}, ye = p({
+  /* @__PURE__ */ d(j, { onClick: () => window.location.reload(), variant: "filled", children: "Refresh" })
+] }), Pe = h(void 0), qt = () => u(Pe) || {}, Ee = h({
   isLoading: !0,
   modules: [],
   remotesInitialized: !1,
   addonDev: { status: "off" }
-}), Wt = () => {
-  const e = l(ye);
+}), zt = () => {
+  const e = u(Ee);
   if (e === void 0)
     throw new Error("useRemoteModules must be used within a RemoteModulesProvider");
   return e;
-}, K = "addonDev", O = "ayon-addon-dev", Ce = ["localhost", "127.0.0.1", "[::1]"], X = (e) => {
+}, L = "addonDev", O = "ayon-addon-dev", Ie = ["localhost", "127.0.0.1", "[::1]"], U = `use ?${L}=<addon>@http://localhost:<port>`, Q = (e) => {
   try {
     const { protocol: t, hostname: o } = new URL(e);
-    return ["http:", "https:"].includes(t) && Ce.includes(o);
+    return ["http:", "https:"].includes(t) && Ie.includes(o);
   } catch {
     return !1;
   }
-}, Pe = (e) => {
+}, Ae = (e) => {
   const t = e.indexOf("@");
-  if (t <= 0) return null;
-  const o = e.slice(0, t), i = e.slice(t + 1).replace(/\/+$/, "");
-  return X(i) ? { addon: o, url: i } : null;
-}, zt = () => {
-  const e = new URLSearchParams(window.location.search).get(K);
+  if (t <= 0) return { request: e, reason: U };
+  const o = e.slice(0, t), r = e.slice(t + 1).replace(/\/+$/, "");
+  let n;
+  try {
+    n = new URL(r);
+  } catch {
+    return { request: e, reason: `"${r}" is not a URL: ${U}` };
+  }
+  return ["http:", "https:"].includes(n.protocol) ? Q(r) ? { override: { addon: o, url: r } } : {
+    request: e,
+    reason: `${n.hostname} is not this machine: only dev servers on localhost, 127.0.0.1 or [::1] can be loaded`
+  } : { request: e, reason: `the dev server URL must be http(s): ${U}` };
+}, Ht = () => {
+  const e = new URLSearchParams(window.location.search).get(L);
   if (e === "off" || e === "")
     return localStorage.removeItem(O), null;
   if (e) {
-    const t = Pe(e);
-    return t ? (localStorage.setItem(O, JSON.stringify(t)), t) : (console.warn(`[addon dev] ignored ?${K}=${e}: use <addon>@http://localhost:<port>`), null);
+    const t = Ae(e);
+    return "override" in t ? localStorage.setItem(O, JSON.stringify(t.override)) : console.warn(`[addon dev] ignored ?${L}=${e}: ${t.reason}`), t;
   }
   try {
     const t = JSON.parse(localStorage.getItem(O) || "null");
-    return t && X(t.url) ? t : null;
+    return t && Q(t.url) ? { override: t } : null;
   } catch {
     return null;
   }
-}, Ee = () => localStorage.removeItem(O), Ie = async ({ url: e }) => {
-  const t = await fetch(`${e}/ayon-addon.json`, { cache: "no-store" });
-  if (!t.ok) throw new Error(`${e}/ayon-addon.json answered ${t.status}`);
-  return t.json();
-}, Ht = (e) => !!e?.attrib?.developerMode || !!e?.data?.isService, Ae = u.div`
+}, De = () => localStorage.removeItem(O), Te = (e, { addon: t, url: o }) => {
+  const r = e ?? {}, n = ["name", "version", "remote", "buildId"].filter(
+    (s) => typeof r[s] != "string" || !r[s]
+  );
+  return (!Array.isArray(r.modules) || r.modules.some((s) => typeof s != "string" || !s)) && n.push("modules"), typeof e != "object" || !e || n.length ? `${o}/ayon-addon.json is invalid (no ${n.join(", ")}): is it served by \`ayon-addon dev --ayon\`?` : r.name !== t ? `the dev server at ${o} serves "${r.name}", not "${t}": open ?${L}=${r.name}@${o}` : null;
+}, Re = async (e) => {
+  const { url: t } = e;
+  let o;
+  try {
+    o = await fetch(`${t}/ayon-addon.json`, { cache: "no-store" });
+  } catch {
+    throw new Error(`no answer from ${t}: is \`ayon-addon dev --ayon\` running on that port?`);
+  }
+  if (o.status === 404)
+    throw new Error(
+      `${t} has no /ayon-addon.json: run \`ayon-addon dev --ayon\` (not the dev shell) and wait for its first build`
+    );
+  if (!o.ok) throw new Error(`${t}/ayon-addon.json answered ${o.status}`);
+  let r;
+  try {
+    r = await o.json();
+  } catch {
+    throw new Error(`${t}/ayon-addon.json is not JSON: is it served by \`ayon-addon dev --ayon\`?`);
+  }
+  const n = Te(r, e);
+  if (n) throw new Error(n);
+  return r;
+}, Kt = (e) => e?.attrib?.developerMode || e?.data?.isService ? null : e?.data?.isDeveloper ? "only users in developer mode can load addons from a dev server: turn on Developer Mode in the header, then reload" : "only users in developer mode can load addons from a dev server, and this user is not a developer: an admin can turn on Developer in Studio settings > Users", Y = p.div`
   position: fixed;
   left: 8px;
   bottom: 8px;
@@ -74,6 +106,7 @@ const Se = ({ message: e = "Refresh to see latest changes." }) => /* @__PURE__ *
   padding: 4px 4px 4px 12px;
   border-radius: 8px;
   font-size: 13px;
+  max-width: calc(100vw - 16px);
   color: var(--md-sys-color-on-tertiary-container);
   background: var(--md-sys-color-tertiary-container);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
@@ -82,54 +115,66 @@ const Se = ({ message: e = "Refresh to see latest changes." }) => /* @__PURE__ *
     color: var(--md-sys-color-on-error-container);
     background: var(--md-sys-color-error-container);
   }
-`, De = 2e3, Kt = ({ state: e }) => {
-  const [t, o] = b(!1), i = e.status === "active" ? e.info.buildId : void 0;
-  m(() => {
-    if (e.status !== "active") return;
-    const s = setInterval(() => {
-      Ie(e.override).then(
-        (c) => {
-          c.buildId !== i && (o(!0), window.location.reload());
+`, $e = 2e3, Gt = ({ state: e }) => {
+  const [t, o] = b(!1), r = e.status === "active" ? e.info.buildId : void 0;
+  v(() => {
+    if (e.status !== "active" && e.status !== "error") return;
+    const l = setInterval(() => {
+      Re(e.override).then(
+        (f) => {
+          f.buildId !== r && (o(!0), window.location.reload());
         },
         () => {
         }
-        // the dev server restarting; keep polling
+        // the dev server restarting or still failing; keep polling
       );
-    }, De);
-    return () => clearInterval(s);
-  }, [e, i]);
-  const n = () => {
-    Ee();
-    const s = new URL(window.location.href);
-    s.searchParams.delete("addonDev"), window.location.href = s.toString();
-  }, { addon: a, url: r } = e.override;
-  return /* @__PURE__ */ x(Ae, { className: e.status === "error" ? "error" : void 0, "data-addon-dev": a, children: [
-    /* @__PURE__ */ d(q, { icon: e.status === "error" ? "error" : "code" }),
-    e.status === "error" ? /* @__PURE__ */ x("span", { children: [
+    }, $e);
+    return () => clearInterval(l);
+  }, [e, r]);
+  const s = /* @__PURE__ */ d(j, { variant: "text", icon: "close", onClick: () => {
+    De();
+    const l = new URL(window.location.href);
+    l.searchParams.delete("addonDev"), window.location.href = l.toString();
+  }, "data-tooltip": "Stop: load the installed addon" });
+  if (e.status === "rejected")
+    return /* @__PURE__ */ g(Y, { className: "error", "data-addon-dev-rejected": e.request, children: [
+      /* @__PURE__ */ d(F, { icon: "error" }),
+      /* @__PURE__ */ g("span", { children: [
+        "Addon dev: ignored ?addonDev=",
+        e.request,
+        ": ",
+        e.reason
+      ] }),
+      s
+    ] });
+  const { addon: a, url: i } = e.override, c = "error" in e ? e.error : void 0;
+  return /* @__PURE__ */ g(Y, { className: c ? "error" : void 0, "data-addon-dev": a, children: [
+    /* @__PURE__ */ d(F, { icon: c ? "error" : "code" }),
+    e.status === "error" ? /* @__PURE__ */ g("span", { children: [
       "Addon dev: ",
       a,
       " could not load from ",
-      r,
-      " (",
-      e.error,
-      ")"
-    ] }) : /* @__PURE__ */ x("span", { children: [
+      i,
+      ": ",
+      c
+    ] }) : /* @__PURE__ */ g("span", { children: [
       "Addon dev: ",
       /* @__PURE__ */ d("strong", { children: a }),
       " from ",
-      r,
+      i,
       e.status === "active" && ` (${e.info.version}, build ${e.info.buildId})`,
+      c && `: ${c}`,
       t && ", reloading..."
     ] }),
-    /* @__PURE__ */ d($, { variant: "text", icon: "close", onClick: n, "data-tooltip": "Stop: load the installed addon" })
+    s
   ] });
-}, Te = p(void 0), qt = () => {
-  const e = l(Te);
+}, Oe = h(void 0), Yt = () => {
+  const e = u(Oe);
   if (e === void 0)
     throw new Error("usePowerpack must be used within a PowerpackProvider");
   return e;
-}, Re = p(void 0), Yt = () => {
-  const e = l(Re);
+}, _e = h(void 0), Xt = () => {
+  const e = u(_e);
   if (e === void 0)
     throw new Error("useURIContext must be used within a URIProvider");
   return e;
@@ -140,14 +185,14 @@ const Se = ({ message: e = "Refresh to see latest changes." }) => /* @__PURE__ *
   } catch {
     return t;
   }
-}, Gt = (e, t) => {
+}, Zt = (e, t) => {
   if (typeof window > "u") return t;
   try {
     return _(sessionStorage.getItem(e), t);
   } catch {
     return t;
   }
-}, Xt = (e, t) => {
+}, Qt = (e, t) => {
   if (!(typeof window > "u"))
     try {
       sessionStorage.setItem(e, JSON.stringify(t)), window.dispatchEvent(new CustomEvent("session-storage", { detail: { key: e } }));
@@ -156,53 +201,53 @@ const Se = ({ message: e = "Refresh to see latest changes." }) => /* @__PURE__ *
     }
 };
 function ke(e, t) {
-  const o = y(t);
+  const o = S(t);
   o.current = t;
-  const [i, n] = b(() => typeof window > "u" ? t : _(sessionStorage.getItem(e), t));
-  m(() => {
-    const r = sessionStorage.getItem(e);
-    n(_(r, o.current)), r || sessionStorage.setItem(e, JSON.stringify(o.current));
-    function s(c) {
+  const [r, n] = b(() => typeof window > "u" ? t : _(sessionStorage.getItem(e), t));
+  v(() => {
+    const a = sessionStorage.getItem(e);
+    n(_(a, o.current)), a || sessionStorage.setItem(e, JSON.stringify(o.current));
+    function i(c) {
       if ("key" in c && c.key && c.key !== e) return;
-      const f = c.detail?.key;
-      if (f && f !== e) return;
-      const g = sessionStorage.getItem(e);
-      n(_(g, o.current));
+      const l = c.detail?.key;
+      if (l && l !== e) return;
+      const f = sessionStorage.getItem(e);
+      n(_(f, o.current));
     }
-    return window.addEventListener("session-storage", s), window.addEventListener("storage", s), () => {
-      window.removeEventListener("session-storage", s), window.removeEventListener("storage", s);
+    return window.addEventListener("session-storage", i), window.addEventListener("storage", i), () => {
+      window.removeEventListener("session-storage", i), window.removeEventListener("storage", i);
     };
   }, [e]);
-  const a = L(
-    (r) => {
+  const s = N(
+    (a) => {
       try {
-        n((s) => {
-          const c = typeof r == "function" ? r(s) : r;
+        n((i) => {
+          const c = typeof a == "function" ? a(i) : a;
           return sessionStorage.setItem(e, JSON.stringify(c)), typeof window < "u" && window.dispatchEvent(new CustomEvent("session-storage", { detail: { key: e } })), c;
         });
-      } catch (s) {
-        console.error(s);
+      } catch (i) {
+        console.error(i);
       }
     },
     [e]
   );
-  return [i, a];
+  return [r, s];
 }
-const N = (e, t = null) => {
+const k = (e, t = null) => {
   if (!e) return t;
   try {
     return JSON.parse(e);
   } catch {
     return t;
   }
-}, Oe = (e, t) => {
+}, Le = (e, t) => {
   if (typeof window > "u") return t;
   try {
-    return N(localStorage.getItem(e), t);
+    return k(localStorage.getItem(e), t);
   } catch {
     return t;
   }
-}, _e = (e, t) => {
+}, Ne = (e, t) => {
   if (!(typeof window > "u"))
     try {
       localStorage.setItem(e, JSON.stringify(t)), window.dispatchEvent(new Event("storage"));
@@ -210,97 +255,97 @@ const N = (e, t = null) => {
       console.error(o);
     }
 };
-function Zt(e, t) {
-  const o = y(t);
+function eo(e, t) {
+  const o = S(t);
   o.current = t;
-  const [i, n] = b(() => {
-    const r = localStorage.getItem(e);
-    return N(r, t);
+  const [r, n] = b(() => {
+    const a = localStorage.getItem(e);
+    return k(a, t);
   });
-  m(() => {
-    const r = localStorage.getItem(e);
-    n(N(r, o.current)), r || localStorage.setItem(e, JSON.stringify(o.current));
-    function s(c) {
+  v(() => {
+    const a = localStorage.getItem(e);
+    n(k(a, o.current)), a || localStorage.setItem(e, JSON.stringify(o.current));
+    function i(c) {
       if (c.key && c.key !== e) return;
-      const f = localStorage.getItem(e);
-      n(N(f, o.current));
+      const l = localStorage.getItem(e);
+      n(k(l, o.current));
     }
-    return window.addEventListener("storage", s), () => {
-      window.removeEventListener("storage", s);
+    return window.addEventListener("storage", i), () => {
+      window.removeEventListener("storage", i);
     };
   }, [e]);
-  const a = L(
-    (r) => {
+  const s = N(
+    (a) => {
       try {
-        n((s) => {
-          const c = typeof r == "function" ? r(s) : r;
+        n((i) => {
+          const c = typeof a == "function" ? a(i) : a;
           return localStorage.setItem(e, JSON.stringify(c)), typeof window < "u" && setTimeout(() => {
             window.dispatchEvent(new Event("storage"));
           }, 0), c;
         });
-      } catch (s) {
-        console.error(s);
+      } catch (i) {
+        console.error(i);
       }
     },
     [e]
   );
-  return [i, a];
+  return [r, s];
 }
-const Ne = p(void 0), Le = ["feed", "subtasks", "details", "files"], $e = /^[^.\s]+\.[A-Za-z][A-Za-z0-9_]*$/, je = (e) => typeof e == "string" && $e.test(e), Me = (e) => typeof e == "string" && (Le.includes(e) || je(e)), Qt = (e) => {
-  const { startFrame: t, endFrame: o } = e.activityData || {}, i = e.origin?.id ?? e.entityId;
-  if (!Number.isSafeInteger(t) || !i) return null;
-  const n = t, a = Number.isSafeInteger(o) ? Math.max(n, o) : n;
-  return { entityId: i, startFrame: n, endFrame: a };
-}, Ue = () => {
-  const e = l(Ne);
+const je = h(void 0), Ue = ["feed", "subtasks", "details", "files"], Me = /^[^.\s]+\.[A-Za-z][A-Za-z0-9_]*$/, Fe = (e) => typeof e == "string" && Me.test(e), Ve = (e) => typeof e == "string" && (Ue.includes(e) || Fe(e)), to = (e) => {
+  const { startFrame: t, endFrame: o } = e.activityData || {}, r = e.origin?.id ?? e.entityId;
+  if (!Number.isSafeInteger(t) || !r) return null;
+  const n = t, s = Number.isSafeInteger(o) ? Math.max(n, o) : n;
+  return { entityId: r, startFrame: n, endFrame: s };
+}, Be = () => {
+  const e = u(je);
   if (e === void 0)
     throw new Error("useDetailsPanel must be used within a DetailsPanelProvider");
   return e;
-}, M = "details/tabs-by-scope", eo = (e, t) => {
-  const o = Oe(M, {});
-  _e(M, { ...o, [e]: t });
-}, to = (e) => {
-  const { getOpenForScope: t, setPanelOpen: o, getTabForScope: i } = Ue(), [n, a] = ke(M, {}), r = n[e], s = Me(r) ? r : i(e), c = L(
-    (g) => {
-      a((C) => ({ ...C, [e]: g }));
+}, V = "details/tabs-by-scope", oo = (e, t) => {
+  const o = Le(V, {});
+  Ne(V, { ...o, [e]: t });
+}, no = (e) => {
+  const { getOpenForScope: t, setPanelOpen: o, getTabForScope: r } = Be(), [n, s] = ke(V, {}), a = n[e], i = Ve(a) ? a : r(e), c = N(
+    (f) => {
+      s((C) => ({ ...C, [e]: f }));
     },
-    [e, a]
-  ), f = s === "feed";
+    [e, s]
+  ), l = i === "feed";
   return {
     isOpen: t(e),
-    setOpen: (g) => o(e, g),
-    currentTab: s,
+    setOpen: (f) => o(e, f),
+    currentTab: i,
     setTab: c,
-    isFeed: f
+    isFeed: l
   };
-}, Fe = p(
+}, Je = h(
   void 0
-), oo = () => {
-  const e = l(Fe);
+), ro = () => {
+  const e = u(Je);
   if (!e)
     throw new Error("useSubtasksModulesContext must be used within a SubtasksModulesProvider");
   return e;
-}, Ve = p({}), no = () => {
-  const e = l(Ve);
+}, We = h({}), so = () => {
+  const e = u(We);
   if (!e)
     throw new Error("useThumbnailUploadContext must be used within a ThumbnailUploadProvider");
   return e;
-}, Be = p(void 0), ro = () => {
-  const e = l(Be);
+}, qe = h(void 0), ao = () => {
+  const e = u(qe);
   if (e === void 0)
     throw new Error("useSettingsPanel must be used within a SettingsPanelProvider");
   return e;
-}, Je = p(void 0);
-function We() {
-  const e = l(Je);
+}, ze = h(void 0);
+function He() {
+  const e = u(ze);
   if (e === void 0)
     throw new Error("usePiPWindow must be used within a PiPContext");
   return e;
 }
-function ze({ pipWindow: e, children: t }) {
-  return me(t, e.document.body);
+function Ke({ pipWindow: e, children: t }) {
+  return xe(t, e.document.body);
 }
-const He = u(ve)`
+const Ge = p(ye)`
   width: 25vw;
   height: 70vh;
   border: solid 1px var(--md-sys-color-outline-variant);
@@ -313,7 +358,7 @@ const He = u(ve)`
       opacity: 1;
     }
   }
-`, Ke = u($)`
+`, Ye = p(j)`
   width: 26px;
   height: 26px;
   margin-left: auto;
@@ -329,12 +374,12 @@ const He = u(ve)`
   &:hover {
     background-color: #3d3e40;
   }
-`, so = ({ children: e }) => {
-  const { pipWindow: t, pipId: o, isSupported: i, closePipWindow: n } = We(), a = o && J.isValidElement(e) ? J.cloneElement(e, { id: o }) : e;
-  return !i && o ? /* @__PURE__ */ d(
-    He,
+`, io = ({ children: e }) => {
+  const { pipWindow: t, pipId: o, isSupported: r, closePipWindow: n } = He(), s = o && z.isValidElement(e) ? z.cloneElement(e, { id: o }) : e;
+  return !r && o ? /* @__PURE__ */ d(
+    Ge,
     {
-      header: /* @__PURE__ */ d(Ke, { icon: "close", className: "close", onClick: n }),
+      header: /* @__PURE__ */ d(Ye, { icon: "close", className: "close", onClick: n }),
       headerStyle: {
         padding: 4,
         backgroundColor: "#202124",
@@ -355,112 +400,112 @@ const He = u(ve)`
       },
       onHide: n,
       position: "right",
-      children: a
+      children: s
     }
-  ) : t && /* @__PURE__ */ d(ze, { pipWindow: t, children: /* @__PURE__ */ d("div", { className: "pipRoot", children: a }) });
-}, qe = p(void 0), ao = () => {
-  const e = l(qe);
+  ) : t && /* @__PURE__ */ d(Ke, { pipWindow: t, children: /* @__PURE__ */ d("div", { className: "pipRoot", children: s }) });
+}, Xe = h(void 0), co = () => {
+  const e = u(Xe);
   if (!e)
     throw new Error("useAddonProjectContext must be used within a AddonProjectContext");
   return e;
-}, Ye = p(void 0), io = () => {
-  const e = l(Ye);
+}, Ze = h(void 0), lo = () => {
+  const e = u(Ze);
   if (!e)
     throw new Error("useAddonContext must be used within a AddonContext");
   return e;
-}, Ge = p(void 0), co = () => {
-  const e = l(Ge);
+}, Qe = h(void 0), uo = () => {
+  const e = u(Qe);
   if (e === void 0)
     throw new Error("useMenuContext must be used within a MenuProvider");
   return e;
-}, Z = p(void 0), lo = () => {
-  const e = l(Z);
+}, ee = h(void 0), po = () => {
+  const e = u(ee);
   if (e === void 0)
     throw new Error("useSocketContext must be used within a SocketProvider");
   return e;
-}, Xe = window.location.protocol.replace("http", "ws"), Ze = `${Xe}//${window.location.host}/ws`, uo = ({
+}, et = window.location.protocol.replace("http", "ws"), tt = `${et}//${window.location.host}/ws`, ho = ({
   children: e,
   userName: t,
   projectName: o,
-  dispatch: i
+  dispatch: r
 }) => {
-  const [n, a] = b(!1), [r, s] = b([]), [c] = he(), f = y(!1);
-  m(() => {
-    f.current = n;
+  const [n, s] = b(!1), [a, i] = b([]), [c] = we(), l = S(!1);
+  v(() => {
+    l.current = n;
   }, [n]);
-  const g = {
+  const f = {
     shouldReconnect: () => !t || !localStorage.getItem("accessToken") ? !1 : (c({ full: !1 }).unwrap(), !0)
-  }, { sendMessage: C, readyState: P, getWebSocket: E } = we(
-    Ze,
-    g,
+  }, { sendMessage: C, readyState: P, getWebSocket: E } = be(
+    tt,
+    f,
     !!t
-  ), v = () => {
+  ), w = () => {
     C(
       JSON.stringify({
         topic: "auth",
         token: localStorage.getItem("accessToken"),
-        subscribe: r,
+        subscribe: a,
         project: o
       })
     );
   };
-  m(() => {
-    console.debug("Topics changed", r), v();
-  }, [r, o]);
-  const T = y(r);
-  T.current = r;
-  const h = de(
-    () => z((w) => {
-      pe(T.current, w) || (console.log("WS: Subscriptions changed"), s(w));
+  v(() => {
+    console.debug("Topics changed", a), w();
+  }, [a, o]);
+  const T = S(a);
+  T.current = a;
+  const m = pe(
+    () => K((x) => {
+      me(T.current, x) || (console.log("WS: Subscriptions changed"), i(x));
     }, 200),
     []
   );
-  m(() => (D.setOnSubscriptionsChange((w) => h(w)), h(D.getSubscriptions("")), () => {
-    D.setOnSubscriptionsChange(null), h.cancel();
-  }), [h]);
-  const [R, oe] = b(!1), [F, ne] = b(!1);
-  m(() => {
-    R && !F && (H.warning(/* @__PURE__ */ d(Se, {}), {
+  v(() => (D.setOnSubscriptionsChange((x) => m(x)), m(D.getSubscriptions("")), () => {
+    D.setOnSubscriptionsChange(null), m.cancel();
+  }), [m]);
+  const [R, se] = b(!1), [J, ae] = b(!1);
+  v(() => {
+    R && !J && (G.warning(/* @__PURE__ */ d(Ce, {}), {
       autoClose: !1,
       closeButton: !1
-    }), ne(!0));
-  }, [R, F]);
-  const I = y({ callCount: 0, lastCall: Date.now() }), re = z(() => {
-    console.log("Resetting API state due to server restart"), a(!1), i(ge.util.resetApiState());
-  }, 1e3), se = L(
-    (w) => {
+    }), ae(!0));
+  }, [R, J]);
+  const I = S({ callCount: 0, lastCall: Date.now() }), ie = K(() => {
+    console.log("Resetting API state due to server restart"), s(!1), r(ve.util.resetApiState());
+  }, 1e3), ce = N(
+    (x) => {
       if (I.current.callCount > 1e3)
-        return oe(!0), console.log(
+        return se(!0), console.log(
           "Overload: Over 1000 messages per second. Ignoring subsequent messages."
         );
       let A;
       try {
-        A = JSON.parse(w.data);
-      } catch (ce) {
-        console.error("Failed to parse websocket message:", ce, w.data);
+        A = JSON.parse(x.data);
+      } catch (ue) {
+        console.error("Failed to parse websocket message:", ue, x.data);
         return;
       }
-      const { topic: S, sender: V, summary: ae, status: ie } = A || {};
-      if (f.current && (S === "heartbeat" || S === "server.started" && ie === "finished")) {
-        console.log("Server replica booted"), re();
+      const { topic: y, sender: W, summary: de, status: le } = A || {};
+      if (l.current && (y === "heartbeat" || y === "server.started" && le === "finished")) {
+        console.log("Server replica booted"), ie();
         return;
       }
-      if (S === "heartbeat") return;
-      if (S === "server.restart_requested" && (console.log("Server restart requested"), a(!0)), ["import.data"].includes(S)) {
-        if (V !== window.senderId) return;
-      } else if (V === window.senderId)
+      if (y === "heartbeat") return;
+      if (y === "server.restart_requested" && (console.log("Server restart requested"), s(!0)), ["import.data"].includes(y)) {
+        if (W !== window.senderId) return;
+      } else if (W === window.senderId)
         return;
-      const B = Date.now();
-      B - I.current.lastCall < 1e3 ? I.current.callCount += 1 : I.current.callCount = 0, console.log("Event RX", A), I.current.lastCall = B, S === "shout" && A?.summary?.text && H.info(ae.text), D.publish(S, A);
+      const q = Date.now();
+      q - I.current.lastCall < 1e3 ? I.current.callCount += 1 : I.current.callCount = 0, console.log("Event RX", A), I.current.lastCall = q, y === "shout" && A?.summary?.text && G.info(de.text), D.publish(y, A);
     },
-    [a]
+    [s]
   );
-  return m(() => {
-    P === xe.OPEN && (E().onmessage = se, v(), D.publish("client.connected", {
+  return v(() => {
+    P === Se.OPEN && (E().onmessage = ce, w(), D.publish("client.connected", {
       topic: "client.connected"
     }));
   }, [P, E]), /* @__PURE__ */ d(
-    Z.Provider,
+    ee.Provider,
     {
       value: {
         getWebSocket: E,
@@ -470,19 +515,19 @@ const He = u(ve)`
       children: e
     }
   );
-}, Q = p(void 0), po = () => {
-  const e = l(Q);
+}, te = h(void 0), fo = () => {
+  const e = u(te);
   if (e === void 0)
     throw new Error("useProjectContext must be used within a ProjectContextProvider");
   return e;
-}, fo = () => l(Q), Qe = p(
+}, mo = () => u(te), oe = h(
   void 0
 ), go = () => {
-  const e = l(Qe);
+  const e = u(oe);
   if (e === void 0)
     throw new Error("useProjectFoldersContext must be used within a ProjectFoldersContextProvider");
   return e;
-}, ee = p(void 0), et = (e) => ({
+}, vo = () => u(oe), ne = h(void 0), ot = (e) => ({
   created: e,
   label_changed: e,
   renamed: e,
@@ -491,7 +536,7 @@ const He = u(ve)`
   tags_changed: e,
   attrib_changed: e,
   deleted: e
-}), tt = (e, t) => e === t || e.startsWith(`${t}.`), ot = (e, t) => t.length === 0 ? !0 : t.includes(e || ""), nt = (e) => {
+}), nt = (e, t) => e === t || e.startsWith(`${t}.`), rt = (e, t) => t.length === 0 ? !0 : t.includes(e || ""), st = (e) => {
   const t = e.split(".").pop();
   if (t && [
     "created",
@@ -504,39 +549,39 @@ const He = u(ve)`
     "deleted"
   ].includes(t))
     return t;
-}, ho = ({
+}, wo = ({
   projectNames: e,
   topics: t,
   isSyncing: o = !1,
-  shouldSyncOnUpdate: i
+  shouldSyncOnUpdate: r
 }) => {
-  const n = l(ee);
+  const n = u(ne);
   if (!n)
     throw new Error("useSyncUpdates must be used within an EntityUpdatesProvider");
-  const a = e || n.projectNames, r = y(0), s = y(!1), c = n.updates.filter(
-    (f) => ot(f.project, a) && t.some((g) => tt(f.topic, g)) && (i?.(f) ?? !0)
+  const s = e || n.projectNames, a = S(0), i = S(!1), c = n.updates.filter(
+    (l) => rt(l.project, s) && t.some((f) => nt(l.topic, f)) && (r?.(l) ?? !0)
   );
-  return m(() => {
-    o && !s.current ? r.current = n.getLatestId() : !o && s.current && n.acknowledge(t, a, r.current), s.current = o;
-  }, [n, o, a, t]), {
+  return v(() => {
+    o && !i.current ? a.current = n.getLatestId() : !o && i.current && n.acknowledge(t, s, a.current), i.current = o;
+  }, [n, o, s, t]), {
     updates: c,
     hasUpdates: c.length > 0,
     updateCount: c.length
   };
-}, mo = () => {
-  const e = l(ee);
+}, xo = () => {
+  const e = u(ne);
   if (!e)
     throw new Error("useAutoSyncSettings must be used within an EntityUpdatesProvider");
   const { autoSyncSettings: t, setAutoSyncSettings: o } = e;
   return [t, (n) => {
-    const { settings: a, global: r } = n;
-    o(r !== void 0 ? et(r) : (s) => ({ ...s, ...a }));
+    const { settings: s, global: a } = n;
+    o(a !== void 0 ? ot(a) : (i) => ({ ...i, ...s }));
   }];
-}, vo = (e, t) => {
+}, yo = (e, t) => {
   if (!t) return !1;
-  const o = nt(e);
+  const o = st(e);
   return o ? t[o] : !1;
-}, rt = u.li`
+}, at = p.li`
   position: relative;
   padding: 4px 6px 4px 12px;
   user-select: none;
@@ -589,7 +634,7 @@ const He = u(ve)`
       display: flex;
     }
   }
-`, j = u($)`
+`, M = p(j)`
   &.hasIcon {
     padding: 2px;
   }
@@ -607,79 +652,79 @@ const He = u(ve)`
       }
     }
   }
-`, st = U(
+`, it = B(
   ({
     id: e,
     label: t,
     startContent: o,
-    endContent: i,
+    endContent: r,
     isSelected: n,
-    isEditable: a,
-    isSaveable: r,
-    highlighted: s,
+    isEditable: s,
+    isSaveable: a,
+    highlighted: i,
     onEdit: c,
-    onSave: f,
-    onResetView: g,
+    onSave: l,
+    onResetView: f,
     className: C,
     ...P
   }, E) => {
-    const { viewAlias: v } = ft(), T = (h, R) => {
-      h.stopPropagation(), R ? fe({
-        message: `Save current ${v} settings and overwrite this ${v}?`,
+    const { viewAlias: w } = mt(), T = (m, R) => {
+      m.stopPropagation(), R ? ge({
+        message: `Save current ${w} settings and overwrite this ${w}?`,
         header: "Confirm save",
-        accept: () => f && f(h, e)
-      }) : f && f(h, e);
+        accept: () => l && l(m, e)
+      }) : l && l(m, e);
     };
-    return /* @__PURE__ */ x(
-      rt,
+    return /* @__PURE__ */ g(
+      at,
       {
         ...P,
         id: e,
-        className: k(C, { selected: n }),
+        className: $(C, { selected: n }),
         ref: E,
         children: [
           o && o,
           /* @__PURE__ */ d("span", { className: "label", children: t }),
-          g && /* @__PURE__ */ d(
-            j,
+          f && /* @__PURE__ */ d(
+            M,
             {
               icon: "restart_alt",
               variant: "text",
               className: "reset",
-              onClick: g,
+              onClick: f,
               "data-tooltip": "Reset to Default",
-              "data-shortcut": ue("0", [W.Shift, W.Ctrl])
+              "data-shortcut": fe("0", [H.Shift, H.Ctrl])
             }
           ),
-          a && r && !n && /* @__PURE__ */ d(
-            j,
+          s && a && !n && /* @__PURE__ */ d(
+            M,
             {
               icon: "save",
               variant: "text",
-              className: k("save", { active: s === "save" }),
-              onClick: (h) => T(h, s !== "save"),
-              "data-tooltip": `Save ${v} settings from current ${v}`
+              className: $("save", { active: i === "save" }),
+              onClick: (m) => T(m, i !== "save"),
+              "data-tooltip": `Save ${w} settings from current ${w}`
             }
           ),
-          a && c && /* @__PURE__ */ d(
-            j,
+          s && c && /* @__PURE__ */ d(
+            M,
             {
               variant: "text",
               icon: "more_horiz",
-              className: k("more", { active: s === "edit" }),
-              onClick: (h) => c(h, e),
-              "data-tooltip": `Edit ${v}`
+              className: $("more", { active: i === "edit" }),
+              onClick: (m) => c(m, e),
+              "data-tooltip": `Edit ${w}`
             }
           ),
-          i && i
+          r && r
         ]
       }
     );
   }
-), at = u.div`
+), ct = p.div`
   overflow: auto;
   max-height: 40vh;
-`, it = u.ul`
+`, dt = p.ul`
   /* reset defaults */
   margin: 0;
   padding: 0;
@@ -689,17 +734,17 @@ const He = u(ve)`
   flex-direction: column;
   gap: var(--base-gap-small);
   margin-bottom: var(--padding-s);
-`, ct = u.li`
+`, lt = p.li`
   height: 1px;
   background-color: var(--md-sys-color-outline-variant);
   margin: 4px 0;
 `;
-u.li`
-  ${Y.labelSmall}
+p.li`
+  ${X.labelSmall}
   color: var(--md-sys-color-outline);
 `;
-const dt = u.li`
-  ${Y.labelSmall}
+const ut = p.li`
+  ${X.labelSmall}
   color: var(--md-sys-color-outline);
   user-select: none;
   border-radius: var(--border-radius-m);
@@ -734,23 +779,23 @@ const dt = u.li`
   &:hover .icon {
     display: inline-flex;
   }
-`, lt = U(
-  ({ title: e, collapsed: t, className: o, ...i }, n) => /* @__PURE__ */ x(
-    dt,
+`, pt = B(
+  ({ title: e, collapsed: t, className: o, ...r }, n) => /* @__PURE__ */ g(
+    ut,
     {
-      ...i,
-      className: k("views-section-header", { collapsed: t }, o),
+      ...r,
+      className: $("views-section-header", { collapsed: t }, o),
       ref: n,
       children: [
         /* @__PURE__ */ d("span", { children: e }),
         /* @__PURE__ */ d("span", { className: "spacer" }),
-        /* @__PURE__ */ d(q, { className: "icon", icon: "expand_more" })
+        /* @__PURE__ */ d(F, { className: "icon", icon: "expand_more" })
       ]
     }
   )
-), wo = "_divider_", ut = (e) => typeof e == "object" && e !== null && "type" in e && e.type === "section", xo = U(
-  ({ items: e, selected: t, ...o }, i) => /* @__PURE__ */ d(at, { children: /* @__PURE__ */ d(it, { ...o, ref: i, children: e.map((n, a) => n === "_divider_" ? /* @__PURE__ */ d(ct, {}, a) : ut(n) ? /* @__PURE__ */ d(
-    lt,
+), bo = "_divider_", ht = (e) => typeof e == "object" && e !== null && "type" in e && e.type === "section", So = B(
+  ({ items: e, selected: t, ...o }, r) => /* @__PURE__ */ d(ct, { children: /* @__PURE__ */ d(dt, { ...o, ref: r, children: e.map((n, s) => n === "_divider_" ? /* @__PURE__ */ d(lt, {}, s) : ht(n) ? /* @__PURE__ */ d(
+    pt,
     {
       id: n.id,
       title: n.title,
@@ -759,59 +804,59 @@ const dt = u.li`
     },
     n.id
   ) : /* @__PURE__ */ d(
-    st,
+    it,
     {
       tabIndex: 0,
       isSelected: n.id === t,
-      autoFocus: a === 0,
+      autoFocus: s === 0,
       ...n
     },
-    (n.id || "") + a.toString()
+    (n.id || "") + s.toString()
   )) }) })
-), pt = p(null), ft = () => {
-  const e = l(pt);
+), ft = h(null), mt = () => {
+  const e = u(ft);
   if (!e)
     throw new Error("useViewsContext must be used within a ViewsProvider");
   return e;
-}, So = 1, gt = u.div`
+}, Co = 1, gt = p.div`
   min-width: 350px;
-`, ht = u.div`
+`, vt = p.div`
   margin-top: 12px;
   min-height: 60px;
   min-width: 350px;
-`, mt = u.p`
+`, wt = p.p`
   font-weight: 600;
   margin-bottom: 4px;
-`, vt = u.p`
+`, xt = p.p`
   margin-top: 12px;
   font-weight: 600;
   color: var(--md-sys-color-error);
-`, bo = ({
+`, Po = ({
   entityLabel: e,
   childrenDetails: t,
   totalLine: o,
-  message: i
-}) => /* @__PURE__ */ x(gt, { children: [
-  /* @__PURE__ */ d("p", { children: i || `Are you sure you want to delete ${e}? This action cannot be undone.` }),
-  t.length > 0 && /* @__PURE__ */ x(ht, { children: [
-    /* @__PURE__ */ d(mt, { children: "The following will also be affected:" }),
-    t.map((n, a) => /* @__PURE__ */ d("p", { children: n }, a))
+  message: r
+}) => /* @__PURE__ */ g(gt, { children: [
+  /* @__PURE__ */ d("p", { children: r || `Are you sure you want to delete ${e}? This action cannot be undone.` }),
+  t.length > 0 && /* @__PURE__ */ g(vt, { children: [
+    /* @__PURE__ */ d(wt, { children: "The following will also be affected:" }),
+    t.map((n, s) => /* @__PURE__ */ d("p", { children: n }, s))
   ] }),
-  o && /* @__PURE__ */ d(vt, { children: o })
-] }), yo = u(le)`
+  o && /* @__PURE__ */ d(xt, { children: o })
+] }), Eo = p(he)`
   max-height: min(600px, 90vh);
-`, Co = u.div`
+`, Io = p.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`, Po = u.label`
+`, Ao = p.label`
   margin: 2px 0 14px 0;
-`, Eo = u.div`
+`, Do = p.div`
   display: flex;
   padding-top: 14px;
   gap: 8px;
   justify-content: flex-end;
-`, Io = u.div`
+`, To = p.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -820,110 +865,111 @@ const dt = u.li`
   /* scroll container clips the inputs' 2px focus outline — inset it, then pull back to keep alignment */
   padding: 4px;
   margin: -4px;
-`, Ao = u.label`
+`, Ro = p.label`
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
-`, Do = u(G)`
+`, $o = p(Z)`
   width: 180px;
-`, To = u(G)`
+`, Oo = p(Z)`
   width: 100%;
   /* room for the 2px focus outline */
   margin: 2px 0;
-`, wt = /* @__PURE__ */ new Set([
+`, yt = /* @__PURE__ */ new Set([
   "folder",
   "task",
   "product",
   "version",
   "representation",
   "workfile"
-]), Ro = (e) => !!e && wt.has(e), te = p(null), ko = () => {
-  const e = l(te);
+]), _o = (e) => !!e && yt.has(e), re = h(null), ko = () => {
+  const e = u(re);
   if (!e)
     throw new Error("useDeleteEntitiesContext must be used within a DeleteEntitiesProvider");
   return e;
-}, Oo = () => l(te), _o = "tableExport", xt = p(null), No = () => l(xt);
+}, Lo = () => u(re), No = "tableExport", bt = h(null), jo = () => u(bt);
 export {
-  _o as $,
+  No as $,
   Ht as A,
-  Ie as B,
-  To as C,
-  bo as D,
-  ee as E,
-  Co as F,
-  Kt as G,
-  Se as H,
-  M as I,
-  Me as J,
-  Yt as K,
-  Ne as L,
-  Ge as M,
-  Fe as N,
-  Be as O,
-  Q as P,
-  Je as Q,
-  ye as R,
-  yo as S,
-  Ve as T,
-  qe as U,
-  Ye as V,
-  Te as W,
-  be as X,
-  Qe as Y,
-  Re as Z,
-  te as _,
-  Wt as a,
-  xt as a0,
-  so as a1,
-  Z as a2,
-  uo as a3,
-  Qt as a4,
-  vo as a5,
-  je as a6,
-  Ro as a7,
-  eo as a8,
-  io as a9,
-  ao as aa,
-  mo as ab,
+  Kt as B,
+  Oo as C,
+  Po as D,
+  ne as E,
+  Io as F,
+  Re as G,
+  Gt as H,
+  Ce as I,
+  V as J,
+  Ve as K,
+  Xt as L,
+  Qe as M,
+  je as N,
+  Je as O,
+  te as P,
+  qe as Q,
+  Ee as R,
+  Eo as S,
+  We as T,
+  ze as U,
+  Xe as V,
+  Ze as W,
+  Oe as X,
+  Pe as Y,
+  _e as Z,
+  re as _,
+  zt as a,
+  bt as a0,
+  io as a1,
+  ee as a2,
+  ho as a3,
+  to as a4,
+  yo as a5,
+  Fe as a6,
+  _o as a7,
+  oo as a8,
+  lo as a9,
+  co as aa,
+  xo as ab,
   ko as ac,
-  Oo as ad,
-  We as ae,
-  to as af,
-  ro as ag,
-  lo as ah,
-  oo as ai,
-  ho as aj,
-  No as ak,
-  no as al,
-  wo as am,
-  pt as an,
-  lt as ao,
-  xo as ap,
-  st as aq,
-  qt as b,
-  tt as c,
-  Jt as d,
-  ft as e,
-  So as f,
-  nt as g,
-  Po as h,
-  Io as i,
-  Ao as j,
-  Do as k,
-  Eo as l,
-  ot as m,
-  fo as n,
-  ke as o,
-  Gt as p,
+  Lo as ad,
+  vo as ae,
+  He as af,
+  no as ag,
+  ao as ah,
+  po as ai,
+  ro as aj,
+  wo as ak,
+  jo as al,
+  so as am,
+  bo as an,
+  ft as ao,
+  pt as ap,
+  So as aq,
+  it as ar,
+  Yt as b,
+  nt as c,
+  qt as d,
+  mt as e,
+  Co as f,
+  st as g,
+  Ao as h,
+  To as i,
+  Ro as j,
+  $o as k,
+  Do as l,
+  rt as m,
+  oe as n,
+  mo as o,
+  ke as p,
   Zt as q,
-  Oe as r,
-  Xt as s,
-  et as t,
-  co as u,
-  Ue as v,
-  _e as w,
-  po as x,
-  go as y,
-  zt as z
+  Le as r,
+  eo as s,
+  ot as t,
+  uo as u,
+  Qt as v,
+  Ne as w,
+  Be as x,
+  fo as y,
+  go as z
 };