quantum-component-library 0.0.1 → 1.0.0-alpha.0

package/dist/components.js

@@ -0,0 +1,2078 @@
+import { j as e, u as ls } from "./vendor-DvX9OX-j.js";
+import { Flex as le, InputGroup as Pe, InputLeftElement as as, Icon as We, Input as ye, FormLabel as $e, Box as B, TableContainer as Qe, Table as qe, Thead as He, Tr as Ce, Th as ie, Tbody as Ye, Td as re, ButtonGroup as ce, Tooltip as Je, Button as $, RangeSlider as cs, RangeSliderMark as Ae, Text as M, RangeSliderTrack as ds, RangeSliderFilledTrack as us, RangeSliderThumb as _e, Select as ze, NumberInput as Ue, NumberInputField as Ge, HStack as K, Tag as de, Checkbox as hs, useToast as Ke, VStack as V, FormControl as G, Alert as be, AlertIcon as ve, Spinner as Xe, useDisclosure as ms, Modal as gs, ModalOverlay as ps, ModalContent as xs, ModalHeader as fs, ModalCloseButton as js, ModalBody as bs, ModalFooter as vs, IconButton as ys, Textarea as Ie } from "@chakra-ui/react";
+import { useMemo as D, useState as F, useCallback as O, useRef as Cs, useEffect as Y, memo as Se } from "react";
+import { d as Ze } from "./styled-components-vendor-Bvwhddj9.js";
+import { s as se, y as Ss } from "./react-select-vendor-eBH7yy3O.js";
+import { F as ws, a as Ms } from "./react-icons-vendor-TETORdU9.js";
+import { useQuery as ee, useMutation as oe, useClient as As } from "urql";
+import { g as W, T as je, S as k, A as ge, a as Te } from "./generated-GfcSQz21.js";
+import { G as Ve, a as Is, C as De, A as ae, b as es, c as Ts, d as ss, e as Re, M as ts, f as Le, U as Ns, g as Os, S as Rs, h as Ls, i as Fs, j as Ds, k as ks, l as Es, m as Ps } from "./graphql-DiUes2Np.js";
+import { D as _s, H as zs, u as Us, a as Gs } from "./react-dnd-vendor-BZs2igAJ.js";
+import { getSegmentNameWithPlane as ns, getJointNameWithPlane as is, getJointAngleDirectionName as Bs, getSegmentAngleDirectionName as Ws, getNormativeJointRange as $s } from "./services.js";
+import { availablePlanes as Be, getAnalysisPartIdNoSide as pe } from "./types.js";
+import { thresholdsToParameters as Qs, parametersToThresholds as Ne, cn as qs } from "./utils.js";
+import { usePartOptionsForSensorLocations as Hs } from "./hooks.js";
+const Ys = ({
+  setSearch: t,
+  actions: s,
+  updateUseCases: o
+}) => {
+  const u = D(
+    () => s?.flatMap((l) => l.useCases).filter((l, a, m) => m.findIndex((f) => f.id === l.id) === a).map((l) => ({
+      label: l.name,
+      value: l.id
+    })) || [],
+    [s]
+  );
+  return /* @__PURE__ */ e.jsxs(le, { width: "100%", alignContent: "space-evenly", gap: 4, children: [
+    /* @__PURE__ */ e.jsxs(Pe, { size: "md", children: [
+      /* @__PURE__ */ e.jsx(as, { children: /* @__PURE__ */ e.jsx(We, { as: ws, color: "gray.300" }) }),
+      /* @__PURE__ */ e.jsx(
+        ye,
+        {
+          placeholder: "Search by name...",
+          maxW: "30rem",
+          onChange: (l) => t(l.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx(Pe, { size: "md", children: /* @__PURE__ */ e.jsx(
+      se,
+      {
+        size: "md",
+        chakraStyles: {
+          container: (l) => ({
+            ...l,
+            width: "100%"
+          })
+        },
+        menuPortalTarget: document.body,
+        placeholder: "Filter use case",
+        isMulti: !0,
+        options: u,
+        onChange: (l) => o(l.map((a) => a.value))
+      }
+    ) })
+  ] });
+}, te = ({
+  children: t
+}) => /* @__PURE__ */ e.jsx($e, { fontWeight: "bold", fontFamily: "sans-serif", fontSize: "large", children: t }), Js = ({ value: t, onChange: s }) => {
+  const o = F(
+    () => Math.random().toString(36).substring(2, 15)
+  )[0], u = O(
+    (l, a) => {
+      s((m) => {
+        const f = [...m], [j] = f.splice(l, 1);
+        return f.splice(a, 0, j), f;
+      });
+    },
+    [s]
+  );
+  return /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsx(_s, { backend: zs, children: /* @__PURE__ */ e.jsx(Qe, { children: /* @__PURE__ */ e.jsxs(qe, { variant: "simple", size: "md", children: [
+    /* @__PURE__ */ e.jsx(He, { children: /* @__PURE__ */ e.jsxs(Ce, { children: [
+      /* @__PURE__ */ e.jsx(ie, { children: "Order" }),
+      /* @__PURE__ */ e.jsx(ie, { children: "Name" })
+    ] }) }),
+    /* @__PURE__ */ e.jsx(Ye, { children: t.map((l, a) => /* @__PURE__ */ e.jsx(
+      Ks,
+      {
+        listKey: o,
+        index: a,
+        id: l.id,
+        name: l.name,
+        move: u
+      },
+      l.id
+    )) })
+  ] }) }) }) });
+}, Ks = ({ listKey: t, index: s, id: o, name: u, move: l }) => {
+  const a = Cs(null), [{ handlerId: m }, f] = Us({
+    accept: t,
+    collect: (x) => ({
+      handlerId: x.getHandlerId()?.toString() ?? ""
+    }),
+    hover: (x, A) => {
+      if (!a.current)
+        return;
+      const d = x.index, r = s;
+      if (d === r)
+        return;
+      const S = a.current?.getBoundingClientRect(), b = (S.bottom - S.top) / 2, h = A.getClientOffset().y - S.top;
+      d < r && h < b || d > r && h > b || (l(d, r), x.index = r);
+    }
+  }), [{ isDragging: j }, C] = Gs({
+    type: t,
+    item: () => ({ id: o, index: s }),
+    collect: (x) => ({
+      isDragging: x.isDragging()
+    })
+  }), I = j ? 0.6 : 1, p = j ? "grabbing" : "grab";
+  return C(f(a)), /* @__PURE__ */ e.jsxs(Ce, { ref: a, style: { opacity: I, cursor: p }, "data-handler-id": m, children: [
+    /* @__PURE__ */ e.jsx(re, { children: s + 1 }),
+    /* @__PURE__ */ e.jsx(re, { children: u })
+  ] });
+}, Fe = ({
+  items: t,
+  onChange: s,
+  selectedItem: o,
+  isDisabled: u,
+  selectedProps: l,
+  buttonProps: a
+}) => {
+  const m = (j) => j === o || j.value === o, f = (j) => m(j) ? { ...a, ...l } : a;
+  return /* @__PURE__ */ e.jsx(ce, { isAttached: !0, isDisabled: u, children: t.map((j, C) => /* @__PURE__ */ e.jsx(
+    Je,
+    {
+      label: j.tooltip,
+      openDelay: 50,
+      closeDelay: 200,
+      placement: "top",
+      visibility: j.tooltip ? "visible" : "hidden",
+      hasArrow: !0,
+      children: /* @__PURE__ */ e.jsx(
+        $,
+        {
+          onClick: () => m(j) ? null : s(j, C),
+          isDisabled: j.disabled,
+          ...f(j),
+          children: j.label
+        }
+      )
+    },
+    C
+  )) });
+}, xe = (t, s) => s < 0 ? -1 * Math.abs(t) : Math.abs(t), Xs = ({
+  isReversed: t,
+  min: s,
+  max: o,
+  value: u,
+  onChange: l,
+  inputProps: a,
+  size: m,
+  zeroMarker: f,
+  formatValue: j,
+  valueLabel: C,
+  positiveNegativeLabels: I,
+  isDisabled: p,
+  ...x
+}) => {
+  const [A, d] = F([void 0, void 0]), r = A[0], S = A[1], b = f && s < -5 && o > 5, v = Number(u?.[0] ?? S ?? s) > 0 ? 1 : -1, h = Number(u?.[1] ?? S ?? o) < 0 ? -1 : 1, g = I?.[0] === I?.[1], w = u?.[0], P = u?.[1];
+  Y(() => {
+    w !== void 0 && P !== void 0 && d([w.toFixed(0), P.toFixed(0)]);
+  }, [w, P, d]);
+  const T = O(
+    ([i, y]) => {
+      i < y && d([i.toFixed(0), y.toFixed(0)]);
+    },
+    [d]
+  ), q = O(
+    ([i, y]) => {
+      i < y && l([i, y]);
+    },
+    [l]
+  ), R = O(() => {
+    d(([i, y]) => {
+      const L = isNaN(Number(i)) ? s : Number(i), _ = isNaN(Number(y)) ? o : Number(y), H = xe(Number(L), v), E = xe(Number(_), h), J = v < 0 ? Math.max(H, s) : Math.min(H, o), z = h < 0 ? Math.max(E, s) : Math.min(E, o);
+      return J > z ? (l([z, J]), [z.toFixed(0), J.toFixed(0)]) : (l([J, z]), [J.toFixed(0), z.toFixed(0)]);
+    });
+  }, [l, d, v, h, s, o]), Q = O(
+    (i) => {
+      const y = i === "" || isNaN(Number(i)) ? i : xe(Number(i), v);
+      d(([L, _]) => [y.toString(), _]);
+    },
+    [d, v]
+  ), U = O(
+    (i) => {
+      const y = i === "" || isNaN(Number(i)) ? i : xe(Number(i), h);
+      d(([L, _]) => [L, y.toString()]);
+    },
+    [d, h]
+  ), c = D(
+    () => m === "xs" ? "0.75rem" : void 0,
+    [m]
+  ), n = O(
+    (i, y) => {
+      const L = Number(y.target.value);
+      if (!r || !S || ![-1, 1].includes(L))
+        return;
+      const _ = (J) => L < 0 ? -1 * Math.abs(J) : Math.abs(J), H = i ? _(Number(r)) : Number(r), E = i ? Number(S) : _(Number(S));
+      H > E ? l([E, H]) : l([H, E]);
+    },
+    [r, S, l]
+  );
+  return /* @__PURE__ */ e.jsxs(le, { direction: "column", ...x, children: [
+    /* @__PURE__ */ e.jsx(B, { pt: "1em", mb: "-0.5em", children: /* @__PURE__ */ e.jsxs(
+      cs,
+      {
+        "aria-label": ["min", "max"],
+        isReversed: t,
+        value: [Number(r ?? s), Number(S ?? o)],
+        max: o,
+        min: s,
+        minStepsBetweenThumbs: 3,
+        step: 1,
+        onChange: T,
+        onChangeEnd: q,
+        isDisabled: p,
+        children: [
+          /* @__PURE__ */ e.jsx(Ae, { value: s, top: "-1em", children: /* @__PURE__ */ e.jsx(
+            M,
+            {
+              fontSize: m ?? "sm",
+              fontWeight: "semibold",
+              whiteSpace: "nowrap",
+              children: j ? j?.(s) : s
+            }
+          ) }),
+          /* @__PURE__ */ e.jsx(Ae, { value: o, top: "-1em", children: /* @__PURE__ */ e.jsx(
+            M,
+            {
+              fontSize: m ?? "sm",
+              fontWeight: "semibold",
+              style: { transform: "translateX(-100%)" },
+              whiteSpace: "nowrap",
+              children: j ? j(o) : o
+            }
+          ) }),
+          b && /* @__PURE__ */ e.jsxs(Ae, { value: 0, top: "-1em", pos: "relative", children: [
+            /* @__PURE__ */ e.jsx(M, { fontSize: m, fontWeight: "semibold", children: j?.(0) ?? "0" }),
+            /* @__PURE__ */ e.jsx(Zs, {})
+          ] }),
+          /* @__PURE__ */ e.jsx(ds, { children: /* @__PURE__ */ e.jsx(us, {}) }),
+          /* @__PURE__ */ e.jsx(_e, { index: 0, w: c, h: c }),
+          /* @__PURE__ */ e.jsx(_e, { index: 1, w: c, h: c })
+        ]
+      }
+    ) }),
+    C && /* @__PURE__ */ e.jsxs(
+      le,
+      {
+        direction: t ? "row-reverse" : "row",
+        justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ e.jsx(
+            M,
+            {
+              fontSize: m ?? "sm",
+              fontWeight: "semibold",
+              whiteSpace: "nowrap",
+              children: C(s)
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            M,
+            {
+              fontSize: m ?? "sm",
+              fontWeight: "semibold",
+              whiteSpace: "nowrap",
+              children: C(o)
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      le,
+      {
+        direction: t ? "row-reverse" : "row",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: "0.125em",
+        children: [
+          I && /* @__PURE__ */ e.jsxs(
+            ze,
+            {
+              width: "auto",
+              size: m,
+              fontWeight: "bold",
+              value: v,
+              onChange: (i) => n(!0, i),
+              isDisabled: g || p,
+              children: [
+                /* @__PURE__ */ e.jsx("option", { value: -1, children: I[0] }),
+                /* @__PURE__ */ e.jsx("option", { value: 1, children: I[1] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            Ue,
+            {
+              precision: 0,
+              size: m ?? "sm",
+              min: 0,
+              max: v < 0 ? Math.abs(s) : P ?? o,
+              value: r === "" ? "" : Math.abs(Number(r ?? s)),
+              onChange: Q,
+              onBlur: R,
+              borderWidth: 1,
+              borderRadius: 3,
+              borderColor: "#ccc",
+              isDisabled: p,
+              ...a,
+              children: /* @__PURE__ */ e.jsx(
+                Ge,
+                {
+                  backgroundColor: "#fff",
+                  paddingRight: 0,
+                  width: "4em"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            Ue,
+            {
+              size: m ?? "sm",
+              min: 0,
+              max: h < 0 ? Math.abs(w ?? s) : o,
+              precision: 0,
+              value: S === "" ? "" : Math.abs(Number(S ?? o)),
+              onChange: U,
+              onBlur: R,
+              borderWidth: 1,
+              borderRadius: 3,
+              borderColor: "#ccc",
+              isDisabled: p,
+              ...a,
+              children: /* @__PURE__ */ e.jsx(
+                Ge,
+                {
+                  backgroundColor: "#fff",
+                  paddingRight: 0,
+                  width: "4em"
+                }
+              )
+            }
+          ),
+          I && /* @__PURE__ */ e.jsxs(
+            ze,
+            {
+              width: "auto",
+              size: m,
+              fontWeight: "bold",
+              value: h,
+              onChange: (i) => n(!1, i),
+              isDisabled: g || p,
+              children: [
+                /* @__PURE__ */ e.jsx("option", { value: -1, children: I[0] }),
+                /* @__PURE__ */ e.jsx("option", { value: 1, children: I[1] })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, Zs = Ze(B)`
+  position: absolute;
+  width: 2px;
+  height: 1em;
+  top: 90%;
+  left: 20%;
+  background-color: var(--chakra-colors-gray-300);
+`, Vs = ({ tags: t, containerProps: s, ...o }) => /* @__PURE__ */ e.jsx(K, { ...s, children: t.map((u, l) => /* @__PURE__ */ e.jsx(de, { ...o, children: u }, l)) }), et = new ls({}), st = (t, s) => {
+  if (!s || !s.trim().length)
+    return t;
+  const o = t.map((l) => l.name ?? "");
+  return et.filter(o, s)?.map((l) => t[l]) ?? [];
+}, tt = (t, s) => !s || s.length == 0 ? t : t.filter(
+  (o) => o.useCases.some((u) => s.includes(u.id))
+), nt = ({
+  actions: t,
+  totalActions: s,
+  onCreate: o,
+  onDelete: u,
+  onEdit: l,
+  onSelected: a,
+  onDuplicate: m,
+  disableMultiSelect: f,
+  disableDelete: j,
+  disableEdit: C,
+  disableCreate: I,
+  tableProps: p,
+  ...x
+}) => {
+  const [A, d] = F(""), [r, S] = F(), b = D(() => {
+    if (!t)
+      return;
+    const g = st(t, A);
+    return tt(g, r).sort((P, T) => P.name.localeCompare(T.name));
+  }, [t, A, r]), v = O(() => {
+    if (!u)
+      return;
+    const g = t.filter((w) => w.selected).map((w) => w.id);
+    u(g);
+  }, [t, u]), h = O(() => {
+    if (!m)
+      return;
+    const g = t.filter((w) => w.selected);
+    m(g.map((w) => w.id)), a && g.forEach((w) => a(w, !1));
+  }, [t, m, a]);
+  return /* @__PURE__ */ e.jsxs(B, { ...x, children: [
+    /* @__PURE__ */ e.jsxs(le, { alignContent: "space-between", gap: 4, children: [
+      (o || u || m) && /* @__PURE__ */ e.jsxs(ce, { mb: "1rem", gap: 4, children: [
+        o && /* @__PURE__ */ e.jsx(
+          $,
+          {
+            isDisabled: !o || I,
+            colorScheme: "blackAlpha",
+            backgroundColor: "gray.700",
+            onClick: o,
+            children: "Create New Activity"
+          }
+        ),
+        u && !f && /* @__PURE__ */ e.jsx(
+          $,
+          {
+            colorScheme: "gray",
+            isDisabled: t.length <= 0 || !u || j,
+            onClick: v,
+            children: "Delete Selected"
+          }
+        ),
+        m && !f && /* @__PURE__ */ e.jsx(
+          $,
+          {
+            colorScheme: "gray",
+            isDisabled: t.length <= 0,
+            onClick: h,
+            children: "Duplicate Selected"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsx(
+        Ys,
+        {
+          setSearch: d,
+          actions: t,
+          updateUseCases: S
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx(Qe, { mr: "2rem", overflowX: "hidden", ...p, children: /* @__PURE__ */ e.jsxs(qe, { size: "md", variant: "simple", children: [
+      /* @__PURE__ */ e.jsx(He, { position: "sticky", top: 0, bg: "white", zIndex: 1, children: /* @__PURE__ */ e.jsxs(Ce, { children: [
+        /* @__PURE__ */ e.jsxs(ie, { fontWeight: "normal", children: [
+          "(showing ",
+          b?.length ?? 0,
+          " of",
+          " ",
+          s ?? t.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ e.jsx(ie, { children: "Name" }),
+        /* @__PURE__ */ e.jsx(ie, { children: "Sensor Count" }),
+        /* @__PURE__ */ e.jsx(ie, { children: "Use Case" }),
+        /* @__PURE__ */ e.jsx(ie, {})
+      ] }) }),
+      /* @__PURE__ */ e.jsx(Ye, { children: b?.map((g) => /* @__PURE__ */ e.jsxs(
+        it,
+        {
+          disableMultiSelect: f,
+          selected: g.selected,
+          title: f && g.selected ? "This activity is selected. Click it again to deselect." : void 0,
+          bg: f && g.selected ? "gray.200" : void 0,
+          onClick: () => f ? a?.(g, !g.selected) : void 0,
+          children: [
+            /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(le, { children: [
+              a && !f && /* @__PURE__ */ e.jsx(
+                hs,
+                {
+                  isChecked: g.selected,
+                  onChange: (w) => a(g, w.target.checked)
+                }
+              ),
+              l && /* @__PURE__ */ e.jsx(
+                $,
+                {
+                  disabled: C,
+                  ml: "1em",
+                  size: "sm",
+                  variant: "link",
+                  colorScheme: "blue",
+                  onClick: () => l(g.id),
+                  children: "edit"
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ e.jsx(re, { whiteSpace: "break-spaces", children: g.name }),
+            /* @__PURE__ */ e.jsx(re, { maxW: "20rem", children: g.sensorLocations.length }),
+            /* @__PURE__ */ e.jsx(re, { maxW: "20rem", children: /* @__PURE__ */ e.jsx(
+              Vs,
+              {
+                containerProps: { flexWrap: "wrap" },
+                tags: g.useCases?.map((w) => w.name) ?? []
+              }
+            ) })
+          ]
+        },
+        g.id
+      )) })
+    ] }) })
+  ] });
+}, it = Ze(Ce)`
+  &:hover {
+    background-color: ${(t) => t.disableMultiSelect && !t.selected ? "#f7f7f7" : void 0};
+  }
+  cursor: ${(t) => t.disableMultiSelect ? "pointer" : "default"};
+`, Ot = ({
+  onSave: t,
+  onCancel: s,
+  onError: o,
+  hideButtons: u = !1,
+  setButtonDisabled: l,
+  setButtonOnClick: a,
+  quantumOwned: m
+}) => {
+  const f = Ke(), [j, C] = F(""), [I, p] = F([]), [x, A] = F(!1), [d] = ee({
+    query: Ve
+  }), [r] = ee({
+    query: Is,
+    variables: { groupId: j },
+    pause: !j
+    // Only run when group is selected
+  }), [, S] = oe(De), b = D(() => d.data?.groups ? d.data.groups.map(
+    (c) => W(es, c)
+  ) : [], [d.data]), v = D(() => r.data ? r.data.actions.map(
+    (n) => W(ae, n)
+  ) : [], [r.data]), h = D(() => v.filter(
+    (c) => I.includes(c.id)
+  ), [v, I]), g = O(
+    (c) => {
+      const n = c?.value || "";
+      C(n), p([]);
+    },
+    []
+  ), w = O(
+    (c) => {
+      const n = c.map((i) => i.value);
+      p(n);
+    },
+    []
+  ), P = O(async () => {
+    if (A(!0), !h.length) {
+      const c = new Error("No activities selected for copying");
+      o?.(c), A(!1);
+      return;
+    }
+    try {
+      const c = [];
+      let n = 0;
+      for (const i of h)
+        try {
+          const y = {
+            ...i,
+            name: `${i.name} (Copy)`,
+            // Add "(Copy)" suffix to distinguish
+            description: i.description || void 0,
+            instructionsPointOfInterest: i.instructionsPointOfInterest || void 0,
+            instructionsMovementReport: i.instructionsMovementReport || void 0,
+            laterality: i.laterality,
+            activityKind: i.activityKind,
+            sensorLocations: i.sensorLocations,
+            thresholds: i.thresholds.map((_) => ({
+              ..._,
+              id: void 0
+            })),
+            quantumOwned: m,
+            id: void 0
+          }, L = await S({ fields: y });
+          if (L.error)
+            throw new Error(L.error.message);
+          if (L.data?.createAction) {
+            const _ = W(
+              ae,
+              L.data.createAction
+            );
+            c.push(_);
+          }
+        } catch (y) {
+          console.error(
+            `Failed to copy activity "${i.name}":`,
+            y
+          ), n++;
+        }
+      if (c.length > 0) {
+        const i = c.length, y = h.length;
+        f({
+          title: n > 0 ? "Partial copy completed" : "Activities copied successfully",
+          description: n > 0 ? `${i} of ${y} activities copied successfully` : `${i} activit${i > 1 ? "ies" : "y"} copied successfully`,
+          status: n > 0 ? "warning" : "success",
+          duration: 3e3,
+          isClosable: !0
+        }), t?.(), C(""), p([]);
+      } else
+        throw new Error("Failed to copy any activities");
+    } catch (c) {
+      const n = c instanceof Error ? c.message : "Failed to copy activities";
+      f({
+        title: "Copy failed",
+        description: n,
+        status: "error",
+        duration: 5e3,
+        isClosable: !0
+      }), o?.(c instanceof Error ? c : new Error(n));
+    } finally {
+      A(!1);
+    }
+  }, [h, S, f, t, o, m]), T = O(() => {
+    C(""), p([]), s?.();
+  }, [s]);
+  Y(() => {
+    l && l({
+      cancelButton: !1,
+      saveButton: h.length === 0 || x
+    });
+  }, [h.length, x, l]), Y(() => {
+    a && a({
+      cancelButton: T,
+      saveButton: P
+    });
+  }, [a, T, P]);
+  const q = D(() => b.map((c) => ({
+    value: c.id,
+    label: c.name
+  })), [b]), R = D(() => v.map((c) => ({
+    value: c.id,
+    label: c.name,
+    // Add custom data to identify quantum-owned actions
+    isQuantumOwned: c.quantumOwned
+  })), [v]), Q = d.fetching, U = r.fetching;
+  return /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsxs(V, { spacing: 6, align: "stretch", children: [
+    /* @__PURE__ */ e.jsxs(G, { children: [
+      /* @__PURE__ */ e.jsx(te, { children: "Select Source Group" }),
+      /* @__PURE__ */ e.jsx(
+        se,
+        {
+          placeholder: "Choose a group...",
+          options: q,
+          value: q.find((c) => c.value === j) || null,
+          onChange: g,
+          isLoading: Q,
+          isDisabled: Q,
+          isClearable: !0
+        }
+      ),
+      d.error && /* @__PURE__ */ e.jsxs(be, { status: "error", mt: 2, children: [
+        /* @__PURE__ */ e.jsx(ve, {}),
+        /* @__PURE__ */ e.jsxs(M, { fontSize: "sm", children: [
+          "Failed to load groups: ",
+          d.error.message
+        ] })
+      ] })
+    ] }),
+    j && /* @__PURE__ */ e.jsxs(G, { children: [
+      /* @__PURE__ */ e.jsx(te, { children: "Select Activities to Copy" }),
+      U ? /* @__PURE__ */ e.jsxs(K, { children: [
+        /* @__PURE__ */ e.jsx(Xe, { size: "sm" }),
+        /* @__PURE__ */ e.jsx(M, { fontSize: "sm", color: "gray.600", children: "Loading activities..." })
+      ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(
+          se,
+          {
+            placeholder: "Choose activities to copy...",
+            options: R,
+            value: R.filter(
+              (c) => I.includes(c.value)
+            ),
+            onChange: w,
+            isDisabled: R.length === 0,
+            isClearable: !0,
+            isMulti: !0,
+            closeMenuOnSelect: !1,
+            formatOptionLabel: (c, { context: n }) => /* @__PURE__ */ e.jsxs(K, { justify: "space-between", w: "100%", children: [
+              /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e.jsx(M, { children: c.label }),
+                n === "value" && c.isQuantumOwned && /* @__PURE__ */ e.jsx(M, { color: "blue", fontSize: "xs", children: "(Quantum Owned)" })
+              ] }),
+              c.isQuantumOwned && n === "menu" && /* @__PURE__ */ e.jsx(de, { size: "sm", colorScheme: "blue", variant: "solid", children: "Quantum Owned" })
+            ] })
+          }
+        ),
+        R.length === 0 && /* @__PURE__ */ e.jsx(M, { fontSize: "sm", color: "gray.500", mt: 2, children: "No activities found" })
+      ] }),
+      r.error && /* @__PURE__ */ e.jsxs(be, { status: "error", mt: 2, children: [
+        /* @__PURE__ */ e.jsx(ve, {}),
+        /* @__PURE__ */ e.jsxs(M, { fontSize: "sm", children: [
+          "Failed to load activities: ",
+          r.error.message
+        ] })
+      ] })
+    ] }),
+    h.length > 0 && /* @__PURE__ */ e.jsxs(B, { p: 4, bg: "gray.50", borderRadius: "md", children: [
+      /* @__PURE__ */ e.jsx(M, { fontWeight: "semibold", mb: 3, children: h.length === 1 ? "Activity to Copy:" : `${h.length} Activities to Copy:` }),
+      /* @__PURE__ */ e.jsxs(V, { align: "start", spacing: 3, children: [
+        h.map((c, n) => /* @__PURE__ */ e.jsxs(
+          B,
+          {
+            w: "100%",
+            p: 3,
+            bg: "white",
+            borderRadius: "md",
+            border: "1px solid",
+            borderColor: "gray.200",
+            children: [
+              /* @__PURE__ */ e.jsxs(K, { justify: "space-between", align: "start", mb: 2, children: [
+                /* @__PURE__ */ e.jsxs(M, { fontWeight: "medium", fontSize: "sm", children: [
+                  n + 1,
+                  ". ",
+                  c.name
+                ] }),
+                c.quantumOwned && /* @__PURE__ */ e.jsx(de, { size: "sm", colorScheme: "blue", variant: "solid", children: "Quantum Owned" })
+              ] }),
+              /* @__PURE__ */ e.jsxs(
+                V,
+                {
+                  align: "start",
+                  spacing: 1,
+                  fontSize: "sm",
+                  color: "gray.600",
+                  children: [
+                    c.description && /* @__PURE__ */ e.jsxs(M, { children: [
+                      /* @__PURE__ */ e.jsx("strong", { children: "Description:" }),
+                      " ",
+                      c.description
+                    ] }),
+                    /* @__PURE__ */ e.jsxs(M, { children: [
+                      /* @__PURE__ */ e.jsx("strong", { children: "Type:" }),
+                      " ",
+                      c.activityKind
+                    ] }),
+                    /* @__PURE__ */ e.jsxs(M, { children: [
+                      /* @__PURE__ */ e.jsx("strong", { children: "Laterality:" }),
+                      " ",
+                      c.laterality
+                    ] }),
+                    /* @__PURE__ */ e.jsxs(M, { children: [
+                      /* @__PURE__ */ e.jsx("strong", { children: "Sensor Locations:" }),
+                      " ",
+                      c.sensorLocations.length
+                    ] }),
+                    /* @__PURE__ */ e.jsxs(M, { children: [
+                      /* @__PURE__ */ e.jsx("strong", { children: "Thresholds:" }),
+                      " ",
+                      c.thresholds.length
+                    ] }),
+                    /* @__PURE__ */ e.jsxs(M, { children: [
+                      /* @__PURE__ */ e.jsx("strong", { children: "Use Cases:" }),
+                      " ",
+                      c.useCases.map((i) => i.name).join(", ") || "None"
+                    ] })
+                  ]
+                }
+              )
+            ]
+          },
+          c.id
+        )),
+        h.length > 1 && /* @__PURE__ */ e.jsx(
+          B,
+          {
+            w: "100%",
+            p: 2,
+            bg: "blue.50",
+            borderRadius: "md",
+            border: "1px solid",
+            borderColor: "blue.200",
+            children: /* @__PURE__ */ e.jsxs(M, { fontSize: "sm", fontWeight: "medium", color: "blue.800", children: [
+              "Total: ",
+              h.length,
+              " activities will be copied"
+            ] })
+          }
+        )
+      ] })
+    ] }),
+    !u && /* @__PURE__ */ e.jsxs(ce, { spacing: 4, justifyContent: "flex-end", children: [
+      /* @__PURE__ */ e.jsx(
+        $,
+        {
+          variant: "outline",
+          onClick: T,
+          isDisabled: x,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ e.jsxs(
+        $,
+        {
+          colorScheme: "blue",
+          onClick: P,
+          isDisabled: h.length === 0 || x,
+          isLoading: x,
+          loadingText: "Copying...",
+          children: [
+            "Copy",
+            " ",
+            h.length === 1 ? "Activity" : `${h.length} Activities`
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}, Rt = ({
+  onSave: t,
+  onCancel: s,
+  onError: o,
+  hideButtons: u = !1,
+  setButtonDisabled: l,
+  setButtonOnClick: a,
+  quantumOwned: m
+}) => {
+  const f = Ke(), [j, C] = F(""), [I, p] = F([]), [x, A] = F(!1), [d] = ee({
+    query: Ve
+  }), [r] = ee({
+    query: Ts,
+    variables: { groupId: j },
+    pause: !j
+    // Only run when group is selected
+  }), [, S] = oe(ss), [, b] = oe(De), v = D(() => d.data?.groups ? d.data.groups.map(
+    (n) => W(es, n)
+  ) : [], [d.data]), h = D(() => r.data?.modules ? W(
+    Re,
+    r.data?.modules
+  ).map((i) => {
+    const y = W(
+      ts,
+      i.moduleActions
+    );
+    return {
+      ...i,
+      moduleActions: y.map((L) => ({
+        ...L,
+        action: W(ae, L.action)
+      })),
+      categories: W(
+        Le,
+        i.categories
+      )
+    };
+  }) : [], [r.data]), g = D(() => h.filter(
+    (n) => I.includes(n.id)
+  ), [h, I]), w = O(
+    (n) => {
+      const i = n?.value || "";
+      C(i), p([]);
+    },
+    []
+  ), P = O(
+    (n) => {
+      const i = n.map((y) => y.value);
+      p(i);
+    },
+    []
+  ), T = O(async () => {
+    if (A(!0), !g.length) {
+      A(!1);
+      const n = new Error("No modules selected for copying");
+      o?.(n);
+      return;
+    }
+    try {
+      const n = [];
+      let i = 0;
+      for (const y of g)
+        try {
+          let L = y.moduleActions.map((E) => E.actionId);
+          if (m) {
+            const E = y.moduleActions.map((z) => z.action);
+            L = (await Promise.all(
+              E.map(async (z) => {
+                if (z.quantumOwned)
+                  return Promise.resolve(z);
+                const ue = {
+                  ...z,
+                  quantumOwned: m,
+                  thresholds: z.thresholds.map((X) => ({
+                    ...X,
+                    id: void 0
+                  })),
+                  id: void 0
+                };
+                return await b({ fields: ue }).then(
+                  (X) => X.error || !X.data?.createAction ? null : W(
+                    ae,
+                    X.data.createAction
+                  )
+                );
+              })
+            )).filter((z) => !!z).map((z) => z.id);
+          }
+          const _ = {
+            name: `${y.name} (Copy)`,
+            // Add "(Copy)" suffix to distinguish
+            description: y.description || void 0,
+            actions: L,
+            categories: y.categories.map((E) => E.id),
+            quantumOwned: m
+          }, H = await S({ input: _ });
+          if (H.error)
+            throw new Error(H.error.message);
+          if (H.data?.createModule) {
+            const E = W(
+              Re,
+              H.data.createModule
+            );
+            n.push(E);
+          }
+        } catch (L) {
+          console.error(`Failed to copy module "${y.name}":`, L), i++;
+        }
+      if (n.length > 0) {
+        const y = n.length, L = g.length;
+        f({
+          title: i > 0 ? "Partial copy completed" : "Modules copied successfully",
+          description: i > 0 ? `${y} of ${L} modules copied successfully` : `${y} module${y > 1 ? "s" : ""} copied successfully`,
+          status: i > 0 ? "warning" : "success",
+          duration: 3e3,
+          isClosable: !0
+        }), n.length > 0 && t?.(), C(""), p([]);
+      } else
+        throw new Error("Failed to copy any modules");
+    } catch (n) {
+      const i = n instanceof Error ? n.message : "Failed to copy modules";
+      f({
+        title: "Copy failed",
+        description: i,
+        status: "error",
+        duration: 5e3,
+        isClosable: !0
+      }), o?.(n instanceof Error ? n : new Error(i));
+    } finally {
+      A(!1);
+    }
+  }, [
+    g,
+    S,
+    f,
+    t,
+    o,
+    m,
+    b
+  ]), q = O(() => {
+    C(""), p([]), s?.();
+  }, [s]);
+  Y(() => {
+    l && l({
+      cancelButton: !1,
+      saveButton: g.length === 0 || x
+    });
+  }, [g.length, x, l]), Y(() => {
+    a && a({
+      cancelButton: q,
+      saveButton: T
+    });
+  }, [a, q, T]);
+  const R = D(() => v.map((n) => ({
+    value: n.id,
+    label: n.name
+  })), [v]), Q = D(() => h.map((n) => ({
+    value: n.id,
+    label: n.name,
+    // Add custom data to identify quantum-owned modules
+    isQuantumOwned: n.quantumOwned
+  })), [h]), U = d.fetching, c = r.fetching;
+  return /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsxs(V, { spacing: 6, align: "stretch", children: [
+    /* @__PURE__ */ e.jsxs(G, { children: [
+      /* @__PURE__ */ e.jsx(te, { children: "Select Source Group" }),
+      /* @__PURE__ */ e.jsx(
+        se,
+        {
+          placeholder: "Choose a group...",
+          options: R,
+          value: R.find((n) => n.value === j) || null,
+          onChange: w,
+          isLoading: U,
+          isDisabled: U,
+          isClearable: !0
+        }
+      ),
+      d.error && /* @__PURE__ */ e.jsxs(be, { status: "error", mt: 2, children: [
+        /* @__PURE__ */ e.jsx(ve, {}),
+        /* @__PURE__ */ e.jsxs(M, { fontSize: "sm", children: [
+          "Failed to load groups: ",
+          d.error.message
+        ] })
+      ] })
+    ] }),
+    j && /* @__PURE__ */ e.jsxs(G, { children: [
+      /* @__PURE__ */ e.jsx(te, { children: "Select Module to Copy" }),
+      c ? /* @__PURE__ */ e.jsxs(K, { children: [
+        /* @__PURE__ */ e.jsx(Xe, { size: "sm" }),
+        /* @__PURE__ */ e.jsx(M, { fontSize: "sm", color: "gray.600", children: "Loading modules..." })
+      ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(
+          se,
+          {
+            placeholder: "Choose modules to copy...",
+            options: Q,
+            value: Q.filter(
+              (n) => I.includes(n.value)
+            ),
+            onChange: P,
+            isDisabled: Q.length === 0,
+            isClearable: !0,
+            isMulti: !0,
+            closeMenuOnSelect: !1,
+            formatOptionLabel: (n, { context: i }) => /* @__PURE__ */ e.jsxs(K, { justify: "space-between", w: "100%", children: [
+              /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e.jsx(M, { children: n.label }),
+                i === "value" && n.isQuantumOwned && /* @__PURE__ */ e.jsx(M, { color: "blue", fontSize: "xs", children: "(Quantum Owned)" })
+              ] }),
+              n.isQuantumOwned && i === "menu" && /* @__PURE__ */ e.jsx(de, { size: "sm", colorScheme: "blue", variant: "solid", children: "Quantum Owned" })
+            ] })
+          }
+        ),
+        Q.length === 0 && /* @__PURE__ */ e.jsx(M, { fontSize: "sm", color: "gray.500", mt: 2, children: "No modules found in this group" })
+      ] }),
+      r.error && /* @__PURE__ */ e.jsxs(be, { status: "error", mt: 2, children: [
+        /* @__PURE__ */ e.jsx(ve, {}),
+        /* @__PURE__ */ e.jsxs(M, { fontSize: "sm", children: [
+          "Failed to load modules: ",
+          r.error.message
+        ] })
+      ] })
+    ] }),
+    g.length > 0 && /* @__PURE__ */ e.jsxs(B, { p: 4, bg: "gray.50", borderRadius: "md", children: [
+      /* @__PURE__ */ e.jsx(M, { fontWeight: "semibold", mb: 3, children: g.length === 1 ? "Module to Copy:" : `${g.length} Modules to Copy:` }),
+      /* @__PURE__ */ e.jsxs(V, { align: "start", spacing: 3, children: [
+        g.map((n, i) => /* @__PURE__ */ e.jsxs(
+          B,
+          {
+            w: "100%",
+            p: 3,
+            bg: "white",
+            borderRadius: "md",
+            border: "1px solid",
+            borderColor: "gray.200",
+            children: [
+              /* @__PURE__ */ e.jsxs(K, { justify: "space-between", align: "start", mb: 2, children: [
+                /* @__PURE__ */ e.jsxs(M, { fontWeight: "medium", fontSize: "sm", children: [
+                  i + 1,
+                  ". ",
+                  n.name
+                ] }),
+                n.quantumOwned && /* @__PURE__ */ e.jsx(de, { size: "sm", colorScheme: "blue", variant: "solid", children: "Quantum Owned" })
+              ] }),
+              /* @__PURE__ */ e.jsxs(
+                V,
+                {
+                  align: "start",
+                  spacing: 1,
+                  fontSize: "sm",
+                  color: "gray.600",
+                  children: [
+                    n.description && /* @__PURE__ */ e.jsxs(M, { children: [
+                      /* @__PURE__ */ e.jsx("strong", { children: "Description:" }),
+                      " ",
+                      n.description
+                    ] }),
+                    /* @__PURE__ */ e.jsxs(M, { children: [
+                      /* @__PURE__ */ e.jsx("strong", { children: "Actions:" }),
+                      " ",
+                      n.moduleActions.length
+                    ] }),
+                    /* @__PURE__ */ e.jsxs(M, { children: [
+                      /* @__PURE__ */ e.jsx("strong", { children: "Categories:" }),
+                      " ",
+                      n.categories.map((y) => y.name).join(", ") || "None"
+                    ] })
+                  ]
+                }
+              )
+            ]
+          },
+          n.id
+        )),
+        g.length > 1 && /* @__PURE__ */ e.jsx(
+          B,
+          {
+            w: "100%",
+            p: 2,
+            bg: "blue.50",
+            borderRadius: "md",
+            border: "1px solid",
+            borderColor: "blue.200",
+            children: /* @__PURE__ */ e.jsxs(M, { fontSize: "sm", fontWeight: "medium", color: "blue.800", children: [
+              "Total: ",
+              g.length,
+              " modules will be copied"
+            ] })
+          }
+        ),
+        m && g.filter((n) => n.moduleActions.some((i) => !i.action.quantumOwned)).length > 0 && /* @__PURE__ */ e.jsx(
+          B,
+          {
+            p: 2,
+            bg: "yellow.50",
+            borderRadius: "md",
+            border: "1px solid",
+            borderColor: "yellow.200",
+            children: /* @__PURE__ */ e.jsx(M, { fontSize: "sm", fontWeight: "medium", color: "yellow.800", children: "Copying Modules with Non QM-Owned Actions will create corresponding QM-Owned Actions" })
+          }
+        )
+      ] })
+    ] }),
+    !u && /* @__PURE__ */ e.jsxs(ce, { spacing: 4, justifyContent: "flex-end", children: [
+      /* @__PURE__ */ e.jsx(
+        $,
+        {
+          variant: "outline",
+          onClick: q,
+          isDisabled: x,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ e.jsxs(
+        $,
+        {
+          colorScheme: "blue",
+          onClick: T,
+          isDisabled: g.length === 0 || x,
+          isLoading: x,
+          loadingText: "Copying...",
+          children: [
+            "Copy",
+            " ",
+            g.length === 1 ? "Module" : `${g.length} Modules`
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}, ot = ({
+  name: t,
+  setName: s,
+  actions: o,
+  selectedActionIds: u,
+  setSelectedActionIds: l,
+  availableCategories: a,
+  selectedCategoryIds: m,
+  setSelectedCategoryIds: f,
+  description: j,
+  setDescription: C,
+  ...I
+}) => {
+  const p = ms(), x = D(() => o.map((v) => ({
+    ...v,
+    selected: u.includes(v.id)
+  })), [o, u]), A = D(() => o.reduce((v, h) => (v[h.id] = h, v), {}), [o]), d = D(
+    () => u.map((v) => A[v]),
+    [x, u]
+  ), r = O(
+    (v, h) => {
+      l(h ? [...u, v.id] : u.filter((g) => g !== v.id));
+    },
+    [u, l]
+  ), S = O(
+    (v) => {
+      s(v.target.value);
+    },
+    [s]
+  ), b = O(
+    (v) => {
+      C?.(v.target.value);
+    },
+    [C]
+  );
+  return /* @__PURE__ */ e.jsxs(B, { ...I, children: [
+    /* @__PURE__ */ e.jsxs(K, { gap: "2rem", children: [
+      /* @__PURE__ */ e.jsx(rt, { name: t ?? "", onInputChange: S }),
+      /* @__PURE__ */ e.jsx(
+        lt,
+        {
+          availableCategories: a,
+          value: m,
+          onChange: f
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      at,
+      {
+        description: j ?? "",
+        onInputChange: b
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      ct,
+      {
+        value: d,
+        onChange: l,
+        onAdjustActivities: () => p.onOpen()
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      gs,
+      {
+        isOpen: p.isOpen,
+        onClose: p.onClose,
+        size: "6xl",
+        children: [
+          /* @__PURE__ */ e.jsx(ps, {}),
+          /* @__PURE__ */ e.jsxs(xs, { children: [
+            /* @__PURE__ */ e.jsx(fs, { children: "Select Activities" }),
+            /* @__PURE__ */ e.jsx(js, {}),
+            /* @__PURE__ */ e.jsx(bs, { children: /* @__PURE__ */ e.jsx(
+              nt,
+              {
+                actions: x,
+                onSelected: r,
+                disableCreate: !0,
+                disableDelete: !0,
+                tableProps: {
+                  height: "28rem",
+                  overflowY: "auto"
+                }
+              }
+            ) }),
+            /* @__PURE__ */ e.jsx(vs, { children: /* @__PURE__ */ e.jsx(
+              $,
+              {
+                colorScheme: "blue",
+                onClick: p.onClose,
+                isDisabled: u.length === 0,
+                children: "Done"
+              }
+            ) })
+          ] })
+        ]
+      }
+    )
+  ] });
+}, rt = Se(
+  ({
+    name: t,
+    onInputChange: s
+  }) => /* @__PURE__ */ e.jsxs(G, { mb: 4, children: [
+    /* @__PURE__ */ e.jsx(te, { children: "Module Name" }),
+    /* @__PURE__ */ e.jsx(
+      ye,
+      {
+        placeholder: "i.e. ACL RTP Test Battery",
+        value: t,
+        onChange: s,
+        isRequired: !0
+      }
+    )
+  ] })
+), lt = Se(
+  ({
+    availableCategories: t,
+    value: s,
+    onChange: o
+  }) => {
+    const u = D(() => [
+      ...t,
+      {
+        id: "other",
+        name: "Other"
+      }
+    ], [t]), l = D(() => u.map((a) => ({
+      value: a.id,
+      label: a.name
+    })), [u]);
+    return /* @__PURE__ */ e.jsxs(G, { mb: 4, children: [
+      /* @__PURE__ */ e.jsx(te, { children: "Module Category" }),
+      /* @__PURE__ */ e.jsx(
+        se,
+        {
+          isDisabled: t.length === 0,
+          isClearable: !0,
+          options: l,
+          value: u.filter((a) => s.includes(a.id)).map((a) => ({
+            value: a.id,
+            label: a.name
+          })),
+          onChange: (a) => o(a ? [a.value] : []),
+          placeholder: "Select category"
+        }
+      )
+    ] });
+  }
+), at = Se(
+  ({
+    description: t,
+    onInputChange: s
+  }) => /* @__PURE__ */ e.jsxs(G, { mb: 4, children: [
+    /* @__PURE__ */ e.jsx(te, { children: /* @__PURE__ */ e.jsxs("span", { children: [
+      "Description",
+      /* @__PURE__ */ e.jsx(M, { fontSize: "sm", color: "gray.500", children: "Briefly describe the objective of this module. Max 40 words." })
+    ] }) }),
+    /* @__PURE__ */ e.jsx(
+      ye,
+      {
+        placeholder: "i.e. Assess readiness to return to play post-ACL reconstruction",
+        value: t,
+        onChange: s
+      }
+    )
+  ] })
+), ct = Se(
+  ({
+    value: t,
+    onChange: s,
+    onAdjustActivities: o
+  }) => {
+    const u = D(
+      () => t.map((l) => ({
+        id: l.id,
+        name: l.name
+      })),
+      [t]
+    );
+    return /* @__PURE__ */ e.jsxs(G, { mb: 4, children: [
+      /* @__PURE__ */ e.jsxs(K, { justifyContent: "space-between", children: [
+        /* @__PURE__ */ e.jsx(te, { children: /* @__PURE__ */ e.jsxs("span", { children: [
+          "Activities",
+          /* @__PURE__ */ e.jsx(M, { fontSize: "sm", color: "gray.500", children: "Drag and drop to reorder the activities in this module." })
+        ] }) }),
+        /* @__PURE__ */ e.jsx(
+          $,
+          {
+            size: "sm",
+            variant: "solid",
+            colorScheme: "blue",
+            onClick: o,
+            children: "Add / Remove Activities"
+          }
+        )
+      ] }),
+      u.length === 0 ? /* @__PURE__ */ e.jsx(V, { children: /* @__PURE__ */ e.jsxs(M, { color: "gray.500", fontSize: "lg", mb: "4rem", mt: "4rem", children: [
+        "No activities selected for this module.",
+        /* @__PURE__ */ e.jsx(
+          $,
+          {
+            ml: "0.5em",
+            size: "sm",
+            variant: "link",
+            colorScheme: "blue",
+            onClick: o,
+            children: "Add activities."
+          }
+        )
+      ] }) }) : /* @__PURE__ */ e.jsx(
+        Js,
+        {
+          value: u,
+          onChange: (l) => {
+            const a = l(u);
+            s(a.map((m) => m.id));
+          }
+        }
+      )
+    ] });
+  }
+), dt = ({
+  value: t,
+  onChange: s,
+  forceKind: o,
+  disableRemove: u,
+  disableKind: l,
+  lockRanges: a,
+  ...m
+}) => {
+  const f = D(() => [...t].sort((p, x) => {
+    const A = Be.indexOf(p.plane), d = Be.indexOf(x.plane);
+    return A - d;
+  }), [t]), j = O((p) => "segment" in p.id ? ns(p.id.segment, p.plane, !0) ?? "Unknown" : is(p.id.joint, p.plane, !0) ?? "Unknown", []), C = O(
+    (p, x) => {
+      const A = f.findIndex(
+        (r) => r.id === x.id && r.plane === x.plane
+      );
+      let d = [...f];
+      o && (x = { ...x, kind: o }), d[A] = x, a && (d = d.map((r) => ({
+        ...r,
+        min: x.min,
+        max: x.max
+      }))), s(d);
+    },
+    [s, f, o, a]
+  ), I = O(
+    (p) => {
+      const x = f.filter(
+        (A) => A.id !== p.id || A.plane !== p.plane
+      );
+      s(x);
+    },
+    [s, f]
+  );
+  return /* @__PURE__ */ e.jsx(V, { alignItems: "flex-start", overflowY: "auto", ...m, children: f.map((p, x) => /* @__PURE__ */ e.jsx(
+    ut,
+    {
+      label: j(p),
+      parameter: p,
+      onChange: (A) => C(x, A),
+      onRemove: u ? void 0 : () => I(p),
+      forceKind: o,
+      disableKind: l
+    },
+    `${JSON.stringify(p.id)}-${p.plane}`
+  )) });
+}, ut = ({
+  label: t,
+  parameter: s,
+  onChange: o,
+  onRemove: u,
+  forceKind: l,
+  disableKind: a
+}) => {
+  const m = O(
+    (C) => "joint" in s.id ? Bs(
+      s.id.joint,
+      s.plane,
+      C < 0 ? -1 : 1
+    ) : Ws(
+      s.id.segment,
+      s.plane,
+      C < 0 ? -1 : 1
+    ),
+    [s]
+  ), { min: f, max: j } = "joint" in s.id ? $s(s.id.joint, s.plane) : { min: -180, max: 180 };
+  return /* @__PURE__ */ e.jsxs(
+    V,
+    {
+      borderRadius: "md",
+      p: 2,
+      px: 4,
+      bg: "gray.100",
+      w: "100%",
+      overflow: "hidden",
+      flexShrink: "0",
+      children: [
+        /* @__PURE__ */ e.jsxs(K, { w: "100%", children: [
+          /* @__PURE__ */ e.jsx(
+            M,
+            {
+              fontSize: "sm",
+              flex: 1,
+              textTransform: "capitalize",
+              fontWeight: "semibold",
+              children: t
+            }
+          ),
+          u && /* @__PURE__ */ e.jsx(
+            ys,
+            {
+              size: "xs",
+              variant: "ghost",
+              "aria-label": "delete",
+              icon: /* @__PURE__ */ e.jsx(We, { as: Ms }),
+              onClick: u
+            }
+          ),
+          !l && /* @__PURE__ */ e.jsx(
+            Fe,
+            {
+              selectedItem: s?.kind ?? je.Limit,
+              onChange: ({ value: C }) => o({ ...s, kind: C }),
+              isDisabled: a,
+              buttonProps: {
+                size: "sm",
+                variant: "outline",
+                colorScheme: "gray"
+              },
+              selectedProps: {
+                variant: "solid",
+                colorScheme: "teal"
+              },
+              items: [
+                { value: je.Limit, label: "limit" },
+                { value: je.Target, label: "target" }
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsx(
+          Xs,
+          {
+            w: "100%",
+            size: "xs",
+            min: f,
+            max: j,
+            zeroMarker: !0,
+            value: [s.min, s.max],
+            onChange: (C) => o({ ...s, min: C[0], max: C[1] }),
+            formatValue: (C) => `${Math.abs(C)}°`,
+            valueLabel: (C) => m(C) ?? "",
+            positiveNegativeLabels: m(0) ? [m(-1) ?? "", m(1) ?? ""] : void 0
+          }
+        )
+      ]
+    }
+  );
+}, fe = (t, s) => "segment" in t && "segment" in s && t.segment === s.segment || "joint" in t && "joint" in s && t.joint === s.joint, ht = ({
+  options: t,
+  value: s,
+  onChange: o,
+  forceKind: u,
+  singleValue: l,
+  singleValueSideless: a,
+  editOnly: m,
+  disableKind: f,
+  maxParameters: j,
+  ...C
+}) => {
+  const I = a ? 2 : j, p = D(
+    () => t.map((r) => ({
+      label: "segment" in r.id ? ns(r.id.segment, r.plane, !0) ?? "Unknown" : is(r.id.joint, r.plane, !0) ?? "Unknown",
+      value: r.id,
+      plane: r.plane
+    })),
+    [t]
+  ), x = D(() => {
+    if (!a || s.length === 0)
+      return p;
+    const r = s[0];
+    return p.filter(
+      (S) => pe(S.value) === pe(r.id) && S.plane === r.plane
+    );
+  }, [p, s, a]), A = D(
+    () => p.filter(
+      (r) => s.some((S) => fe(S.id, r.value) && S.plane === r.plane)
+    ),
+    [p, s]
+  ), d = O(
+    (r) => {
+      const S = r.map((b) => {
+        const v = s.find(
+          (T) => fe(T.id, b.value) && T.plane === b.plane
+        ), h = t.find(
+          (T) => fe(T.id, b.value) && T.plane === b.plane
+        ), g = a ? s.find(
+          (T) => pe(T.id) === pe(b.value) && T.plane === b.plane
+        ) : void 0, w = g && !v ? g.min : h && h.min ? h.min : 0, P = g && !v ? g.max : h && h.max ? h.max : 0;
+        return v ?? {
+          id: b.value,
+          plane: b.plane,
+          min: w,
+          max: P,
+          kind: u ?? je.Limit
+        };
+      });
+      o(S);
+    },
+    [o, s, t, u, a]
+  );
+  return Y(() => {
+    const r = s.filter(
+      (S) => t.some((b) => fe(b.id, S.id) && b.plane === S.plane)
+    );
+    r.length !== s.length && o(r);
+  }, [t, o]), /* @__PURE__ */ e.jsxs(B, { ...C, children: [
+    /* @__PURE__ */ e.jsx(
+      se,
+      {
+        isMulti: !l,
+        placeholder: s.length ? `${s.length} selected` : "Search...",
+        value: A,
+        isDisabled: m || A.length >= (I ?? 1 / 0),
+        onChange: (r) => Array.isArray(r) ? d([...r]) : d(r !== null ? [r] : []),
+        options: x,
+        controlShouldRenderValue: !1
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      dt,
+      {
+        marginTop: 2,
+        maxH: "28rem",
+        value: s,
+        onChange: o,
+        forceKind: u,
+        disableKind: f,
+        lockRanges: a
+      }
+    )
+  ] });
+}, os = (t) => {
+  switch (t) {
+    case k.Thorax:
+      return "Thorax";
+    case k.CenterBack:
+      return "Center Back";
+    case k.Pelvis:
+      return "Pelvis";
+    case k.LeftThigh:
+      return "Left Thigh";
+    case k.RightThigh:
+      return "Right Thigh";
+    case k.LeftShank:
+      return "Left Shank";
+    case k.RightShank:
+      return "Right Shank";
+    case k.LeftFoot:
+      return "Left Foot";
+    case k.RightFoot:
+      return "Right Foot";
+    case k.LeftUpperArm:
+      return "Left Upper Arm";
+    case k.RightUpperArm:
+      return "Right Upper Arm";
+    case k.LeftForearm:
+      return "Left Forearm";
+    case k.RightForearm:
+      return "Right Forearm";
+    case k.Head:
+      return "Head";
+  }
+  return console.warn(`Unknown sensor location: ${t}`), "Unknown";
+}, mt = 6, gt = [
+  k.LeftFoot,
+  k.LeftShank,
+  k.LeftThigh,
+  k.Pelvis,
+  k.RightFoot,
+  k.RightShank,
+  k.RightThigh,
+  k.Thorax,
+  k.CenterBack,
+  k.Head
+], pt = gt.map((t) => ({
+  label: os(t),
+  value: t
+})), Oe = (t) => t.map(
+  (s) => s.__isNew__ ? { name: s.label } : { id: s.value, name: s.label }
+), Lt = ({
+  id: t,
+  onError: s,
+  onCancel: o,
+  onSave: u,
+  hideButtons: l,
+  setButtonOnClick: a,
+  setButtonDisabled: m,
+  quantumOwned: f
+}) => {
+  const j = As(), [{ fetching: C }, I] = oe(De), [{ fetching: p }, x] = oe(Ns), [{ data: A }] = ee({
+    query: Os,
+    variables: { id: t ?? "" },
+    pause: !t
+  }), d = W(
+    ae,
+    A?.getActionById
+  ), r = C || p, S = !!d && !!t, [b, v] = F(""), [h, g] = F(""), [w, P] = F(""), [T, q] = F(""), [R, Q] = F(
+    ge.Either
+  ), [U, c] = F(
+    Te.Action
+  ), [n, i] = F([]), [y, L] = F([]), _ = D(
+    () => n.map((N) => N.value),
+    [n]
+  ), H = Hs(_), [E, J] = F([]), [z, ue] = F(!1), X = b.length && R;
+  Y(() => {
+    d && (v(d.name), c(d.activityKind), g(d.description || ""), Q(d.laterality), L(
+      d.useCases.map((N) => ({
+        id: N.id,
+        value: N.id,
+        label: N.name,
+        __isNew__: !1
+      }))
+    ), P(d.instructionsPointOfInterest || ""), q(d.instructionsMovementReport || ""), i(
+      d.sensorLocations.map((N) => ({
+        label: os(N),
+        value: N
+      }))
+    ), J(Qs(d.thresholds)));
+  }, [d]);
+  const rs = O(
+    async (N) => (await j.query(
+      f ? Rs : Ls,
+      {
+        query: N,
+        limit: 10
+      }
+    ).then((ne) => {
+      const me = ne.data;
+      return me ? me?.quantumOwnedUseCases ? me.quantumOwnedUseCases : me.useCases : [];
+    }) ?? []).map((ne) => ({
+      label: ne.name,
+      value: ne.id
+    })),
+    [j, f]
+  ), [ke, Ee] = F({});
+  Y(() => {
+    Ee({
+      name: b,
+      laterality: R,
+      description: h,
+      instructionsPointOfInterest: w,
+      instructionsMovementReport: T,
+      sensorLocations: _,
+      thresholds: Ne(E),
+      useCases: Oe(y),
+      activityKind: U
+    });
+  }, [Ee, d]);
+  const we = D(
+    () => JSON.stringify(ke) !== JSON.stringify({
+      name: b,
+      laterality: R,
+      description: h,
+      instructionsPointOfInterest: w,
+      instructionsMovementReport: T,
+      sensorLocations: _,
+      thresholds: Ne(E),
+      useCases: Oe(y),
+      activityKind: U
+    }),
+    [
+      ke,
+      b,
+      R,
+      _,
+      h,
+      T,
+      w,
+      E,
+      y,
+      U
+    ]
+  ), Me = O(() => {
+    const N = {
+      name: b,
+      laterality: R,
+      description: h,
+      instructionsPointOfInterest: w,
+      instructionsMovementReport: T,
+      sensorLocations: _,
+      thresholds: Ne(E),
+      useCases: Oe(y),
+      activityKind: U,
+      quantumOwned: f
+    };
+    let he;
+    S && t ? he = x({
+      id: t,
+      fields: N
+    }) : he = I({
+      fields: N
+    }), he.then(({ error: ne }) => {
+      ne ? s(ne) : u();
+    });
+  }, [
+    f,
+    I,
+    x,
+    t,
+    b,
+    R,
+    _,
+    u,
+    h,
+    T,
+    w,
+    S,
+    E,
+    y,
+    U,
+    s
+  ]);
+  return Y(() => {
+    m && m({
+      cancelButton: r,
+      saveButton: r || !X || !we
+    });
+  }, [r, m, X, we]), Y(() => {
+    a && a({
+      cancelButton: o,
+      saveButton: Me
+    });
+  }, [a, o, Me]), /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-2 gap-4 w-full", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "col-span-2 lg:col-span-1 flex flex-col gap-8", children: [
+      /* @__PURE__ */ e.jsxs(G, { children: [
+        /* @__PURE__ */ e.jsx(Z, { children: "Name" }),
+        /* @__PURE__ */ e.jsx(
+          ye,
+          {
+            value: b,
+            onChange: (N) => v(N.target.value),
+            type: "text",
+            placeholder: "i.e. Lunge & Return"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs(K, { m: "0", p: "0", w: "100%", justifyItems: "space-between", children: [
+        /* @__PURE__ */ e.jsxs(G, { children: [
+          /* @__PURE__ */ e.jsx(Z, { children: "Activity Type" }),
+          /* @__PURE__ */ e.jsx(
+            Fe,
+            {
+              selectedItem: U,
+              onChange: (N) => c(N.value),
+              buttonProps: {
+                size: "sm",
+                variant: "outline",
+                colorScheme: "gray"
+              },
+              selectedProps: {
+                variant: "solid",
+                colorScheme: "teal"
+              },
+              items: [
+                { value: Te.Action, label: "Action" },
+                { value: Te.Movement, label: "Movement" }
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsxs(G, { children: [
+          /* @__PURE__ */ e.jsx(Z, { children: "Laterality" }),
+          /* @__PURE__ */ e.jsx(
+            Fe,
+            {
+              selectedItem: R,
+              onChange: (N) => Q(N.value),
+              buttonProps: {
+                size: "sm",
+                variant: "outline",
+                colorScheme: "gray"
+              },
+              selectedProps: {
+                variant: "solid",
+                colorScheme: "teal"
+              },
+              items: [
+                {
+                  value: ge.Unilateral,
+                  label: "unilateral"
+                },
+                {
+                  value: ge.Bilateral,
+                  label: "bilateral"
+                },
+                {
+                  value: ge.Either,
+                  label: "either / or"
+                }
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs(G, { children: [
+        /* @__PURE__ */ e.jsx(Z, { children: "Use Cases" }),
+        /* @__PURE__ */ e.jsx(
+          Je,
+          {
+            isOpen: z,
+            label: "Type to search for existing use cases",
+            placement: "top-end",
+            children: /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsx(
+              Ss,
+              {
+                value: y,
+                onChange: (N) => L([...N]),
+                isMulti: !0,
+                cacheOptions: !0,
+                defaultOptions: !0,
+                onFocus: () => ue(!0),
+                onBlur: () => ue(!1),
+                loadOptions: rs,
+                placeholder: "(optional) Search for & select use cases…"
+              }
+            ) })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs(G, { children: [
+        /* @__PURE__ */ e.jsx(Z, { children: "Description" }),
+        /* @__PURE__ */ e.jsx(
+          Ie,
+          {
+            value: h,
+            onChange: (N) => g(N.target.value),
+            rows: 2,
+            placeholder: "(optional) Describe how to perform the test or exercise"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs(G, { children: [
+        /* @__PURE__ */ e.jsx(Z, { children: "Instructions for General Movement Report" }),
+        /* @__PURE__ */ e.jsx(
+          Ie,
+          {
+            value: T,
+            onChange: (N) => q(N.target.value),
+            rows: 2,
+            placeholder: "(optional) Describe how to setup or generate the movement report"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs(G, { children: [
+        /* @__PURE__ */ e.jsx(Z, { children: "Instructions for Point of Interest Report" }),
+        /* @__PURE__ */ e.jsx(
+          Ie,
+          {
+            value: w,
+            onChange: (N) => P(N.target.value),
+            rows: 2,
+            placeholder: "(optional) Describe how to setup or generate the point of interest report"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "col-span-2 lg:col-span-1 flex flex-col gap-8", children: [
+      /* @__PURE__ */ e.jsxs(G, { children: [
+        /* @__PURE__ */ e.jsx(Z, { children: "Sensor Locations" }),
+        /* @__PURE__ */ e.jsx(
+          se,
+          {
+            isMulti: !0,
+            value: n,
+            onChange: (N) => i([...N]),
+            options: pt,
+            isOptionDisabled: () => n.length >= mt
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs(G, { children: [
+        /* @__PURE__ */ e.jsx(Z, { children: "Default Parameters" }),
+        /* @__PURE__ */ e.jsx(
+          ht,
+          {
+            options: H,
+            value: E,
+            onChange: J
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: qs("col-span-2 flex justify-end", l && "hidden"),
+        children: /* @__PURE__ */ e.jsxs(ce, { mt: 16, gap: 4, children: [
+          /* @__PURE__ */ e.jsx($, { colorScheme: "gray", isDisabled: r, onClick: o, children: "Cancel" }),
+          /* @__PURE__ */ e.jsx(
+            $,
+            {
+              colorScheme: "blue",
+              isDisabled: r || !X || !we,
+              isLoading: r,
+              onClick: Me,
+              children: "Save changes"
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}, Z = ({ children: t }) => /* @__PURE__ */ e.jsx($e, { fontWeight: "bold", fontFamily: "sans-serif", fontSize: "large", children: t }), Ft = ({
+  id: t,
+  onCancel: s,
+  onSave: o,
+  onError: u,
+  hideButtons: l,
+  quantumOwned: a,
+  setButtonOnClick: m,
+  setButtonDisabled: f
+}) => {
+  const [{ data: j }] = ee({
+    query: a ? Fs : Ds
+  }), [{ data: C }] = ee({
+    query: ks,
+    variables: { id: t },
+    pause: !t
+  }), [{ data: I }] = ee({
+    query: Es
+  }), p = W(
+    Le,
+    I?.moduleCategories
+  ), [{ fetching: x }, A] = oe(Ps), [{ fetching: d }, r] = oe(ss), S = W(
+    ae,
+    a ? j?.quantumOwnedActions : j?.actions
+  ) ?? [], b = W(Re, C?.module), v = W(ts, b?.moduleActions) ?? [], [h, g] = F([
+    ...v.map((c) => c.actionId) ?? []
+  ]), [w, P] = F(b?.name ?? ""), [T, q] = F([]), [R, Q] = F(b?.description ?? "");
+  Y(() => {
+    b && (g(v.map((c) => c.actionId)), P(b.name), Q(b.description ?? ""), q(
+      b.categories.map(
+        (c) => W(Le, c).id
+      ) ?? []
+    ));
+  }, [b, v]);
+  const U = O(() => {
+    let c;
+    const n = {
+      actions: h,
+      name: w,
+      categories: T.filter((i) => i !== "other"),
+      description: R,
+      quantumOwned: a
+    };
+    b ? c = A({
+      id: b.id,
+      input: n
+    }) : c = r({
+      input: n
+    }), c.then(({ error: i }) => {
+      i ? u(i) : o();
+    });
+  }, [
+    r,
+    A,
+    h,
+    w,
+    R,
+    T,
+    b,
+    o,
+    u
+  ]);
+  return Y(() => {
+    f && f({
+      cancelButton: x || d,
+      saveButton: x || d || !w || R.trim().split(/\s+/).filter(Boolean).length > 40
+    });
+  }, [f, x, d, h, w, R]), Y(() => {
+    m && m({
+      cancelButton: s,
+      saveButton: U
+    });
+  }, [m, s, U]), /* @__PURE__ */ e.jsxs(B, { width: "100%", children: [
+    /* @__PURE__ */ e.jsx(
+      ot,
+      {
+        name: w,
+        setName: P,
+        actions: S,
+        selectedActionIds: h,
+        setSelectedActionIds: g,
+        availableCategories: p ?? [],
+        selectedCategoryIds: T,
+        setSelectedCategoryIds: q,
+        description: R,
+        setDescription: Q
+      }
+    ),
+    !l && /* @__PURE__ */ e.jsx(K, { justifyContent: "flex-start", children: /* @__PURE__ */ e.jsxs(ce, { mt: 16, gap: 4, children: [
+      /* @__PURE__ */ e.jsx(
+        $,
+        {
+          colorScheme: "gray",
+          isDisabled: x || d,
+          onClick: s,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        $,
+        {
+          colorScheme: "blue",
+          isDisabled: x || d || !w || R.trim().split(/\s+/).filter(Boolean).length > 40,
+          isLoading: x || d,
+          onClick: U,
+          children: "Save"
+        }
+      )
+    ] }) })
+  ] });
+};
+export {
+  nt as ActivityList,
+  Ot as CopyActivityForm,
+  Rt as CopyModuleForm,
+  ot as ModuleForm,
+  dt as ParameterEditList,
+  ht as ParameterEditSelect,
+  Lt as UpsertActivityForm,
+  Ft as UpsertModuleForm
+};