quantum-component-library 1.4.47-dev.8 → 1.4.47-qa

package/dist/components.js

@@ -1,5 +1,5 @@
 import { j as e } from "./react-jsx-runtime-vendor-OVHDjVDe.js";
-import { Flex as he, InputGroup as Fe, InputLeftElement as ct, Icon as Ue, Input as je, FormLabel as Be, Box as X, TableContainer as qe, Table as He, Thead as Ye, Tr as Se, Th as ue, Tbody as Je, Td as ge, ButtonGroup as xe, Tooltip as Le, Button as Y, RangeSlider as dt, RangeSliderMark as Ne, Text as x, RangeSliderTrack as ut, RangeSliderFilledTrack as ht, RangeSliderThumb as ke, Select as Re, NumberInput as Ee, NumberInputField as ze, HStack as te, Tag as fe, Checkbox as mt, Image as pt, useToast as Xe, VStack as ee, FormControl as q, RadioGroup as Ke, Radio as Ae, Alert as Te, AlertIcon as Me, Spinner as Ze, useDisclosure as gt, Modal as xt, ModalOverlay as jt, ModalContent as ft, ModalHeader as vt, ModalCloseButton as yt, ModalBody as bt, ModalFooter as Ct, IconButton as wt, Textarea as $e } from "@chakra-ui/react";
+import { Flex as he, InputGroup as Fe, InputLeftElement as ct, Icon as Ue, Input as je, FormLabel as Be, Box as Y, TableContainer as qe, Table as He, Thead as Ye, Tr as Se, Th as ue, Tbody as Je, Td as ge, ButtonGroup as xe, Tooltip as Le, Button as J, RangeSlider as dt, RangeSliderMark as Ne, Text as x, RangeSliderTrack as ut, RangeSliderFilledTrack as ht, RangeSliderThumb as ke, Select as Re, NumberInput as Ee, NumberInputField as ze, HStack as te, Tag as fe, Checkbox as mt, Image as pt, useToast as Xe, VStack as ee, FormControl as q, RadioGroup as Ke, Radio as Ae, Alert as Te, AlertIcon as Me, Spinner as Ze, useDisclosure as gt, Modal as xt, ModalOverlay as jt, ModalContent as ft, ModalHeader as vt, ModalCloseButton as yt, ModalBody as bt, ModalFooter as Ct, IconButton as wt, Textarea as $e } from "@chakra-ui/react";
 import { useMemo as F, useState as P, useCallback as R, useRef as St, useEffect as ne, memo as Oe } from "react";
 import { u as At } from "./ufuzzy-vendor-Dl0ZI6Av.js";
 import { s as se } from "./react-select-vendor-BlY9Il4Q.js";
@@ -71,7 +71,7 @@ const Jt = ({
     },
     [n]
   );
-  return /* @__PURE__ */ e.jsx(X, { children: /* @__PURE__ */ e.jsx(Rt, { backend: Et, children: /* @__PURE__ */ e.jsx(qe, { children: /* @__PURE__ */ e.jsxs(He, { variant: "simple", size: "md", children: [
+  return /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(Rt, { backend: Et, children: /* @__PURE__ */ e.jsx(qe, { children: /* @__PURE__ */ e.jsxs(He, { variant: "simple", size: "md", children: [
     /* @__PURE__ */ e.jsx(Ye, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
       /* @__PURE__ */ e.jsx(ue, { children: "Order" }),
       /* @__PURE__ */ e.jsx(ue, { children: "Name" })
@@ -94,14 +94,14 @@ const Jt = ({
     collect: (h) => ({
       handlerId: h.getHandlerId()?.toString() ?? ""
     }),
-    hover: (h, S) => {
+    hover: (h, C) => {
       if (!l.current)
         return;
       const r = h.index, a = n;
       if (r === a)
         return;
-      const p = l.current?.getBoundingClientRect(), g = (p.bottom - p.top) / 2, C = S.getClientOffset().y - p.top;
-      r < a && C < g || r > a && C > g || (u(r, a), h.index = a);
+      const p = l.current?.getBoundingClientRect(), g = (p.bottom - p.top) / 2, w = C.getClientOffset().y - p.top;
+      r < a && w < g || r > a && w > g || (u(r, a), h.index = a);
     }
   }), [{ isDragging: o }, I] = $t({
     type: s,
@@ -133,7 +133,7 @@ const Jt = ({
       visibility: o.tooltip ? "visible" : "hidden",
       hasArrow: !0,
       children: /* @__PURE__ */ e.jsx(
-        Y,
+        J,
         {
           onClick: () => d(o) ? null : n(o, I),
           isDisabled: o.disabled,
@@ -159,7 +159,7 @@ const Jt = ({
   isDisabled: A,
   ...h
 }) => {
-  const [S, r] = P([void 0, void 0]), a = S[0], p = S[1], g = v && n < -5 && i > 5, y = Number(c?.[0] ?? p ?? n) > 0 ? 1 : -1, C = Number(c?.[1] ?? p ?? i) < 0 ? -1 : 1, G = j?.[0] === j?.[1], k = c?.[0], T = c?.[1];
+  const [C, r] = P([void 0, void 0]), a = C[0], p = C[1], g = v && n < -5 && i > 5, y = Number(c?.[0] ?? p ?? n) > 0 ? 1 : -1, w = Number(c?.[1] ?? p ?? i) < 0 ? -1 : 1, G = j?.[0] === j?.[1], k = c?.[0], T = c?.[1];
   ne(() => {
     k !== void 0 && T !== void 0 && r([k.toFixed(0), T.toFixed(0)]);
   }, [k, T, r]);
@@ -175,10 +175,10 @@ const Jt = ({
     [u]
   ), _ = R(() => {
     r(([b, z]) => {
-      const Z = isNaN(Number(b)) ? n : Number(b), t = isNaN(Number(z)) ? i : Number(z), m = ye(Number(Z), y), w = ye(Number(t), C), D = y < 0 ? Math.max(m, n) : Math.min(m, i), $ = C < 0 ? Math.max(w, n) : Math.min(w, i);
+      const Z = isNaN(Number(b)) ? n : Number(b), t = isNaN(Number(z)) ? i : Number(z), m = ye(Number(Z), y), S = ye(Number(t), w), D = y < 0 ? Math.max(m, n) : Math.min(m, i), $ = w < 0 ? Math.max(S, n) : Math.min(S, i);
       return D > $ ? (u([$, D]), [$.toFixed(0), D.toFixed(0)]) : (u([D, $]), [D.toFixed(0), $.toFixed(0)]);
     });
-  }, [u, r, y, C, n, i]), f = R(
+  }, [u, r, y, w, n, i]), f = R(
     (b) => {
       const z = b === "" || isNaN(Number(b)) ? b : ye(Number(b), y);
       r(([Z, t]) => [z.toString(), t]);
@@ -186,25 +186,25 @@ const Jt = ({
     [r, y]
   ), M = R(
     (b) => {
-      const z = b === "" || isNaN(Number(b)) ? b : ye(Number(b), C);
+      const z = b === "" || isNaN(Number(b)) ? b : ye(Number(b), w);
       r(([Z, t]) => [Z, z.toString()]);
     },
-    [r, C]
+    [r, w]
   ), L = F(
     () => d === "xs" ? "0.75rem" : void 0,
     [d]
-  ), J = R(
+  ), X = R(
     (b, z) => {
       const Z = Number(z.target.value);
       if (!a || !p || ![-1, 1].includes(Z))
         return;
-      const t = (D) => Z < 0 ? -1 * Math.abs(D) : Math.abs(D), m = b ? t(Number(a)) : Number(a), w = b ? Number(p) : t(Number(p));
-      m > w ? u([w, m]) : u([m, w]);
+      const t = (D) => Z < 0 ? -1 * Math.abs(D) : Math.abs(D), m = b ? t(Number(a)) : Number(a), S = b ? Number(p) : t(Number(p));
+      m > S ? u([S, m]) : u([m, S]);
     },
     [a, p, u]
   );
   return /* @__PURE__ */ e.jsxs(he, { direction: "column", ...h, children: [
-    /* @__PURE__ */ e.jsx(X, { pt: "1em", mb: "-0.5em", children: /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx(Y, { pt: "1em", mb: "-0.5em", children: /* @__PURE__ */ e.jsxs(
       dt,
       {
         "aria-label": ["min", "max"],
@@ -240,7 +240,7 @@ const Jt = ({
           g && /* @__PURE__ */ e.jsxs(Ne, { value: 0, top: "-1em", pos: "relative", children: [
             /* @__PURE__ */ e.jsx(x, { fontSize: d, fontWeight: "semibold", children: o?.(0) ?? "0" }),
             /* @__PURE__ */ e.jsx(
-              X,
+              Y,
               {
                 position: "absolute",
                 width: "2px",
@@ -299,7 +299,7 @@ const Jt = ({
               size: d,
               fontWeight: "bold",
               value: y,
-              onChange: (b) => J(!0, b),
+              onChange: (b) => X(!0, b),
               isDisabled: G || A,
               children: [
                 /* @__PURE__ */ e.jsx("option", { value: -1, children: j[0] }),
@@ -337,7 +337,7 @@ const Jt = ({
             {
               size: d ?? "sm",
               min: 0,
-              max: C < 0 ? Math.abs(k ?? n) : i,
+              max: w < 0 ? Math.abs(k ?? n) : i,
               precision: 0,
               value: p === "" ? "" : Math.abs(Number(p ?? i)),
               onChange: M,
@@ -363,8 +363,8 @@ const Jt = ({
               width: "auto",
               size: d,
               fontWeight: "bold",
-              value: C,
-              onChange: (b) => J(!1, b),
+              value: w,
+              onChange: (b) => X(!1, b),
               isDisabled: G || A,
               children: [
                 /* @__PURE__ */ e.jsx("option", { value: -1, children: j[0] }),
@@ -385,14 +385,22 @@ const Jt = ({
     label: "This activity is owned by Quantum",
     "aria-label": "Quantum owned",
     children: /* @__PURE__ */ e.jsx(
-      pt,
+      Y,
       {
-        src: n,
-        alt: "Quantum owned",
-        boxSize: "16px",
-        display: "inline-block",
-        ml: 2,
-        verticalAlign: "middle"
+        boxSize: "1.5em",
+        borderRadius: "full",
+        bg: "black",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        children: /* @__PURE__ */ e.jsx(
+          pt,
+          {
+            src: n,
+            boxSize: "1em",
+            alt: "Quantum-owned activity"
+          }
+        )
       }
     )
   }
@@ -407,7 +415,7 @@ const Jt = ({
     n.replace(/([A-Z])/g, " $1").trim()
   )
 ).join(", "), rn = (s, n) => !n || n.length == 0 ? s : s.filter(
-  (i) => i.useCases.some((c) => n.includes(c.id))
+  (i) => i.useCases?.some((c) => n.includes(c.id)) ?? !1
 ), ln = ({
   actions: s,
   totalActions: n,
@@ -422,11 +430,11 @@ const Jt = ({
   disableEdit: j,
   disableCreate: A,
   hideUseCase: h = !0,
-  tableProps: S,
+  tableProps: C,
   containerProps: r,
   quantumIconSrc: a = "/favicon.ico"
 }) => {
-  const [p, g] = P(""), [y, C] = P(), G = F(() => {
+  const [p, g] = P(""), [y, w] = P(), G = F(() => {
     if (!s)
       return;
     const f = sn(s, p);
@@ -444,11 +452,11 @@ const Jt = ({
     const f = s.filter((M) => M.selected);
     v(f.map((M) => M.id)), d && f.forEach((M) => d(M, !1));
   }, [s, v, d]), N = F(() => s.some((f) => f.selected && !f.quantumOwned), [s]), E = F(() => s.some((f) => f.selected), [s]), _ = F(() => s.some((f) => f.selected && f.quantumOwned), [s]);
-  return /* @__PURE__ */ e.jsxs(X, { ...r, children: [
+  return /* @__PURE__ */ e.jsxs(Y, { ...r, children: [
     /* @__PURE__ */ e.jsxs(he, { alignContent: "space-between", gap: 4, children: [
       (i || c || v) && /* @__PURE__ */ e.jsxs(xe, { mb: "1rem", gap: 4, children: [
         i && /* @__PURE__ */ e.jsx(
-          Y,
+          J,
           {
             isDisabled: !i || A,
             colorScheme: "blackAlpha",
@@ -461,8 +469,9 @@ const Jt = ({
           Le,
           {
             label: _ ? N ? "Quantum-owned activities are selected and will be skipped" : "Selected activities are quantum-owned and cannot be deleted" : void 0,
+            shouldWrapChildren: !0,
             children: /* @__PURE__ */ e.jsx(
-              Y,
+              J,
               {
                 colorScheme: "gray",
                 isDisabled: !N || !c || I,
@@ -473,7 +482,7 @@ const Jt = ({
           }
         ),
         v && !o && /* @__PURE__ */ e.jsx(
-          Y,
+          J,
           {
             colorScheme: "gray",
             isDisabled: !E,
@@ -487,12 +496,12 @@ const Jt = ({
         {
           setSearch: g,
           actions: s,
-          updateUseCases: C,
+          updateUseCases: w,
           hideUseCaseFilter: h
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsx(qe, { mr: "2rem", overflowX: "hidden", ...S, children: /* @__PURE__ */ e.jsxs(He, { size: "md", variant: "simple", children: [
+    /* @__PURE__ */ e.jsx(qe, { mr: "2rem", overflowX: "hidden", ...C, children: /* @__PURE__ */ e.jsxs(He, { size: "md", variant: "simple", children: [
       /* @__PURE__ */ e.jsx(Ye, { position: "sticky", top: 0, bg: "white", zIndex: 1, children: /* @__PURE__ */ e.jsxs(Se, { children: [
         /* @__PURE__ */ e.jsxs(ue, { fontWeight: "normal", children: [
           "(showing ",
@@ -523,11 +532,12 @@ const Jt = ({
                 mt,
                 {
                   isChecked: f.selected,
+                  "aria-label": "Select activity",
                   onChange: (M) => d(f, M.target.checked)
                 }
               ),
               (f.quantumOwned || !u) && l && /* @__PURE__ */ e.jsx(
-                Y,
+                J,
                 {
                   ml: "1em",
                   size: "sm",
@@ -538,9 +548,9 @@ const Jt = ({
                 }
               ),
               !f.quantumOwned && u && /* @__PURE__ */ e.jsx(
-                Y,
+                J,
                 {
-                  disabled: j,
+                  isDisabled: j,
                   ml: "1em",
                   size: "sm",
                   variant: "link",
@@ -583,14 +593,14 @@ const Jt = ({
   setButtonOnClick: l,
   quantumOwned: d
 }) => {
-  const v = Xe(), [o, I] = P("copy"), [j, A] = P(""), [h, S] = P([]), [r, a] = P(!1), [p] = le({
+  const v = Xe(), [o, I] = P("copy"), [j, A] = P(""), [h, C] = P([]), [r, a] = P(!1), [p] = le({
     query: Ve
   }), [g] = le({
     query: Ot,
     variables: { groupId: j },
     pause: !j
     // Only run when group is selected
-  }), [, y] = oe(De), [, C] = oe(
+  }), [, y] = oe(De), [, w] = oe(
     et
   ), G = F(() => p.data?.groups ? p.data.groups.map(
     (t) => U(tt, t)
@@ -601,13 +611,13 @@ const Jt = ({
   ), [k, h]), N = R(
     (t) => {
       const m = t?.value || "";
-      A(m), S([]);
+      A(m), C([]);
     },
     []
   ), E = R(
     (t) => {
-      const m = t.map((w) => w.value);
-      S(m);
+      const m = t.map((S) => S.value);
+      C(m);
     },
     []
   ), _ = R(
@@ -615,7 +625,7 @@ const Jt = ({
       const m = U(
         me,
         t.categories
-      ), w = {
+      ), S = {
         ...t,
         name: `${t.name} (Copy)`,
         // Add "(Copy)" suffix to distinguish
@@ -632,7 +642,7 @@ const Jt = ({
         categories: m?.map(($) => $.id),
         quantumOwned: d,
         id: void 0
-      }, D = await y({ fields: w });
+      }, D = await y({ fields: S });
       if (D.error)
         throw new Error(D.error.message);
       if (D.data?.createAction)
@@ -642,7 +652,7 @@ const Jt = ({
     [y, d]
   ), f = R(
     async (t) => {
-      const m = await C({ id: t.id });
+      const m = await w({ id: t.id });
       if (m.error)
         throw new Error(m.error.message);
       if (m.data?.convertActionToQuantumOwned)
@@ -652,7 +662,7 @@ const Jt = ({
         );
       throw new Error("No action data returned");
     },
-    [C]
+    [w]
   ), M = R(async () => {
     if (a(!0), !T.length) {
       const t = new Error(
@@ -664,10 +674,10 @@ const Jt = ({
     try {
       const t = [];
       let m = 0;
-      const w = o === "copy" ? _ : f, D = o === "copy" ? "copy" : "convert";
+      const S = o === "copy" ? _ : f, D = o === "copy" ? "copy" : "convert";
       for (const $ of T)
         try {
-          const Q = await w($);
+          const Q = await S($);
           t.push(Q);
         } catch (Q) {
           console.error(
@@ -683,18 +693,18 @@ const Jt = ({
           status: m > 0 ? "warning" : "success",
           duration: 3e3,
           isClosable: !0
-        }), s?.(), A(""), S([]);
+        }), s?.(), A(""), C([]);
       } else
         throw new Error(`Failed to ${D} any activities`);
     } catch (t) {
-      const m = o === "copy" ? "copy" : "convert", w = t instanceof Error ? t.message : `Failed to ${m} activities`;
+      const m = o === "copy" ? "copy" : "convert", S = t instanceof Error ? t.message : `Failed to ${m} activities`;
       v({
         title: `${o === "copy" ? "Copy" : "Convert"} failed`,
-        description: w,
+        description: S,
         status: "error",
         duration: 5e3,
         isClosable: !0
-      }), i?.(t instanceof Error ? t : new Error(w));
+      }), i?.(t instanceof Error ? t : new Error(S));
     } finally {
       a(!1);
     }
@@ -707,7 +717,7 @@ const Jt = ({
     s,
     i
   ]), L = R(() => {
-    A(""), S([]), I("copy"), n?.();
+    A(""), C([]), I("copy"), n?.();
   }, [n]);
   ne(() => {
     u && u({
@@ -720,7 +730,7 @@ const Jt = ({
       saveButton: M
     });
   }, [l, L, M]);
-  const J = F(() => G.map((t) => ({
+  const X = F(() => G.map((t) => ({
     value: t.id,
     label: t.name
   })), [G]), b = F(() => k.filter((t) => o === "copy" ? !0 : !t.quantumOwned).map((t) => ({
@@ -729,7 +739,7 @@ const Jt = ({
     // Add custom data to identify quantum-owned actions for UI display
     isQuantumOwned: t.quantumOwned
   })), [k, o]), z = p.fetching, Z = g.fetching;
-  return /* @__PURE__ */ e.jsx(X, { children: /* @__PURE__ */ e.jsxs(ee, { spacing: 6, align: "stretch", children: [
+  return /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsxs(ee, { spacing: 6, align: "stretch", children: [
     d && /* @__PURE__ */ e.jsxs(q, { children: [
       /* @__PURE__ */ e.jsx(re, { children: "Operation Mode" }),
       /* @__PURE__ */ e.jsx(
@@ -737,7 +747,7 @@ const Jt = ({
         {
           value: o,
           onChange: (t) => {
-            I(t), S([]);
+            I(t), C([]);
           },
           children: /* @__PURE__ */ e.jsxs(te, { spacing: 6, children: [
             /* @__PURE__ */ e.jsx(Ae, { value: "copy", colorScheme: "blue", children: /* @__PURE__ */ e.jsxs(ee, { align: "start", spacing: 1, children: [
@@ -758,8 +768,8 @@ const Jt = ({
         se,
         {
           placeholder: "Choose a group...",
-          options: J,
-          value: J.find((t) => t.value === j) || null,
+          options: X,
+          value: X.find((t) => t.value === j) || null,
           onChange: N,
           isLoading: z,
           isDisabled: z,
@@ -816,11 +826,11 @@ const Jt = ({
         ] })
       ] })
     ] }),
-    T.length > 0 && /* @__PURE__ */ e.jsxs(X, { p: 4, bg: "gray.50", borderRadius: "md", children: [
+    T.length > 0 && /* @__PURE__ */ e.jsxs(Y, { p: 4, bg: "gray.50", borderRadius: "md", children: [
       /* @__PURE__ */ e.jsx(x, { fontWeight: "semibold", mb: 3, children: T.length === 1 ? `Activity to ${o === "copy" ? "Copy" : "Convert"}:` : `${T.length} Activities to ${o === "copy" ? "Copy" : "Convert"}:` }),
       /* @__PURE__ */ e.jsxs(ee, { align: "start", spacing: 3, children: [
         T.map((t, m) => /* @__PURE__ */ e.jsxs(
-          X,
+          Y,
           {
             w: "100%",
             p: 3,
@@ -873,7 +883,7 @@ const Jt = ({
                     /* @__PURE__ */ e.jsxs(x, { children: [
                       /* @__PURE__ */ e.jsx("strong", { children: "Use Cases:" }),
                       " ",
-                      t.useCases.map((w) => w.name).join(", ") || "None"
+                      t.useCases.map((S) => S.name).join(", ") || "None"
                     ] })
                   ]
                 }
@@ -883,7 +893,7 @@ const Jt = ({
           t.id
         )),
         T.length > 1 && /* @__PURE__ */ e.jsx(
-          X,
+          Y,
           {
             w: "100%",
             p: 2,
@@ -904,7 +914,7 @@ const Jt = ({
     ] }),
     !c && /* @__PURE__ */ e.jsxs(xe, { spacing: 4, justifyContent: "flex-end", children: [
       /* @__PURE__ */ e.jsx(
-        Y,
+        J,
         {
           variant: "outline",
           onClick: L,
@@ -913,7 +923,7 @@ const Jt = ({
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        Y,
+        J,
         {
           colorScheme: o === "copy" ? "blue" : "green",
           onClick: M,
@@ -938,14 +948,14 @@ const Jt = ({
   setButtonOnClick: l,
   quantumOwned: d
 }) => {
-  const v = Xe(), [o, I] = P(""), [j, A] = P([]), [h, S] = P(!1), [r, a] = P("copy"), [p] = le({
+  const v = Xe(), [o, I] = P(""), [j, A] = P([]), [h, C] = P(!1), [r, a] = P("copy"), [p] = le({
     query: Ve
   }), [g] = le({
     query: It,
     variables: { groupId: o },
     pause: !o
     // Only run when group is selected
-  }), [, y] = oe(ot), [, C] = oe(st), [, G] = oe(De), [, k] = oe(
+  }), [, y] = oe(ot), [, w] = oe(st), [, G] = oe(De), [, k] = oe(
     et
   ), T = F(() => p.data?.groups ? p.data.groups.map(
     (t) => U(tt, t)
@@ -953,13 +963,13 @@ const Jt = ({
     Ce,
     g.data?.modules
   ).map((m) => {
-    const w = U(
+    const S = U(
       nt,
       m.moduleActions
     );
     return {
       ...m,
-      moduleActions: w.map((D) => ({
+      moduleActions: S.map((D) => ({
         ...D,
         action: U(ae, D.action)
       })),
@@ -978,13 +988,13 @@ const Jt = ({
     []
   ), f = R(
     (t) => {
-      const m = t.map((w) => w.value);
+      const m = t.map((S) => S.value);
       A(m);
     },
     []
   ), M = R(async () => {
-    if (S(!0), !E.length) {
-      S(!1);
+    if (C(!0), !E.length) {
+      C(!1);
       const t = new Error(
         `No modules selected for ${r === "convert" ? "converting" : "copying"}`
       );
@@ -994,11 +1004,11 @@ const Jt = ({
     try {
       const t = [];
       let m = 0;
-      for (const w of E)
+      for (const S of E)
         try {
-          let D = w.moduleActions.map(($) => $.actionId);
+          let D = S.moduleActions.map(($) => $.actionId);
           if (d) {
-            const $ = w.moduleActions.map((B) => B.action), Q = async (B) => {
+            const $ = S.moduleActions.map((B) => B.action), Q = async (B) => {
               if (r === "copy") {
                 if (B.quantumOwned) return B;
                 const Ie = U(
@@ -1034,13 +1044,13 @@ const Jt = ({
           }
           if (r === "convert") {
             const $ = {
-              name: w.name,
-              description: w.description || void 0,
+              name: S.name,
+              description: S.description || void 0,
               actions: D,
-              categories: w.categories.map((K) => K.id),
+              categories: S.categories.map((K) => K.id),
               quantumOwned: !0
-            }, Q = await C({
-              id: w.id,
+            }, Q = await w({
+              id: S.id,
               input: $
             });
             if (Q.error) throw new Error(Q.error.message);
@@ -1053,10 +1063,10 @@ const Jt = ({
             }
           } else {
             const $ = {
-              name: `${w.name} (Copy)`,
-              description: w.description || void 0,
+              name: `${S.name} (Copy)`,
+              description: S.description || void 0,
               actions: D,
-              categories: w.categories.map((K) => K.id),
+              categories: S.categories.map((K) => K.id),
               quantumOwned: d
             }, Q = await y({ input: $ });
             if (Q.error) throw new Error(Q.error.message);
@@ -1070,15 +1080,15 @@ const Jt = ({
           }
         } catch (D) {
           console.error(
-            `Failed to ${r === "convert" ? "convert" : "copy"} module "${w.name}":`,
+            `Failed to ${r === "convert" ? "convert" : "copy"} module "${S.name}":`,
             D
           ), m++;
         }
       if (t.length > 0) {
-        const w = t.length, D = E.length;
+        const S = t.length, D = E.length;
         v({
           title: m > 0 ? `Partial ${r === "convert" ? "convert" : "copy"} completed` : `Modules ${r === "convert" ? "converted" : "copied"} successfully`,
-          description: m > 0 ? `${w} of ${D} modules ${r === "convert" ? "converted" : "copied"} successfully` : `${w} module${w > 1 ? "s" : ""} ${r === "convert" ? "converted" : "copied"} successfully`,
+          description: m > 0 ? `${S} of ${D} modules ${r === "convert" ? "converted" : "copied"} successfully` : `${S} module${S > 1 ? "s" : ""} ${r === "convert" ? "converted" : "copied"} successfully`,
           status: m > 0 ? "warning" : "success",
           duration: 3e3,
           isClosable: !0
@@ -1097,12 +1107,12 @@ const Jt = ({
         isClosable: !0
       }), i?.(t instanceof Error ? t : new Error(m));
     } finally {
-      S(!1);
+      C(!1);
     }
   }, [
     E,
     y,
-    C,
+    w,
     v,
     s,
     i,
@@ -1124,7 +1134,7 @@ const Jt = ({
       saveButton: M
     });
   }, [l, L, M]);
-  const J = F(() => T.map((t) => ({
+  const X = F(() => T.map((t) => ({
     value: t.id,
     label: t.name
   })), [T]), b = F(() => N.filter((t) => r === "copy" ? !0 : !t.quantumOwned).map((t) => ({
@@ -1133,7 +1143,7 @@ const Jt = ({
     // Add custom data to identify quantum-owned modules
     isQuantumOwned: t.quantumOwned
   })), [N, r]), z = p.fetching, Z = g.fetching;
-  return /* @__PURE__ */ e.jsx(X, { children: /* @__PURE__ */ e.jsxs(ee, { spacing: 6, align: "stretch", children: [
+  return /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsxs(ee, { spacing: 6, align: "stretch", children: [
     d && /* @__PURE__ */ e.jsxs(q, { children: [
       /* @__PURE__ */ e.jsx(re, { children: "Operation Mode" }),
       /* @__PURE__ */ e.jsx(
@@ -1162,8 +1172,8 @@ const Jt = ({
         se,
         {
           placeholder: "Choose a group...",
-          options: J,
-          value: J.find((t) => t.value === o) || null,
+          options: X,
+          value: X.find((t) => t.value === o) || null,
           onChange: _,
           isLoading: z,
           isDisabled: z,
@@ -1216,11 +1226,11 @@ const Jt = ({
         ] })
       ] })
     ] }),
-    E.length > 0 && /* @__PURE__ */ e.jsxs(X, { p: 4, bg: "gray.50", borderRadius: "md", children: [
+    E.length > 0 && /* @__PURE__ */ e.jsxs(Y, { p: 4, bg: "gray.50", borderRadius: "md", children: [
       /* @__PURE__ */ e.jsx(x, { fontWeight: "semibold", mb: 3, children: E.length === 1 ? `Module to ${r === "copy" ? "Copy" : "Convert"}` : `${E.length} Modules to ${r === "copy" ? "Copy" : "Convert"}` }),
       /* @__PURE__ */ e.jsxs(ee, { align: "start", spacing: 3, children: [
         E.map((t, m) => /* @__PURE__ */ e.jsxs(
-          X,
+          Y,
           {
             w: "100%",
             p: 3,
@@ -1258,7 +1268,7 @@ const Jt = ({
                     /* @__PURE__ */ e.jsxs(x, { children: [
                       /* @__PURE__ */ e.jsx("strong", { children: "Categories:" }),
                       " ",
-                      t.categories.map((w) => w.name).join(", ") || "None"
+                      t.categories.map((S) => S.name).join(", ") || "None"
                     ] })
                   ]
                 }
@@ -1268,7 +1278,7 @@ const Jt = ({
           t.id
         )),
         E.length > 1 && /* @__PURE__ */ e.jsx(
-          X,
+          Y,
           {
             w: "100%",
             p: 2,
@@ -1286,7 +1296,7 @@ const Jt = ({
           }
         ),
         d && E.filter((t) => t.moduleActions.some((m) => !m.action.quantumOwned)).length > 0 && /* @__PURE__ */ e.jsx(
-          X,
+          Y,
           {
             p: 2,
             bg: "yellow.50",
@@ -1300,7 +1310,7 @@ const Jt = ({
     ] }),
     !c && /* @__PURE__ */ e.jsxs(xe, { spacing: 4, justifyContent: "flex-end", children: [
       /* @__PURE__ */ e.jsx(
-        Y,
+        J,
         {
           variant: "outline",
           onClick: L,
@@ -1309,7 +1319,7 @@ const Jt = ({
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        Y,
+        J,
         {
           colorScheme: r === "copy" ? "blue" : "green",
           onClick: M,
@@ -1341,12 +1351,12 @@ const Jt = ({
   const A = gt(), h = F(() => i.map((y) => ({
     ...y,
     selected: c.includes(y.id)
-  })), [i, c]), S = F(() => i.reduce((y, C) => (y[C.id] = C, y), {}), [i]), r = F(
-    () => c.map((y) => S[y]),
-    [h, c]
+  })), [i, c]), C = F(() => i.reduce((y, w) => (y[w.id] = w, y), {}), [i]), r = F(
+    () => c.map((y) => C[y]),
+    [c, C]
   ), a = R(
-    (y, C) => {
-      u(C ? [...c, y.id] : c.filter((G) => G !== y.id));
+    (y, w) => {
+      u(w ? [...c, y.id] : c.filter((G) => G !== y.id));
     },
     [c, u]
   ), p = R(
@@ -1360,7 +1370,7 @@ const Jt = ({
     },
     [I]
   );
-  return /* @__PURE__ */ e.jsxs(X, { ...j, children: [
+  return /* @__PURE__ */ e.jsxs(Y, { ...j, children: [
     /* @__PURE__ */ e.jsxs(te, { gap: "2rem", children: [
       /* @__PURE__ */ e.jsx(cn, { name: s ?? "", onInputChange: p }),
       /* @__PURE__ */ e.jsx(
@@ -1412,7 +1422,7 @@ const Jt = ({
               }
             ) }),
             /* @__PURE__ */ e.jsx(Ct, { children: /* @__PURE__ */ e.jsx(
-              Y,
+              J,
               {
                 colorScheme: "blue",
                 onClick: A.onClose,
@@ -1463,12 +1473,11 @@ const Jt = ({
         se,
         {
           isDisabled: s.length === 0,
-          isClearable: !0,
           options: u,
-          value: c.filter((l) => n.includes(l.id)).map((l) => ({
+          value: n.length === 0 ? { value: "other", label: "Other" } : c.filter((l) => n.includes(l.id)).map((l) => ({
             value: l.id,
             label: l.name
-          })),
+          }))[0],
           onChange: (l) => i(l ? [l.value] : []),
           placeholder: "Select category"
         }
@@ -1513,7 +1522,7 @@ const Jt = ({
           /* @__PURE__ */ e.jsx(x, { fontSize: "sm", color: "gray.500", children: "Drag and drop to reorder the activities in this module." })
         ] }) }),
         /* @__PURE__ */ e.jsx(
-          Y,
+          J,
           {
             size: "sm",
             variant: "solid",
@@ -1526,7 +1535,7 @@ const Jt = ({
       c.length === 0 ? /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(x, { color: "gray.500", fontSize: "lg", mb: "4rem", mt: "4rem", children: [
         "No activities selected for this module.",
         /* @__PURE__ */ e.jsx(
-          Y,
+          J,
           {
             ml: "0.5em",
             size: "sm",
@@ -1558,37 +1567,37 @@ const Jt = ({
   lockRanges: d,
   ...v
 }) => {
-  const o = F(() => [...s].sort((h, S) => {
-    const r = Ge.indexOf(h.plane), a = Ge.indexOf(S.plane);
+  const o = F(() => [...s].sort((h, C) => {
+    const r = Ge.indexOf(h.plane), a = Ge.indexOf(C.plane);
     return r - a;
   }), [s]), I = R((h) => "segment" in h.id ? it(h.id.segment, h.plane, !0) ?? "Unknown" : lt(h.id.joint, h.plane, !0) ?? "Unknown", []), j = R(
-    (h, S) => {
+    (h, C) => {
       const r = o.findIndex(
-        (p) => p.id === S.id && p.plane === S.plane
+        (p) => p.id === C.id && p.plane === C.plane
       );
       let a = [...o];
-      i && (S = { ...S, kind: i }), a[r] = S, d && (a = a.map((p) => ({
+      i && (C = { ...C, kind: i }), a[r] = C, d && (a = a.map((p) => ({
         ...p,
-        min: S.min,
-        max: S.max
+        min: C.min,
+        max: C.max
       }))), n(a);
     },
     [n, o, i, d]
   ), A = R(
     (h) => {
-      const S = o.filter(
+      const C = o.filter(
         (r) => r.id !== h.id || r.plane !== h.plane
       );
-      n(S);
+      n(C);
     },
     [n, o]
   );
-  return /* @__PURE__ */ e.jsx(ee, { alignItems: "flex-start", overflowY: "auto", ...v, children: o.map((h, S) => /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsx(ee, { alignItems: "flex-start", overflowY: "auto", ...v, children: o.map((h, C) => /* @__PURE__ */ e.jsx(
     pn,
     {
       label: I(h),
       parameter: h,
-      onChange: (r) => j(S, r),
+      onChange: (r) => j(C, r),
       onRemove: c || l ? void 0 : () => A(h),
       forceKind: i,
       disableKind: u || l,
@@ -1716,7 +1725,7 @@ const Jt = ({
     return A.filter(
       (p) => ve(p.value) === ve(a.id) && p.plane === a.plane
     );
-  }, [A, n, l]), S = F(
+  }, [A, n, l]), C = F(
     () => A.filter(
       (a) => n.some((p) => be(p.id, a.value) && p.plane === a.plane)
     ),
@@ -1726,11 +1735,11 @@ const Jt = ({
       const p = a.map((g) => {
         const y = n.find(
           (N) => be(N.id, g.value) && N.plane === g.plane
-        ), C = s.find(
+        ), w = s.find(
           (N) => be(N.id, g.value) && N.plane === g.plane
         ), G = l ? n.find(
           (N) => ve(N.id) === ve(g.value) && N.plane === g.plane
-        ) : void 0, k = G && !y ? G.min : C && C.min ? C.min : 0, T = G && !y ? G.max : C && C.max ? C.max : 0;
+        ) : void 0, k = G && !y ? G.min : w && w.min ? w.min : 0, T = G && !y ? G.max : w && w.max ? w.max : 0;
         return y ?? {
           id: g.value,
           plane: g.plane,
@@ -1748,14 +1757,14 @@ const Jt = ({
       (p) => s.some((g) => be(g.id, p.id) && g.plane === p.plane)
     );
     a.length !== n.length && i(a);
-  }, [s, i]), /* @__PURE__ */ e.jsxs(X, { ...I, children: [
+  }, [s, i]), /* @__PURE__ */ e.jsxs(Y, { ...I, children: [
     /* @__PURE__ */ e.jsx(
       se,
       {
         isMulti: !u,
         placeholder: n.length ? `${n.length} selected` : "Search...",
-        value: S,
-        isDisabled: d || S.length >= (j ?? 1 / 0),
+        value: C,
+        isDisabled: d || C.length >= (j ?? 1 / 0),
         onChange: (a) => Array.isArray(a) ? r([...a]) : r(a !== null ? [a] : []),
         options: h,
         controlShouldRenderValue: !1
@@ -1832,25 +1841,25 @@ const Jt = ({
   quantumOwned: v,
   isView: o
 }) => {
-  const [{ fetching: I }, j] = oe(De), [{ fetching: A }, h] = oe(Nt), [{ data: S }] = le({
+  const [{ fetching: I }, j] = oe(De), [{ fetching: A }, h] = oe(Nt), [{ data: C }] = le({
     query: Lt,
     variables: { id: s ?? "" },
     pause: !s
   }), r = U(
     ae,
-    S?.getActionById
-  ), a = I || A, p = !!r && !!s, [g, y] = P(""), [C, G] = P(""), [k, T] = P(""), [N, E] = P(""), [_, f] = P(), [M, L] = P([]), [J, b] = P([]), [z, Z] = P([]), t = F(
-    () => J.map((O) => O.value),
-    [J]
-  ), m = Yt(t), [{ data: w }] = le({
+    C?.getActionById
+  ), a = I || A, p = !!r && !!s, [g, y] = P(""), [w, G] = P(""), [k, T] = P(""), [N, E] = P(""), [_, f] = P(), [M, L] = P([]), [X, b] = P([]), [z, Z] = P([]), t = F(
+    () => X.map((O) => O.value),
+    [X]
+  ), m = Yt(t), [{ data: S }] = le({
     query: rt
   }), D = F(() => U(
     me,
-    w?.moduleCategories
+    S?.moduleCategories
   )?.map((H) => ({
     label: H.name,
     value: H.id
-  })), [w?.moduleCategories]), $ = F(
+  })), [S?.moduleCategories]), $ = F(
     () => Qe(Object.values(Pt), Pe),
     []
   ), [Q, K] = P([]), B = g.length > 0, [ce, Ie] = P({});
@@ -1882,7 +1891,7 @@ const Jt = ({
   const pe = F(
     () => JSON.stringify(ce) !== JSON.stringify({
       name: g,
-      description: C,
+      description: w,
       cameraPlacement: k,
       videoLink: N,
       activityType: _,
@@ -1895,7 +1904,7 @@ const Jt = ({
       ce,
       g,
       t,
-      C,
+      w,
       k,
       N,
       _,
@@ -1906,7 +1915,7 @@ const Jt = ({
   ), de = R(() => {
     const O = {
       name: g,
-      description: C,
+      description: w,
       cameraPlacement: k,
       videoLink: N,
       activityType: _,
@@ -1935,7 +1944,7 @@ const Jt = ({
     s,
     g,
     t,
-    C,
+    w,
     k,
     N,
     _,
@@ -2024,7 +2033,7 @@ const Jt = ({
         /* @__PURE__ */ e.jsx(
           $e,
           {
-            value: C,
+            value: w,
             onChange: (O) => G(O.target.value),
             rows: 2,
             placeholder: "(optional) Describe how to perform the test or exercise",
@@ -2076,10 +2085,10 @@ const Jt = ({
           se,
           {
             isMulti: !0,
-            value: J,
+            value: X,
             onChange: (O) => b([...O]),
             options: fn,
-            isOptionDisabled: () => J.length >= xn,
+            isOptionDisabled: () => X.length >= xn,
             isDisabled: o
           }
         )
@@ -2105,9 +2114,9 @@ const Jt = ({
           (u || o) && "hidden"
         ),
         children: /* @__PURE__ */ e.jsxs(xe, { mt: 16, gap: 4, children: [
-          /* @__PURE__ */ e.jsx(Y, { colorScheme: "gray", isDisabled: a, onClick: i, children: "Cancel" }),
+          /* @__PURE__ */ e.jsx(J, { colorScheme: "gray", isDisabled: a, onClick: i, children: "Cancel" }),
           /* @__PURE__ */ e.jsx(
-            Y,
+            J,
             {
               colorScheme: "blue",
               isDisabled: a || !B || !pe,
@@ -2141,10 +2150,10 @@ const Jt = ({
   }), A = U(
     me,
     j?.moduleCategories
-  ), [{ fetching: h }, S] = oe(st), [{ fetching: r }, a] = oe(ot), p = U(
+  ), [{ fetching: h }, C] = oe(st), [{ fetching: r }, a] = oe(ot), p = U(
     ae,
     l ? o?.quantumOwnedActions : o?.actions
-  ) ?? [], g = U(Ce, I?.module), y = U(nt, g?.moduleActions) ?? [], [C, G] = P([
+  ) ?? [], g = U(Ce, I?.module), y = U(nt, g?.moduleActions) ?? [], [w, G] = P([
     ...y.map((L) => L.actionId) ?? []
   ]), [k, T] = P(g?.name ?? ""), [N, E] = P([]), [_, f] = P(g?.description ?? "");
   ne(() => {
@@ -2156,50 +2165,51 @@ const Jt = ({
   }, [g, y]);
   const M = R(() => {
     let L;
-    const J = {
-      actions: C,
+    const X = {
+      actions: w,
       name: k,
       categories: N.filter((b) => b !== "other"),
       description: _,
       quantumOwned: l
     };
-    g ? L = S({
+    g ? L = C({
       id: g.id,
-      input: J
+      input: X
     }) : L = a({
-      input: J
+      input: X
     }), L.then(({ error: b }) => {
       b ? c(b) : i();
     });
   }, [
     a,
-    S,
     C,
+    w,
     k,
     _,
     N,
     g,
     i,
-    c
+    c,
+    l
   ]);
   return ne(() => {
     v && v({
       cancelButton: h || r,
       saveButton: h || r || !k || _.trim().split(/\s+/).filter(Boolean).length > 40
     });
-  }, [v, h, r, C, k, _]), ne(() => {
+  }, [v, h, r, w, k, _]), ne(() => {
     d && d({
       cancelButton: n,
       saveButton: M
     });
-  }, [d, n, M]), /* @__PURE__ */ e.jsxs(X, { width: "100%", children: [
+  }, [d, n, M]), /* @__PURE__ */ e.jsxs(Y, { width: "100%", children: [
     /* @__PURE__ */ e.jsx(
       an,
       {
         name: k,
         setName: T,
         actions: p,
-        selectedActionIds: C,
+        selectedActionIds: w,
         setSelectedActionIds: G,
         availableCategories: A ?? [],
         selectedCategoryIds: N,
@@ -2210,7 +2220,7 @@ const Jt = ({
     ),
     !u && /* @__PURE__ */ e.jsx(te, { justifyContent: "flex-start", children: /* @__PURE__ */ e.jsxs(xe, { mt: 16, gap: 4, children: [
       /* @__PURE__ */ e.jsx(
-        Y,
+        J,
         {
           colorScheme: "gray",
           isDisabled: h || r,
@@ -2219,7 +2229,7 @@ const Jt = ({
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Y,
+        J,
         {
           colorScheme: "blue",
           isDisabled: h || r || !k || _.trim().split(/\s+/).filter(Boolean).length > 40,