quantum-component-library 1.4.50-dev.3 → 1.4.50

package/dist/components.js

@@ -1,8 +1,8 @@
 import { j as e } from "./react-jsx-runtime-vendor-OVHDjVDe.js";
-import { Flex as ye, InputGroup as rt, InputLeftElement as Pt, Icon as xt, Input as Se, FormLabel as jt, Box as re, TableContainer as ft, Table as bt, Thead as yt, Tr as We, Th as be, Tbody as vt, Td as we, ButtonGroup as Me, Tooltip as et, Button as ee, RangeSlider as $t, RangeSliderMark as Ve, Text as b, RangeSliderTrack as Et, RangeSliderFilledTrack as _t, RangeSliderThumb as ot, Select as it, NumberInput as at, NumberInputField as lt, HStack as oe, Tag as Re, Image as Gt, useToast as Ct, VStack as le, FormControl as X, RadioGroup as wt, Radio as Qe, Alert as qe, AlertIcon as Ke, Spinner as St, useDisclosure as zt, Modal as Bt, ModalOverlay as Ut, ModalContent as Wt, ModalHeader as Qt, ModalCloseButton as qt, ModalBody as Kt, ModalFooter as Yt, Badge as Lt, IconButton as Ht, Tabs as Jt, TabList as Xt, Tab as ct, TabPanels as Zt, TabPanel as dt, Textarea as Ee } from "@chakra-ui/react";
+import { Flex as ye, InputGroup as rt, InputLeftElement as $t, Icon as xt, Input as we, FormLabel as jt, Box as re, TableContainer as ft, Table as bt, Thead as yt, Tr as We, Th as be, Tbody as vt, Td as Ce, ButtonGroup as Le, Tooltip as et, Button as ee, RangeSlider as Dt, RangeSliderMark as Ve, Text as b, RangeSliderTrack as Et, RangeSliderFilledTrack as _t, RangeSliderThumb as ot, Select as it, NumberInput as at, NumberInputField as lt, HStack as oe, Tag as Re, Image as Gt, useToast as Ct, VStack as le, FormControl as X, RadioGroup as wt, Radio as Qe, Alert as qe, AlertIcon as Ke, Spinner as St, useDisclosure as zt, Modal as Bt, ModalOverlay as Ut, ModalContent as Wt, ModalHeader as Qt, ModalCloseButton as qt, ModalBody as Kt, ModalFooter as Yt, Badge as Lt, IconButton as Ht, Tabs as Jt, TabList as Xt, Tab as ct, TabPanels as Zt, TabPanel as dt, Textarea as Ee } from "@chakra-ui/react";
 import "./moment-vendor-DMLRxgRE.js";
-import { useMemo as T, useState as z, useCallback as P, useRef as Vt, useEffect as ce, createContext as en, useContext as tn, memo as Je } from "react";
-import { c as ve } from "./utils-cn-CgdSr4hO.js";
+import { useMemo as T, useState as z, useCallback as $, useRef as Vt, useEffect as ce, createContext as en, useContext as tn, memo as Je } from "react";
+import { c as Ne } from "./utils-cn-CgdSr4hO.js";
 import "./lodash-vendor-B-xpwrnm.js";
 import { useQuery as je, useMutation as me, useClient as nn } from "urql";
 import { useUiLabelContext as xe, useAllPartParameters as sn } from "./hooks.js";
@@ -10,7 +10,7 @@ import { u as rn } from "./ufuzzy-vendor-Dl0ZI6Av.js";
 import { F as on, a as an, b as ln, c as cn } from "./react-icons-vendor-CMsTQrA0.js";
 import { s as ge } from "./react-select-vendor-_26lPW2Z.js";
 import { getFragmentData as R } from "./generated.js";
-import { G as Mt, a as dn, C as tt, b as It, R as nt, M as ke, c as Ye, T as Le, A as fe, d as He, e as Ot, f as un, g as At, U as Tt, h as Be, i as Nt, j as hn, k as mn, l as pn, m as gn, n as xn, o as jn, p as fn } from "./graphql-BIKiRJ8I.js";
+import { G as Mt, a as dn, C as tt, b as It, R as nt, M as ke, c as Ye, T as Se, A as fe, d as He, e as Ot, f as un, g as At, U as Tt, h as Be, i as Nt, j as hn, k as mn, l as pn, m as gn, n as xn, o as jn, p as fn } from "./graphql-BIKiRJ8I.js";
 import { D as bn, H as yn, u as vn, a as Cn } from "./react-dnd-vendor-BYAS_HOo.js";
 import { g as Rt, a as kt, b as wn, c as Sn, d as Ln, e as ut, f as ht } from "./services-human-BIz3wOu_.js";
 import { ThresholdKind as Ue, ReportKind as se, ActionLaterality as Mn, SensorLocation as ae } from "./generated-graphql.js";
@@ -30,9 +30,9 @@ const In = ({
   );
   return /* @__PURE__ */ e.jsxs(ye, { width: "100%", alignContent: "space-evenly", gap: 4, children: [
     /* @__PURE__ */ e.jsxs(rt, { size: "md", flex: 1, children: [
-      /* @__PURE__ */ e.jsx(Pt, { children: /* @__PURE__ */ e.jsx(xt, { as: on, color: "gray.300" }) }),
+      /* @__PURE__ */ e.jsx($t, { children: /* @__PURE__ */ e.jsx(xt, { as: on, color: "gray.300" }) }),
       /* @__PURE__ */ e.jsx(
-        Se,
+        we,
         {
           placeholder: "Search by name...",
           width: "100%",
@@ -64,7 +64,7 @@ const In = ({
 }) => /* @__PURE__ */ e.jsx(jt, { fontWeight: "bold", fontFamily: "sans-serif", fontSize: "large", children: n }), On = ({ value: n, onChange: t, disabled: o }) => {
   const h = z(
     () => Math.random().toString(36).substring(2, 15)
-  )[0], g = P(
+  )[0], g = $(
     (d, u) => {
       o || t((C) => {
         const s = [...C], [c] = s.splice(d, 1);
@@ -86,7 +86,7 @@ const In = ({
         id: d.id,
         name: d.name,
         move: g,
-        className: ve(o && "!cursor-default")
+        className: Ne(o && "!cursor-default")
       },
       d.id
     )) })
@@ -128,8 +128,8 @@ const In = ({
       "data-handler-id": C,
       className: d,
       children: [
-        /* @__PURE__ */ e.jsx(we, { children: t + 1 }),
-        /* @__PURE__ */ e.jsx(we, { children: h })
+        /* @__PURE__ */ e.jsx(Ce, { children: t + 1 }),
+        /* @__PURE__ */ e.jsx(Ce, { children: h })
       ]
     }
   );
@@ -142,7 +142,7 @@ const In = ({
   buttonProps: d
 }) => {
   const u = (s) => s === o || s.value === o, C = (s) => u(s) ? { ...d, ...g } : d;
-  return /* @__PURE__ */ e.jsx(Me, { isAttached: !0, isDisabled: h, children: n.map((s, c) => /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsx(Le, { isAttached: !0, isDisabled: h, children: n.map((s, c) => /* @__PURE__ */ e.jsx(
     et,
     {
       label: s.tooltip,
@@ -182,28 +182,28 @@ const In = ({
   ce(() => {
     _ !== void 0 && B !== void 0 && I([_.toFixed(0), B.toFixed(0)]);
   }, [_, B, I]);
-  const W = P(
+  const W = $(
     ([M, E]) => {
       M < E && I([M.toFixed(0), E.toFixed(0)]);
     },
     [I]
-  ), N = P(
+  ), N = $(
     ([M, E]) => {
       M < E && g([M, E]);
     },
     [g]
-  ), Z = P(() => {
+  ), Z = $(() => {
     I(([M, E]) => {
       const te = isNaN(Number(M)) ? t : Number(M), Q = isNaN(Number(E)) ? o : Number(E), ie = Ge(Number(te), a), i = Ge(Number(Q), v), r = a < 0 ? Math.max(ie, t) : Math.min(ie, o), f = v < 0 ? Math.max(i, t) : Math.min(i, o);
       return r > f ? (g([f, r]), [f.toFixed(0), r.toFixed(0)]) : (g([r, f]), [r.toFixed(0), f.toFixed(0)]);
     });
-  }, [g, I, a, v, t, o]), J = P(
+  }, [g, I, a, v, t, o]), J = $(
     (M) => {
       const E = M === "" || isNaN(Number(M)) ? M : Ge(Number(M), a);
       I(([te, Q]) => [E.toString(), Q]);
     },
     [I, a]
-  ), $ = P(
+  ), D = $(
     (M) => {
       const E = M === "" || isNaN(Number(M)) ? M : Ge(Number(M), v);
       I(([te, Q]) => [te, E.toString()]);
@@ -212,7 +212,7 @@ const In = ({
   ), S = T(
     () => u === "xs" ? "0.75rem" : void 0,
     [u]
-  ), O = P(
+  ), O = $(
     (M, E) => {
       const te = Number(E.target.value);
       if (!j || !m || ![-1, 1].includes(te))
@@ -224,7 +224,7 @@ const In = ({
   );
   return /* @__PURE__ */ e.jsxs(ye, { direction: "column", ...L, children: [
     /* @__PURE__ */ e.jsx(re, { pt: "1em", mb: "-0.5em", children: /* @__PURE__ */ e.jsxs(
-      $t,
+      Dt,
       {
         "aria-label": ["min", "max"],
         isReversed: n,
@@ -359,7 +359,7 @@ const In = ({
               max: v < 0 ? Math.abs(_ ?? t) : o,
               precision: 0,
               value: m === "" ? "" : Math.abs(Number(m ?? o)),
-              onChange: $,
+              onChange: D,
               onBlur: Z,
               borderWidth: 1,
               borderRadius: 3,
@@ -428,17 +428,17 @@ const In = ({
       )
     }
   ) : null;
-}, Dn = (n, t) => {
+}, Pn = (n, t) => {
   if (!t || !t.trim().length)
     return n;
   const o = n.map((g) => g.name ?? "");
   return kn.filter(o, t)?.map((g) => n[g]) ?? [];
-}, Pn = (n) => !n || n.length === 0 ? "None" : n.map(
+}, $n = (n) => !n || n.length === 0 ? "None" : n.map(
   (t) => (
     // Convert camelCase to separate words (e.g., 'LeftFoot' -> 'Left Foot')
     t.replace(/([A-Z])/g, " $1").trim()
   )
-).join(", "), $n = (n, t) => !t || t.length == 0 ? n : n.filter(
+).join(", "), Dn = (n, t) => !t || t.length == 0 ? n : n.filter(
   (o) => o.useCases?.some((h) => t.includes(h.id)) ?? !1
 ), En = ({
   actions: n,
@@ -466,24 +466,24 @@ const In = ({
   }), [w]), B = T(() => {
     if (!n)
       return;
-    const S = Dn(n, m);
-    return L ? S : $n(S, a);
-  }, [n, m, a, L]), W = P(() => {
+    const S = Pn(n, m);
+    return L ? S : Dn(S, a);
+  }, [n, m, a, L]), W = $(() => {
     if (!h)
       return;
     const O = n.filter(
       (M) => M.selected && !M.quantumOwned
     ).map((M) => M.id);
     h(O);
-  }, [n, h]), N = P(() => {
+  }, [n, h]), N = $(() => {
     if (!C)
       return;
     const S = n.filter((O) => O.selected);
     C(S.map((O) => O.id)), u && S.forEach((O) => u(O, !1));
-  }, [n, C, u]), Z = T(() => n.some((S) => S.selected && !S.quantumOwned), [n]), J = T(() => n.some((S) => S.selected), [n]), $ = T(() => n.some((S) => S.selected && S.quantumOwned), [n]);
+  }, [n, C, u]), Z = T(() => n.some((S) => S.selected && !S.quantumOwned), [n]), J = T(() => n.some((S) => S.selected), [n]), D = T(() => n.some((S) => S.selected && S.quantumOwned), [n]);
   return /* @__PURE__ */ e.jsxs(re, { ...I, children: [
     /* @__PURE__ */ e.jsxs(ye, { alignContent: "space-between", gap: 4, children: [
-      (o || h || C) && /* @__PURE__ */ e.jsxs(Me, { mb: "1rem", gap: 4, children: [
+      (o || h || C) && /* @__PURE__ */ e.jsxs(Le, { mb: "1rem", gap: 4, children: [
         o && /* @__PURE__ */ e.jsxs(
           ee,
           {
@@ -500,7 +500,7 @@ const In = ({
         h && !s && /* @__PURE__ */ e.jsx(
           et,
           {
-            label: $ ? Z ? `Quantum-owned ${_.actionPluralLowerCase} are selected and will be skipped` : `Selected ${_.actionPluralLowerCase} are quantum-owned and cannot be deleted` : void 0,
+            label: D ? Z ? `Quantum-owned ${_.actionPluralLowerCase} are selected and will be skipped` : `Selected ${_.actionPluralLowerCase} are quantum-owned and cannot be deleted` : void 0,
             shouldWrapChildren: !0,
             children: /* @__PURE__ */ e.jsx(
               ee,
@@ -551,7 +551,7 @@ const In = ({
       /* @__PURE__ */ e.jsx(vt, { children: B?.map((S) => /* @__PURE__ */ e.jsxs(
         We,
         {
-          className: ve(
+          className: Ne(
             "hover:bg-[#f7f7f7]",
             !s && "cursor-pointer",
             S.selected && "bg-gray-200"
@@ -560,7 +560,7 @@ const In = ({
             s || u?.(S, !S.selected);
           },
           children: [
-            /* @__PURE__ */ e.jsx(we, { children: /* @__PURE__ */ e.jsxs(ye, { children: [
+            /* @__PURE__ */ e.jsx(Ce, { children: /* @__PURE__ */ e.jsxs(ye, { children: [
               !s && /* @__PURE__ */ e.jsx(e.Fragment, { children: S.selected ? /* @__PURE__ */ e.jsx(an, { className: "text-blue-500" }) : /* @__PURE__ */ e.jsx(ln, { className: "text-gray-400" }) }),
               (S.quantumOwned || !g) && d && /* @__PURE__ */ e.jsx(
                 ee,
@@ -590,7 +590,7 @@ const In = ({
                 }
               )
             ] }) }),
-            /* @__PURE__ */ e.jsx(we, { whiteSpace: "break-spaces", children: /* @__PURE__ */ e.jsxs(ye, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ e.jsx(Ce, { whiteSpace: "break-spaces", children: /* @__PURE__ */ e.jsxs(ye, { align: "center", gap: 2, children: [
               /* @__PURE__ */ e.jsx(
                 Fn,
                 {
@@ -600,8 +600,8 @@ const In = ({
               ),
               S.name
             ] }) }),
-            /* @__PURE__ */ e.jsx(we, { maxW: "20rem", whiteSpace: "break-spaces", children: Pn(S.sensorLocations) }),
-            !L && /* @__PURE__ */ e.jsx(we, { maxW: "20rem", children: /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e.jsx(Ce, { maxW: "20rem", whiteSpace: "break-spaces", children: $n(S.sensorLocations) }),
+            !L && /* @__PURE__ */ e.jsx(Ce, { maxW: "20rem", children: /* @__PURE__ */ e.jsx(
               Rn,
               {
                 containerProps: { flexWrap: "wrap" },
@@ -655,29 +655,29 @@ const In = ({
     }));
     return {
       ...f,
-      thresholds: R(Le, f.thresholds),
+      thresholds: R(Se, f.thresholds),
       reports: A.map((Y) => ({
         ...Y,
-        thresholds: R(Le, Y.thresholds)
+        thresholds: R(Se, Y.thresholds)
       })),
       categories: U,
       metadataGroups: q
     };
   }) : [], [v.data]), N = T(() => W.filter(
     (i) => I.includes(i.id)
-  ), [W, I]), Z = P(
+  ), [W, I]), Z = $(
     (i) => {
       const r = i?.value || "";
       y(r), j([]);
     },
     []
-  ), J = P(
+  ), J = $(
     (i) => {
       const r = i.map((f) => f.value);
       j(r);
     },
     []
-  ), $ = P(
+  ), D = $(
     async (i) => {
       const r = {
         ...i,
@@ -712,7 +712,7 @@ const In = ({
       throw new Error("No action data returned");
     },
     [w, u]
-  ), S = P(
+  ), S = $(
     async (i) => {
       const r = await _({ id: i.id });
       if (r.error)
@@ -725,7 +725,7 @@ const In = ({
       throw new Error("No action data returned");
     },
     [_]
-  ), O = P(async () => {
+  ), O = $(async () => {
     if (l(!0), !N.length) {
       const i = new Error(
         `No ${c.pluralLowerCase} selected for ${x === "copy" ? "copying" : "converting"}`
@@ -736,7 +736,7 @@ const In = ({
     try {
       const i = [];
       let r = 0;
-      const f = x === "copy" ? $ : S, A = x === "copy" ? "copy" : "convert";
+      const f = x === "copy" ? D : S, A = x === "copy" ? "copy" : "convert";
       for (const U of N)
         try {
           const ne = await f(U);
@@ -775,13 +775,13 @@ const In = ({
   }, [
     N,
     x,
-    $,
+    D,
     S,
     C,
     n,
     o,
     c
-  ]), M = P(() => {
+  ]), M = $(() => {
     y(""), j([]), F("copy"), t?.();
   }, [t]);
   ce(() => {
@@ -1008,7 +1008,7 @@ const In = ({
         )
       ] })
     ] }),
-    !h && /* @__PURE__ */ e.jsxs(Me, { spacing: 4, justifyContent: "flex-end", children: [
+    !h && /* @__PURE__ */ e.jsxs(Le, { spacing: 4, justifyContent: "flex-end", children: [
       /* @__PURE__ */ e.jsx(
         ee,
         {
@@ -1084,22 +1084,22 @@ const In = ({
         f.categories
       )
     };
-  }) : [], [w.data]), $ = T(() => J.filter(
+  }) : [], [w.data]), D = T(() => J.filter(
     (r) => y.includes(r.id)
-  ), [J, y]), S = P(
+  ), [J, y]), S = $(
     (r) => {
       const f = r?.value || "";
       L(f), I([]);
     },
     []
-  ), O = P(
+  ), O = $(
     (r) => {
       const f = r.map((A) => A.value);
       I(f);
     },
     []
-  ), M = P(async () => {
-    if (m(!0), !$.length) {
+  ), M = $(async () => {
+    if (m(!0), !D.length) {
       m(!1);
       const r = new Error(
         `No modules selected for ${l === "convert" ? "converting" : "copying"}`
@@ -1110,62 +1110,62 @@ const In = ({
     try {
       const r = [];
       let f = 0;
-      for (const A of $)
+      for (const A of D)
         try {
           let U = A.moduleActions.map((ne) => ne.actionId);
           if (u) {
             const ne = A.moduleActions.map((K) => K.action), q = async (K) => {
               if (l === "copy") {
                 if (K.quantumOwned) return K;
-                const Ce = R(
+                const ve = R(
                   ke,
                   K.categories
-                ), De = R(
+                ), Pe = R(
                   Ye,
                   K.metadataGroups
                 ).map((he) => R(
                   He,
                   he.data
-                ).map((Ne) => Ne.id)).flat(), Oe = R(
+                ).map((Te) => Te.id)).flat(), Ie = R(
                   nt,
                   K.reports
                 ).map((he) => ({
                   ...he,
                   id: void 0,
                   thresholds: R(
-                    Le,
+                    Se,
                     he.thresholds
-                  ).map((Ne) => ({
-                    ...Ne,
+                  ).map((Te) => ({
+                    ...Te,
                     id: void 0
                   }))
-                })), Ae = R(
-                  Le,
+                })), Oe = R(
+                  Se,
                   K.thresholds
                 ).map((he) => ({
                   ...he,
                   id: void 0
-                })), Pe = {
+                })), $e = {
                   ...K,
                   quantumOwned: !0,
-                  thresholds: Ae,
-                  categories: Ce?.map((he) => he.id),
-                  reports: Oe,
-                  metadataIds: De,
+                  thresholds: Oe,
+                  categories: ve?.map((he) => he.id),
+                  reports: Ie,
+                  metadataIds: Pe,
                   id: void 0
-                }, Te = await W({ fields: Pe });
-                return Te.error || !Te.data?.createAction ? null : R(
+                }, Ae = await W({ fields: $e });
+                return Ae.error || !Ae.data?.createAction ? null : R(
                   fe,
-                  Te.data.createAction
+                  Ae.data.createAction
                 );
               }
               if (K.quantumOwned) return K;
-              const Ie = await N({
+              const Me = await N({
                 id: K.id
               });
-              return Ie.error || !Ie.data?.convertActionToQuantumOwned ? null : R(
+              return Me.error || !Me.data?.convertActionToQuantumOwned ? null : R(
                 fe,
-                Ie.data.convertActionToQuantumOwned
+                Me.data.convertActionToQuantumOwned
               );
             };
             U = (await Promise.all(
@@ -1215,7 +1215,7 @@ const In = ({
           ), f++;
         }
       if (r.length > 0) {
-        const A = r.length, U = $.length;
+        const A = r.length, U = D.length;
         C({
           title: f > 0 ? `Partial ${l === "convert" ? "convert" : "copy"} completed` : `${c.plural} ${l === "convert" ? "converted" : "copied"} successfully`,
           description: f > 0 ? `${A} of ${U} ${c.plural} ${l === "convert" ? "converted" : "copied"} successfully` : `${A} ${A > 1 ? c.plural : c.singular} ${l === "convert" ? "converted" : "copied"} successfully`,
@@ -1240,7 +1240,7 @@ const In = ({
       m(!1);
     }
   }, [
-    $,
+    D,
     _,
     B,
     C,
@@ -1251,15 +1251,15 @@ const In = ({
     N,
     l,
     c
-  ]), E = P(() => {
+  ]), E = $(() => {
     L(""), I([]), a("copy"), t?.();
   }, [t]);
   ce(() => {
     g && g({
       cancelButton: !1,
-      saveButton: $.length === 0 || j
+      saveButton: D.length === 0 || j
     });
-  }, [$.length, j, g]), ce(() => {
+  }, [D.length, j, g]), ce(() => {
     d && d({
       cancelButton: E,
       saveButton: M
@@ -1379,10 +1379,10 @@ const In = ({
         ] })
       ] })
     ] }),
-    $.length > 0 && /* @__PURE__ */ e.jsxs(re, { p: 4, bg: "gray.50", borderRadius: "md", children: [
-      /* @__PURE__ */ e.jsx(b, { fontWeight: "semibold", mb: 3, children: $.length === 1 ? `${c.singular} to ${l === "copy" ? "Copy" : "Convert"}` : `${$.length} ${c.plural} to ${l === "copy" ? "Copy" : "Convert"}` }),
+    D.length > 0 && /* @__PURE__ */ e.jsxs(re, { p: 4, bg: "gray.50", borderRadius: "md", children: [
+      /* @__PURE__ */ e.jsx(b, { fontWeight: "semibold", mb: 3, children: D.length === 1 ? `${c.singular} to ${l === "copy" ? "Copy" : "Convert"}` : `${D.length} ${c.plural} to ${l === "copy" ? "Copy" : "Convert"}` }),
       /* @__PURE__ */ e.jsxs(le, { align: "start", spacing: 3, children: [
-        $.map((r, f) => /* @__PURE__ */ e.jsxs(
+        D.map((r, f) => /* @__PURE__ */ e.jsxs(
           re,
           {
             w: "100%",
@@ -1430,7 +1430,7 @@ const In = ({
           },
           r.id
         )),
-        $.length > 1 && /* @__PURE__ */ e.jsx(
+        D.length > 1 && /* @__PURE__ */ e.jsx(
           re,
           {
             w: "100%",
@@ -1441,7 +1441,7 @@ const In = ({
             borderColor: "blue.200",
             children: /* @__PURE__ */ e.jsxs(b, { fontSize: "sm", fontWeight: "medium", color: "blue.800", children: [
               "Total: ",
-              $.length,
+              D.length,
               " ",
               c.pluralLowerCase,
               " will be",
@@ -1450,7 +1450,7 @@ const In = ({
             ] })
           }
         ),
-        u && $.filter((r) => r.moduleActions.some((f) => !f.action.quantumOwned)).length > 0 && /* @__PURE__ */ e.jsx(
+        u && D.filter((r) => r.moduleActions.some((f) => !f.action.quantumOwned)).length > 0 && /* @__PURE__ */ e.jsx(
           re,
           {
             p: 2,
@@ -1463,7 +1463,7 @@ const In = ({
         )
       ] })
     ] }),
-    !h && /* @__PURE__ */ e.jsxs(Me, { spacing: 4, justifyContent: "flex-end", children: [
+    !h && /* @__PURE__ */ e.jsxs(Le, { spacing: 4, justifyContent: "flex-end", children: [
       /* @__PURE__ */ e.jsx(
         ee,
         {
@@ -1478,13 +1478,13 @@ const In = ({
         {
           colorScheme: l === "copy" ? "blue" : "green",
           onClick: M,
-          isDisabled: $.length === 0 || j,
+          isDisabled: D.length === 0 || j,
           isLoading: j,
           loadingText: `${l === "copy" ? "Copying" : "Converting"}...`,
           children: [
             l === "copy" ? "Copy" : "Convert",
             " ",
-            $.length === 1 ? c.singular : `${$.length} ${c.plural}`
+            D.length === 1 ? c.singular : `${D.length} ${c.plural}`
           ]
         }
       )
@@ -1516,17 +1516,17 @@ const In = ({
   })), [o, h]), y = T(() => o.reduce((a, v) => (a[v.id] = v, a), {}), [o]), I = T(
     () => h.map((a) => y[a]),
     [h, y]
-  ), j = P(
+  ), j = $(
     (a, v) => {
       g(v ? [...h, a.id] : h.filter((w) => w !== a.id));
     },
     [h, g]
-  ), m = P(
+  ), m = $(
     (a) => {
       t(a.target.value);
     },
     [t]
-  ), l = P(
+  ), l = $(
     (a) => {
       c?.(a.target.value);
     },
@@ -1609,7 +1609,7 @@ const In = ({
         " Name"
       ] }),
       /* @__PURE__ */ e.jsx(
-        Se,
+        we,
         {
           placeholder: "i.e. ACL RTP Test Battery",
           value: n,
@@ -1673,7 +1673,7 @@ const In = ({
         ] })
       ] }) }),
       /* @__PURE__ */ e.jsx(
-        Se,
+        we,
         {
           placeholder: "i.e. Assess readiness to return to play post-ACL reconstruction",
           value: n,
@@ -1703,47 +1703,39 @@ const In = ({
       [n]
     );
     return /* @__PURE__ */ e.jsxs(X, { mb: 4, children: [
-      /* @__PURE__ */ e.jsxs(
-        oe,
-        {
-          justifyContent: "space-between",
-          className: ve(g && "hidden"),
-          children: [
-            /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs("span", { children: [
-              d.actionPlural,
-              /* @__PURE__ */ e.jsxs(b, { fontSize: "sm", color: "gray.500", children: [
-                "Drag and drop to reorder the ",
-                d.actionPluralLowerCase,
-                " in this ",
-                d.moduleLowerCase,
-                "."
-              ] })
-            ] }) }),
-            /* @__PURE__ */ e.jsxs(
-              ee,
-              {
-                size: "sm",
-                variant: "solid",
-                colorScheme: "blue",
-                onClick: o,
-                isDisabled: g,
-                children: [
-                  "Add / Remove ",
-                  d.actionPlural
-                ]
-              }
-            )
-          ]
-        }
-      ),
-      u.length === 0 ? /* @__PURE__ */ e.jsx(le, { className: ve(g && "hidden"), children: /* @__PURE__ */ e.jsxs(b, { color: "gray.500", fontSize: "lg", mb: "4rem", mt: "4rem", children: [
+      /* @__PURE__ */ e.jsxs(oe, { justifyContent: "space-between", children: [
+        /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs("span", { children: [
+          d.actionPlural,
+          /* @__PURE__ */ e.jsxs(b, { fontSize: "sm", color: "gray.500", children: [
+            "Drag and drop to reorder the ",
+            d.actionPluralLowerCase,
+            " in this ",
+            d.moduleLowerCase,
+            "."
+          ] })
+        ] }) }),
+        !g && /* @__PURE__ */ e.jsxs(
+          ee,
+          {
+            size: "sm",
+            variant: "solid",
+            colorScheme: "blue",
+            onClick: o,
+            children: [
+              "Add / Remove ",
+              d.actionPlural
+            ]
+          }
+        )
+      ] }),
+      u.length === 0 ? /* @__PURE__ */ e.jsx(le, { children: /* @__PURE__ */ e.jsxs(b, { color: "gray.500", fontSize: "lg", mb: "4rem", mt: "4rem", children: [
         "No ",
         d.actionPluralLowerCase,
         " selected for this",
         " ",
         d.moduleLowerCase,
         ".",
-        /* @__PURE__ */ e.jsxs(
+        !g && /* @__PURE__ */ e.jsxs(
           ee,
           {
             ml: "0.5em",
@@ -1784,7 +1776,7 @@ const In = ({
   const s = T(() => [...n].sort((L, y) => {
     const I = mt.indexOf(L.plane), j = mt.indexOf(y.plane);
     return I - j;
-  }), [n]), c = P((L) => "segment" in L.id ? Rt(L.id.segment, L.plane, !0) ?? "Unknown" : kt(L.id.joint, L.plane, !0) ?? "Unknown", []), x = P(
+  }), [n]), c = $((L) => "segment" in L.id ? Rt(L.id.segment, L.plane, !0) ?? "Unknown" : kt(L.id.joint, L.plane, !0) ?? "Unknown", []), x = $(
     (L, y) => {
       const I = s.findIndex(
         (m) => m.id === y.id && m.plane === y.plane
@@ -1797,7 +1789,7 @@ const In = ({
       }))), t(j);
     },
     [t, s, o, u]
-  ), F = P(
+  ), F = $(
     (L) => {
       const y = s.filter(
         (I) => I.id !== L.id || I.plane !== L.plane
@@ -1828,7 +1820,7 @@ const In = ({
   disableKind: d,
   isDisabled: u
 }) => {
-  const C = P(
+  const C = $(
     (x) => "joint" in t.id ? wn(
       t.id.joint,
       t.plane,
@@ -1966,13 +1958,13 @@ const In = ({
     })).filter((l) => l.options.length > 0);
   }, [F, t, d]), y = T(() => F.flatMap((l) => l.options).filter(
     (l) => t.some((a) => ze(a.id, l.value) && a.plane === l.plane)
-  ), [F, t]), I = P((m, l) => {
+  ), [F, t]), I = $((m, l) => {
     if (!l) return !0;
     const a = l.toLowerCase().replace(/\s+|_/g, ""), v = m.data;
     return !v || !v.searchTokens ? !1 : v.searchTokens.some(
       (w) => w.includes(a)
     );
-  }, []), j = P(
+  }, []), j = $(
     (m) => {
       const l = m.map((a) => {
         const v = t.find(
@@ -2097,11 +2089,11 @@ const In = ({
     if (!p) return null;
     const k = R(nt, p.reports).map((G) => ({
       ...G,
-      thresholds: R(Le, G.thresholds)
+      thresholds: R(Se, G.thresholds)
     }));
     return {
       ...p,
-      thresholds: R(Le, p.thresholds),
+      thresholds: R(Se, p.thresholds),
       reports: k
     };
   }, [I]), m = x || L, l = !!j && !!n, { getLabel: a } = xe(), v = T(() => ({
@@ -2112,7 +2104,7 @@ const In = ({
     { key: "session_type", label: "Session Type", multi: !0 },
     { key: "body_region", label: "Body Region", multi: !0 },
     { key: "sport", label: "Sport", multi: !0 }
-  ], [v.action]), [_, B] = z(""), [W, N] = z(""), [Z, J] = z(""), [$, S] = z(""), [O, M] = z([]), [E, te] = z({}), [Q, ie] = z(null), [i, r] = z([]), [f, A] = z([]), [U, ne] = z(""), [q, Y] = z([]), K = sn(), Ie = T(() => K.filter((p) => p.sensorOnly), [K]), Ce = T(() => {
+  ], [v.action]), [_, B] = z(""), [W, N] = z(""), [Z, J] = z(""), [D, S] = z(""), [O, M] = z([]), [E, te] = z({}), [Q, ie] = z(null), [i, r] = z([]), [f, A] = z([]), [U, ne] = z(""), [q, Y] = z([]), K = sn(), Me = T(() => K.filter((p) => p.sensorOnly), [K]), ve = T(() => {
     const p = [
       { label: "General Activity", value: se.GeneralActivity },
       {
@@ -2122,18 +2114,18 @@ const In = ({
       { label: "Point of Interest", value: se.PointOfInterest },
       { label: "Range", value: se.Range },
       { label: "Stability Balance", value: se.StabilityBalance }
-    ], D = q.map((k) => k.kind);
+    ], P = q.map((k) => k.kind);
     return p.filter(
-      (k) => !D.includes(k.value)
+      (k) => !P.includes(k.value)
     );
-  }, [q]), Fe = _.length > 0, [De, st] = z({});
+  }, [q]), Fe = _.length > 0, [Pe, st] = z({});
   ce(() => {
     const p = w.map(
-      (D) => c.query(pn, { key: D.key })
+      (P) => c.query(pn, { key: P.key })
     );
-    Promise.all(p).then((D) => {
+    Promise.all(p).then((P) => {
       const k = {};
-      D.forEach((G) => {
+      P.forEach((G) => {
         if (G.error || !G.data) return;
         const H = R(
           Ye,
@@ -2151,7 +2143,7 @@ const In = ({
     });
   }, [c, w]), ce(() => {
     if (j) {
-      const D = R(
+      const P = R(
         Ye,
         j.metadataGroups
       ).map(
@@ -2169,7 +2161,7 @@ const In = ({
           max: V.max,
           plane: V.partDimension,
           oldId: V.id,
-          sensorOnly: Ie.some((ue) => {
+          sensorOnly: Me.some((ue) => {
             const Ze = ue.id[V.partKind];
             return Ze ? Ze === V.partId && ue.plane === V.partDimension : !1;
           })
@@ -2180,36 +2172,36 @@ const In = ({
         description: j.description || "",
         cameraPlacement: j.cameraPlacement || "",
         videoLink: j.videoLink || "",
-        metadataIds: D.flat(),
+        metadataIds: P.flat(),
         reports: k
       };
       B(G.name), N(G.description), J(G.cameraPlacement), S(G.videoLink), M(G.metadataIds), Y(k), st(G);
     }
   }, [j]);
-  const Oe = T(
-    () => JSON.stringify(De) !== JSON.stringify({
+  const Ie = T(
+    () => JSON.stringify(Pe) !== JSON.stringify({
       name: _,
       description: W,
       cameraPlacement: Z,
-      videoLink: $,
+      videoLink: D,
       metadataIds: O,
       reports: q
     }),
     [
-      De,
+      Pe,
       _,
       W,
       Z,
-      $,
+      D,
       O,
       q
     ]
-  ), Ae = P(() => {
+  ), Oe = $(() => {
     const p = {
       name: _,
       description: W,
       cameraPlacement: Z,
-      videoLink: $,
+      videoLink: D,
       metadataItemIds: O,
       // Backend requires laterality; keep existing default since UI no longer edits it
       laterality: Mn.Either,
@@ -2235,13 +2227,13 @@ const In = ({
         }))
       }))
     };
-    let D;
-    l && n ? D = y({
+    let P;
+    l && n ? P = y({
       id: n,
       fields: p
-    }) : D = F({
+    }) : P = F({
       fields: p
-    }), D.then(({ error: k }) => {
+    }), P.then(({ error: k }) => {
       k ? t(k) : h();
     });
   }, [
@@ -2252,7 +2244,7 @@ const In = ({
     _,
     W,
     Z,
-    $,
+    D,
     O,
     q,
     l,
@@ -2262,33 +2254,33 @@ const In = ({
   ce(() => {
     u && u({
       cancelButton: m,
-      saveButton: s ? !0 : m || !Fe || !Oe
+      saveButton: s ? !0 : m || !Fe || !Ie
     });
-  }, [m, u, Fe, Oe, s]), ce(() => {
+  }, [m, u, Fe, Ie, s]), ce(() => {
     d && d({
       cancelButton: o,
       saveButton: s ? () => {
-      } : Ae
+      } : Oe
     });
-  }, [d, o, Ae, s]);
-  const Pe = P(
+  }, [d, o, Oe, s]);
+  const $e = $(
     (p) => {
-      const D = ht(
+      const P = ht(
         p.map(
           (k) => "joint" in k.id ? k.id.joint : k.id.segment
         )
       );
-      A(D);
+      A(P);
     },
     []
   );
   ce(() => {
-    Pe(i);
-  }, [i, Pe]);
-  const Te = P(() => {
+    $e(i);
+  }, [i, $e]);
+  const Ae = $(() => {
     if (!Q)
       return;
-    const p = Q === se.PointOfInterest, D = {
+    const p = Q === se.PointOfInterest, P = {
       id: Date.now().toString(),
       // Temporary ID
       kind: Q,
@@ -2297,23 +2289,23 @@ const In = ({
       instructions: p ? U : "",
       isNew: !0
     };
-    Y((k) => [...k, D]), ie(null), r([]), A([]), ne("");
+    Y((k) => [...k, P]), ie(null), r([]), A([]), ne("");
   }, [
     Q,
     i,
     f,
     U
-  ]), he = P((p) => {
-    Y((D) => D.filter((k) => k.id !== p));
-  }, []), Ne = (p, D) => {
+  ]), he = $((p) => {
+    Y((P) => P.filter((k) => k.id !== p));
+  }, []), Te = (p, P) => {
     const k = w.find((H) => H.key === p);
     if (!k) return;
-    const G = k.multi ? (D ?? []).map(
+    const G = k.multi ? (P ?? []).map(
       (H) => H.id
-    ) : D ? [D.id] : [];
-    M((H) => [...H.filter((ue) => Object.values(E).flat().find(($e) => $e.id === ue) && !Object.keys(E).find(
-      ($e) => E[$e]?.some(
-        (Dt) => Dt.id === ue && $e === p
+    ) : P ? [P.id] : [];
+    M((H) => [...H.filter((ue) => Object.values(E).flat().find((De) => De.id === ue) && !Object.keys(E).find(
+      (De) => E[De]?.some(
+        (Pt) => Pt.id === ue && De === p
       )
     )), ...G]);
   };
@@ -2329,7 +2321,7 @@ const In = ({
             /* @__PURE__ */ e.jsxs(X, { children: [
               /* @__PURE__ */ e.jsx(de, { children: "Name" }),
               /* @__PURE__ */ e.jsx(
-                Se,
+                we,
                 {
                   value: _,
                   onChange: (p) => B(p.target.value),
@@ -2355,9 +2347,9 @@ const In = ({
             /* @__PURE__ */ e.jsxs(X, { children: [
               /* @__PURE__ */ e.jsx(de, { children: "Video Link" }),
               /* @__PURE__ */ e.jsx(
-                Se,
+                we,
                 {
-                  value: $,
+                  value: D,
                   onChange: (p) => S(p.target.value),
                   type: "url",
                   placeholder: "(optional) https://...",
@@ -2388,10 +2380,10 @@ const In = ({
                 {
                   isMulti: p.multi,
                   value: E[p.key]?.filter(
-                    (D) => O.includes(D.id)
+                    (P) => O.includes(P.id)
                   ),
-                  onChange: (D) => {
-                    Ne(p.key, D);
+                  onChange: (P) => {
+                    Te(p.key, P);
                   },
                   options: E[p.key],
                   placeholder: `Select ${p.multi ? "one or more" : "one"} ${p.label.toLowerCase()}`,
@@ -2405,23 +2397,23 @@ const In = ({
         /* @__PURE__ */ e.jsx(dt, { px: 0, children: /* @__PURE__ */ e.jsxs(
           "div",
           {
-            className: ve(
+            className: Ne(
               "grid grid-cols-1 gap-6",
               !s && "md:grid-cols-2"
             ),
             children: [
-              /* @__PURE__ */ e.jsxs("div", { className: ve("space-y-4", s && "hidden"), children: [
+              /* @__PURE__ */ e.jsxs("div", { className: Ne("space-y-4", s && "hidden"), children: [
                 /* @__PURE__ */ e.jsx(de, { children: "Add New Report" }),
                 /* @__PURE__ */ e.jsxs(X, { children: [
                   /* @__PURE__ */ e.jsx(de, { children: "Report Kind" }),
-                  Ce.length === 0 ? /* @__PURE__ */ e.jsx(b, { fontSize: "sm", color: "gray.500", p: 2, children: "All report kinds have been used. Remove an existing report to add a new one." }) : /* @__PURE__ */ e.jsx(
+                  ve.length === 0 ? /* @__PURE__ */ e.jsx(b, { fontSize: "sm", color: "gray.500", p: 2, children: "All report kinds have been used. Remove an existing report to add a new one." }) : /* @__PURE__ */ e.jsx(
                     ge,
                     {
-                      value: Q ? Ce.find(
+                      value: Q ? ve.find(
                         (p) => p.value === Q
                       ) : null,
                       onChange: (p) => ie(p?.value || null),
-                      options: Ce,
+                      options: ve,
                       placeholder: "Select report kind...",
                       isDisabled: s,
                       isClearable: !0
@@ -2444,7 +2436,7 @@ const In = ({
                   /* @__PURE__ */ e.jsxs(X, { children: [
                     /* @__PURE__ */ e.jsx(de, { children: "Suggested Sensor Locations" }),
                     /* @__PURE__ */ e.jsx(
-                      Se,
+                      we,
                       {
                         value: f.map(
                           (p) => gt(p)
@@ -2472,8 +2464,8 @@ const In = ({
                   ee,
                   {
                     colorScheme: "blue",
-                    onClick: Te,
-                    isDisabled: !Q || s || Ce.length === 0 || Q !== se.PointOfInterest && i.length === 0,
+                    onClick: Ae,
+                    isDisabled: !Q || s || ve.length === 0 || Q !== se.PointOfInterest && i.length === 0,
                     children: "Add Report"
                   }
                 ) })
@@ -2504,9 +2496,9 @@ const In = ({
                           Ee,
                           {
                             value: p.instructions,
-                            onChange: (D) => Y(
+                            onChange: (P) => Y(
                               (k) => k.map(
-                                (G) => G.id === p.id ? { ...G, instructions: D.target.value } : G
+                                (G) => G.id === p.id ? { ...G, instructions: P.target.value } : G
                               )
                             ),
                             rows: 3,
@@ -2520,13 +2512,13 @@ const In = ({
                         {
                           options: K,
                           value: p.parameters,
-                          onChange: (D) => {
-                            const k = D.map(
+                          onChange: (P) => {
+                            const k = P.map(
                               (H) => H.id.joint ?? H.id.segment
                             ), G = ht(k);
                             Y(
                               (H) => H.map(
-                                (V) => V.id === p.id ? { ...V, parameters: D, sensorLocations: G } : V
+                                (V) => V.id === p.id ? { ...V, parameters: P, sensorLocations: G } : V
                               )
                             );
                           },
@@ -2537,7 +2529,7 @@ const In = ({
                         "Sensors:",
                         " ",
                         p.sensorLocations.map(
-                          (D) => gt(D)
+                          (P) => gt(P)
                         ).join(", ")
                       ] })
                     ]
@@ -2554,16 +2546,16 @@ const In = ({
       oe,
       {
         justify: "end",
-        className: ve((g || s) && "!hidden"),
-        children: /* @__PURE__ */ e.jsxs(Me, { gap: 4, children: [
+        className: Ne((g || s) && "!hidden"),
+        children: /* @__PURE__ */ e.jsxs(Le, { gap: 4, children: [
           /* @__PURE__ */ e.jsx(ee, { colorScheme: "gray", isDisabled: m, onClick: o, children: "Cancel" }),
           /* @__PURE__ */ e.jsx(
             ee,
             {
               colorScheme: "blue",
-              isDisabled: m || !Fe || !Oe,
+              isDisabled: m || !Fe || !Ie,
               isLoading: m,
-              onClick: Ae,
+              onClick: Oe,
               children: "Save changes"
             }
           )
@@ -2601,15 +2593,15 @@ const In = ({
     d ? c?.quantumOwnedActions : c?.actions
   ) ?? [], a = R(Be, x?.module), v = T(() => R(Nt, a?.moduleActions) ?? [], [a?.moduleActions]), [w, _] = z([
     ...v.map((O) => O.actionId) ?? []
-  ]), [B, W] = z(a?.name ?? ""), [N, Z] = z([]), [J, $] = z(a?.description ?? "");
+  ]), [B, W] = z(a?.name ?? ""), [N, Z] = z([]), [J, D] = z(a?.description ?? "");
   ce(() => {
-    a && (_(v.map((O) => O.actionId)), W(a.name), $(a.description ?? ""), Z(
+    a && (_(v.map((O) => O.actionId)), W(a.name), D(a.description ?? ""), Z(
       a.categories.map(
         (O) => R(ke, O).id
       ) ?? []
     ));
   }, [a, v]);
-  const S = P(() => {
+  const S = $(() => {
     let O;
     const M = {
       actions: w,
@@ -2661,10 +2653,10 @@ const In = ({
         selectedCategoryIds: N,
         setSelectedCategoryIds: Z,
         description: J,
-        setDescription: $
+        setDescription: D
       }
     ),
-    !g && !s && /* @__PURE__ */ e.jsx(oe, { justifyContent: "flex-start", children: /* @__PURE__ */ e.jsxs(Me, { mt: 16, gap: 4, children: [
+    !g && !s && /* @__PURE__ */ e.jsx(oe, { justifyContent: "flex-start", children: /* @__PURE__ */ e.jsxs(Le, { mt: 16, gap: 4, children: [
       /* @__PURE__ */ e.jsx(
         ee,
         {